/* CSS Document */
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px;  border: 0; }
html { height: 100%; min-height: 100%; overflow-y: scroll; }
body { text-align: center; margin: 0px; padding: 0px; background-color: #52cbf5; height: 100%; background-image: url(../gfx/html_bg.jpg); background-repeat: repeat-x;  }
input, textarea, select { padding: 1px; border: 1px solid #999999; }
th, td, tr {text-align: left; }
p { margin-bottom: 10px; margin-left: 0px; }
li { margin-left: 10px; }

/* Header */
div#header { position: relative; width: 934px; height: 147px; }

/* Header: Logo */
div#header h1#logo a { position: relative; display: block; width: 226px; height: 0px; float: left; padding-top: 147px; font-size: 0px; overflow: hidden; background: url(../gfx/logo.png); }
div#header div#menu { position: relative; width: 708px; height: 147px; float: right; background: url(../gfx/menu.png); }       
 
/* Topmenu */  
div#topmenu { position: absolute; width: 650px; height: 25px; left: 25px; top: 106px;  }
div#topmenu ul { position: relative; width: 650px; overflow: hidden; text-align: left; }
div#topmenu ul li{ list-style: none; list-style-image: none; padding-right: 7px; padding-left: 7px; float: left; }
div#topmenu ul li a { font-size: 13px; color: #ffffff; text-decoration: none; font-weight: bold; }
div#topmenu ul li a:hover { color: black; }       
        
div#breadcrumb { position: absolute; right: 30px; top: 60px; text-align: right; color: #f069a7; }        
div#breadcrumb a { color: #f069a7; 	}        

a.klik_winkelwagen { position: absolute; display: block; left: 430px; top: 0px; width: 120px; height: 30px; }

div#winkelwagen { position: absolute; right: 30px; top: 10px; color: #52cbf5; font-size: 14px; }
div#winkelwagen b { color: #52cbf5; font-size: 14px; }
        
div#container { position: relative; width: 934px; background: url(../gfx/content_bg.png); }        

div#catalogus { width: 201px; padding-top: 35px;  margin-bottom: 10px; background-image: url(../gfx/catalogus_bg.png); background-position: top center; background-repeat: no-repeat; }
div#catalogus ul { margin-left: 14px; }
div#catalogus ul li { list-style: none; }
div#catalogus ul li.current { background: url(../gfx/catalogus_current.jpg); }
div#catalogus ul li.current a { color: #000000; }
div#catalogus ul li a { color: #ffffff; text-decoration: none; font-size: 12px; line-height: 20px;}

div#catalogus .footer { width: 201px; height: 15px; background: url(../gfx/catalogus_footer.png); }
        
div#box_tell_a_friend { position: relative; width: 202px; height: 83px; margin-bottom: 10px; background: url(../gfx/box_tell_a_friend.png); font-size: 11px; }        
div#box_nieuwsbrief { position: relative; width: 202px; height: 83px; margin-bottom: 10px; background: url(../gfx/box_nieuwsbrief.png); font-size: 11px; }               

div#box_pers { position: relative; width: 202px; height: 168px; margin-bottom: 0px; background: url(../gfx/box_pers_header.jpg); font-size: 11px; }        
div#box_pers .text { padding-left: 8px; padding-right: 8px; padding-top: 40px; color: #ffffff; }
div#box_pers .text a { color: #ffffff; }
div#box_pers .text p { margin: 0; padding: 0; }
div#box_pers_footer { position: relative; width: 202px; height: 13px; margin-bottom: 10px; background: url(../gfx/box_pers_footer.jpg); font-size: 0px; }        
        
div#footer { position: relative; width: 934px; height: 72px;  background: url(../gfx/footer.png); background-position: 0px 0px;}
div#footer .left { position: absolute; left: 36px; top: 17px; color: #ffffff; }        
div#footer .right { position: absolute; right: 36px; top: 17px; color: #ffffff; }        
div#footer a { color: #ffffff; text-decoration: none; }

div#actie_home {width: 687px; height: 85px; background: url(../gfx/home_actie.png); text-align: left;  }
div#actie_home div {color: white; font-size: 14px;  text-decoration: none; }
div#actie_home div a {color: white; font-size: 14px; text-decoration: none; }
div#actie_home div span { color: white; font-size: 15px; text-decoration: none; }


/* Topbar */
div#topbar { position: absolute; width: 880px; height: 25px; top: 90px; }

img.productimage { max-width: 300px; }      

div#footer {  }

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

#ajaxForm table td { padding: 2px; }

/* Formulieren */
div.block { width: 620px; margin-left: 0px; text-align: left; }
div.row { clear: both; width: 620px; 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; }

div.small_box { clear: both; width: 180px; padding-top: 2px; text-align: left; color: #ffffff; font-size: 12px; margin-left: 10px; margin-top: 28px; margin-bottom: 5px; }
div.small_box span.label { float: left; width: 45px; padding-left: 0px; font-size: 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.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; }
select.small { font-size: 10px; margin: 0; padding: 0; width: 100px; }
select.small option { font-size: 10px; padding: 1px;}
input.small { font-size: 10px; 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; }

table.wholesale tr td { padding: 3px; }
td.personaliseer_height { height: 90px;}

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

div#text_personaliseer { position:absolute; display:none; height:70px; padding-left:116px; padding-top: 108px; text-align:center; vertical-align: middle; width:70px; z-index:100; }