/* CSS Document */

body {
	margin: 0px;
	background: #000000 url(/images/bg_body.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

img {
	border:0px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color:#ffffff;
}

h1 {
	font-size:14px;
}

hr {
border: 0;
color: #f36b2b;
background-color: #f36b2b;
height: 1px;
width: 100%;
margin: 8px 0 8px 0;
}

#container {
	width:988px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}

#header {
	float:left;
	height:402px;
	width:988px;
	padding:0px;
	background-color: #000000;
}

#header_left {
	float:left;
	height:402px;
	width:310px;
	padding:0px;
}
#header_right {
	float:left;
	height:402px;
	width:678px;
	padding:0px;
}

#logo {
	float:left;
	height:122px;
	width:287px;
	padding:26px 0px 0px 23px;
	background:url(/images/bg_logo.gif) no-repeat;
}

#links {
	width:666px;
	height:53px;
	overflow:hidden;
	float:left;
	margin:10px 9px 0px 1px;
}
#links ul {
	margin:35px 0px 0px 450px;
	padding:0px;
	text-align:right;
}
#links li {
	list-style-type:none;
	margin:0px 0px 0px 9px;
	padding:0px;
	float:left;
	text-align:right;
}
#links img{
	border:none;
}

#header_navigatie {
	width:673px;
	height:43px;
	overflow:hidden;
	float:left;
	margin:14px 2px 0px 1px;
	border:solid 1px #615F5F;
}

#header_navigatie ul {
	margin:19px 0px 0px 22px;
	padding:0px;
}

#header_navigatie li {
	list-style-type:none;
	margin:0px 9px 0px 0px;
	padding:0px;
	float:left;
}

#header_film {
	float:left;
	height:254px;
	width:310px;
	padding:2px 0px 0px 5px;
	background:url(/images/bg_film_header.gif) no-repeat;
}

#header_foto {
	float:left;
	height:278px;
	width:674px;
	padding:2px 0px 0px 4px;
	background:url(/images/bg_foto_header.gif) no-repeat top;
}

#main {
	float: left;
	width: 988px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	background: url(/images/bg_main.gif) no-repeat right top;
}

#navigatie {
	width:314px;
	overflow:hidden;
	float:left;
	margin:0px 0px 20px 0px;
	background:#000000 url(/images/bg_navigatie.gif) no-repeat}

#navigatie ul {
	width:240px;
	margin:53px 0px 0px 20px;
	padding:0px;
}

#navigatie li {
	display:block;
	width:240px;
	list-style-type:none;
	margin:0px 0px 18px 0px;
	padding:0px;
	float:left;
}

#navigatie ul ul{
	display:block;
	width:240px;
	list-style-type:none;
	margin:6px 0px 6px 14px;
	padding:0px;
	float:left;
}

#navigatie li li{
	display:block;
	width:240px;
	list-style-type:none;
	margin:6px 0px 6px 14px;
	padding:0px;
	float:left;
}

#navigatie ul li  a {
	color:#f36b2b;
	text-decoration:none;
}

#navigatie ul li  a:hover {
	color:#ffffff;
	text-decoration:none;
}

#content {
	width:674px;
	overflow:hidden;
	float:left;
	min-height:320px;
	height:auto !important; /* voor moderne Browser */
	height:320px; voor IE6 
}

.content {
	padding:28px 22px 0px 22px;
	line-height:18px;
}

.content a {
	color:#f36b2b;
	text-decoration:none;
}

.content a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#content_header {
	float:left;
	height:34px;
	width:648px;
	padding:52px 0px 0px 22px;
	margin-bottom:27px;
	overflow:hidden;
	background: url(/images/bg_header.jpg) no-repeat;
}

.terug {
	float:right;
	margin:6px 2px 0px 0px;
}

#footer {
	background:#000000 url(/images/bg_footer.gif) repeat-x;
	border-top:1px solid #615f5f;
	height:100px;
	width:100%;
	margin-top:12px;
	font-size:10px;
	color:#a9abaf;
}
#footer img {
	vertical-align:middle;
	border:none;
}

