body { font-family: Arial; font-size: 10pt; margin: 0px; padding: 0px; }
html { overflow-y: scroll; }
* { margin: 0px; padding: 0px; }

div#header { display: block; position: relative; background: url(../img/headerBg.jpg) top left repeat-x; height: 100px; width: 100%; }
div#header h1 { position: absolute; top: 0px; left: 0px; color: #fff; background: url(../img/toplogo.jpg) top left; text-indent: -9999px; width: 350px; height: 80px }

div#header #logged { position: absolute; right: 30px; color: #333; background: #fff; padding: 0px; height: 26px; }
div#header #logged a { color: #F00; font-size: 10px; text-decoration: none; margin-left: 10px; }
div#header #logged .inner { float: left; width: auto; background: url('../img/panel-right.jpg') no-repeat right top; height: 26px; padding: 4px 17px 0px 5px; }
div#header #logged .curve { float: left; height: 30px; }

div#menu { position: absolute; top: 40px; right: 20px; }
div#menu ul { list-style-type: none; }
div#menu ul li { float: left; padding: 10px 10px 10px 20px; }
div#menu ul li a { color: #fff; font-weight: bold; font-size: 12pt; text-decoration: none;}
div#menu ul li a:hover { color: #333; font-weight: bold; font-size: 12pt; text-decoration: none;}

div#content { width: 1000px; margin: 0 auto; padding: 0 auto; font-size: 11pt;}
div#content h2 { color: #3c95d7; margin-bottom: 10px; }
div#content h3 { color: #3c95d7; font-size: 12pt;margin-bottom: 10px; }

div.okmelding { display: block; width: 100%; border: 1px solid #C9FFAE; background: #E1FFD2; color: #333; padding: 5px; margin-bottom: 20px;}
div.foutmelding { display: block; width: 100%; border: 1px solid #FD9779; background: #FFD7D8; color: #333; padding: 5px; margin-bottom: 20px;}
p.melding { margin: 10px 0 10px 0; }
a.add { padding-left: 20px; background: url(../img/add.png) top left no-repeat;  margin-left: 5px;}

table.overzicht td { padding: 7px; } 
table.overzicht tr.titel td { font-weight: bold; color: #3c95d7; border-bottom: 1px solid #333; }
table.overzicht tr.kolom1 {  background-color: #fafafa; }
table.overzicht tr.kolom2 {  background-color: #efefef; }
table.overzicht tr:hover {  background-color: #C2E3FE; width: 800px; }
table.overzicht td span { color: #F00; font-weight: bold; }
table.overzicht td a { color: #333; text-decoration: none; }
table.overzicht td a:hover { color: #3c95d7; text-decoration: underline; }

div.kader { background-color: #f2f2f2; border: 1px solid #eee; padding: 10px; } 
input.form { width: 250px; border: 1px solid #333; padding: 3px; }
input.button { padding: 0px 5px 0px 5px; } 
input.aantal { width: 50px; border: 1px solid #333; padding: 3px;}

table.form td { padding: 3px; } 
table.form { margin-bottom: 15px; }

div.item { background-color: #f2f2f2; border: 1px solid #eee; padding: 10px 10px 10px 40px; position: relative; margin: 5px 0px 5px 0px; }
div.item:hover { background-color: #D6E8FE; border: 1px solid #95D2FF; padding: 10px 10px 10px 40px; position: relative; margin: 5px 0px 5px 0px; }
div.item img { position: absolute; top: 12px; left: 10px; }
div.item a { text-decoration: none; color: #333; }

div#voorraadalert { margin-top: 10px; }
div#voorraadalert h3 { color: #F00; margin: 0px; padding: 0px; }
div#voorraadalert p { color: #F00; margin-bottom: 10px;  }
div#voorraadalert tr.titel td { font-weight: bold; border-bottom: 1px double #333; }

div#voorraadalert .w4 { display: block; width: 10px; height: 10px; background-color: #690; }
div#voorraadalert .w3 { display: block; width: 10px; height: 10px; background-color: #FF0; }
div#voorraadalert .w2 { display: block; width: 10px; height: 10px; background-color: #F90; }
div#voorraadalert .w1 { display: block; width: 10px; height: 10px; background-color: #F30; }
div#voorraadalert td { line-height: 20pt; padding: 1px; }
div#voorraadalert td span { font-size: 10px; }

div#datumselect { border: 1px solid #ccc; background: #efefef; padding: 5px; margin-bottom: 10px; }
div#datumselect span { margin: 0 15px 0 15px; }
input.submitlog { padding: 0 5px 0 5px; margin-left: 15px;}