* { font-size: 12px; color: #000000; }

html { background-color: #ffffff; overflow-y: scroll;}

div.container { }

div.header { width: 900px; height: 143px; border-bottom: 1px solid #d2d3d4; }
div.header h1 { margin: 0; padding: 0;  }
div.header h1 a { display: block; width: 272px; height: 103px; margin: 16px 0 0 60px; background: url(../gfx/logo.png); font-size: 0; color: #ffffff; float: left; }

div.header ul { position: relative; margin: 62px 41px 0 0; float: right; list-style: none; }
div.header ul li { float: left; margin: 0 0 0 10px;  }
div.header ul li a { display: block; width: 38px; height: 51px; color: #ffffff; font-size: 0; }
div.header ul li a:hover { color: #ffffff; }
div.header ul li.webshop a { background-image: url(../gfx/header_webshop.png); width: 46px; }
div.header ul li.inloggen a { background-image: url(../gfx/header_inloggen.png); width: 41px; }
div.header ul li.uitloggen a { background-image: url(../gfx/header_uitloggen.png); width: 43px; }
div.header ul li.account a { background-image: url(../gfx/header_account.png); width: 43px; }
div.header ul li.winkelwagen a { background-image: url(../gfx/header_winkelwagen.png); width: 60px; }
div.header ul li.home a { background-image: url(../gfx/header_home.png); margin-left: 50px; }
div.header ul li.contact a { background-image: url(../gfx/header_contact.png); }
div.header ul li.agenda a { background-image: url(../gfx/header_agenda.png); }

div.flash { position: relative; height: 210px; width: 900px; border-bottom: 1px solid #d2d3d4; margin-bottom: 15px; }

div.left_col { position: relative; width: 90px; float: left; }
div.right_col { position: relative; width: 810px; float: right; }

div.menu ul { position: relative; list-style: none; height: 10px; margin: 0; padding: 0; width: 810px; }
div.menu ul li { float: left; padding: 0 6px; border-right: 1px solid #000000; line-height: 15px; }
div.menu ul li a { font-size: 13px; color: #000000; text-decoration: none; }
div.menu ul li.active a { color: #35933c; }
div.menu ul li.last {  border: 0; }
div.menu ul li.first { padding-left: 0px; }

div.left_content { position: relative; width: 218px; float: left; }
div.left_menu { position: relative; float: left; width: 198px; padding: 10px; border: 1px solid #eeeeee; background: url(../gfx/left_menu_bg.png) 0 0; background-repeat: repeat-y; margin-bottom: 10px;  }
div.left_menu a { text-decoration: none; font-size: 14px; }
div.left_menu a:hover { cursor: pointer; }
div.left_menu a.active { font-weight: bold; color: #35933c; }
div.left_menu h3 { font-weight: bold; font-size: 13px; color: #000000; margin-top: 5px; }
div.left_menu ul { list-style: none; margin: 10px 0; margin-bottom: 14px; padding: 0;  }
div.left_menu ul li a { color: black; text-decoration: none; font-size: 13px; }
div.left_menu ul li a:hover { text-decoration: underline;  }

div.right_content { position: relative; width: 570px; margin-left: 15px; float: left; padding-top: 0px; text-align: justify; }
div.breadcrumb { position: relative; width: 530px; margin-left: 15px; float: left; text-align: justify; color: #9c9d9f; }
div.breadcrumb a { color: #9c9d9f; }

div.content { position: absolute; width: 810px; margin-top: 30px; text-align: justify; }
div.break { width: 810px; height: 1px; float: left; }

div.text img { margin: 6px; }
div.text { margin-top: 10px; }

div.big_block { width: 320px; float: left; margin-right: 30px; margin-bottom: 15px; text-align: justify; }
div.small_block { width: 200px; float: left; margin-right: 30px; margin-bottom: 15px; text-align: justify; }
div.index_product_block { width: 460px; height: 480px; float: left; margin-bottom: 30px; }

div.product_block { position: relative; width: 194px; height: 194px; padding: 8px; margin: 0 10px 10px 0; border: 1px solid #eeeeee; background: url(../gfx/product_block_bg.png) 0 0; background-repeat: repeat-y; float: left; }
div.product_block_big { width: 198px; padding: 10px; }
div.product_block_small { width: 168px; padding: 5px; }
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; }

div.index_product_block div.button { width: 430px; height: 30px; float: left; background: url(../gfx/button_bg.png); text-align: center; vertical-align: middle; padding-top: 10px; }
div.index_product_block div.button a { font-size: 14px; text-decoration: none; color: black; font-weight: normal; }

div.footer { width: 900px; height: 35px; background-color: #87888a; color: white; text-align: center; padding-top: 20px; margin-top: 20px; float: left; margin-left: -90px; }

table.agenda { border: 1px solid #918f8f; width:690px; border-width: 1px 1px 0 0 ; }
table.agenda td { border-left: 1px solid black; border-bottom: 1px solid #35933C; padding: 4px; text-align: center }
table.agenda tr.top td { font-size: 14px; color: #35933C; text-align: center; padding: 2px; }

table#contactform td { padding: 4px; }

/* WEBSHOP */

img.in_winkelwagen { margin-left: 483px; margin-bottom: 6px; }

table.product th { font-weight: bold; color: #35933c; width: 160px; }
table.product td { width: 690px; }
table.product th, table.product td { background-color: #e3e4e5; padding: 4px; vertical-align: top; }
table.product th small { font-weight: normal;  color: #35933c;}
table.product tr.l2 th, table.product tr.l2 td { background-color: #f3f3f3; }
table.product td.prijs { font-size: 16px; color: #35933c; }


/* Formulieren */
div.block { width: 530px; 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; line-height: 12px; }
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.size150 { width: 150px; }       
       
/* Order overzicht */
table#order_overview { width: 500px; }
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; }

/* 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;  }