* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
img { border: none; }
body { }

#proefrit { width: 658px; }
#proefrit .top { background:url(../img/proefrit_bg_top.gif) no-repeat top left; height: 27px; font-size: 12px; color: #ffffff; font-weight: bold; line-height; 0; padding: 4px 0 0 10px; position: relative; }
#proefrit .bot { background:url(../img/proefrit_bg_bot.gif) no-repeat top left; height: 13px; font-size: 0; line-height; 0; }
#proefrit .content { background:  url(../img/proefrit_bg_content.gif) repeat-y; overflow: hidden; height: 100%; padding: 0 0 0 11px; font-size: 12px; }
#proefrit .content form { background: #f4f4f4; overflow: hidden; height: 100%; margin: 0 15px 0 0; }
#proefrit .content .col-a { width: 314px; float: left; border-right: 1px solid #ffffff; }
#proefrit .content .col-b { width: 314px; float: left; }
#proefrit .top .close { position: absolute; right: 5px; top: 3px; }

#proefrit .content h2 { font-size: 12px; color: #030000; border-bottom: 1px solid #bdbdbd; border-top: 1px solid #000000; padding: 3px 0 4px 4px; }
#proefrit .content h2.pers { margin-top: 10px; }
#proefrit .content .inpt { padding: 0 0 0 4px; border-bottom: 1px solid #bdbdbd; overflow: hidden; height: 100%; }
#proefrit .content .inpt p { float: left; width: 112px; font-size: 12px; vertical-align: middle; padding: 4px 0 5px 0; }
#proefrit .content .inpt select { font-size: 12px; vertical-align: middle; margin: 2px 0 2px 0;  }
#proefrit .content .inpt input { margin: 2px 0 2px 0; vertical-align: middle; font-size: 12px; }
#proefrit .content .inpt .radio { height: 20px;}
#proefrit .content .inpt .check { height: 20px; padding: 0 0 0 4px; float: left; width: 30px; }
#proefrit .content .full { width: 180px; }
#proefrit .content .med { width: 90px; }
#proefrit .content .small { width: 43px; }

#proefrit .btns { padding: 5px 15px 0 0; }
#proefrit .btns .btn { float: right; margin: 0 0 0 4px; }
#proefrit .btns p { float: left; font-size: 11px; }

#voorraad { width: 375px; }
#voorraad .top { background:url(../img/voorraad_bg_top.gif) no-repeat top left; height: 27px; font-size: 12px; color: #ffffff; font-weight: bold; line-height; 0; padding: 4px 0 0 10px; position: relative; }
#voorraad .bot { background:url(../img/voorraad_bg_bot.gif) no-repeat top left; height: 13px; font-size: 0; line-height; 0; }
#voorraad .content { background:  url(../img/voorraad_bg_content.gif) repeat-y; padding: 0 20px 0 20px; overflow: hidden; height: 100%; }
#voorraad .content h2 { font-size: 16px; }
#voorraad .content p { font-size: 12px; }
#voorraad .content form { background: #f4f4f4; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-size: 12px; margin: 10px 0 0 0; }
#voorraad .content form .inpt { border-bottom: 1px solid #bdbdbd; padding: 0 0 2px 5px; margin: 0 0 5px 0; }
#voorraad .content form .inpt input { width: 320px; margin: 2px 0 2px 0; }
#voorraad .content form .radio input { width: 15px; height: 20px; margin: 0 0; vertical-align: middle; }
#voorraad .content form .radio { vertical-align: bottom; }
#voorraad .content .inpt .check { height: 20px; padding: 0 0 0 4px; float: left; width: 30px; }
#voorraad .btns { padding: 5px 0 0 0; }
#voorraad .btns .btn { float: right; margin: 0 0 0 4px; }
#voorraad .btns p { float: left; font-size: 11px; }
#voorraad .top .close { position: absolute; right: 5px; top: 3px; }

#maattabel { width: 451px; }
#maattabel .top { background:url(../img/maattabel_bg_top.gif) no-repeat top left; height: 27px; font-size: 12px; color: #ffffff; font-weight: bold; line-height; 0; padding: 4px 0 0 10px; position: relative; }
#maattabel .bot { background:url(../img/maattabel_bg_bot.gif) no-repeat top left; height: 13px; font-size: 0; line-height; 0; }
#maattabel .content { background:  url(../img/maattabel_bg_content.gif) repeat-y; padding: 0 20px 0 20px; overflow: hidden; height: 100%; }
#maattabel .content form { background: #f4f4f4; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-size: 12px; margin: 10px 0 0 0; }
#maattabel .content form p { font-size: 12px; width: 220px; float: left; vertical-align: middle; padding: 4px 0 0 0; }
#maattabel .content form .inpt { border-bottom: 1px solid #bdbdbd; padding: 0 0 2px 5px;  }
#maattabel .content form .inpt input { width: 50px; margin: 2px 0 2px 0; vertical-align: middle;  }
#maattabel .content form .inpt select {  margin: 2px 0 2px 0; font-size: 12px; width: 170px; }
#maattabel .content form .bereken { padding: 4px 0 2px 0; }
#maattabel .content form .bereken input { margin: 0 0 0 4px; }
#maattabel .content table { background: #f4f4f4; width: 100%; }
#maattabel .content table.uwmaten { border-bottom: 1px solid #000000; }
#maattabel .content table td { border-top: 1px solid #bdbdbd; font-size: 12px; padding: 4px 4px 4px 4px; }
#maattabel .content table td.first { border: 0; }
#maattabel .top .close { position: absolute; right: 5px; top: 3px; }
#maattabel .content .sluiten img { margin: 5px 0 5px 0; }