body {font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0px; background: #FFFFFF url(none); color: #333333; text-align: left;}
/* boxes */
#wrapper {color: #333333; margin: 0; padding: 0; width: 100%; border: none;}
#header {text-align: center; float: none; margin: 0px; padding: 5px; width: 100%;}
#titel {padding: 0px; margin: 0px 0px 5px; text-align: center;}
#titel h1 {color: #333333; font-size: 1em; font-style: normal; font-weight: bold; letter-spacing: 0.2em; margin: 0; padding: 0;}
#container {background: url(none); padding:0; margin:0;}
#maincol {width: 100%; float: none; overflow: auto; padding: 1em 5px; font-size: 1em; line-height: 1.2em;}
#maincol p:first-child, #maincol h2:first-child {margin-top:0;}
#footer {padding: 5px; border-top: 1px solid #DDDDDD; background: #F5F5F5; text-align: left; width: 100%; color: #B5B5B5; word-spacing: 1px; letter-spacing: 1px; border-bottom: 1px solid #DDDDDD;}
#copyright {display: block; font-family: Tahoma, Arial, sans-serif; text-align: center; width: 100%; left: 0px; padding: 0;margin-top:1em; font-size:0.8em;}
#copyright a, #copyright a:link, #copyright a:visited {text-decoration: none; color: #B5B5B5;}
#copyright a:hover {text-decoration: none; color: #FF6633;}
#bottomnav {font-size: 1em; width: 100%; float: none; margin: 0; padding: 0; text-align: center;}
#bottomnav a, #bottomnav a:link, #bottomnav a:visited {text-decoration: none; color: #71828A;}
#bottomnav a:hover {text-decoration: none; color: #FF6633;}
.naw {display: block; font-size: 0.8em; padding: 5px; text-align: center; margin: 0px;}

h1 {font-size:1.2em;}
h2 {font-size:1.1em;}
a {color: #039;}

div.module p {margin:0.2em 0 1.5em 0;padding:0;}
#sidecol, #tools, #support {display:none;}
/* ----------------------------------- global -------------------------------------- */
hr {height: 0; border-top: 1px solid #CCCCCC;} 
form {margin:0;}
select, input {font-size:1em;}
.clr {clear:both;height:1px;overflow:hidden;}
.hide {display:none;}
a img {border:none;}
.small {font-size:0.85em; line-height:1.3em;}
small {font-size: 0.85em; display:block; color: #777; padding: 0 0 0.3em; margin: 0;}
.warning, .error {color:#CC0000;font-weight: bold;}
.required {background-image: url(/images/star.gif); background-repeat: no-repeat; padding-left: 10px; background-position: left center;}

.grid {background-color: #CCCCCC;}
.grid td {background-color: #FFFFFF;}
.grid th {background-color: #EFEFEF; text-align: left;}
.grid th.pakket {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: 0.9em; width: 100%; text-transform: lowercase; font-weight: normal; background: #F5F5F5; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; margin: 0px; padding: 0px;}
#navigatie ul {margin: 0px; padding: 0.5em 1.5em;}
#nav {position: relative; top: 0px; height: auto;}
#prijzen, #portfolio, #contact {border-left: 0px none;}
#nav ul {padding: 0; margin: 0; list-style-image: none; list-style-type: circle;}
#nav a {display: inherit; color: #000033; text-decoration: none; font-weight: bold; padding: 0px;}
#nav li ul li a {padding:0;}
#nav a:hover {color: #FF6633;}
#nav li {float: none; list-style-image: none; list-style-type: disc;}
#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: relative; left: 0em; font-size:0.9em; width:100%; padding: 0em 0.5em;}
#nav li.active ul {left: 0px;} 
#nav li:hover ul {left: 0px;} 
#nav li ul li {background: url(none); padding: 0px; float:none; list-style-type: disc; margin: 0px 0px 0px 1em;}
#nav li ul li.start {background: url(none)}
#nav li:hover div.nosubnav, #nav li.sfhover div.nosubnav {left: 0px; width:100%; height: auto; position: absolute; z-index:100;} 
#nav li:hover div.nosubnav, #nav li li:hover div.nosubnav {background: url(none)}

/* achtergronden */
.patch, .keyswww, .mice, .office, .face, .garbage, .harddisk, .headinmonitor, .home, .laptop, .pack, .keysenter   {background: #FFFFFF url(none);}
.patch #nav li ul, .keyswww #nav li ul, .mice #nav li ul, .office #nav li ul, .face #nav li ul, .garbage #nav li ul, .harddisk #nav li ul, .headinmonitor #nav li ul, .home #nav li ul, .laptop #nav li ul, .pack #nav li ul, .keysenter #nav li ul {background: url(none);}