/* CSS Document */

body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color:#626060;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#514c4c;
	font-size:12px;
	letter-spacing:0.1em;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#626060;
}
.clearer {
	clear:both;
	height:1px;
}
#header {
	width:100%;
	height:91px;
	border-bottom:1px solid #fff;
	background-color:#626060;
	margin:0;
	padding:0;
}
#header_container {
	position:relative;
	width:730px;
	margin:auto;
	
}
#logo {
	position:absolute;
	top:64px;
	left:0px;
}
#content {
	width:100%;
	border-bottom:1px solid #fff;
	background-color:#adadad;
	margin:0;
	padding:0;
	background-image:url(/images/bg_main.gif);
	background-repeat:repeat-x;
}

#content_home {
	width:100%;
	border-bottom:1px solid #fff;
	background-color:#adadad;
	margin:0;
	padding:0;
	
}


#content_container {
	width:730px;
	margin:auto;
	padding:50px 80px 50px 80px;
}
#content_left {
	float:left;
	padding:95px 0 0 0px;
	width:170px;
}
#content_right {
	float:left;
	width:630px;
	padding-right:50px;
	padding-left:50px;
		
}

#content_right_projecten {
	float:right;
	width:330px;
	padding-left:50px;
	
	
	
}


#navigatie {
	width:100%;
	height:21px;
	background-color:#626060;
	margin:0;
	padding:0;
}
#navigatie_container {
	position:relative;
	width:628px;
	margin:auto;
	
}

#navigatie ul li a{
	display:block;
	width:auto;
	padding-top:2px;
	height:19px;
}


#navigatie ul li a:hover {
	background-color:#928e88;
	display:block;
	width:auto;
	padding-top:2px;
	height:19px;
}
#navigatie ul {
	margin:0px;
	padding:0px;
}
#navigatie ul li {
	margin:0px;
	padding:0px;
	display:inline;
	list-style:0;
	float:left;
}
.home_btn {
	width:74px;
	height:21px;
	display:block;
}
.projecten_btn {
	width:479px;
	height:21px;
	display:block;
	text-align:center;
}
.contact_btn {
	width:75px;
	height:21px;
	display:block;
	text-align:right;
}

#footer_container {
	position:relative;
	width:730px;
	margin:auto;
	
}


#footer {
	width:100%;
	height:148px;
	border-top:1px solid #fff;
	background-color:#626060;
	padding:10px 0 0 0;
	margin:0;
}


#footer ul{

}

#footer ul li{
list-style:none;
float:left;
display:block;
margin:0 9px 0 9px;
width:75px;
height:47px;
overflow:hidden;
}


#footer ul li img{
border:0;
padding:0;
margin:0;
/*border:2px solid #626060;*/
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}

#footer ul li img:hover{
border:0;
padding:0;
margin:0;
/*border:2px solid #626060;*/
filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#project_foto {
	position:relative;
	width:295px;
	height:295px;
	overflow:hidden;
	float:right;
	border:1px solid #fff;
}


#project_foto #terug{
position:absolute;
top:272px;
left:230px;
border:none;
}

#project_foto #vergroot{
position:absolute;
top:272px;
left:251px;
border:none;
}

#project_foto #volgende{
position:absolute;
top:272px;
left:272px;
border:none;
}

#project_foto img {
border:0;
}

#project_foto img a:hover{
border:1px solid red;
}

a.videolink {
	border:1px solid white;
	background-color:#626060;
	padding:2px;
}

a.videolink:hover {
	color:white;
	background-color:#928e88;
}








/* 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')
}