/***********************************************
* CSS codevzw.be
* Date Created: 12/02/2010
* Last Modified: 12/02/2010
* 
* Copyright 9000 Studios - http://www.9000.be
* - Please do not reuse without permission -
************************************************/

/* swatches: bruin #5f5f4a / geelig #b6a300 / bruinhover #6b6b54 */

/***************
** MAIN STUFF **
****************/

html{}
body{background-color:#fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000; text-align:center; margin:0px; height:100%!important; position:relative; line-height:18px;}
.clear{clear:both; line-height:0px; height:0px;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.mar20{margin-left:20px;}

/***************
** CONTAINERS **
****************/
#wrapper{width:960px; text-align:left; position:relative;}

#leftsidebar{width:300px; background:#ffffff; float:left;}
	#leftsidebartop{width:260px; padding:0 20px; background:#5f5f4a;}
		#leftsidebartop .item{padding:10px 0; border-bottom:solid 1px #ffffff; color:#fff;}
			#leftsidebartop .item:hover{background-color:#6b6b54;}
			#leftsidebartop .item h4{font-size:14px; font-weight:bold; color:#ffffff;}
			#leftsidebartop .item a{color:#ffffff; text-decoration:none;}
	#leftsidebar h1{width:260px; height:89px; text-indent:-9999px; background:url(../images/codevzw.jpg) no-repeat center center; padding:0 0 20px 0; cursor:pointer;}
	
	#kalenderlinks{position:relative; margin:-23px 0 0 140px; color:#fff; font-size:10px; text-align:right;}
		#kalenderlinks a{color:#fff; text-decoration:none;}
			#kalenderlinks a:hover{text-decoration:underline;}
	#kalendercontainer{font-size:10px;}
		#kalendercontainer tr{line-height:15px;}
		#kalendercontainer th{text-align:center; color:#b6a300; font-size:8px}
		#kalendercontainer td{text-align:center; color:#fff;}
			#kalendercontainer td a{padding:1px 3.7px; color:#fff; text-decoration:none;}
			#kalendercontainer td a.dataok{background:#b6a300;}
			#kalendercontainer td a.selected{background:#fff; color:#000;}
				#kalendercontainer td a:hover{background:#fff; color:#000;}
	
	#leftsidebarbottom{background:url(../images/sidebargradient.jpg) repeat-x #ffffff; padding:20px 20px 20px 20px; width:260px;}
		#leftsidebarbottom .item, #col1 .item{border-bottom:solid 1px #5f5f4a;}
			#leftsidebarbottom .item a, #col1 .item a{padding:10px 0; display:block; color:#5f5f4a; text-decoration:none;}
				#leftsidebarbottom .item a:hover, #col1 .item a:hover{background-color:#efefef;}

	#leftsidebar h3{color:#ffffff; background: url(../images/titelgeelbg.jpg) bottom left no-repeat #b6a300; display:inline-block; padding:4px 4px 8px 26px; margin:10px 0 10px 0;}
	
	.videocontainer{margin:0 0 30px 0; height:160px;}
	
	#updatelinks{position:relative; margin:-23px 0 0 124px; color:#999;}
		#updatelinks a{color:#999; text-decoration:none;}
		#updatelinks a:hover{color:#333;}
		
#homecontent img{width:190px;}
#homecontent ul, col2 ul{list-style-type:disc; list-style-position:inside}
#homecontent a, ul{color: #333;}
	#homecontent a:hover{text-decoration:underline;}
	#homecontent p a{text-decoration:underline;}

#content{width:630px; padding:20px 0 20px 30px; float:left; color:#5f5f4a}
	#breadcrumbs{font-size:10px; color:#999; margin:0 0 10px 0;}
		#breadcrumbs a{color:#999; text-decoration:none;}
			#breadcrumbs a:hover{color:#333;}
			
	#menu{border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin:0 0 16px 0;}
	
	#content h2{color:#ffffff; background: url(../images/titelgroenbg.jpg) bottom left no-repeat #5F5F4A; display:inline-block; padding:4px 0px 8px 26px; margin:10px 0 10px 0; text-transform:uppercase; width:604px;}
		#content h2 span{display:block; float:right; margin:0 10px 0 0;}
		
	#col1{width:200px; float:left;}
		#col1 .videocontainer{margin:40px 0 40px 0; height:auto;}
		#col1 h3{text-decoration:underline;}
	#col2{width:400px; float:left; padding:0 0 0 30px;}
		#col1 h3, #col2 h3{font-size:14px; text-transform:uppercase; font-weight:bold;}
		#col2 .spacer{height:1px; width:200px; line-height:1px; background:#5f5f4a; margin:20px 0;}
		#col2 a{text-decoration:underline; color:#5f5f4a;}
			#col2 a:hover{text-decoration:none;}
		#col2 .marked, #homecontent .marked{color:#b6a300;}
	#col2 ul{list-style-type:disc; list-style-position:inside;}
		
	#content .col{float:left; width:190px; margin:0 30px 20px 0;}
		#content .col h3{font-size:18px; margin:10px 0 20px 0; line-height:14px; padding:0 0 13px; border-bottom:solid 1px #b6a300;}
			#content .col h3 span{display:block; font-size:10px; text-transform:uppercase;}
		#content .col a{color:#5f5f4a; text-decoration:underline;}
			#content .col a:hover{text-decoration:none;}
	#content .col.last{margin-right:0px;}
		
#footerwrapper{width:660px; background:#5f5f4a;}
#footer{background:#5f5f4a; color:#ffffff; padding:0 0 30px 330px; text-align:left;}
	#footer .col{float:left; text-align:left; margin:30px 30px 0 0; font-size:10px; width:135px;}
		#footer .col h4{font-size:16px; margin:0 0 8px 0;}
			#footer .col a{color:#ffffff; text-decoration:none;}
				#footer .col a:hover{text-decoration:underline;}
#footercopyright{background-color:#ffffff; text-align:left; padding:5px 0 5px 330px; color:#5f5f4a; font-size:11px;}
	#footercopyright a{color:#5f5f4a; text-decoration:underline; margin:0 0 0 18px;}
		#footercopyright a:hover{text-decoration:none;}
.footersponsors{background-color:#ffffff; text-align:left; padding:5px 0 5px 330px; color:#5f5f4a; font-size:11px;}
.footersponsors li{float:left; margin:0 10px 0 0;}