@import url(styles.css);
#main {
	position:absolute;
	width:1000px;
	top:100px;
	bottom:45px;
	left:50%;
	margin:0 0 0 -501px;
	padding:0;
	background: url(images/bg_content.jpg) 		repeat-y;}

/*============== hoofdnavigatie ==============*/

#navigatiecontainer{
	position:absolute;
	width:1000px;
	height:30px;
	top:10px;
	left:50%;
	margin:0 0 0 -501px;
	padding:70px 0 0 0;
	z-index:10;}
	
#navigatie{
	position:relative;
	width:930px;
	height:26px;
	padding:0 0 0 20px;
	margin:0 0 0 24px}
	
#navigatie ul{
	padding:0;
	margin:0;}
	
#navigatie li{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;}
	
#navigatie a{
	display:block;
	width:116px;
	padding:2px 0 0 14px;
	margin:2px 2px 2px 0;}

#navigatie a.zoekbutton{
	float:right;
	width:40px;
	margin-right:30px;}
	
#navigatie ul ul {
	visibility:hidden;
	position:absolute;
	width:137px;
	margin:0  0 0 -3px;
	padding:2px 0 10px 0;
	z-index:110 !important;
	-moz-opacity:0.80;
	opacity:0.80}
	
#navigatie ul lu li{
	margin:0;
	padding:0;}
	
#navigatie ul ul a{
	display:block;
	width:118px;
	padding:2px 0 2px 12px;
	margin:0 0 0 2px !important;}
	
#navigatie ul ul:hover{
	-moz-opacity:1;
	opacity:1;}	

/*============== subnavigatie ==============*/		
#subnavigatie {
	position:absolute;
	overflow:auto;
	width:200px;
	top:110px;
	bottom:18px;
	left:50%;
	margin:0 0 0 -460px;
	padding:0;}
	
#subnavigatie ul{
	margin:45px 0 0 0;
	padding:0;}
			
#subnavigatie li{
	margin:0;
	padding:0;}		
	
#subnavigatie a{
	display:block;
	padding:5px 0 0 5px;
	margin:0;}

#subnavigatie ul.sub{
	padding:.5em 0;
	margin:-3px 0 0 0;}
	
#subnavigatie ul.sub a{
	padding:2px 0 2px 10px;
	margin:3px 0 3px 3px;}

/*============== subnavigatie ==============*/		
#address {
	background:#E7EEF9;
	position:absolute;
	overflow:auto;
	width:190px;
	padding:5px;
	margin:0;
	bottom:8px;
}

#address h3,
#address p,
#address a{
	margin: 0;
	padding:0;
}
	
/*============== content ==============*/
#content{
	position:absolute;
	overflow:auto;
	width:478px;
	top:110px;
	bottom:45px;
	left:50%;
	margin:0 200px 0 -450px;
	padding:26px 200px 0 240px;}
	
/*============== rechterkolom ==============*/		
#rechterkolom {
	position:absolute;
	overflow:auto;
	width:150px;
	top:110px;
	bottom:45px;
	left:50%;
	padding:16px 0 0 0;
	margin:0 0 0 300px;}
	
#rechterkolom ul{
	padding-left:12px;}
			
#rechterkolom li{
	padding:0;
	margin:0;}

/*============== footer ==============*/	
#footer {
	position:absolute;
	overflow:hidden;
	width:1000px;
	height:45px;
	bottom:0;
	left:50%;
	margin:0 0 0 -501px;
	padding:0;}

/*============== extra ==============*/


/*============== formulier ==============*/
form td{		
	padding: 2px 5px;}
	
form th{
	width:200px;
	padding-top:10px;}
		
.inputs, .inputm, .inputl, .inputxl, .inputzoeken, textarea{
	margin:2px 2px 2px 0;
	padding:2px 3px 3px 2px}
	
.inputs{
	width:96px;}
.inputm{
	width:180px;}
.inputl{
	width:220px;}
.inputxl{
	width:280px;}
.inputzoeken{
	float:left;
	width:130px;}	
textarea{
	width:460px;
	height:200px;}

.knop, input.knopm, input.knopl{
	padding:0  5px;
	margin:0 12px 0 0 ;}

/*============== clickbox ==============*/

p.galerij { padding:3px 7px; }
p.galerij img { padding:2px; }
#cbMask {
	position: fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index:200;
}
#cbModal {
	position: absolute;
	overflow:hidden;
	display:none;
	top:50%;
	left:50%;
	padding:20px;
	z-index: 202;
}
#cbContentholder {
	display:block;
	margin:0 1px;
}
#cbContentholder.ajax { 
overflow:auto; }
#cbImage { margin:0; }
#cbCaption, #cbButtons {
	display:block;
	height:25px;
	padding:3px 10px;
}
#cbCounter {
	padding:0 2px;
	margin:0 2px;
	float:right;
}
#cbIframe { width:100%; }

span.cbButton {
	float:left;
	padding:0 2px;
	margin:0 2px;
}
span.cbButton:hover, #cbHead .cbButton{
	cursor:hand;
	cursor:pointer;
}
.ajax { padding:10px; }

#cbButtons {
	display:none; }