body {
padding:0;margin:0;
background-color:#dddddd;
font:normal normal 12px/18px 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#header {
height:118px;margin:0 10px;padding:0;
background:transparent url(../images/rohologo.gif) 0 4px no-repeat scroll;}
#header a h1 { cursor:pointer;display:block; height:110px;width:280px;line-height:110px;}
#header h1 {
height:110px;width:280px;line-height:110px;
padding-left:125px;padding-top:5px;margin:0;
font-style:oblique;
color:white;
background:transparent url(../images/h1.gif) 100px 0 no-repeat;
text-indent:-1600px;}
#navcontainer {
margin:0;padding:0;height:80px;
position:absolute;top:45px;left:20px;}
#navcontainer ul {
margin:0;padding:0 0 0 85px;height:80px;
list-style-type:none;
text-align:center;}
#navcontainer ul li {
margin:0;padding:0;height:80px;
display:block;float:left;
text-align:center;}
#navcontainer ul li a {
margin:0;padding:0;height:80px;width:108px;color:black;
text-decoration:none;
display:block;
text-align:center;
font-weight:bold;
text-indent:-1800px;}
img {border:0;}
#navcontainer ul li img {position:absolute;}

#roho img, #webdesign img, #artikelen img, #grafisch img, #contact img
 {position:absolute;left:-10px;height:44px;width:190px;
 background:transparent none no-repeat scroll -50px -48px;}

#roho {background:transparent url(../images/aqalgemeen.jpg) no-repeat scroll -1px -80px;}
#roho img {top:80px;background-image:url(../images/algemeen.gif);}

#webdesign {background:transparent url(../images/aqwebdesign.jpg) no-repeat scroll -1px -80px;}
#webdesign img {top:130px;background-image:url(../images/webdesign.gif);}

#artikelen {background:transparent url(../images/aqartikelen.jpg) no-repeat scroll -1px -80px;}
#artikelen img {top:180px;background-image:url(../images/artikelen.gif);}

#grafisch {background:transparent url(../images/aqgrafisch.jpg) no-repeat scroll -1px -80px;}
#grafisch img {top:230px;background-image:url(../images/grafisch.gif);}

#contact {background:transparent url(../images/aqcontact.jpg) no-repeat scroll -1px -80px;}
#contact img {top:280px;background-image:url(../images/contact.gif);}

#roho:hover img, #roho.active img,
#webdesign:hover img, #webdesign.active img, 
#grafisch:hover img, #grafisch.active img,
#maatwerk:hover img, #maatwerk.active img,
#artikelen:hover img, #artikelen.active img,
#contact:hover img, #contact.active img{background-position:-50px 0;}
#roho:hover, #roho.active, 
#webdesign:hover, #webdesign.active, 
#grafisch:hover, #grafisch.active, 
#maatwerk:hover, #maatwerk.active, 
#artikelen:hover, #artikelen.active, 
#contact:hover, #contact.active {background-position:-1px 0;}

#sub {
margin:10px 0 5px 4px;padding:0 5px 13px 5px;width:200px;
float:right;
background:#cccccc;}
#sub h4 {margin:0;padding:5px 0 0 5px;border-bottom:2px solid gray;color:white;}
#content ul {margin:0 0 0 10px;padding-top:0;padding-left:25px;}
#content ul li { list-style-type:square;}
#content ul li ol {text-indent:3em;}
#content ul li ol li { list-style-type:lower-alpha;}
#sub ul {margin:0;padding:0;}
#sub ul li {margin:0;padding:0 0 0 10px;text-indent:-5px;list-style-type:none;}
#sub ul li.split {display:block;padding-top:.5em;height:20px;line-height:20px; vertical-align:bottom;}
#content {
margin:10px 10px 10px 170px;padding:2px 0 2px 2px;
clear:both;
background:white url(../images/contentshadow2.gif) left top no-repeat;
border:1px solid #7b7b7b;border-width:0 2px 1px 0;}
#content img {margin-right:15px;padding-right:15px;}
#content h2 {margin:0;padding:20px 0 5px 30px;}
#content h3, #content p {margin:0 0 0 5px;padding:5px 15px 10px 20px;}
#footer {height:30px;}
#copyright {padding:0 10px 0 0;margin:0;height:30px;width:234px;
float:right;
background:transparent url(../images/rpbutton.gif) 154px 2px no-repeat;}
h2, h3 {padding:10px;}
p {padding:0 15px;} 

h1, h2, h3, h4, h5, h6 {color:#0066FF;}
.links, .rechts {display:block;}
.links {float:left; margin-right:15px;}
.rechts {float:right;margin-left:15px;}
img.links, a.links {margin-left:10px;}
.split {display:block;padding-top:.5em;height:20px;line-height:20px; vertical-align:bottom;}

#wdo {margin:20px;width:150px;height:150px;}
#wdo a, #wdo a:visited{width:150px;height:150px;background:transparent url(../images/bigweb.jpg) right top no-repeat;text-indent:-2000px;}
#wdo a:hover, #wdo a:active{background-image:url(../images/bigwebh.jpg)}

#sitemap {color:#cccccc;border:1px dashed #cccccc; float:right; padding:1px; margin:7px; z-index:10;}
#sitemap:hover, #sitemap:active {color:#003388;border:1px dashed #003388;} 
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */