@import url(styles.css);
body {
	margin:0;
	padding:0;}
	
/*============== logo ==============*/	
#logo {
	position:absolute;
	width:230px;
	height:100px;
	top:15px;
	bottom:0;
	left:50%;
	margin:0 0 0 270px;}

#logo a img{
	border:none;}
/*============== navigatie ==============*/	
	
#navigatiecontainer {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:120px;
	top:0;}
	
#navigatie{
	position:absolute;
	width:720px;
	top:90px;
	left:50%;
	margin:0 0 0 -230px;
	padding:0;
	z-index:10}
	
#navigatie ul{
	float:right;
	margin:0 60px 0 0;}
			
#navigatie li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;}
	
#navigatie a{
	display:block; 
	padding:0 10px;
	margin:0 0 0 5px;}
	
/*============== subnavigatie ==============*/	
#subnavigatiecontainer {
	position:absolute;
	width:210px;
	overflow:hidden;
	top:121px;
	left:50%;
	bottom:36px;
	margin:0 0 0 -475px;
	z-index:10}

#home #subnavigatiecontainer{
	display:none;}

#subnavigatie ul {
	margin:60px 0 0 0;
	padding:0 0 0 20px}
			
#subnavigatie ul.sub{
	margin:0;
	padding:0;}	
	
#subnavigatie ul.sub li{
	margin:0;
	padding:0;}
	
#subnavigatie a{
	margin:0;}

/*============== content ==============*/

#vContainer{
	position:absolute;
	overflow:hidden;
	top:121px;
	right:0;
	bottom:36px;
	left:0;
	padding:0;}

#hContainer{
	position:absolute;
	overflow:auto;
	top:0;
	right:0;
	bottom:0;
	/*voorbeeld: left: (1024/2 - 200)= 312px;*/
	left:50%;
	margin-left:-235px;
	padding:0;}

#content{
	position:absolute;
	width:720px;
	left:0;
	padding:20px 0 20px 5px;}
	
#index #hContainer,
#home #hContainer{
	overflow:hidden;
	width:940px;
	margin:0 0 0 -490px;
	padding:15px 0 0 40px;}	

/*togglen in projecten*/
dl#tabcontrol{
	 position: relative;
	 width: 700px;
	 margin:0 0 0 -5px;
	 padding:0;}
 
dl#tabcontrol dt.active, dl#tabcontrol dt{
	padding:0 4px;
	border-bottom:none;}
 
dl#tabcontrol dt{
	display: inline;
	margin: 0 10px 0 0;}

dl#tabcontrol dt.active{
	position:relative;
	padding-bottom:3px;
	z-index:2;}
	 
dl.tabbed dt a{
	margin: 0;} 
	 
dl#tabcontrol dd.display{
	display : block;}
	 	 
dl#tabcontrol dd{
	display : none;
	position: relative;
 	overflow: hidden;
	top: 0;
	margin:0;
	padding:5px;}

dd#galerij{
	padding:50px 0 5px 5px !important;}	
	
dd#galerij p, dd#intro p{
	padding:0;
	margin:0;}

dd#galerij img{
	width:90px;
	height:90px;
	-moz-opacity:0.8;
	opacity:0.8;}
	
dd#galerij a{
	display:block;
	float:left;
	margin:5px 5px 0 0;
	padding:8px;
	-moz-opacity:0.7;
	opacity:0.7;}
	
dd#galerij a:hover{
	-moz-opacity:1;
	opacity:1;}

dd#galerij span{
	position:absolute;
	display:none;
	overflow:hidden;
	height:50px;
	width:690px;
	top:0;
	left:1px; 
	padding:5px 10px;
	margin:0 5px 5px -5px;}
	
dd#galerij a:hover span{
	display:inline;}
	
dl td, dl th{
	padding:0 10px 0 0}	

dl th{
	width:140px;}	

/*Preview*/

#mask{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	-moz-opacity:0.85;
	opacity:0.85;
	z-index:14}

#preview{
	position:absolute;
	overflow:hidden;
	top:50%;
	left:50%;
	z-index:15;}
	
#preview img{
	margin:10px;}

#preview p{
	margin:0;
	padding:2px 50px 2px 10px;}
	
#preview div.controls{
	position:absolute;
	width:auto;
	right:14px;
	bottom:0;
	padding:0; }
	
/*============== footer ==============*/	
#footercontainer {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:35px;
	bottom:0;}	

#footer {
	position:absolute;
	overflow:hidden;
	width:720px;
	height:30px;
	bottom:0;
	left:50%;
	margin:0 0 0 -230px;
	padding:10px 0 0 0;}	

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



h1{
	font-size:1.4em;}

h2 {
	margin:0 0 -0.8em 0;}

h3 {
	margin-bottom:-0.7em;}

h4 {
	margin-bottom:-.7em;}
	
	
img.links, img.left{
	margin-right:15px;}
	
img.rechts, img.right{
	margin-left:15px;}
	

hr {
	display:block;
	height:1px;
	margin:0;
	padding:0;
	clear:both;
	visibility:hidden;}

/*============== formulier ==============*/

#contact #hContainer{
	margin-left:-440px;}
	
#contact #content{
	padding:15px 0 0 210px;}	
	
#contact .adres {
	display:block;
	margin-left:-210px;
	width:210px;
	float:left;
	padding:1.4em 0 0 20px;}	

#content form{
	line-height:2.3em;}

#content label{
	display:block;
	width:180px;
	float:left;
	clear:both;}
		
#content .inputkort, #content .inputlang, #content  textarea{
	margin:2px 0;
	padding-left:3px;}
	
#content .inputkort{
	width:80px;}
	
#content .inputlang{
	width:450px;}
	
#content textarea{
	width:538px;
	height:150px;
	overflow:auto;}

#content input.invalid,#content  textarea.invalid,
#content input.invalid:focus,#content  textarea.invalid:focus{
	border:1px solid red;}

#content input.knop{
	width:90px;
	padding:0 5px;
	margin:1.2em 12px 0 0 ;}