/* 
Lichtgroen	99CC33
Donkergroen	669900
Zachtgroen	DCEBBC
*/

.accessibility {
	display : none;
}

body {
	margin : 0;
	
	font-family : Tahoma, Verdana, sans-serif;
	font-size : 13px;
	
	background-image : url('../images/bgBody.jpg');
	background-repeat : repeat-x;
	background-position : top left;
	background-color : #99CC33;
}

img {
	border : 1px solid #669900;
	margin : 10px;
}

.left {
	float : left;
}
.right {
	float : right;
}
.nieuwsFoto a, .nieuwsFoto a:hover {
	border : 0px none !important;
	background : none transparent !important;
}
.nieuwsFoto a:hover img {
	border : 1px solid #333333;
}
a.icon img {margin:0px; border:0px;}
a.icon:hover img {border:0px;}

a {
	text-decoration : none;
	color : #669900;
}

label {
	cursor : pointer;
}

input, textarea, select {
	padding : 2px;
	color : #669900;
	font-family : Tahoma, Verdana, sans-serif;
	font-size : 13px;

	padding-bottom : 20px;
	background-image : url('../images/bgItem.png');
	background-repeat : no-repeat;
	background-position : bottom right;
	background-color : transparent;
	border : 0px none;
	border-top : 1px solid #E0E0E0;
}

input[type="submit"], input[type="reset"], button {
	font-weight : bold;
	cursor : pointer;
	padding : 3px 15px 20px 15px;
}

select {
	padding : 0px;
}

input:hover, textarea:hover {
	border : 0px none;
	border-top : 1px solid #99CC33;
}
input:focus, textarea:focus {
	border : 0px none;
	border-top : 1px solid #669900;
}

h1, h2, h3, h4, h5, h6 {
	font-family : Calibri, Tahoma, Verdana, sans-serif;
}

h1 {
	margin : 0px;
	padding : 0px;
	width : 450px;
	font-size : 14px;
	color : #666666;
}
	h1 a {
		color : #99CC33;
	}
	h1 a:hover {
		color : #669900;
	}

h2 {
	margin : 0px;
	font-size : 30px;
	font-style : italic;
	color : #669900;
	letter-spacing : -1px;
}

h3 {
	margin : 0px;
	margin-bottom : 0.5em;
	font-size : 24px;
	color : #999999;
	letter-spacing : -1px;
}

h4 {
	margin : 0px;
	margin-bottom : 0.3em;
	font-size : 17px;
	color : #99CC33;
	letter-spacing : -1px;
}
	.important {
		color : #333333;
		border : 1px solid #99CC33;
		padding : 2px;
	}

.item, .navigation li a, #navBeheer {
	behavior : url('css/iepngfix.htc');
	/* Het bekende PNG transparency bugje fixen voor IE5/6 */
}

.item {
	padding-bottom : 30px;
	padding-right : 10px;
	background-image : url('../images/bgItem.png');
	background-repeat : no-repeat;
	background-position : bottom right;
	background-color : transparent;
}

.clear {
	clear : both;
}

.paginaIndeling {
	text-align : center;
	letter-spacing : 2px;
	color : #669900;
	margin : 1.5em auto;
}

#wrapper { 
	margin : 0 auto;
	padding : 0px;
	width : 760px;
	background-image : url('../images/bgWrapper.jpg');
	background-repeat : no-repeat;
	background-position : top center;
	background-color : #99CC33;
}

#header {
	margin : 0px;
	/*padding : 180px 0px 0px 360px;*/
	padding : 190px 0px 0px 280px;
	width : 480px;
	/*height : 30px;*/
	height : 30px;
	float : left;
	
	border : 0px none;
}

#leftColumn { 
	margin : 0px;
	padding : 0px;
	width : 199px;
	float : left;
		
	border : 0px none;
	color : #669900;
}

.navigation {
	margin : 8px 0px;
	padding : 0px;
	list-style : none;
	text-align : center;
}

.navigation li {
	margin : 5px 0px;
}

.navigation li a, #navBeheer {
	display : block;
	height : 30px;
	width : 199px;
	text-indent : -99999px;
	outline : 0px none;
	background-repeat : no-repeat;
	background-position : 0px 0px;
}
.navigation li a.current {
	background-position : 0px -60px;
}
.navigation li a:hover, .navigation li a.current:hover {
	background-position : 0px -30px;
}
.navigation li a:active, .navigation li a.current:active {
	background-position : 0px -60px;
}

#navHome {			background-image : url('../images/btnHome.png'); }
#navTrainer {		background-image : url('../images/btnTrainer.png'); }
#navDoelgroep {		background-image : url('../images/btnDoelgroep.png'); }
#navTrainingen {	background-image : url('../images/btnTrainingen.png'); }
#navWedstrijden {	background-image : url('../images/btnWedstrijden.png'); }
#navAtleten {		background-image : url('../images/btnAtleten.png'); }
#navFotogallerij {	background-image : url('../images/btnFotogallerij.png'); }
#navSponsors {		background-image : url('../images/btnSponsors.png'); }
#navVriendenVan{	background-image : url('../images/btnVrienden.png'); }
#navGastenboek {	background-image : url('../images/btnGastenboek.png'); }
#navContact {		background-image : url('../images/btnContact.png'); }
#navWeblog {		background-image : url('../images/btnWeblog.png'); }

#navBeheer {
	float : left;
	width : 35px;
	height : 35px;
	background-image : url('../images/btnBeheer.png');
}
#navBeheer:hover {
	background-position : 0px -35px;
}

#content { 
	margin : 0px;
	padding : 0px 20px 50px 20px;
	width : 521px;
	min-height : 500px;
	/* display : inline;*/ 
	float : left;

	border : 0px none;
	background-image : url('../images/bgContent.jpg');
	background-repeat : no-repeat;
	background-position : bottom right;
	background-color : #FFFFFF;
	color : #000000;
}

	#content ul {
		list-style-image : url('../images/bgUList.gif');
	}
	#content ul li {
		margin : 4px auto;
		line-height : 1.5em;
	}
	#content ul ul {
		list-style-image : url('../images/bgUList2.gif');
	}
	#content ul ul li {
		margin : 3px auto;
	}

	#content p {
		margin : .4em;
		text-align : justify;
		line-height : 1.5em;
	}
	
	#content a {
		color : #669900; 
		border-bottom : 1px dotted #99CC33;
	}	
	#content a:hover {
		background-color : #99CC33 !important;
		color : #FFFFFF; 
		border-bottom : 1px solid #669900;
	}

#backToTop {
	float : right;
	clear : both;
}

#footer { 
	margin : 0px 0px 20px 200px;
	padding : 10px;
 	width : 540px;
	clear : both;
	
	color : #FFFFFF;

	font-style : italic;
	font-size : 16px;

	text-align : right;
	letter-spacing : 3px;
}


table.calendar { 
	background-color : #669900;
	padding : 0px;
}
.calendar th { 
	font-family : Calibri, Tahoma, Verdana, sans-serif;
	font-weight : bold; 
	font-size : 13px;
	color : #FFFFFF; 
	background-color : #99CC33; 
} 
.calendar th.month { 
	font-family : Calibri, Tahoma, Verdana, sans-serif;
	font-weight : bold; 
	font-size : 15px;
	color : #FFFFFF; 
	background-color : #669900;
} 
.calendarToday { 
	background-color : #FFFFFF;
	font-weight : bold; 
	color : #669900;
} 
td.calendar { 
	background-color : #FFFFFF;
	padding : 4px;
	vertical-align : top;
	text-align : center;
} 
.calendar .disabled {
	background-color : #DCEBBC !important;
}
.calendar .event {
	background-color : #99CC33 !important;
}
.calendar .event a {
	color : #FFFFFF !important;
	font-weight : bold;
}


.tip {
	width : 240px;
	z-index : 999999;
	padding-bottom : 20px;
}
 
.tip-title {
	z-index : 999999;
	margin : 0;
	padding : 5px;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;

	background-image : url('../images/bgTH.gif');
	background-position : top;
	background-repeat : repeat-x;
	background-color : #99CC33;
}
 
.tip-text {
	z-index : 999999;
	margin : 0;
	font-size : 11px;
	padding : 5px 5px 15px 5px;
	background : #FFFFFF;
	border : 1px solid #99CC33;
	border-top : 0px none;
}