/* 
	BASIS GEGEVENS	
*/

html{
	overflow-y:scroll
}

html,body{
	width:100%;
}

body#watdoenwe{background:#ffffff url('../images/css/header_kikker.jpg') top center no-repeat;}
body#waaromlulof{background:#ffffff url('../images/css/header_hart.jpg') top center no-repeat;}
body#contact{background:#ffffff url('../images/css/header_dame.jpg') top center no-repeat;}
body#medewerkers{background:#ffffff url('../images/css/header_vingerafdruk.jpg') top center no-repeat;}
body#technische_specs{background:#ffffff url('../images/css/header_oog.jpg') top center no-repeat;}

/* Visuals */
#visuals{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:100%;
	height:184px;
	z-index:-1;
	overflow:hidden;
}
#visuals div{
	width:100%;
	height:184px;
}
#papier1{background:url('../images/css/header_papier.jpg') top center no-repeat;}
#papier2{background:url('../images/css/header_papier2.jpg') top center no-repeat;}
#papier3{background:url('../images/css/header_papier3.jpg') top center no-repeat;}
#papier4{background:url('../images/css/header_papier4.jpg') top center no-repeat;}


/* Standaard breedtes */
#container,#header,#footer{width:785px;}

/* 
	CONTAINER
*/

/* Container */
#container{
	margin:20px auto 0 auto;
}

/* 
	HEADER
*/

/* Header */
#header{
	height:118px;
	padding:103px 0 0 0;
	margin:0 auto 0 auto;
}
#schaduw{
	width:100%;
	height:9px;
	margin:11px 0 0 0;
	float:left;
	background:url('../images/css/schaduw.jpg') repeat-x;
}

/* Logo */
#logo_container{
	width:170px;
	height:124px;
	float:left;
}
#logo{
	width:170px;
	height:108px;
	display:block;
	float:left;
	background:url('../images/css/logo.png') no-repeat;	
}

/* 
	CONTENT
*/

/* Minimale hoogtes */
#content_tekst
{min-height:220px;}
/*body#home #content_tekst
{min-height:385px;}
html>body #content_tekst
{min-height:154px;}
#content_tekst
{min-height:164px;}*/
/**/
/* Gelijke breedtes */
#content,#content_tekst{
	width:608px;
}

/* Floating */
#content,#content_tekst,#utp,#sidebar{
	float:left;
}

/* Content Tekst */
#content{
	padding:0 41px 0 0;
}
#content_tekst{
	width:577px;
}

/* UTP */
.utp{
	width:486px;
	height:204px;
	margin:0 0 0 91px;
}
.utp#kikker{background:url('../images/utp/kikker.jpg') no-repeat;}
.utp#hart{background:url('../images/utp/hart.jpg') no-repeat;}
.utp#dame{background:url('../images/utp/dame.jpg') no-repeat;}
.utp#vingerprint{background:url('../images/utp/vingerafdruk.jpg') no-repeat;}

/* Footer */
#footer{
	float:left;
	text-align:right;
	clear:both;
	margin-bottom:5px;
}
body#contact #footer{
	margin-top:30px;
}

/* 
	MEDEWERKERSPAGINA
*/

a div.foto,a div.foto span{
	width:85px;
}

/* Foto */
a div.foto{
	height:104px;
	cursor:pointer;
	margin:0 10px 20px 0;
	border:1px solid #fff;
}

a div span{
	color:#ffffff!important;
}
a:hover div span{
	color:#777777!important;
}

body#medewerkers #content_tekst a{
	text-decoration:none;
}

/* Tekst namen */
a div.foto span{
	position:relative;
	z-index:0;
	height:8px;
	padding:5px 0;
	margin:100px 0;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	display:block;
}
.foto{
 overflow:hidden;
}
/* Specifieke foto's */
#foto1{background:url('../images/fotos/gerrit.jpg') 0 0 no-repeat;}
#foto2{background:url('../images/fotos/carel.jpg') 0 0 no-repeat;}
#foto3{background:url('../images/fotos/hafid.jpg') 0 0 no-repeat;}
#foto4{background:url('../images/fotos/rutger.jpg') 0 0 no-repeat;}
#foto5{background:url('../images/fotos/raymond.jpg') 0 0 no-repeat;}
#foto6{background:url('../images/fotos/patrick.jpg') 0 0 no-repeat;}
#foto7{background:url('../images/fotos/rick.jpg') 0 0 no-repeat;}
#foto8{background:url('../images/fotos/dirk.jpg') 0 0 no-repeat;}
#foto9{background:url('../images/fotos/stephanie.jpg') 0 0 no-repeat;}
#foto10{background:url('../images/fotos/erik.jpg') 0 0 no-repeat;}
#foto11{background:url('../images/fotos/andre.jpg') 0 0 no-repeat;}

#foto1a{background:url('../images/fotos/gerrit_t.jpg') 0 0 no-repeat !important;}
#foto2a{background:url('../images/fotos/carel_t.jpg') 0 0 no-repeat !important;}
#foto3a{background:url('../images/fotos/hafid_t.jpg') 0 0 no-repeat !important;}
#foto4a{background:url('../images/fotos/rutger_t.jpg') 0 0 no-repeat;}
#foto5a{background:url('../images/fotos/raymond_t.jpg') 0 0 no-repeat;}
#foto6a{background:url('../images/fotos/patrick_t.jpg') 0 0 no-repeat;}
#foto7a{background:url('../images/fotos/rick_t.jpg') 0 0 no-repeat;}
#foto8a{background:url('../images/fotos/dirk_t.jpg') 0 0 no-repeat;}
#foto9a{background:url('../images/fotos/stephanie_t.jpg') 0 0 no-repeat;}
#foto10a{background:url('../images/fotos/erik_t.jpg') 0 0 no-repeat;}
#foto11a{background:url('../images/fotos/andre_t.jpg') 0 0 no-repeat;}

/* Verschuif de achtergrond 
.foto:hover
{background-position:0 -105px!important;}
*/
/* Medewerker rijen */
.functie{
	height:150px;
	width:600px;
	float:left;
}