* { margin: 0; }
html, body { background-image: url(pix/wesselbouw_grijs.jpg); text-align: center; height: 100%; }
body { font-size: 15px; color:white; font-family:Calibri, Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif ; }
.wrapper { background-image: url(pix/framebg_850.png); background-position: right 0; min-height: 100%; height: auto !important; height: 100%; position: relative; width: 920px; text-align: left; margin: 0 auto -30px; }
.footer, .push { height: 30px; }
#content { 
	padding-left: 230px;
}
.boxa { background-color: #092298; background-image: url(pix/wesselbouw_bl3.jpg); width: 460px; height: 208px; float: left; }
.boxb { line-height: 18px; background-image: url(pix/wesselbouw_blauw.jpg); width: 460px; height: 300px; float: left; margin-bottom: 25px; }
.box3 { width: 200px; float: left; clear: left; margin-right: 0; padding: 40px 0 40px 40px; }
.box4 { width: 160px; height: 250px; float: left; padding: 35px 0 40px 30px; }
.header {
	font-size:32px;
	color:#333;
	height: 20px;
	padding-left: 60px;
	padding-top: 20px;
	vertical-align:top;
}
#nav { 
	text-align: center; 
	margin:0; 
	float:left; 
	width:100%; 
	position: relative; 
	padding: 0 0 30px 60px;
	height:60px;
	}
#nav ul {
 	padding:0px;
	list-style:none;
	}
#nav li { 
	float:left; 
	padding-right: 10px; 
	padding-left: 0;
	}
#nav a { float:left; display:block; text-decoration:none; font-weight:bold; color:black; font-size: 12px; line-height: 16px; width: 86px; background: url(pix/blank.jpg) no-repeat left top; height: 20px; padding: 0; padding: 0; }
#nav a:hover {
	background-position: 0 -20px;
	color:#fff;
	}
#nav a:active, #nav a.selected {
	background-position: 0 -40px;
	color:#fff;
	}
h1 { color:#8190b4; font-size: 32px; font-weight: normal; font-style: normal; font-variant: normal; height: 100px; padding-bottom: 10px; }
strong { color:#8190b4; }
h2 { 
	color: #d00; font-size: 18px; font-weight: normal; font-style: normal; }
h3 {
font-size: 12px; font-weight: normal; font-style: normal; 
color:#000; padding-bottom: 6px;
}	
a { 
	color: #8190b4; 
	text-decoration: none; }
a:hover {
	color: #5c6590;
}
ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
li {
background-image: url(pix/dot.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

#wb_projects {
font-size:12px;
width:650px;
border-collapse:collapse;
text-align:left;
}

#wb_projects td {
color:#669;
background-color:#e7e7e7;
vertical-align:top;
width:200px;
border:solid 20px #f8f8f8;
padding:10px;
}

#wb_projects td h1 {
color:#669;
margin-top:-12px;
}

#wb_projects td div {
margin-top:4px;
margin-bottom:-4px;
padding-bottom:6px;
border-bottom:1px solid #FFF;
}

.fotobijschrift { font-size:10px; color:#030; }
.intro { font-size:17px; width:500px; }
.taalkolom { width: 200px; float: left; margin-right: 10px; border: solid 1px fuchsia; }
.taalcel { padding-right: 30px; }
.copyr { text-align: left; position: absolute; left: 0; bottom: 8px; float: left; }
.taalkeuze { text-align: right; position: absolute; right: 0; bottom: 0; float: right; }

.pointfinal_project a { font-size:12px; float: left; margin-right: 20px; margin-bottom: 5px; }
.wb_project { font-size:12px; color:black; }
/* a.wb_thumb { border: solid 10px green;} */
.clear { clear: both; }

.footer {
	position: relative;
	width: 820px;
	margin: 0 auto;
}
.footer a {
	color: #fff;
	text-decoration: underline;
}
.footer p { position: absolute; left: 0; bottom: 4px; width: 620px; padding: 0; color: #5c6590; font-size: 10px; text-align: left; margin-right: 0; margin-left: 0; }

.grijs { display:block; margin-top:12px; color:#fff; font-size: 14px; }
/* .grijs { color:#8190b4; font-size: 13px; } */

.grijs a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:200px;
 height:50px;
 background: url("pix/fotoklikbg.png") 0 0 no-repeat;
 }

 .grijs a:hover {
 background-position: -200px 0;
 }

 .grijs a:active {
 background-position: -400px 0;
 }
 */