html, body {
   height: 100%; /* héél belangrijk */
}

body{
   background-color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;  
   color: #636466;
   margin: 0px;
   padding: 0px;  
}

#forgot_password{
   position:absolute; 
   width: 500px;
   margin-top: -50px;
   margin-left: -250px;
   padding: 6px;
   top: 50%; 
   left: 50%;
   border: 2px dashed #F7931D;
   color: #939598;
   font-weight: bold;
}

#forgot_password p{
   font-size: 0.6em;
}

#forgot_password p.error{
   color: red;
}

#forgot_password label{
   font-size: 0.6em;
}
   
#forgot_password h1{
   font-size: 1.2em;
   margin: 0;
   padding: 0;  
}

#forgot_password input{
   padding: 2px;
   color: #939598;
   font-weight: bold;
   background-color: white;
   border: 1px dashed #F7931D;
}

#forgot_password input#email{
   width: 270px; 
   margin-right: 4px; 
}

#container_links {
   position: relative;
   float: left;
   height:auto !important; /* voor moderne browsers */
   border: 2px dashed #F7931D;
   text-align: center;
   margin: 8px;
}


#container_rechts {
   position: relative;
   min-height: 100%;
   width: 70%;
   float: left;
   height:auto !important; /* voor moderne browsers */
   height:100%; /* voor IE */
}

#footer {
   position: absolute;
   bottom: 0; /* heel belangrijk */
}

#voegreltoe{
   font-size: 0.7em; 
   margin: 5px;
}

#voegreltoe #label{
   width: 150px;
   float: left;  
}

#klantendiv{
   margin-bottom: 15px;  
}

#klantendiv #label{
   font-weight: bold;
   width: 150px;
   float: left;  
}

#voegreltoe em{
   color: red;
}

p, span{
   font-size: 0.7em;  
}

table#klanten,  table#offertes, table#facturen, table#producten{
   font-size: 0.7em;  
}

a.trigger{
   color: #636466;
   text-decoration: none;
   border-bottom: 1px dotted #636466; 
   font-weight: bold;
   cursor: help;
}

.tooltip{
   width: 250px;
   font-size: 0.7em;
   background-color: white;
   border: 2px dashed #F7931D; 
}

a.inline{
   color: #636466;
   text-decoration: none;
   font-weight: bold;  
}

a.inline:hover{
   text-decoration: underline;
}

tr.top td{
   border-bottom: 2px solid white;
}

tr.back2{
   background-color: #F7931D;
}

tr.her{
   font-style: italic;
   font-size: 0.9em;
   color: red;  
   padding-left: 20px;
}

h1, h2{
   color:  #F7931D;
}

input.small, input.xsmall, input.medium, input.large, input.xlarge, textarea.omschrijving_text{
   font-size: 0.88em;  
}

input.small{
   width: 63px;
}

input.xsmall{
   width: 18px;
}

input.medium{
   width: 150px;
}

input.large{
   width: 308px;
}

input.xlarge{
   width: 379px;
}

textarea.omschrijving_text{
   width: 367px;
}

input.vraag_tekst, textarea.vraag_bericht{
   width: 400px;
   display: block;
}

textarea.vraag_bericht{
   height: 200px;
}

#glu{ 
   border: 0px;  
}

table.form{
	font-size: 0.7em;
}

table.form input{
	width: 100%;
}

/* Navigatie */

#logo_nav{
   margin-top: 15px;
   text-align: center;
}

ul#navlist{
   margin-top: 15px;
   text-align: left;
   list-style: none;
   padding: 0;
}

ul#navlist li{
   display: block;
   margin-bottom: 5px;
   margin-left: 5px;
   padding: 0;
}

ul#navlist li a{
   font-size: 0.8em;
   font-weight: bold;
   display: block;
   color: #636466;
   text-decoration: none;
}

/* nieuws */

#nieuws_item{
   display: block;
   margin-bottom: 10px;
   margin-left: 15px;
   width: 600px;
   border-top: 2px dashed #F7931D;
   border-bottom: 2px dashed #F7931D;
   font-size: 0.7em;
}

#bottom_nieuws{
   display: block;
   clear: both;
   padding-top: 4px;
   padding-bottom: 5px;
   margin-top: 8px;
   border-top: 2px dashed #F7931D;
   text-align: right;
}

select.nieuws_voor{
   width: 600px;  
}

input.titel{
   width: 600px;
   font-size: 1.2em;
   color:  #F7931D;
   padding-bottom: 0px;
   margin-bottom: 0px;
   border: 0px;
   border-bottom: 2px dashed #F7931D;
}

/* factuur builder */

#container_factuur{
   width: 600px;
   padding-left: 10px;
   padding-top: 15px;
}

#logo{
   background-image: url(../images/logo.png);
   text-align: center;
   float: left;
   width: 190px;
   height: 224px;
}

#ontvanger{
   margin-bottom: 15px;
   font-size: 0.7em;
   text-align: right;
   float: right;
   clear: both;
}

#factuur_offerte{
   float: right;
   text-align: right;
}

#factuur_offerte h2{
   margin: 0px;
   padding: 0px;
   font-size: 1.2em;
   color: #F7931D;
}

#factuur_gegevens{
   text-align: right;
   font-size: 0.7em;
}

#factuur_zelf{
   padding-top: 8px;
   clear: both;
}

tr.top_row td {
   font-size: 0.7em;
   border-bottom: 2px solid white;
}

tr.bottom_row td{
   border-top: 2px solid white;
}

tr.bottom_row td, tr.right td{
   font-size: 0.7em;
   text-align: right;
}

.omschrijving{
   width: 335px;  
}


.prijs, .uur, .totaal_row, .subtotaal, .BTW_geld, .fact{
   width: 80px;  
}

.BTW_perc{
   width: 20px;  
}

.toelichting{
   width: 590px;
   height: 100px;
}

span.toe{
   padding-top: 35px;
   font-size: 0.7em;
   clear: both;
}

/* vraag */

ul#question{
   padding: 0;
   margin: 0;
   list-style-type: none;
}

ul#question li { 
   display: inline; 
}


ul#question li a{
   float: left;
   width: 5em;
   padding: 0.2em 1em;
   text-decoration: none;
   margin-right: 3px;
}

ul#question li.yes a:hover{
   border: 1px solid #abffea;
}

ul#question li.no a:hover{
   border: 1px solid #abffea;
}

ul#question li.yes a{
   border: 1px solid #29e903;
}

ul#question li.no a{
   border: 1px solid #e90303;
}