/* ALGEMEEN */

body { 
	overflow: hidden;
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
}

a { color: #000; }

.titel, .koptekst {
	font-size:16px;
	font-weight: bold;
	line-height: 20px;
}

table { 
	font-size: 12px;
	font-family: verdana;
	line-height: 18px;
}

input.formveld, textarea {
	border: solid 1px #ACAF3A;
	font-family: verdana;
	font-size: 12px;
	padding: 2px 4px;
}

#print {
	position: absolute;
	top: 15px;
	right: 10px;
}



/* POSITIONERING */

#container {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -307px 0px 0px -510px;
	height: 614px;
	width: 1020px;
}

#logo {
	position: absolute;
	top: 0px;
	left: 160px;
}

#slogan-procesbeheersing {
	position: absolute;
	top: 155px;
	left: 385px;
	z-index: 1;
}

#slogan-inventiviteit {
	position: absolute;
	top: 212px;
	left: 170px;
	z-index: 2;
}

#slogan-creativiteit {
	position: absolute;
	top: 260px;
	left: 385px;
	z-index: 3;
}

#fotos {
	position: absolute;
	top: 100px;
	left: 715px;
}

#fotos_intro {
	position: absolute;
	top: 10px;
	left: 715px;
}


#fotos img {
	border: solid 1px #fff;
	float: left;
	margin: 0px 0px 20px 0px;
	clear: both;
}



/* STANDAARD PAGINA'S */

#tekst-startpagina {
	position: absolute;
	top: 350px;
	left: 250px;
	width: 420px;
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
	z-index:100; 
	overflow: hidden;
	clip: rect(0px 420px 500px 0px);
	visibility: visible;
}

#update { position: absolute; top: 100px; left: 235px; }

#content {
	position: absolute;
	top: 130px;
	left: 250px;
	width: 420px;
	height: 463px;
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
	border-top: solid 2px #ACAF3A;
	z-index:100; 
	overflow: auto;
	padding: 15px 10px 0px 0px;
}

#content_breed {
	position: absolute;
	top: 130px;
	left: 250px;
	width: 770px;
	height: 463px;
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
	border-top: solid 2px #ACAF3A;
	z-index:100; 
	overflow: auto;
	padding: 15px 10px 0px 0px;
}

#content_breed table.overzicht {
	width: 100%;
	font-size: 10px;
	margin-bottom: 10px;
}

#content_breed td {
	padding: 2px 10px 2px 0px;
}

#content_breed td.categorie {
	font-size: 12px;
	font-weight: bold;
} 




/* MENU */

#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 235px;
	height: 100%;
	background: url(../img/menubg.gif) no-repeat left center;
}

#segment1 {
	position: absolute;
	top: 41px;
	left: 20px;
}

#segment2 {
	position: absolute;
	top: 180px;
	left: 55px;
}

#menu img {
	margin: 5px 0px;
}



/* SUBMENU */

#submenu {
	position: absolute;
	top: 100px;
	left: 250px;
	width: 420px;
}

#submenu a {
	text-decoration: none;
	float: left;
	margin-right: 25px;
}




/* PROJECTEN */

#projecten {
	position: absolute;
	top: 130px;
	left: 250px;
	width: 420px;
	height: 463px;
	font-family: verdana;
	font-size: 11px;
	line-height: 18px;
	border-top: solid 2px #ACAF3A;
	z-index:200; 
	overflow: auto;
	padding: 5px 0px 0px 0px;
	/*
	clip: rect(0px 420px 355px 0px);
	*/
}

#project {
	padding: 10px 10px 10px 0px;
}

a.overzichtlink {
	position: absolute;
	bottom: 20px;
	left: 250px;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}

#hoofdcategorie {
	position: absolute;
	top: 115px;
	left: 133px;
}

#subcategorie {
	position: absolute;
	top: 145px;
	left: 250px;
	width: 420px;
}

#subcategorie a { text-decoration: none; }
#subcategorie a:hover { text-decoration: underline; }
#subcategorie a.bold { font-weight: bold; }

#subcategorie .left, #subcategorie .right{
	float: left;
	width: 50%;
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
}

#projecten .veld {
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	width: 110px;
	float: left;
}

#project-thumbs {
	position: absolute;
	top: 320px;
	left: 685px;
	width: 330px;
}

#project-thumbs img {
	width: 100px;
	height: 100px;
	float: left;
	margin: 0px 10px 10px 0px;
}

#project-foto {
	position: absolute;
	top: 11px;
	left: 685px;
	height: 290px;
	text-align: left;
	vertical-align: bottom;
	display: inline;
}

#project-control {
	position: absolute;
	top: 550px;
	left: 680px;
	z-index:100;
	visibility: visible;
}




/*  VACATURES  */

#vacatures {
	position: absolute;
	top: 70px;
	left: 250px;
	width: 420px;
	height: 150px;
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
	z-index:100; 
	overflow: hidden;
	padding: 15px 0px 0px 0px;
}