/* overall */
html, body {height:100%;}
body, h1, h2, h3, p, a, ul, li{ line-height:16px; color:#000000; font-family:arial; font-size:11px; }
div.spacer { clear:both; font-size:1px; }
h1 { font:bold 12px verdana; color:#003b79; padding-bottom:15px;}
h2 { font:bold 10px verdana; color:#959595; padding-bottom:15px;}
p { font:10px verdana; color:#959595; padding-bottom:15px;}
em { font-style:italic; }
em.dis { display:none;}
a { font:10px verdana; color:#959595; text-decoration:none; }
ul { list-style-type:square; padding-left:17px;}
ol { padding-left:20px;}
li { padding-left:10px; font:11px arial; color:#000000; line-height:18px;}

/* body */
body.home { background:#ffffff url('../../gfx/bg_home_all.gif') repeat-x; }
body.content, body.catalogus { background:#ffffff url('../../gfx/bg_content_all.gif') repeat-x; }
 
/* google maps   filter:alpha(opacity=70);*/
#google { display:none; }
#google_all { height:100%; background-color:#000000; width:100%; position:absolute; top:0px; left:0px; opacity:0.7; }
#google_map { position:absolute; top:100px; left:50%; margin-left:-419px;}
#google a {position:absolute; top:10px; right:10px;  color:#ffffff; font:bold 18px arial; }

/* wrapper */
#wrapper { position:relative; margin:0px auto; padding:0px; width:1000px; }	

/* logo */
img.logo { position:absolute; top:13px; left:580px; width:369px; height:92px; overflow:hidden; z-index:0; }
img.bg_logo { position:absolute; top:61px; left:424px; width:656px; height:192px; overflow:hidden; z-index:-1;}


/* head navigation */
#head_nav { position:absolute; top:35px; left:20px; }
#head_nav ul { list-style:none; padding:0; margin:0; }
#head_nav li { float:left; padding:0px 0px 0px 50px; margin:0px;  }
#head_nav a{ font-family:arial; font-weight:bold; font-size:12px; text-decoration:none; color:#000000; text-transform:uppercase;}
#head_nav a:hover{ color:#ffffff; }
#head_nav a.selected{ color:#ffffff; }


/* top inlog and language selection */
#top_inlog { position:absolute; top:3px; right:0px; width:200px; height:20px; text-align:right; padding-right:10px; z-index:1;}
#top_inlog a.inlog { font:12px arial; text-decoration:none; color:#959595;}
#top_inlog a.lang { font:10px arial; text-decoration:none; color:#959595;}


/* home template */
.home #wrapper { background:#ffffff url('../../gfx/bg_home_wrapper.jpg') no-repeat; height:620px;}	
.home #content { position:relative; top:123px; left:0px; width:1000px; padding:0px; }

.home .offers_c, .offers_c_l {float:left;}
.home .offers_c { width:314px; height:161px; margin-left:30px; }
.home .offers_c img { float:left; width:157px; height:161px; }
.home .offers_c_right { float:left; background-color:#4b4b4d; width:149px; height:149px; overflow:hidden; padding:12px 0px 0px 8px;}
.home .offers_c_right h2 { font:15px arial; color:#f2e116; padding-bottom:20px; text-transform:uppercase;}
.home .offers_c_right p { font:12px arial; color:#ffffff; padding-bottom:20px; }
.home .offers_c_right h3 { font:14px arial; color:#ff0000; text-transform:uppercase;}
.home .offers_c_right h4 { font:18px arial; color:#ffffff; }
.home .offers_c_right span { font:11px arial; color:#ffffff; }
.home .offers_c_l { width:220px; margin-right:20px; padding-left:15px; }

.home #offers_bottom { position:absolute; top:195px; left:60px; width:880px; height:270px; overflow:hidden; padding:0px; margin:0px; }
.home #offers_bottom .imgtekst {width:600px;}
.home #offers_bottom img.tekst {margin-bottom:10px;}
.home .offer_b { width:176px; height:216px; padding:12px 20px 10px 13px; margin-right:10px; float:left; background:transparent url('../../gfx/bg_home_offer_b.png') no-repeat;}
.home .offer_b img { width:184px; height:137px; padding:0px; margin-bottom:5px; }
.home .offer_b .offer_b_t { padding-left:10px; }
.home .offer_b .offer_b_t h2 { font:bold 12px arial; color:#000000; padding:5px 0px 0px 0px;  margin:0px; text-transform:uppercase; height:30px; overflow:hidden;}
.home .offer_b .offer_b_t h3 { font:10px arial; color:#ff0000; padding:0px 0px 0px 0px;  margin:0px; text-transform:uppercase; }
.home .offer_b .offer_b_t h4 { font:16px arial; color:#000000; padding:0px 0px 0px 0px;  margin:0px; }
.home .offer_b .offer_b_t span { font:10px arial; color:#000000; padding:0px 0px 0px 0px;  margin:0px; }

.home #footer { position:absolute; bottom:3px; right:50px; height:20px; padding:0px; margin:0px; text-align:right;}
.home #footer a { color:#666666; font:11px arial; text-decoration:none; }


/* content template */
.content #content { position:relative; top:146px; left:34px;  margin:0px; padding:0px; }
.content td.content_l, .content td.content_m, .content td.content_r { width:260px; border-left:solid 1px #a39407; padding:5px 25px 0px 25px; vertical-align:top; height:445px;}
.content td.content_l { border:none;}
.content img.about {border:solid 1px #a7a7a7; width:259px; height:168px; margin-bottom:14px;}
.content h2 { font:18px arial; color:#000000; padding:0px; }
.content h3 { font:14px arial; color:#9e8f07; margin-bottom:14px; }
.content p { font:11px arial; color:#000000; }
.content a { font:11px arial; color:#000000; text-decoration:underline; }

.content #footer { position:relative; top:146px; height:20px; padding-right:50px; margin:0px; text-align:right;}
.content #footer a { color:#666666; font:11px arial; text-decoration:none; }

/* contact form */
.content td.content_m h2.contact { font:bold 11px arial; color:#000000; padding-bottom:23px;} 
.content table.contact th { }
.content table.contact td { padding:1px; }
.content table.contact .inputter { width:160px; font:11px arial; border:1px solid #a5a5a5;}
.content table.contact .area { width:160px; height:100px; font:11px arial; margin:20px 0px 10px 0px; padding:0px; border:1px solid #a5a5a5;}
.content td.content_r img { border:1px solid #a5a5a5; } 

/* inloggen page */
.content .inloggen_l h2 { padding-bottom:10px; }
.content .inloggen_l h3.inloggen { font:bold 11px arial; color:#000000; padding:20px 0px 0px 0px; margin:0px;}
.content .inloggen_m h3.inloggen { font:bold 11px arial; color:#000000; padding:0px 0px 0px 0px; margin:0px;}
.content .inloggen_l span { font:11px arial; color:#000000; }
.content .inloggen_l .inputter { font:11px arial; color:#000000; width:190px; border:1px solid #a5a5a5; margin-bottom:20px;}
.content .inloggen_r .inputter { font:11px arial; color:#000000; width:190px; border:1px solid #a5a5a5; }

/* content sitemap list */
.content td.content_l h1.sitemap { font:18px arial; color:#000000; padding-bottom:10px; } 
.content td.content_l ul {padding-left:15px; list-style-type:disc; }
.content td.content_l ul ul { list-style-type:disc; }
.content td.content_l ul ul ul {list-style-type:square; }
.content td.content_l li {padding-left:5px;}

/* catalogus template */
.catalogus h1 {font:20px arial; color:#000000; padding-bottom:10px;}
.catalogus #content { position:relative; top:146px; left:70px; width:960px;  margin:0px; padding:0px; }
.catalogus td.content_l { width:187px; padding:0px; margin:0px; vertical-align:top; height:450px;}
.catalogus td.content_m { padding-left:20px; padding-right:20px; margin:0px; border-left:1px solid #a39407; vertical-align:top;}
.catalogus td.content_r { padding-left:20px; margin:0px; vertical-align:top; border-left:solid 1px #a39407; }

.catalogus .navigation { border-bottom:1px solid #a39407; margin:0px 0px 5px 2px; padding-left:10px; }
.catalogus .navigation a { text-transform:uppercase; font:10px arial; color:#000000;}

.catalogus td.content_m table.all { border-collapse:separate; border-spacing:2px; }
.catalogus td.content_m table.all span { font:bold 10px arial;}
.catalogus td.content_m table.all th.desc { width:216px; background-color:#d9d9d9; font:10px arial; color:#000000; text-transform:uppercase; }
.catalogus td.content_m table.all th.nr { width:88px; background-color:#d9d9d9; font:10px arial; color:#000000; text-transform:uppercase; }
.catalogus td.content_m table.all th.art { width:142px; background-color:#d9d9d9; font:10px arial; color:#000000; text-transform:uppercase;}
.catalogus td.content_m table.all tr.gray { background-color:#d9d9d9; }
.catalogus td.content_m table.all tr.green { background-color:#f1ebb7;}
.catalogus td.content_m table.all th, .catalogus td.content_m table.all td { padding:4px; vertical-align:top;}
.catalogus td.content_m table.all td {  text-align:center; text-transform:uppercase; }
.catalogus td.content_m table.all td.desc { text-align:left; }
.catalogus td.content_m table.all td.desc p { margin-left:10px; font:10px arial; color:#000000; }
.catalogus td.content_m table.all td a { font:10px arial; color:#000000;}
.catalogus td.content_m table.all td.desc a { font:bold 10px arial; color:#000000; }

.catalogus td.content_m img.table {width:129px; height:87px; border:1px solid #ababaa; }

/* show if aanbiedingen or catalogus-logged in */
.catalogus td.content_m table.all th.price { width:124px; background-color:#d9d9d9; font:10px arial; color:#000000; text-transform:uppercase;} 
.catalogus td.content_m table.all td.price { text-align:center; font:bold 10px arial;} 

/* footer of the catalogus page */
.catalogus #footer { position:relative; top:146px; height:20px; padding-right:50px; margin:0px; text-align:right;}
.catalogus #footer a { color:#666666; font:11px arial; text-decoration:none; }

/* search button on the top */
.catalogus #search_top { position:absolute; top:93px; left:73px; padding:0px; margin:0px; width:400px;}
.catalogus #search_top span { float:left; font:15px arial; padding-right:10px; color:#000000; margin:0px;}
.catalogus #search_top .field { width:200px; float:left; color:#b7b7b7; font:12px arial; border:1px solid #ababab;}

/* list on the left for catalogus */
.catalogus td.content_l ul { list-style:none; }
.catalogus td.content_l li { text-transform:uppercase;  color:#000000; }
.catalogus td.content_l li a { text-decoration:none; color:#000000; padding-left:10px;}
.catalogus td.content_l li a.selected_head { font-weight:bold; padding-left:10px;}
.catalogus td.content_l li a.selected_sub { color:#9e8f07; padding-left:10px; }
.catalogus td.content_l img { margin-bottom:20px; }
.catalogus td.content_l p { font:11px arial; color:#000000; padding-right:20px;}

/* offer page on the right - for catalogus-not logged in */
.catalogus td.content_r h2 {font:18px arial; color:#000000; padding:0px; margin:0px;}
.catalogus td.content_r .offer_b { width:176px; height:216px; padding:12px 20px 10px 13px; margin-right:10px; float:left; background:transparent url('../../gfx/bg_home_offer_b.png') no-repeat;}
.catalogus td.content_r .offer_b img { width:184px; height:137px; padding:0px; margin-bottom:5px; }
.catalogus td.content_r .offer_b .offer_b_t { padding-left:10px; }
.catalogus td.content_r .offer_b .offer_b_t h2 { font:bold 12px arial; color:#000000; padding:5px 0px 0px 0px;  margin:0px; text-transform:uppercase; height:30px; overflow:hidden;}
.catalogus td.content_r .offer_b .offer_b_t h3 { font:10px arial; color:#ff0000; padding:0px 0px 0px 0px;  margin:0px; text-transform:uppercase; }
.catalogus td.content_r .offer_b .offer_b_t h4 { font:16px arial; color:#000000; padding:0px 0px 0px 0px;  margin:0px; }
.catalogus td.content_r .offer_b .offer_b_t span { font:10px arial; color:#000000; padding:0px 0px 0px 0px;  margin:0px; }

/* detail page of the catalogus -> 1 product selected */
.catalogus .go_back {position:relative; left:515px; background-color:#f1ebb7; width:166px; height:18px; overflow:hidden; padding:0px; margin-bottom:5px; text-align:center;}
.catalogus .go_back a {text-transform:uppercase; text-decoration:underline; font:11px arial; color:#000000;}
.catalogus .detail_product { width:661px; background-color:#f1ebb7; padding:10px; overflow:hidden; }
.catalogus .detail_product td.detail_desc { width:432px; height:181px; border-bottom:1px solid #a39407; vertical-align:top; padding-right:10px;}
.catalogus .detail_product td.detail_desc h2 { color:#000000; font:bold 11px arial; text-transform:uppercase;}
.catalogus .detail_product td.detail_desc p { color:#000000; font:10px arial; }
.catalogus .detail_product td.detail_desc span { text-transform:uppercase;}
.catalogus .detail_product td.detail_desc span.price { font:bold 12px arial; text-transform:uppercase;}
.catalogus .detail_product td.detail_img { width:227px; border-bottom:1px solid #a39407; vertical-align:top; }
.catalogus .detail_product td.detail_img img.detail { width:227px; height:156px; border:1px solid #ababaa;}
.catalogus .detail_product td.detail_form { height:190px; vertical-align:top; padding-top:10px;}
.catalogus .detail_product td.detail_form p { color:#000000; font:bold 11px arial; }
.catalogus table.info { border-collapse:collapse;  }
.catalogus table.info td { padding:1px; }
.catalogus table.info td.right { padding-left:50px; vertical-align:top;}
.catalogus table.info .inputter { width:190px; font:11px arial; border:1px solid #a5a5a5;}
.catalogus table.info .area { width:300px; height:100px; font:11px arial; border:1px solid #a5a5a5;}

/* shopping basket */
div#basket {position:absolute; right: 41px; top:140px; background-color:#f1ebb7; width:166px; height:18px; overflow:hidden; padding:0px; margin-bottom:5px; text-align:center;}
div#basket a {text-transform:uppercase; text-decoration:underline; font:11px arial; color:#000000;}

div.start_catalogus {margin-top:30px; font:bold 12px arial;}