/* CSS Document */
body{
background-color:#c5e4fc;
margin:8px 0 4px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color:#003366;
}
img{
	border:0;
	
	}

h1, h2{
font-size:15px;
color:#cf0202;
}


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

a{
color:#ff0000;
text-decoration:none;
}

a:hover{
color:#003366;
}

img{
	border:none;
}

#container{
	margin:0px auto;
	position: relative;
	background-color:#FFFFFF;
	background-image:url(/images/bg_main.gif);
	background-repeat:repeat-y;
	
	}

.fixed{
width:950px;
}

#logo{
position:absolute;
top:5px;
left:20px;
z-index:100;
}

#subnav{
position:absolute;
top:5px;
left:795px;
color:#003366;
font-size:11px;
z-index:200;

}

#subnav ul {
	float:left;
	margin: 0 0 0 10px;
	padding: 0;
	color:#003366;
}


#subnav li {
	display:inline;
	list-style-type: square;
	margin: 0 3px 0 3px;
		
	
}

#subnav a{
color:#003366;
text-decoration:none;

}

#subnav a:hover{
color:#ff0000;

}



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

#left{
float:left;
width:251px;
height:400px;
padding:0px;
}

#header_left{
width:251px;
height:84px;
background-color:#FFFFFF;
}

#navigatie{
float:left;
width:251px;

background-color:#003366;
margin:0;
padding:0;
}

#navigatie ul{
margin:70px 0 0 0;
padding:0px 0px 3px 0px;
}

#navigatie li{
	margin:0 0 0 0px;
	padding:3px 0px 3px 0px;
	list-style-image: none;
	list-style-type: none;
	height:27px;
}

#navigatie li a {
background-color:#002F5F;
color:white;
display:block;
height:27px;
line-height:27px;
padding-left:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;

text-transform:uppercase;

}

#navigatie li a:hover, #navigatie li a.selected {
	background-color:#CF0202;
}


#content{
float:left;
width:699px;background-image:url(/images/foto_rechtsonder.jpg);
background-position:right bottom;
background-repeat:no-repeat;

}

.foto{
width:699px;
height:409px;
overflow:hidden;
}



#main{
float:left;
width:490px;
padding:30px;
overflow:hidden;

}

#main p{

}

#right{
float:left;
width:110px;

padding:10px;



}

#right p{

}


#footer{
width:950px;
height:50px;
font-size:10px;
margin-left:0px;
float:left;
color:#ffffff;

clear:both;
background-color:#003366;
}

#footer img {
	vertical-align:middle;
}

#footer #aceview{
float:left;
margin: 4px 0 0 0;
width:180px;
display:block;
}

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

#footer ul {
	float:left;
	margin: 4px 0 0 0;
	padding: 0;
	width:770px;
	height:40px;
	overflow:hidden;
}


#footer li {
	display:block;
	float:left;
	height:20px;
	margin:0px 3px 0px 3px;
}

#footer li a {
	color:#ffffff;
	text-decoration: none;
	padding-left:5px;
	border-left:1px solid white;
}

#footer>ul>li:first-child a {
	border-left:none;
	padding-left:0px;
}

#footer li a:hover {
	
	color:#cf0202;
	text-decoration: none;
	
}

input{
border:1px solid #003366;
}

textarea{
border:1px solid #003366;
}

.sendbutton{
background-color:#cf0202;
color:#ffffff;
border:1px solid #ffffff;

}

.thumbs{
display:block;
width:500px;
clear:both;
border:1px solid red;
min-height:1px;
}



.thumb{
float:left;
border:1px solid #003366;
padding:2px;
margin:0 3px 10px 0;
}

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

ul#projecten li {
float:left;
list-style:none;
border:1px solid #003366;
padding:2px;
margin:0 3px 10px 0;
}

ul#projecten li div.project_foto {
	
}

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

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

.project_foto_groot{
	border:1px solid #003366;
padding:2px;
	
	}

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

ul#project_thumbnails li img{
	border:1px solid #003366;
padding:2px;
	
	
	}