/* CSS Document */
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; text-align: left; color: #3c3c3c; }
html { height: 100%; min-height: 100%; overflow-y: scroll; }
body { margin: 0px; padding: 0px; background: url(../gfx/background.jpg) top center; background-repeat: repeat-y; background-color: #ffffff; height: 100%; }
ul, li {margin: 0; padding: 0; }

div#content li {margin-left: 19px;}

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

/* Header */
div#header { position: relative; width: 802px; height: 171px; background: url(../gfx/header.jpg); float: left; }

/* Header: Logo */
div#header h1#logo a { position: relative; display: block; width: 300px; float: left; padding-top: 140px; font-size: 0px; overflow: hidden; }


/* Left countainer */
div#left_container { position: relative; width: 206px; float: left; }

/* Left top categorie menu */
div#left_top { position: relative; width: 206px; text-align: left; }
div#left_top ul { position: relative; width: 206px; padding: 5px 0 8px 0px; text-align: left; }
div#left_top ul li { list-style: none; padding-top: 10px; }
div#left_top ul li a { font-size: 14px; padding-left: 28px; color: #adadad; text-decoration: none; }
div#left_top ul li a:hover { color: black; }

/* Left bottom categorie menu */
div#left_categorie { position: relative; width: 206px; background: url(../gfx/productcategorien_bg.jpg); background-repeat: repeat; }
div#left_categorie h2 { position: relative; color: #d3f0c2; display: block; width: 206px; padding-top: 31px; background: url(../gfx/productcategorien_header.jpg); font-size: 0px; overflow: hidden; }
div#left_categorie h3 { position: relative; font-size: 13px;  color: #626665; width: 178px; text-align: left; padding-left: 28px; padding-bottom: 5px; padding-top: 5px; }
div#left_categorie ul { position: relative; width: 206px; text-align: left; }
div#left_categorie ul li { list-style: none; padding-bottom: 4px; padding-left: 35px; }
div#left_categorie ul li a { font-size: 13px; color: #626665; text-decoration: none; }
div#left_categorie ul li a:hover { color: black; }
div#left_categorie ul li a.current { color: #000000; }
div#left_categorie_footer { position: relative; width: 206px; height: 18px; float: left; background: url(../gfx/productcategorien_footer.jpg); }
 

/* Right container */
div#right_container { position: relative; width: 562px; float: right; } 
 
/* Breadcrumbs */
div#breadcrumb { position: relative; color: #adadad; width: 562px; }
div#breadcrumb a { color: #adadad; text-decoration: underline; }
div#breadcrumb a:hover { text-decoration: underline; }
 
/* Content */
div#content { position: relative; color: #000000; top: 10px; width: 562px; }
h2 { color: #717171; font-size: 13px; } 
h1, h1 span { color: #717171; font-size: 15px; }
h3 { color: #717171; font-size: 12px; } 
div#content td { line-height: 17px; font-size: 13px; }

div.knop_rechts { text-align: right; }
td.product_info { padding-left: 10px; font-size: 13px; line-height: 16px; }

div.product_block { position: relative; width: 154px; height: 194px; padding: 8px; margin: 0 10px 10px 0; border: 1px solid #cccccc; background: #f6f6f6; background-repeat: repeat-y; float: left; }}
div.product_block a { text-decoration: none; }
div.product_block div.prijs { position: absolute; bottom: 8px; right: 8px; font-size: 14px; line-height: 10px; font-weight: bold; }
div.product_block div.actie {  color: #cd071e; }
div.product_block small { font-size: 10px; }
div.product_block a.product { width: 100%; display: block; height: 100%; font-size: 0px; }


/* Forms */
/* Formulieren */
div.block { width: 500px; 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; }
       
/* 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: 170px; }
table#order_overview th#status { width: 175px; text-align: right; }
table#order_overview td.price { width: 80px; text-align: right; }

.text_winkelwagen { width: 190px; }

/* Messages */
div.successmessage { width: 500px; 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 { width: 500px; padding: 4px; margin-left: 0px; margin-right: 5px; top: 10px; padding-right :35px; border: 1px solid #FFCC00; background : #FFFF99 url(../gfx/notification.png) 99% 0; background-repeat: no-repeat;  }