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

/*  swatches rood #ab566a */

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

html{}
body{background-color:#fff; font-family:Verdana, Arial, 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;}
.floatright{float:right;}
strong{font-weight:bold;}
.red{color:#F00;}
.green{color:#093;}
.noline{text-decoration:none!important;}
.mar20{margin:0 0 0 20px;}

/***************
** CONTAINERS **
****************/
#wrapper, #topheaderwrapper, #headerwrapper{width:920px; text-align:left; position:relative; margin:0 auto!important; background:#fff;}
#header{height:196px; margin-bottom:10px;}
#topheader{background:#fff; height:120px;}
#headerwrapper{border:solid 1px #333; padding:2px; height:196px;}


#leftcolumn{width:160px; float:left; padding:60px 30px 0 0;}
#center{width:540px; float:left; padding:30px 0 0 0;}
	#breadcrumbs{border-bottom:solid 1px #ccc;}
#rightcolumn{width:160px; float:left; padding:60px 0 0 30px;}
#footer{width:540px; text-align:center; margin:16px auto 0 auto; padding:8px 0; border-top:solid 1px #666;}

#center a{color:#ff6600; text-decoration:underline;}
.slidercontainer strong a{text-decoration:none!important;}
.slidercontent{display:none;}

#topblackbar{background:#000; width:100%; height:6px; position:absolute; top:0px; left:0px;}

/***************
**** STYLES ****
****************/
h1{width:173px; height:91px; background:url(../images/logo.jpg) no-repeat; text-indent:-9999px; position:absolute; top:20px; cursor:pointer;}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; margin:0 0 18px 0; line-height:30px;}
#center h3{font-size:16px; margin:0 0 18px 0;}
.searchresult{background-color:#ff6600; color:#fff;}
#center a:hover, #rightcolumn a:hover{text-decoration:none!important;}

/***************
* LEFTSIDEBAR *
***************/
#nav ul, #nav ul ul{margin:0 0 0 10px;}
#nav a{color:#000; display:block;}
	#nav a:hover{color:#ff6600;}
#nav li{padding:5px 0px; border-bottom:solid 1px #ccc;}
	#nav li.selected a{color:#555;}
		#nav li.selected img{position:absolute; left:-30px; margin-top:1px;}
	#nav li li, #nav li li li{border-bottom:solid 0px #ccc;}
#nav li.selected li a{color:#000;}
	#nav li.selected a:hover{color:#ff6600;}
	
/***************
**** CENTER ****
***************/
#breadcrumbs{color:#333; text-transform:uppercase; font-size:10px; margin:0 0 19px 0;}
	#breadcrumbs a{color:#999; text-decoration:none;}
		#breadcrumbs a:hover{color:#333;}
	#breadcrumbs div{float:right;}
		#breadcrumbs div a{background:url(../images/print.jpg) no-repeat 0px 2px; padding-left:13px;}
		
p{margin:0 0 16px 0;}

#center .geel{background-color:#fdf38e;}
#center .blauw{color:#5f94bb;}
#center .marked{background-color:#ff6600; padding:16px; font-size:14px; margin:16px 0; display:block; color:#fff;}

#center input[type=text], #center input[type=password]{width:400px;}
#center textarea{width:410px; height:100px; background-color:#ddd; border:solid 0px #fff;}

#center ul{margin-left:15px;}
#center li{list-style:disc outside;}


/***************
* RIGHTSIDEBAR *
***************/
input[type=text], input[type=password]{width:127px; padding:5px; margin-top:4px; border:solid 0px #fff; background-color:#ddd; float:left;}
input[type=image]{margin-top:4px;}

#rightcolumn{font-size:11px; width:160px;}
	#rightcolumn a{color:#ff6600; text-decoration:underline;}
	#rightcolumn h3{color:#ff6600; margin:15px 0 4px 0; font-size:14px; padding-top:20px;}
		#rightcolumn h3.line{border-top:solid 1px #ccc;}
	#rightcolumn h2{color:#ff6600; margin:15px 0 4px 0; font-size:14px; padding-top:20px; border-top:solid 1px #ccc; font-family:Verdana, Geneva, sans-serif}

.news li{margin-bottom:10px;}
.news a{color:#ff6600; display:block; text-decoration:none!important;}
	.news a:hover{color:#000;}
.news a span{color:#666;}

#menu a{text-decoration:none!important;}

/***************
**** FOOTER ****
***************/
#footer{font-size:10px; color:#666;}
	#footer a{color:#333; text-decoration:none;}
		#footer a:hover{text-decoration:underline;}