#footer a {
	text-decoration:none;
	color:#a9abaf;
}

#footer a:hover {
	text-decoration:underline;
}

#footer_content {
	width:940px;
	margin:20px auto;
	line-height:18px;
}

#adresgegevens {
	float:right;
	text-align:left;
	width:220px;
	margin:0px;
	padding:0px;
}

.hetteam_fotos {
	float:right;
	overflow:hidden;
	width:100px;
	height:129px;
	padding:1px;
	margin:0px 0px 0px 12px;
	border:solid 1px #7f8083;
}

.employee a {
	font-size:9px;
}

ul#employees {
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:625px;
	overflow:hidden;
}

ul#employees li {
	width:125px;
	height:180px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}

ul#employees li .photo, .link {
	text-align:center;
}

.team_cel {
	overflow:hidden;
	width:20%;
	font-size:9px;
}

.team_cel_foto {
	border:solid 1px #7f8083;
	padding:1px;
}

input{
	border:1px solid #a9abaf;
	color:#282421;
	background-color:#ffffff;
}

textarea{
	border:1px solid #a9abaf;
	color:#282421;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:290px;
}

.sendbutton{
	border:1px solid #f36b2b;
	color:#ffffff;
	width:120px;
	padding:2px;
	margin:0px 0px 0px 173px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
}

.verplichtveld{
	font-size:10px;
}

#newsblock{
padding:25px 0 0 20px;
}

#newsblock_content {
	color:#ffffff;
	width:160px;
	height:172px;
	overflow:hidden;
	line-height:18px;
	margin-bottom:20px;
}

#newsblock_content .newsitem {
	height:160px;
	width:160px;
	overflow:hidden;
	color:black;
}

#newsblock_content .newsitem_extra {
	height:160px;
}

#newsblock_content .newsitem a {
	text-decoration:none;
}

#newsblock_content .newsitem h1 {
	height:20px;
	overflow:hidden;
	font-size:12px;
	line-height:20px;
}

#newsblock_content strong{
	color:#000000;
}

#newsblock_content a {
	color:#000000;
}

#newsblock_content a:hover {
	text-decoration:underline;
}

#newsblock_content a.text {
}

.clearer{
	height:1px;
	clear:both;
}

ul.fotoalbum {
	width:500px;
	margin:0px;
	padding:0px;
}

ul.fotoalbum li {
	width:150px;
	height:150px;
	margin:5px 10px 5px 0px;
	display:block;
	float:left;
	list-style-type:none;
}

a.fotoalbum_knop {
	padding:3px;
	background-color:#333333;
	color:white;
	margin-right:5px;
}

ul#projecten {
	margin:0px;
	padding:0px;
	width:500px;
	overflow:hidden;
}

ul#projecten li {
	list-style-type:none;
	width:150px;
	height:170px;
	overflow:hidden;
	float:left;
	display:block;
	background-color:#ffccff;
	text-align:center;
	padding-top:2px;
	margin-right:10px;
	margin-bottom:10px;
}

ul#projecten li div.project_foto {
	width:150px;
	height:150px;
	overflow:hidden;
}

ul#projecten li div.project_naam {
	width:144px;
	height:20px;
	overflow:hidden;
	margin:0px 3px 0px 3px;
	text-align:left;
}

ul#project_thumbnails {
	margin:0px;
	padding:0px;
	width:500px;
	overflow:hidden;
}

ul#project_thumbnails li {
	list-style-type:none;
	width:75px;
	height:75px;
	overflow:hidden;
	float:left;
	display:block;
	margin-right:8px;
}

#imagerotatorblock {
	width:192px;
	height:153px;
	padding:1px;
	margin-bottom:16px;
	overflow:hidden;
}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 */
* html * { color: expression( (function(who){ if(!who.MXPC && who.nodeName != 'A'){
	who.MXPC = '1';
	who.onmouseenter=function(){ who.className += ' hover'};
	who.onmouseleave=function(){ who.className = who.className.replace(' hover','')};
	(who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }
