/*  
Theme Name: Digihut
Description: Digihut-stylee
Version: 1.0
Author: Max Roeleveld
Author URI: http://www.digihut.nl

Grid dimensions:
Kolombreedte: 40
Gutter: 20
Aantal kolommen: 12

*/

html,body { line-height: 14pt; font-size: 10pt; font-family: Helvetica, Arial, sans-serif; margin: 0;}
body { color: #222222; text-align: center; background-color: white; background-image: url(images/headerbg.png); background-repeat: repeat-x;}
a { color: #396; }
small, .small, .sidebar { font-size: 9pt; }
#container { text-align: left; margin-left: auto; margin-bottom: 0px; margin-right: auto; margin-top: 0px; width: 700px; }
#header { position: relative; }
#header h1 { margin: 0px; }
#header h1 a { left: -15px; position: relative; width: 192px; display: block; margin: 0px; background-image: url(images/hut.png); background-repeat: no-repeat; height:132px}
#header h1 span { display: none; }
#headernav { position: absolute; right: 0px; top: 100px; }
#headernav ul { margin: 0.5em 0; padding: 0; list-style-type: none; text-align: center; line-height: 1.5em; font-size: 10pt;}
#headernav li { display: inline; margin: 0;  }
#headernav a { text-decoration: none; padding: 0 0.5em; }
#topnav { font-size: 9pt; right: 0px; top: 105px; position: absolute; }
#topnav ul { display: inline; padding: 0px; margin: 0px; list-style-type: none; }
#topnav li { display: inline; padding: 0px; margin: 0px; float: left; }
#topnav a { border-left-width: 2px; border-bottom-width: 0px; border-right-width: 2px; border-top-width: 2px; background-position: 0 100%; background-image: url(images/tabbg.png); background-repeat: repeat-x; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; padding-top: 2px; margin-left: 3px; display: inline-block; height: 18px; font-weight: bold; text-decoration: none; border-color: #349a64; border-style: solid; background-color: white; color: #396; }
#topnav a:hover { background-color: #349a64; color: white; }
#diensten-body #topnav a#diensten-tab { border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 1px; }
#footer { clear: both; color: #666; font-size: 9pt; border-top: 2px solid #096; width: 700px; margin: 0 auto; text-align: left; }
#footer a { color: #666; }
#content { margin-top: 4em; min-height: 500px; }
#welcome { line-height: 16pt; font-size: 12pt; }
.span-1, .span-2, .span-3, .span-4, .span-45, .span-5, .span-6, .span-7 .span-8, .span-9 { float: left; margin-right: 20px; }
.span-2 { width: 100px; }  .span-3 { width: 160px; }  .span-4 { width: 220px; }
.span-45 { width: 250px }  .span-5 { width: 280px; }  .span-6 { width: 340px; }
.span-7 { width: 400px; }  .span-8 { width: 460px; }  .span-9 { width: 520px; }
.last { margin-right: 0px; clear: right; }
.box { float: none; color: #222; text-decoration: none; display: block;  font-weight: bold; font-size: 14pt; padding: 4px; margin-bottom: 10px; border-color: #009966; border-style: solid; border-width: 1px; height: 100px; width: 150px; }
.servicebox { background-repeat: no-repeat; background-image: url(images/help.jpg); }
.infobox { background-image: url(images/info.jpg); background-repeat: no-repeat; }
.verkoopbox { background-repeat: no-repeat; background-image: url(images/computer.jpg); }
.contactbox { background-repeat: no-repeat; background-image: url(images/map.jpg); }
hr { border: none; background-color: #096; height: 1px; margin: 0.9em 0; }
p { margin: 0 0 0.9em 0; }
h2 { margin: 0 0 0.9em 0; }
h1 a, h2 a, h3 a { text-decoration: none; }
.current_page_item {font-weight: bold;}
.sidebar ul { list-style-type: square; padding-left: 15px; font-weight: normal; }
#contact-body table { clear: both; float: none; display: block; margin-bottom: 2em; }
#contact-body #kaart { border: 1px solid #096; }
#contact-body td { padding-right: 2em; padding-top: 3px; border-bottom-color: #eeeeee; border-bottom-style: solid; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 0px; padding-bottom: 3px; vertical-align: top; }
.subnav { border-left-color: #349a64; border-bottom-color: #349a64; border-right-color: #349a64; border-top-color: #cccccc; border-left-style: solid; border-bottom-style: solid; border-right-style: solid; border-top-style: solid; border-width: 1px; background-color: #eeeeee; margin-top: -11px; margin-bottom: 1em; }
.subnav ul {  padding-left: 20px; margin: 5px 0; }
.subnav ul ul { margin: 0; }
.subnav a { font-size: 9pt; text-decoration: none; color: black; }