*{
margin: 0; padding: 0;
}
html{
overflow-y: scroll;
}
html, body{
height: 100%;
font-family: Verdana, Geneva, sans-serif;
background: url(images/bg.jpg) #C3C3C3 repeat-x;
text-align: center; 
}
body {
font-size: 62.5%;
}
#container{
position: relative;
margin: 0 auto;
min-height: 550px; 
width: 811px;
background: #FFFFFD;
}
* html #container{
height: 550px;
}
#space{
height: 20px;
width: 811px;
background: #FEFEFE;
}
#header{
background: #DDD;
height: 115px;
width: 811px;
}
#logo{
float: right;
background: url(images/logobg.jpg) #FCC762 repeat-x;
height: 115px;
width: 250px;
}
img{
position: relative;
top: 0px;
height: 77px;
width: 133px;
}
img.grootte{
width: 160px;
height: 120px;
}
#designleft{
position: absolute;
top: 20px;
left: 0;
background: url(images/left.gif) #262626;
width: 40px;
height: 450px;
z-index: 10;
}
#alpha{
position: absolute;
top: 70px;
left: 100px;
z-index: 2;
width: 400px;
height: 70px;
padding-bottom: 33px;
background-color: #EFEFEF;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#content{
position: relative;
float: left;
background: url(images/container3.gif) repeat-y; 
width: 645px;
min-height: 608px;
}
* html #content{
height: 608px;
}
#werkcontent{
position: relative;
float: left;
background: url(images/container4.gif) repeat-y; /* achtergrond met rechts zwart */
width: 811px;
min-height: 608px;
}
* html #werkcontent{
height: 608px;
}
#content p {
padding: 7px 0px 6px 210px;
}
#werkcontent p {
padding: 7px 150px 0 210px;
}
.contentWrap{
text-align: left;
color: #808080; 
font-size: 1.2em;
}
.contentWrap a{
color: #808080;
}
#naw{
position: absolute;
left: 40px;
bottom: 0;
height: 115px;
width: 126px;
text-align: left;
color: #990000;
}
#naw p{
padding-left: 5px;
padding-top: 10px;
font-size: 1.2em;
}
#naw a{
text-decoration: none;
color: #990000;
}
#menu{
position: absolute;
right: 0;
top: 137px;
}
#menu ul{
padding: 0;  
margin: 0; 
list-style-type: none
}
#menu li{
padding: 0; 
margin: 0; 
list-style-type: none
}
#menu ul li.algemeen, #menu ul li.pc, #menu ul li.media, #menu ul li.werk, #menu ul li.contact, #menu ul li.feitjes{
width: 120px;
height: 100px;
line-height: 100px;
margin-bottom: 1px;
}
#menu ul li.algemeen{
background: url(images/algemeen2.jpg) no-repeat;
}
#menu ul li.pc{
background: url(images/pc2.jpg) no-repeat;
}
#menu ul li.media{
background: url(images/media2.jpg) no-repeat;
}
#menu ul li.werk{
background: url(images/werk2.jpg) no-repeat;
}
#menu ul li.contact{
background: url(images/contact2.jpg) no-repeat;
}
#menu ul li.feitjes{
background: url(images/feitjes2.jpg) no-repeat;
}
#menu li a{
color: #993333;
text-decoration: none;
font-size: 1.5em;
font-weight: bold;
}
#menu li.actief{
color: #FFF; 
font-size: 1.5em;
font-weight: bold;
}
#menu ul li a:hover{
color: #C9580C;
}
.algemeen a, .pc a, .media a, .werk a, .contact a, .feitjes a{
display: block;
width: 120px;
height: 100px;
}
.algemeen a{
background: url(images/algemeen2.jpg);
}
.pc a{
background: url(images/pc2.jpg);
}
.media a{
background: url(images/media2.jpg);
}
.werk a{
background: url(images/werk2.jpg);
}
.contact a{
background: url(images/contact2.jpg);
}
.feitjes a{
background: url(images/feitjes2.jpg);
}
.algemeen a:hover, .pc a:hover, .media a:hover, .werk a:hover, .contact a:hover, .feitjes a:hover{
position: relative;
} 
.algemeen a:hover{
background: url(images/algemeen.jpg);
}
.pc a:hover{
background: url(images/pc.jpg);
}
.media a:hover{
background: url(images/media.jpg);
}
.werk a:hover{
background: url(images/werk.jpg);
}
.contact a:hover{
background: url(images/contact.jpg);
}
.feitjes a:hover{
background: url(images/feitjes.jpg);
}
#footer{
position: absolute;   
left: 0;  
width: 811px;  
bottom: -70px;  
height: 70px; 
}
#space2{
width: 811px;
height: 10px;
background: #262626;
}
#bottom{
background: url(images/footer.gif) #262626  repeat;
width: 811px;
height: 30px;
}
#copy{
width: 811px;
height: 20px;
}
#copy p{
text-align: right;
color: #000;
}
h1{
padding-top: 20px;
text-align: center;
font-size: 2.3em;
}
h2{
font-size: 1.3em;
font-weight: normal;
padding-top: 5px;
padding-left: 5px;
}
h3{
font-size: 1.2em;
text-align: center;
padding-top: 70px;
padding-bottom: 15px;
}
h4{
font-size: 1.1em;
padding-top: 7px;
padding-left: 210px;
}
table{
margin-left: 210px;
font-size: 1.1em;
color: #808080;
}
table.portfolio{
width: 450px;
}
td.height{
height: 30px;
vertical-align: top;
}
form{
margin-left: 210px;
}
.clear{ 
clear: both; 
}