body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; margin: 10px 0px; text-align: center; background: #C5CFD0 url(/images/bg_grad.jpg) repeat-x fixed left bottom; color: #333333; }
/* boxes */
#wrapper { color: #333333; margin: 0px auto; padding: 0; border: 1px solid #556666; width: 900px; text-align: left; }
#header {text-align: right; padding-right: 25px; padding-top: 29px; float: right; width: 200px; margin: 0;}
#titel {padding: 45px 0px 0px 45px; margin: 0; text-align: left; height: 25px;}
#titel h1 {color: #FFFFFF; font-size: 22px; font-style: italic; font-weight: bold; letter-spacing: 0.2em; margin: 0; padding: 0;}
#container {background: url(/images/content_vr.gif) repeat-y; padding:0; margin:0;}
#sidecol {width: 190px; padding: 0px 25px; float: left; font-size: 1.4em; line-height: 1.3em; text-align: right;}
#maincol {width: 610px; min-height: 350px; float: right; overflow: auto; padding: 0px 24px 0px 0px; font-size: 1.2em; line-height: 1.8em;}
#maincol p:first-child, #maincol h2:first-child {margin-top:0;}
#footer {padding: 10px 20px; border-top: 1px solid #DDDDDD; background: #F5F5F5; text-align: left; width: 860px; color: #B5B5B5; word-spacing: 1px; letter-spacing: 1px;}
#copyright {display: block; font-family: Tahoma, Arial, sans-serif; text-align: center; width: 200px; left: 0px; margin: 0; padding: 0;}
#copyright a, #copyright a:link, #copyright a:visited {text-decoration: none; color: #B5B5B5;}
#copyright a:hover {text-decoration: none; color: #FF6633;}
#bottomnav {font-size: 1.1em; width: 615px; float: right; margin: 0; padding: 0;}
#bottomnav a, #bottomnav a:link, #bottomnav a:visited {text-decoration: none; color: #71828A;}
#bottomnav a:hover {text-decoration: none; color: #FF6633;}
#searchformholder {display: block; margin: 30px 0; padding: 0;}
#searchformholder p {margin: 0; padding: 0;}
#searchformholder input, #searchformholder img {vertical-align: middle; display: inline;}
.searchbox {font-size: 0.9em; border: 1px solid #999999; background-color: #FFFFFF; color: #333333;}
.leftcolumn {padding: 0; margin: 0px 30px 0px 0px; float: left; width: 45%;}
.rightcolumn {padding: 0; margin: 0; float: left; width: 45%;}

/* tools */
#tools {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0; height: 24px; background: #FFFFFF; padding: 2px 30px;}
#tools ul {margin: 0; padding: 0; display: inline;} 
#tools ul li {margin: 0; padding: 0; list-style: none; display: inline;}
#tools a.mail {background: url(/images/icon_envelop.gif) no-repeat left center;}
#tools a.printversion {background: url(/images/icon_print.gif) no-repeat left center;}
#tools a {color:#666666; text-decoration:none; padding: 2px 0px 2px 22px; margin-right: 10px;}
#tools a:hover {text-decoration:none;color: #FF6633;}
#korting {padding: 0px 8px 0px 0px;}
address { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size: 0.7em; padding: 10px 0px 5px 35px; text-align: left; font-style: normal; line-height: 1.3em; color: #666666; }
address strong { font-family:Arial, Helvetica, sans-serif;font-size: 1.1em;}
address a:link, address a:visited {color: #666666; text-decoration: none;}
address a:active, address a:hover {color: #FF6633; text-decoration: underline;}

/* global */
a, a:link, a:visited {color: #003399; background: transparent; outline: none;}
a:active, a:hover {color: #FF6633; background: transparent;}
a img {border:none;}
h1 {font-size:1.3em;}
h2 {font-size:1.2em; margin-bottom:-0.8em;}
h3 {font-size:1.1em;}
form {margin:0;}
ul {margin:0 0 0 25px; padding:0;}
li {list-style-type: disc;}
.formfield, textarea {border: 1px solid #CCCCCC; font-family: "Courier New", Courier, sans-serif; font-size: 1.2em; color: #333333; background-color: #FFFFFF;}
textarea {width: 98%;}
label {margin-right: 5px;}

.hide, .naw {display:none;}
.stretch {width: 97%;}
.clr {clear:both;}
.small {font-size: 0.9em; line-height:1.2em;}
.error {color: #CC0000; font-weight: bold;}
.required {padding-left: 10px; background: url(/images/star.gif) no-repeat left center;}
.listhead {margin-bottom:0.3em;}
.cms {margin-right: 50px;}

ul.dienstenlist {margin:0 0 0 5px; padding:0;}
ul.dienstenlist li {list-style-image: url(/images/spacer.gif)}

/* links met icoon */
#pdflist {margin:0 0 0 10px;padding:0;}
#pdflist li {list-style-image: none; list-style-type: none; margin-bottom: 0.5em;}
#pdflist li a {background: url(/images/pdf.gif) no-repeat left center; padding: 2px 0px 2px 20px;}
a.sitemap {background: url(/images/sitemap.gif) no-repeat left center; padding: 2px 0px 2px 20px;}

/* tabellen */
.grid {background-color: #CCCCCC;}
.grid td {background-color: #FFFFFF;}
.grid th {background-color: #EFEFEF; text-align: left;}
.grid th.type {background-color: #EFEFEF; text-align: center;}
.grid th a {display: block; color: #333333; text-decoration: none;}
.grid th a:hover {color: #FF6633;}

/* navigatie */
#navigatie {font-size: 15px; width: 900px; margin-top: 32px; text-transform: lowercase; letter-spacing: 1px; font-weight: bold;}
#navigatie ul {margin: 0px; padding: 0px 0px 0px 410px;}
#nav {position: relative; top: 0px; height: 60px; z-index:10;}
#prijzen, #portfolio, #contact {border-left: 2px solid #6C6C88;}
#nav ul {padding: 0; margin: 0; list-style: none; position: relative; z-index: 11;}
#nav a {display: block; color: #000033; text-decoration: none; font-weight: bold; padding: 0px 15px;}
#nav li ul li a {padding:0;}
#nav a:hover {color: #FF6633;}
#nav li {float: left; list-style: none;}
#nav li.active a, #nav li ul li.active a {color: #FF6633;}
#nav li.active li a {color: #000033;}
#nav li.active a:hover {color: #FF6633;}

/* second-level lists */
#nav li ul {position: absolute; left: -999em; font-size:12px; width:620px; padding: 0px 10px 0px 270px;}
#nav li.active ul {left: 0px;} 
#nav li:hover ul, #nav li.sfhover ul {left: 0px;} 
#nav li ul li {background: url(/images/navbull.gif) no-repeat left center; padding: 8px 8px 8px 13px; float:right;}
#nav li ul li.start {background: url(/images/spacer.gif)}
#nav li:hover div.nosubnav, #nav li.sfhover div.nosubnav {left: 0px; width:900px; height: 30px; position: absolute; z-index:100;} 

/* achtergronden */
.patch  {background: #FFFFFF url(/images/headers/patch.jpg) no-repeat center top;}
.patch #nav li ul {background: url(/images/headers/patch_nav.jpg) no-repeat;}
.patch #nav li:hover div.nosubnav, .patch #nav li li:hover div.nosubnav, .patch #nav li.sfhover div.nosubnav, .patch #nav li li.sfhover div.nosubnav {background: url(/images/headers/patch_nav_none.jpg) no-repeat;}
.keyswww  {background: #FFFFFF url(/images/headers/keys_www.jpg) no-repeat center top;}
.keyswww #nav li ul {background: url(/images/headers/keys_www_nav.jpg) no-repeat;}
.keyswww #nav li:hover div.nosubnav, .keyswww #nav li li:hover div.nosubnav, .keyswww #nav li.sfhover div.nosubnav, .keyswww #nav li li.sfhover div.nosubnav {background: url(/images/headers/keys_www_nav_none.jpg) no-repeat;}
.mice  {background: #FFFFFF url(/images/headers/mice.jpg) no-repeat center top;}
.mice #nav li ul {background: url(/images/headers/mice_nav.jpg) no-repeat;}
.mice #nav li:hover div.nosubnav, .mice #nav li li:hover div.nosubnav, .mice #nav li.sfhover div.nosubnav, .mice #nav li li.sfhover div.nosubnav {background: url(/images/headers/mice_nav_none.jpg) no-repeat;}
.office  {background: #FFFFFF url(/images/headers/office.jpg) no-repeat center top;}
.office #nav li ul {background: url(/images/headers/office_nav.jpg) no-repeat;}
.office #nav li:hover div.nosubnav, .office #nav li li:hover div.nosubnav, .office #nav li.sfhover div.nosubnav, .office #nav li li.sfhover div.nosubnav {background: url(/images/headers/office_nav_none.jpg) no-repeat;}
.face  {background: #FFFFFF url(/images/headers/face.jpg) no-repeat center top; }
.face #nav li ul {background: url(/images/headers/face_nav.jpg) no-repeat;}
.face #nav li:hover div.nosubnav, .face #nav li li:hover div.nosubnav, .face #nav li.sfhover div.nosubnav, .face #nav li li.sfhover div.nosubnav {background: url(/images/headers/face_nav_none.jpg) no-repeat;}
.garbage  {background: #FFFFFF url(/images/headers/garbage.jpg) no-repeat center top;}
.garbage #nav li ul {background: url(/images/headers/garbage_nav.jpg) no-repeat;}
.garbage #nav li:hover div.nosubnav, .garbage #nav li li:hover div.nosubnav, .garbage #nav li.sfhover div.nosubnav, .garbage #nav li li.sfhover div.nosubnav {background: url(/images/headers/garbage_nav_none.jpg) no-repeat;}
.harddisk  {background: #FFFFFF url(/images/headers/harddisk.jpg) no-repeat center top;}
.harddisk #nav li ul {background: url(/images/headers/harddisk_nav.jpg) no-repeat;}
.harddisk #nav li:hover div.nosubnav, .harddisk #nav li li:hover div.nosubnav, .harddisk #nav li.sfhover div.nosubnav, .harddisk #nav li li.sfhover div.nosubnav {background: url(/images/headers/harddisk_nav_none.jpg) no-repeat;}
.headinmonitor {background: #FFFFFF url(/images/headers/headinmonitor.jpg) no-repeat center top;}
.headinmonitor #nav li ul {background: url(/images/headers/headinmonitor_nav.jpg) no-repeat;}
.headinmonitor #nav li:hover div.nosubnav, .headinmonitor #nav li li:hover div.nosubnav, .headinmonitor #nav li.sfhover div.nosubnav, .headinmonitor #nav li li.sfhover div.nosubnav {background: url(/images/headers/headinmonitor_nav_none.jpg) no-repeat;}
.home  {background: #FFFFFF url(/images/headers/home.jpg) no-repeat center top;}
.home #nav li ul {background: url(/images/headers/home_nav.jpg) no-repeat;}
.home #nav li:hover div.nosubnav, .home #nav li li:hover div.nosubnav, .home #nav li.sfhover div.nosubnav, .home #nav li li.sfhover div.nosubnav {background: url(/images/headers/home_nav_none.jpg) no-repeat;}
.laptop  {background: #FFFFFF url(/images/headers/laptop.jpg) no-repeat center top;}
.laptop #nav li ul {background: url(/images/headers/laptop_nav.jpg) no-repeat;}
.laptop #nav li:hover div.nosubnav, .laptop #nav li li:hover div.nosubnav, .laptop #nav li.sfhover div.nosubnav, .laptop #nav li li.sfhover div.nosubnav {background: url(/images/headers/laptop_nav_none.jpg) no-repeat;}
.pack {background: #FFFFFF url(/images/headers/pack.jpg) no-repeat center top;}
.pack #nav li ul {background: url(/images/headers/pack_nav.jpg) no-repeat;}
.pack #nav li:hover div.nosubnav, .pack #nav li li:hover div.nosubnav, .pack #nav li.sfhover div.nosubnav, .pack #nav li li.sfhover div.nosubnav {background: url(/images/headers/pack_nav_none.jpg) no-repeat;}
.keysenter  {background: #FFFFFF url(/images/headers/keys_enter.jpg) no-repeat center top;}
.keysenter #nav li ul {background: url(/images/headers/keys_enter_nav.jpg) no-repeat;}
.keysenter #nav li:hover div.nosubnav, .keysenter #nav li li:hover div.nosubnav, .keysenter #nav li.sfhover div.nosubnav, .keysenter #nav li li.sfhover div.nosubnav {background: url(/images/headers/keys_enter_nav_none.jpg) no-repeat;}