html {margin:0; color:#000; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px;}

body {
  width: 100%;padding: 0; margin: 0;
  background: #8fbdd5 url(images/wolken.jpg) no-repeat center top;
  display: table; color : #555; }

/* Opbouw */
#top {position: relative; width: 950px; height: 45px; z-index:10; margin-left: auto; margin-right: auto; text-align:left;  }
#container { width: 950px; height: 100%; margin-top: 90px; margin-left: auto; margin-right: auto; background: #fff url(images/bg_inhoud.gif) repeat-y; }
#header { width: 950px; height: 12px; z-index:0; margin: 0; background: #fff url(images/bg_container_top.gif) no-repeat; }
#header_top { position: relative; width: 900px; height: 300px; margin-left:11px;  z-index:9; }
#header_top div { z-index:0; }
#inhoud { width: 880px; min-height: 400px;  margin-left:40px; font-family: Trebuchet MS, Tahoma; }


#banner { 
	width: 569px;
	height: 89px;
	background:  url(images/banner_lui.jpg) no-repeat; 
	margin: 35px auto 0 auto ;
}
#banner_blauw { 
	width: 569px;
	height: 89px;
	background:  url(images/banner_lui_blauw.jpg) no-repeat; 
	margin: 15px auto 0 auto ;
}
#google {
	position:absolute;
	margin-left: 7px;
	margin-top: 12px;
}


/* Header slide */
.area { width: 850px; height:275px; background: url(images/header_fotokader.jpg) no-repeat 30px; }
.roteer { position: relative; height: 300px; width: 850px; margin-top: 0px; padding-left: 10px; }

.roteer .foto { float:left; }
.roteer .foto img { border: none; width:375px; height:237px; margin-top: 7px; margin-left: 44px; z-index:0; }

.roteer .foto .fotoslide { position:relative; z-index:10; margin-top:-20px; margin-left:310px; }
.roteer .foto .fotoslide div.huidig, .roteer .foto .fotoslide a { width: 12px; height: 12px; margin: 0 8px 0 0; float: left; overflow: hidden; }
.roteer .foto .fotoslide a:hover { text-decoration: none; }
.roteer .foto .fotoslide  div.huidig { background: #50b2d4; opacity:0.5;filter:alpha(opacity=50) }
.roteer .foto .fotoslide  a { display: block; background: #ccc; opacity:0.3;filter:alpha(opacity=30) }   

.roteer .tekst { margin-left: 470px; margin-top:20px; }
.roteer .link { text-align:right; }

#noScript .area_no { width: 850px; height:320px; background: url(images/header_fotokader.jpg) no-repeat 30px ; }
#noScript .roteer_no .foto_no { float:left; }
#noScript .roteer_no .foto_no img { border: none; width:375px; height:237px; margin-top: 7px; margin-left: 54px; z-index:0; }
#noScript .roteer_no .tekst_no { margin-left: 470px; margin-top:20px; }
.verberg {	display: none; }




/* Header slide */

.fotokader { width: 450px; height: 275px;margin-left: 30px; float:left; background: url(images/header_fotokader.jpg) no-repeat; }
.fade { margin-left: 24px; z-index:0;}
.fade img {	border: none;  width:375px; height:237px;  z-index:0; opacity:0.0; }
.fade p { margin-top: 8px; text-align: center; }
.fade .tekst { width: 395px; margin-top: 20px; margin-left: 465px; text-align: left; z-index:0;}
.fade .link { text-align:right; }

/* JS uitgeschakeld */
#noScript .fotokader_no { width: 484px; height: 300px; margin-left: 30px; float:left; background: url(images/header_fotokader.jpg) no-repeat; }
#noScript .fade_no { margin-left: 25px; margin-top: 8px; float:left;  }
#noScript img {	border: none; } 
.verberg {	display: none; }


/* Links */
a.gs:link, a.gs:visited, a.gs:hover, a.gs:active { color: #404040; text-decoration: none; border-bottom: 0; }

/* Opmaak */
#footer h3 { font-size: 13px; font-family: Trebuchet MS, Tahoma; color: #555; border-bottom: 1px solid #c0c0c0; } 


/* Footer */

#footer ul {
	list-style: none;
	margin: 0 0 0 15px;
	padding-top: 15px;
	padding-left: 25px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color: #0d0e41; }
	
#blok {	width: 100%; }
.clear { clear: both; height: 15px; }