html,body{margin:0;padding:0}
body{font:85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;background: #FFFFFF;padding-bottom:20px; letter-spacing:normal}
p{margin-top:0; margin-bottom:0px; margin-left:0px; margin-right:0px}
h1,h2,h3{font: normal normal 200% "Verdana",Arial,sans-serif}
h1{font-size:105%;}
h2{font-size:95%;}
h3{font-size:85%;}

.logofooter {color: #0066FF;font-weight: bold;}

div#header{width:100%; height:100px; overflow:hidden;background:#FFF; border-bottom:dotted; border-bottom-color:#999; border-bottom-width:1px; margin-bottom:30px}
div#logo{ float:left; text-align:left; width:600px; margin:0 0 0 0; padding:25px 0px 0px 0px;}
div#top{ width:960px; height:100px; margin:0 auto;}
div#logoindex{ float:inherit;width:800px; height:150px;margin:0 auto; padding:30px 0 0px; text-align:left; font-size:30px; font-family:"Arial Rounded MT Bold"; color:#666}
div#header h1,div#menu{float:left; height:30px; margin-left:151px; text-align:center; padding-top:75px;}



ul#nav,ul#nav li,ul#nav2,ul#nav2 li,ul#nav3,ul#nav3 li{list-style-type:none; margin:0;padding:0px;}
ul#nav,ul#nav2,ul#nav3{float:left;font-size: 85%; width:100%}
ul#nav li,ul#nav2 li,ul#nav3 li{float:left;margin-right:5px;text-align: center}
ul#nav a{float:left; min-width:40px;  padding: 5px;background: #0066FF;text-decoration:none;color: #FFFFFF}
ul#nav2 a{float:left; width:95px ;padding: 4px 0;background: #0066FF;text-decoration:none;color: #FFFFFF}
ul#nav3 a{float:left; width:120px ;padding: 4px 0;background: #0066FF;text-decoration:none;color: #FFFFFF}
ul#nav a:hover,ul#nav2 a:hover,ul#nav3 a:hover{background:#666;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #0C0;color: #FFF}
ul#nav2 li.activelink a,ul#nav2 li.activelink a:hover{background: #FFFFF;color: #0C0}
ul#nav3 li.activelink a,ul#nav3 li.activelink a:hover{background: #FFFFFF;color: #0C0}

div#container{width:800px; min-height:550px; margin:0 auto 0px;padding:0 0 0 0;text-align:left;background:#FFF}
div#contentindex{float:left;display:inline;width:800px; min-height:300px; margin-top:70px;}
div#content_webdesign{float:left;display:inline;width:800px; min-height:300px; margin: 0 0 0 0;}
div#content{float:left;display:inline; min-height:360px; width:100%;margin:0px 0px 0px 0px; padding:5px; background:#666;}
div#content h1{margin:0;padding:5px; color:#FFF; font-weight:bold;}

div#tekst{float: inherit;width:240px; height:140px; padding:5px; font-size:85%; color:#030}

ul#websites,ul#websites li{list-style-type:none;margin:0;padding:0;}
ul#websites{width:100%;overflow:hidden;margin-bottom:10px; margin-top:150px; background:#666;}
ul#websites li#website{float:left;width:250px; min-height:100px; margin-left:5px; margin-right:5px; margin-top:10px; padding:0px 0; background:#FFF}
ul#websites p,ul#websites h2{margin:0;padding:5px; color:#06F; font-size:105%;}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0;}
ul#intro{width:100%;overflow:hidden;margin-bottom:0px; margin-top:0px;}
ul#intro li#webdesign{float:left;width:250px; min-height:250px; margin-right:25px;padding: 0px 0; background:#0C0}
ul#intro li#webmedia{float:left; width:250px; min-height:250px; margin-right:25px;padding: 0px 0; background:#F90}
ul#intro li#contact{float:right; width:250px; min-height:250px; margin-right:0px; padding: 0px 0; background:#06F}
ul#intro h1{
	margin:0;
	padding:5px;
	color:#FFF;
	font-weight:bold;
}
ul#intro h2{margin:0;padding:5px; color:#FFF;}
ul#intro p{padding:5px; font-weight:normal; font-size:95%; text-align:justify}
ul#intro a{color:#FFF; text-decoration:none}
ul#intro a:hover{color:#FFF; text-decoration:underline}

ul#projecten,ul#projecten li{list-style-type:none;margin:0;padding:0;}
ul#projecten{width:100%;overflow:hidden;margin-bottom:0px; margin-top:25px}
ul#projecten li#project_a{float:left; width:250px; min-height:250px; margin-right:25px; margin-bottom:20px; padding: 0px 0; background:#CCC}
ul#projecten li#project_b{float:left; width:250px; min-height:250px; margin-right:25px; margin-bottom:20px; padding: 0px 0; background:#CCC}
ul#projecten li#project_c{float:right; width:250px; min-height:250px; margin-right:0px; margin-bottom:20px; padding: 0px 0; background:#CCC}
ul#projecten h1{
	margin:0;
	padding:0px;
	color:#333;
	font-weight:bold;
}
ul#projecten h2{margin:0;padding:0px; color:#FFF;}
ul#projecten p{padding:5px; font-weight:normal; font-size:95%; text-align:justify}
ul#projecten a{color:#F00; text-decoration:none; font-weight:bold; padding-top: 10px; font-size:90%; font-style:italic;}
ul#projecten a:hover{color:#F00; text-decoration:underline;}

td.logo{border-color:#FFF; border-width:1px; border-style:solid;}


div#website{float:left; text-align:left; width:100px;margin-right:0px;margin-left:0px;margin-top:10px; margin-bottom:0px; text-decoration:none; color:#333333}
div#website a{float:left;margin-right:0px;margin-left:0px;margin-top:0px; margin-bottom:0px; text-decoration:underline;color: #0066FF}
div#website a:hover{color: #FF9900;text-decoration:underline}
div#link{float:left; text-align:left; width:400px;margin-right:0px;margin-left:0px;margin-top:10px; margin-bottom:0px; text-decoration:none; color:#333333}



div#fotoblok{float:inherit;background: #FFFFFF; width:848px;height:600px;margin:1px 0px 0px 1px; padding: 0px}
div#fotoklein{float:left;background: #FFFFFF; width:100px;height:80px;margin:10px 0px 0px 10px; padding: 0px; border-style:solid;border-width:1px;border-color:#333333}
div#fotogroot{float:left;background: #FFFFFF; width:660px;height:460px;margin:10px 0px 0px 10px; border-style:solid;border-width:1px;border-color:#333333; padding: 0px}




div#tekstvlak{float:inherit;background: #FFFFFF; width:848px;height:400px;margin:0px 0px 0px 1px; padding: 0px}
div#tekstvlakonder{float:inherit;background: #EEEEEE; width:848px;height:30px;margin:0px 0px 0px 1px; padding: 0px}


div#footer{float:left; clear:both;width:100%;margin:50px 0 0 0;padding: 5px 0;
    background: #FFFFFF;text-align:center; color:#666666; font-size: 80%; border-top:dotted; border-top-width:thin; border-top-color:#666; }
div#footer a{background: #D8D8D8;width: 850px; margin-right:4px; white-space:normal; text-align:center; text-decoration:none; color: #333333}
div#footer a:hover{color: #333333; text-decoration:underline}