* {
font-family: Verdana, Arial;
}
html {
overflow:-moz-scrollbars-vertical;
}
body {
margin:0;
padding:0;
text-align:center;
background:#525f64 url('../images/bg.jpg') repeat-x 0 0;
}
#container {
position:relative;
margin:0 auto;
width:750px;
}
#header {
position:absolute;
top:0;
left:0;
height:205px;
width:750px;
background:url('../images/header.jpg') no-repeat 0 0;
}
#header p {
visibility:hidden;
}
#content {
position:absolute;
top:205px;
left:0;
width:670px;
padding:15px 40px 50px 40px;
margin:0 0 -50px 0;
background:url('../images/content_bg.jpg') repeat-y 0 0;
text-align:left;
line-height:1.1em;
}
#content h1 {
padding:0;
margin:0;
height:30px;
}
#content h1 span{
visibility:hidden;
}
#content h1.nieuws {
background:url('../images/h1_nieuws.jpg') no-repeat 0 0;
}
#content h1.pid {
background:url('../images/h1_pid.jpg') no-repeat 0 0;
}
#content h1.dil {
background:url('../images/h1_dil.jpg') no-repeat 0 0;
}
#content h1.diensten {
background:url('../images/h1_diensten.jpg') no-repeat 0 0;
}
#content h1.internet {
background:url('../images/h1_internet.jpg') no-repeat 0 0;
}
#content h1.aio {
background:url('../images/h1_totaalpakket.jpg') no-repeat 0 0;
}
#content h1.ref {
background:url('../images/h1_referenties.jpg') no-repeat 0 0;
}
#content h1.webhosting {
background:url('../images/h1_webhosting.jpg') no-repeat 0 0;
}
#content h1.dom {
background:url('../images/h1_domeinnamen.jpg') no-repeat 0 0;
}
#content h1.webdesign {
background:url('../images/h1_webdesign.jpg') no-repeat 0 0;
}
#content h1.webdev {
background:url('../images/h1_webdev.jpg') no-repeat 0 0;
}
#content h1.flyer {
background:url('../images/h1_flyer.jpg') no-repeat 0 0;
}
#content h1.huisstijl {
background:url('../images/h1_huisstijl.jpg') no-repeat 0 0;
}
#content h1.drukwerk_producten {
background:url('../images/h1_drukwerk_producten.jpg') no-repeat 0 0;
}
#content h1.drukwerk_afhalen {
background:url('../images/h1_drukwerk_afhalen.jpg') no-repeat 0 0;
}
#content h1.dil_pidk {
background:url('../images/h1_dil_pidk.jpg') no-repeat 0 0;
}
#content h1.webhosting_bestellen {
background:url('../images/h1_webhosting_bestellen.jpg') no-repeat 0 0;
}
#content h1.drukwerk_bestellen {
background:url('../images/h1_drukwerk_bestellen.jpg') no-repeat 0 0;
}
#content h1.webhosting_bestellen_1 {
background:url('../images/h1_webhosting_bestellen_1.jpg') no-repeat 0 0;
}
#content h1.webhosting_bestellen_2 {
background:url('../images/h1_webhosting_bestellen_2.jpg') no-repeat 0 0;
}
#content h1.webhosting_bestellen_3 {
background:url('../images/h1_webhosting_bestellen_3.jpg') no-repeat 0 0;
}
#content h1.webhosting_bestellen_4 {
background:url('../images/h1_webhosting_bestellen_4.jpg') no-repeat 0 0;
}
#content h1.portfolio_websites {
background:url('../images/h1_portfolio_websites.jpg') no-repeat 0 0;
}
#content h1.portfolio_drukwerk {
background:url('../images/h1_portfolio_drukwerk.jpg') no-repeat 0 0;
}
#content h1.portfolio_huisstijl {
background:url('../images/h1_portfolio_huisstijl.jpg') no-repeat 0 0;
}
#content h1.contact {
background:url('../images/h1_contact.jpg') no-repeat 0 0;
}
#content h1.contactform {
background:url('../images/h1_contactformulier.jpg') no-repeat 0 0;
}
#content h1.contact_ok {
background:url('../images/h1_contact_ok.jpg') no-repeat 0 0;
}
#content h1.sitemap {
background:url('../images/h1_sitemap.jpg') no-repeat 0 0;
}
#content h1.colofon {
background:url('../images/h1_colofon.jpg') no-repeat 0 0;
}
#content h1.hostingvoorwaarden {
background:url('../images/h1_hostingvoorwaarden.jpg') no-repeat 0 0;
}

#content h2 {
padding:5px 0 2px 42px;
margin:0;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#content h2.section1 {
color:#82d72b;
background:url('../images/star_green.gif') no-repeat 24px 6px;
}
#content h2.section2 {
color:#1381b5;
background:url('../images/star_blue.gif') no-repeat 24px 6px;
}
#content h2.section3 {
color:#353d40;
background:url('../images/star_grey.gif') no-repeat 24px 6px;
}

#content h3 {
padding:5px 0 2px 48px;
margin:0;
font-size:13px;
color:#585858;
font-weight:bold;
background:url('../images/content_h3.gif') no-repeat 28px 6px;
}
#content p {
position:relative;
padding:5px 25px;
margin:0;
font-size:11px;
color:#585858;
}
#content table {
width:600px;
padding:0;
margin:10px 10px 10px 35px;
}
#content th {
font-size:10px;
color:#585858;
border:1px solid #585858;
background:#E7E7E7;
font-weight:bold;
text-transform:uppercase;
width:150px;
}
#content td {
font-size:11px;
color:#585858;
border:1px dotted #D8D8D8;
text-align:center;
}
#content ul {
margin-left:10px;
margin-top:2px;
}
#content li {
font-size:11px;
color:#686868;
list-style-type:square;
}
#content ul.hyperlinks {
padding:0;
margin:0;
}
#content ul.hyperlinks li {
list-style-type:none;
line-height:20px;
}
#footer {
position:absolute;
bottom:0;
left:0px;
width:750px;
height:50px;
background: url("../images/footer_bg.jpg") no-repeat 0 0;
}
#footer p {
position:relative;
top:16px;
left:35px;
padding:0;
text-align:left;
font-size:10px;
color:#FFF;
}
a img, a:hover img {border:0;}
 
 /*CLASSES*/
div.section1 {
background: url("../images/section1_rep.jpg") repeat-y 0 0;
width:270px;
clear:right;
float:left;
overflow:hidden;
}
div.section2 {
background: url("../images/section2_rep.jpg") repeat-y 0 0;
width:390px;
margin-left:280px;
}
* html div.section2 {
clear:left;
float:right;
margin-left:0;
}
div.section3 {
background: url("../images/section3_rep.jpg") repeat-y 0 0;
width:670px;
}
div.section1_end {
background: url("../images/section1_footer.jpg") no-repeat 0 0;
}
div.section2_end {
background: url("../images/section2_footer.jpg") no-repeat 0 0;
}
div.section3_end {
background: url("../images/section3_footer.jpg") no-repeat 0 0;
}
div.section1_end, .section2_end, .section3_end {
height:15px;
overflow:hidden;
background-position:top;
}
.center {text-align:center;}
.floatright {float:right; margin:-10px 0 5px 10px; clear:both;}
.floatleft {float:left; margin:0 10px 10px 0;}
.noborder {border:0;}
.notice {color:#1381b5;}
.small {font-size:9px; color:#999;}