/**
 * bcdendijk.be 2008
 * by joeri verdeyen
 * 
 * css voor de master opmaak
 */


/**
 * MASTER RESET
 */ 
*{
	margin:0;
	padding:0;
	outline:0;
}

/**
 * PAGINA JUMPING VERMIJDEN, EN STEEDS SCROLLBAR PLAATSEN
 */
html {
	min-height:100%;
	margin-bottom:1px
}

/**
 * BASIS PAGINA LAYOUT
 */
body{
	background: url(../images/background.gif) repeat-x top center #7d911a ;
	font-family: Arial, Helvetica, sans-serif;
}

	div#page{
		padding-left:70px;
		width: 1150px;
		margin: 0 auto;
	}
		div#page div#header{
			padding-right:235px;
			#padding-right:135px;
			height: 150px;
			background: url(../images/header.jpg);
			#background: url(../images/2011_banner_ybi.jpg);
			background-repeat: no-repeat;
		}
			/**
			 * topmenu
			 */
			#header div#top_menu{
				float: right;
				margin: 10px 5px;
			}
				div#top_menu ul{
					list-style: none;
					font-size: 11px;
				}
					div#top_menu ul li{
						display: inline;
					}
						div#top_menu ul li a{
							color: #FFF;
							height: 20px;
							display: block;
							float: left;
							font-weight: bold;
							text-decoration: none;
							margin-left: 10px;
						}
						
						div#top_menu ul li a:hover{
							border-bottom: 1px solid #FFF;
						}
				
		div#page div#container{
			margin:0 auto;
		}
		div#content{
			width:700px;
			float:left;
			background: #FFF;
			padding: 10px 10px;
		}
		div#sponsorsR{
			padding-right: 30px;
			padding-top:135px;
			width:190px;
			float:right;
		}
		div#sponsorsL{
			padding-left:10px;
			padding-top:135px;
			width:190px;
			float:left;
		}
		img.sponsor{
			border:none;
		}
		img.sponsor a{
			border:none;
		}
			/**
			 * Mainmenu
			 */
			#navmenu
			{	
				background: #f1f1f1;
				height: 50px;
			}

				#navmenu li
				{	
					list-style: none;
					float: left;
				}

					#navmenu li a
					{	
						display: block;	
						text-decoration: none;
						padding: 0 14px;
						font-size: 24px;
						line-height: 50px;
						color: #000;
					}

					#navmenu li a:hover
					{	
						color: #66722b;
					}

					#navmenu div
					{	
						position: absolute;
						display: none;
						margin-left: 20px;
						padding-top: 20px;
						background:   no-repeat url(../images/arrow.gif) 10px 3px;
						margin-top: -17px;

					}

						#navmenu div a
						{	
							position: relative;
							display: block;
							text-align: center;
							text-decoration: none;
							font-size:12px;
							line-height: 15px;
							padding: 5px 10px;
							color: #fff;
							background-color:#95a63f;
							border: 2px solid #95a63f;
							font-weight: bold;
						}

						#navmenu div a:hover
						{	
							background: #FFF;
							color: #95a63f;
							border: 2px solid #95a63f;
						}

		/**
		 * Content wrapper
		 */
		div#content div#wrapper{
			margin: 10px 0;
			padding: 10px 10px;
			background: #E6E6E6;
			font-size: 12px;
			line-height: 20px;
		}

div#bottom_menu{
	text-align: center;
	background: #E6E6E6;
	padding: 10px 10px;
}
	div#bottom_menu ul{
		list-style: none;
	}
	
	div#bottom_menu .bottom_menu_parent_item{
		float:left;
		width: 125px;
		display: block;
	
	}
	
		div#bottom_menu .bottom_menu_parent_item a{
			font-size: 12px;
			color: #000;
			text-transform: uppercase;
			
		}
		
		div#bottom_menu .bottom_menu_parent_item a:hover{
			color: #7D911A;
			text-decoration: none;
		}
	
	div#bottom_menu .bottom_menu_child_item{
		
	}
		div#bottom_menu .bottom_menu_child_item a{
			text-transform: lowercase;
			color: #7D911A;
			font-size: 10px;
		}
		
		div#bottom_menu .bottom_menu_child_item a:hover{
			color: #000;
			text-decoration: none;
		}

	
div#footer{
	font-size: 10px;
	text-align: center;
	margin-top: 10px;
	clear: both;
}
	#footer a{
		font-weight: bold;
		text-decoration: none;
		color: #000;
	}
	
/**
 * PAGE STYLES
 * Meer stylen die toegepast worden op de pagina's
 */	
 
 h3{
 	margin-bottom: 15px;	
	font-size: 15px;
	color: #66722b;
	background: #FFF;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
 }
 
 h3 span{
 	margin-left: 10px;
	font-size: 10px;
 }
	 h3 span a{
	 	text-decoration: none;
		color: #999;
	 }
	 
	 h3 span a:hover{
	  color: #000;
	 }
 
 p{
 	letter-spacing: 0.08em;
	line-height: 20px;
	margin: 10px 0;
	padding: 0 5px;
 }
	p a{
		font-weight: bold;
		text-decoration: none;
		color: #66722b;
	}
	p a:hover{
		text-decoration: underline;
		color: #66722b;
	}
 
 a:link{
 	font-weight: bold;
	text-decoration: none;
	color: #66722b;
 }
 a:visited{
 	font-weight: bold;
	text-decoration: none;
	color: #66722b;
 }
 a:hover{
 	font-weight: bold;
	text-decoration: underline;
	color: #66722b;
 }
 a:active{
 	font-weight: bold;
	text-decoration: none;
	color: #66722b;
 }
 
 /**
  * BESTUUR
  */
 ul#bestuur{
 	list-style: none;
 }
  	ul#bestuur li{
  		height: 220px;
		clear: left;
  	}
	
	ul#bestuur li img{
		float: left;
		margin: 5px 0;
		border: 1px solid #DDD;
	}
	
	ul#bestuur li span{
		float: left;
		line-height: 220px;
		padding-left: 15px;
	}

/**
 * NIEUWSITEMS
 */
.nieuws_item{
	margin: 20px 0;
}
	.nieuws_item .headline{
		font-size: 14px;
		font-weight: bold;
		display: block;
		padding-bottom: 10px;
		background: no-repeat url(../images/nieuws/arrow.gif) 25px 25px;
		padding-left: 10px;
		line-height: 30px;
	}
	
	.nieuws_item .headline span{
		color: #999;
	}
	
	.nieuws_item .bericht{
		padding: 10px 10px;
		background: #FFF;
		letter-spacing: 0.08em;

	}
		.nieuws_item .bericht a{
			color: #66722b;
			font-weight: bold;
			text-decoration: none;
		}
		.nieuws_item .bericht a:hover{
			text-decoration: underline;
		}

/**
 * LIDGELD
 */
#lidgeld ul{
	list-style: none;
	float: left;
	line-height: 30px;
	text-align: center;
}
	#lidgeld ul li{
		padding: 10px;
		margin: 5px;
		background: #FFF;
	}
		#lidgeld ul li.head{
			font-weight: bold;
			background: #CCC;
		}
/**
 * SPEELUREN
 */
#speeluren ul{
	list-style: none;
	float: left;
	line-height: 30px;
	text-align: center;
}
	#speeluren ul li{
		padding: 10px;
		margin: 5px;
		background: #FFF;
		font-size: 11px;
	}
		#speeluren ul li.head{
			font-weight: bold;
			background: #CCC;
			font-size: 12px;
		}
/**
 * SPORTHAL
 */
#sporthal #foto{
	background: url(../images/sporthal/sporthal.jpg) no-repeat;
	height: 237px;
	width: 320px;
	border: 1px solid #DDD;
	float: left;
}

#sporthal #contact{
	float: left;
	vertical-align: middle;
	width: 200px;
	margin-top: 60px;
	margin-left: 15px;
}

/**
 * DISCLAIMER
 */

ul#disclaimer{
	margin-left: 5px;
	list-style: none;
	letter-spacing: 0.08em;
}
	ul#disclaimer li{
		margin: 10px 0;
	}
	
	ul#disclaimer li ul{
		margin-left: 25px;
	}
	
