/* CSS */

body, html { margin:0; padding:0; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(img/bgBody.jpg) repeat-y #E6E6E6; font-size:11px; }
.mainContainer { height:100%; width:100%;}
.mainDiv { width:2000px; overflow-x:auto; margin-top:17px;}
img { border:none;}
H2 { color:#FFF; padding-top: 20px; margin:0; font-size:12px;}

p { color:#000; line-height:18px; padding: 30px 50px 0 30px; margin:0;} 
.imageHome { margin: 12px 0 0 20px;}
.header { color:#FFF; width: 1165px; margin-left:auto; margin-right:auto; text-align:left;}
.nav { width:297px; height:563px; padding:70px 0 0 20px; float:left;}
.navHome {background:url(img/bgNavHome.jpg) no-repeat;}
.navWeb {background:url(img/bgNav.jpg) no-repeat;}
.navPrint {background:url(img/bgNavPrint.jpg) no-repeat;}
.navFoto {background:url(img/bgNavFoto.jpg) no-repeat;}
.navCopyWriting {background:url(img/bgNavCopyWriting.jpg) no-repeat;}
.navContact {background:url(img/bgNavContact.jpg) no-repeat;}

.nav div { border-bottom: 1px solid #FFF; padding: 7px; width:220px; }
.nav a:Link, .nav a:Active, .nav a:Visited { font-size:12px; text-decoration:none; color:#000; }
.nav a:Hover { color:#FFF; font-size:12px; text-decoration:none;  }
.selected { color:#FFF; font-size:12px; text-decoration:none; }
.contact { margin:200px 0 0 0; line-height:16px; }
.contact a:Link, .contact a:Active, .contact a:Visited { font-size:11px; text-decoration:none; color:#000; font-weight:bold; }
.contact a:Hover { color:#FFF; font-size:11px; text-decoration:none; font-weight:bold;  }
.content { width:615px; height:563px;  float:left;}

.contentHome {background:url(img/bgContentHome.jpg) no-repeat;}
.contentWeb {background:url(img/bgContent.jpg) no-repeat;}
.contentWeb H1 { color:#FC0; padding: 50px 0 0 30px; margin:0;}
.contentPrint {background:url(img/bgContentPrint.jpg) no-repeat; }
.contentPrint H1 { color:#666698; padding: 50px 0 0 30px; margin:0;}
.contentFoto {background:url(img/bgContentFoto.jpg) no-repeat;}
.contentFoto H1 { color:#F93; padding: 50px 0 0 30px; margin:0;}
.contentCopyWriting {background:url(img/bgContentCopyWriting.jpg) no-repeat;}
.contentCopyWriting H1 { color:#9C3; padding: 50px 0 0 30px; margin:0;}
.contentContact {background:url(img/bgContentContact.jpg) no-repeat;}
.contentContact H1 { color:#666; padding: 50px 0 0 30px; margin:0;}


.content a:Link, .content a:Active, .content a:Visited { font-size:11px; text-decoration:none; color:#000;  }
.content a:Hover { color:#FFF; font-size:11px; text-decoration:none;  }
.web { color:#FC0; font-weight:bold;}
.print  { color:#666698; font-weight:bold;}
.references { color:#000; line-height:18px; padding: 20px 30px 0 30px; }
.spacer { height:65px;}
.project { width:252px; height:563px;float:left;}
.pr01 { width:252px; height:563px; background:url(img/bgProject1.jpg) no-repeat; float:left;}
.newWebDesign { width:252px; height:563px; background:url(img/newWebDesign.jpg) no-repeat; float:left;}
.kijker { width:252px; height:563px; background:url(img/kijker.jpg) no-repeat; float:left;}

.print01 { width:252px; height:563px; background:url(img/bgProjectPrint.jpg) no-repeat; float:left;}
.vers { width:252px; height:563px; background:url(img/bgProjectRoman.jpg) no-repeat; float:left;}
.opbouw { width:252px; height:563px; background:url(img/beletteren.jpg) no-repeat; float:left;}
.foto06 { width:252px; height:563px; background:url(img/foto06.jpg) no-repeat; float:left;}
.foto07 { width:252px; height:563px; background:url(img/foto07.jpg) no-repeat; float:left;}
.foto08 { width:252px; height:563px; background:url(img/foto08.jpg) no-repeat; float:left;}

.projectTxt { padding:60px 0 0 30px; color:#FFF;}
.last { width:112px; height:563px;  float:left;}
.lastHome {background: url(img/bgLastHome.jpg) no-repeat;}
.lastWeb {background: url(img/bgLast.jpg) no-repeat;}
.lastPrint {background: url(img/bgLastPrint.jpg) no-repeat;}
.lastFoto {background: url(img/bgLastFoto.jpg) no-repeat;}
.lastCopyWriting {background: url(img/bgLastCopyWriting.jpg) no-repeat;}
.lastContact {background: url(img/bgLastContact.jpg) no-repeat;}

.project a:Link, .project a:Active, .project a:Visited { color:#FFF; font-size:11px; }
.project a:Hover { color:#FFF; font-size:11px; }