/* CSS Document, site lay-out */
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; text-align: left; color: #7f715d; line-height: 14px; }
html { height: 100%; min-height: 100%; overflow-y: scroll; }
body { margin: 0px; padding: 0px; background: url(../gfx/html_bg.jpg) top center; background-repeat: repeat-x; background-color: #ffffff; height: 100%; }

/* Container */
div#container { position: absolute; left: 50%; height: 100%; }
div#container_index { position: absolute; left: -450px; width: 990px; min-height: 100%; _height: 100%; background-color: #ffffff; }

/* Header */
div#header { position: relative; width: 990px; height: 138px; background: url(../gfx/header.jpg) no-repeat top left;  }

/* Header: Logo */
div#header h1#logo a { position: relative; display: block; width: 200px; float: right; margin-right: 90px; padding-top: 140px; font-size: 0px; overflow: hidden; }
div#footer { position: absolute; bottom: 0px; width: 100%; height: 19px; background: url(../gfx/footer.jpg) repeat-x; }


/* Topmenu */
div#topbar { position: absolute; width: 900px; height: 18px; top: 138px; padding-left: 0px; left: 0; padding-top:  text-align: left; }

div#topbar ul { position: relative; width: 900px; padding-left: 0px; overflow: hidden; text-align: left; }
div#topbar ul li { list-style: none; float: left; width: 90px; }
div#topbar ul li a { display: block; font-size: 0px; padding-top: 18px; overflow: hidden; color: white;}

/* Topmenu: knoppen */
div#topbar ul li#producten a { background: url(../gfx/topbar_menu_producten.jpg) no-repeat 0 0;	width: 104px; }
div#topbar ul li#shop a { background: url(../gfx/topbar_menu_shop.jpg) no-repeat 0 0;	width: 102px; }
div#topbar ul li#constitutietest a { background: url(../gfx/topbar_menu_constitutietest.jpg) no-repeat 0 0;	width: 135px; }
div#topbar ul li#verkooppunten a { background: url(../gfx/topbar_menu_verkooppunten.jpg) no-repeat 0 0;	width: 136px; }
div#topbar ul li#nieuwsbrief a { background: url(../gfx/topbar_menu_nieuwsbrief.jpg) no-repeat 0 0;	width: 103px; }
div#topbar ul li#contact a { background: url(../gfx/topbar_menu_contact.jpg) no-repeat 0 0;	width: 103px; }
div#topbar ul li#right a { background: url(../gfx/topbar_right.jpg) no-repeat 0 0;	width: 216px; }

div#content { position: absolute; width: 990px; top: 168px; left: -45px;  }

div#prod_list { position: absolute; left: 370px; bottom: 110px; }
div#pijlen { position: absolute; left: 320px; bottom: 110px; width: 26px; height: 27px; }

div#product { position: absolute; width: 650px; right: 140px; border: 3px solid #d9e021;}

div#column_left_information { float: left; width: 180px; }
div#column_right_information { float: left; width: 720px;}

div.column_right_information_small { width: 600px;}

.basket_row { height: 30px; vertical-align: middle;}
.basket_row_price { height: 30px; vertical-align: middle; text-align: right;}

div.indent_5 { margin: 10px; }

div#product_cat { position: absolute; z-index: 1000; top: 307px; left: 25px; }
.catimage { border: 0; font-size: 0; color: white; }
div#scrollable div.items a.smaller { height: 130px; }

div.margin_text { margin: 0 20px 20px 20px; }
div.knop_rechts { float: right; }

/* Formulieren */
div.block { width: 620px; margin-left: 0px; }
div.row { clear: both; width: 450px; padding-top: 5px; text-align: left; }
div.rowcenter { clear: both; padding-top: 5px; text-align: center; }
div.button { clear: both; width: 425px; padding-top: 5px; margin-top: 10px; text-align: left; }
div.row span.label, div.button span.label { float: left; width: 150px; padding-left: 0px; }
span.label span.req, label span.req { padding-left: 2px; }
div.block div.message { clear: both; padding: 3px; padding-top: 5px; text-align: left; }
div.block div.empty { clear: both; width: 425px; padding-top: 5px; color: #CC0000; font-weight: bold; }
input.size25 { width: 25px; }
input.size50 { width: 50px; }
input.size75 { width: 75px; }
input.size100 { width: 100px; }
input.size125 { width: 125px; }
input.size150 { width: 150px; }
input.size175 { width: 175px; }
input.size200 { width: 200px; }
input.size250 { width: 250px; }
input.image, input.radio { border: 0px; padding: 0px; }

/* Order overzicht */
div#content table#order_overview { width: 500px; }
div#content table#order_overview td, div#content table#order_overview th { padding: 2px; }
table#order_overview th#number { width: 90px; }
table#order_overview th#date { width: 155px; }
table#order_overview th#price { width: 150px; }
table#order_overview th#status { width: 175px; }
table#order_overview td.price { width: 50px; text-align: right; }

div#content_text_r { float: left; }

hr { color: #D90009; height: 1px; border: 0; margin-top: 15px; }

/* Messages */
div.successmessage { padding: 4px; margin-left: 5px; margin-top: 10px; border: 1px solid #58b75a; background-color: #d6ffd7; color: #259427; }
div.successmessage a, div.successmessage b { color: #259427; }
div.errormessage { padding: 4px; margin-left: 5px; margin-right: 5px; top: 10px; padding-right :35px; border: 1px solid #FFCC00; background : #FFFF99 url(../gfx/notification.png) 99% 0; background-repeat: no-repeat;  }