/**
 * LINKS
 */	
 ul#links{
 	list-style: none;

 }
 ul#links li {
 	clear:both;
 }
 
	 ul#links li a{
	 	display: block;
		background: #FFFFFF;	
		margin: 10px 0;
		text-decoration: none;
		padding: 5px 5px;
		line-height: 25px;
		cursor: pointer;
	 }
	 
	 ul#links li a:hover{
	 	background: #CCCCCC;
	 }
	 
	 ul#links li a span{
	 	float: right;
	 }
 
/**
 * CONTACT
 */
ul#contact{
	list-style: none;
	letter-spacing: 0.08em;
}
	ul#contact li{
		padding: 5px 10px;
		background-color: #DDD;
		margin: 5px 5px;
	}
	ul#contact li span{
		width: 100px;
		display: inline-block;
		vertical-align: top;
	}
	ul#contact li b{
		color: #FF0000;
	}
/**
 * SITEMAP
 */
ul#sitemap{
	list-style: none;
	padding: 0 10px;
	letter-spacing: 0.08em;
	line-height: 20px;
	font-size: 14px;
}
	ul#sitemap li{
		font-weight: bold;
		margin-top: 10px;
	}
	
	ul#sitemap li ul{
		padding: 0 25px;
		list-style: none;		
	}
	
	ul#sitemap li ul li{
		font-weight: normal;
		margin-top: 0px;
		font-size: 11px;
		line-height: 15px;
		margin-bottom: 7px;
	}
		ul#sitemap li ul li a{
			display: block;
			font-size: 12px;
		}
/**
 * AFSPRAKEN
 */
ol#afspraken,ul#afspraken{
	margin-left: 30px;
	letter-spacing: 0.08em;
}
	ol#afspraken li,ul#afspraken li{
		padding: 5px 0;
	}
/**
 * FOTO
 */
ul#foto_lijst{
	list-style: none;
}
	ul#foto_lijst li{
		clear: both;	
	}
	
	ul#foto_lijst li a{
		display: block;
		background: #FFFFFF;	
		margin: 10px 0;
		text-decoration: none;
		padding: 5px 5px;
		line-height: 50px;
		cursor: pointer;
	}
	
	ul#foto_lijst li a b{
		float: right;
	}
	
	ul#foto_lijst li a img{
		float: left;
		margin-right: 10px;
	}
	
	ul#foto_lijst li a:hover{
		background: #CCCCCC;
	}
ul#foto_overzicht{
	list-style: none;
}
	ul#foto_overzicht li{
		float:left;
	}
	ul#foto_overzicht li a{
		padding: 5px 5px;
		height: 80px;
		width: 80px;
	}
	
/**
 * TRAININGEN
 */	
ul#training_schema{
	list-style: none;
}
	ul#training_schema li{
		margin: 10px 10px;
	}
		ul#training_schema li.head b{
			background: #CCC;
			font-weight: bold;
		}
		ul#training_schema li b{
			display: inline-block;
			line-height: 25px;
			background: #FFF;
			padding: 10px 10px;
			margin: 0 2px;
			width: 20%;
			font-weight: normal;
			text-align: center;
		}
/**
 * TORNOOIEN
 */
ul#tornooi{
	list-style: none;
}
	ul#tornooi li{
		margin: 5px 0;
	}
	
	ul#tornooi li.head b{
		background: #CCC;
		font-weight: bold;
		padding: 10px 5px;
		line-height: 25px;
		text-align: center;
	}
	ul#tornooi li b{
		display: inline-block;
		line-height: 20px;
		background: #FFF;
		padding: 5px 5px;
		margin: 0 2px;
		font-weight: normal;
		text-align: center;
	}
	
	ul#tornooi li b.datum{
		width: 100px;
	}
	ul#tornooi li b.titel{
		width: 340px;
		text-align: left;
	}
	ul#tornooi li b.pdf{
		width: 50px;
	}
	ul#tornooi li b.inschrijven{
		width: 100px;
	}
/**
 * INSCHRIJVING
 */
ul#inschrijving{
	list-style: none;
	letter-spacing: 0.08em;
}
	ul#inschrijving li{
		padding: 5px 10px;
		background-color: #DDD;
		margin: 5px 5px;
	}
	ul#inschrijving li span{
		width: 200px;
		display: inline-block;
		vertical-align: top;
	}
	ul#inschrijving li b{
		color: #FF0000;
	}