/* ----------------  reset  -------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}


/* ----------------  general  -------------------- */

body {font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #372c26;}
#container {position:absolute; width:100%; background-color: #F0F4F8; overflow: auto; text-align:center; background-image: url(images/KVL_bg.jpg); background-repeat: repeat-x; }
#kvl {text-align:left;  margin:0px auto; width:960px; }
#cartlink {float:right; text-align:right; color:#E3F5FF; margin:30px 6px 0 10px; font-size:11pt;}
#cartlink a {color:#E3F5FF; margin:0 0 0 0; font-size:9pt; font-weight:700; color:#fff; text-decoration:none; background:url(images/cart.jpg) top left no-repeat; padding-left:20px; }
#cartlink a:hover {text-decoration:underline;}
#tagline {float:right; text-align:right; color:#E3F5FF; margin:26px 0 10px 0; font-size:11pt; color:#E3F5FF;}

#logo {float:left; padding-left:20px;}
#content {margin-top:21px; min-height:600px;}



/* ----------------   nav bar   -------------------- */

#navcontainer {padding-top:57px;}
#navlist {}
#navlist li {display: block; float:right; list-style-type: none; padding:0 0 0 10px; }
#navlist li a {padding:55px 7px 25px 7px; display:block; color:#372c26; font-size:12pt; line-height:1px; font-weight:700;}
#navlist li a:link, #navlist a:visited {text-decoration: none; border-bottom:2px solid #C4DAE8; }
#navlist li a:hover {background: #fff url(images/nav_fade.jpg) top left no-repeat; border-bottom:2px solid white; }

#navlist li #currentpage {background: #fff url(images/nav_active.jpg) top left no-repeat; border-bottom:2px solid white; }
#navlist li #currentpage:hover {background: #fff url(images/nav_active.jpg) top left no-repeat; border-bottom:2px solid white; }


/* ----------------  promo bar  -------------------- */

#indekijker {background: #fff url(images/indekijker_bg.jpg) top left no-repeat; width:650px; height:175px; float:right;}
h1.indekijker {color:#FFAA00; text-align:left; padding:12px 0 16px 150px; font-size:14pt; font-weight:700; }
h1.indekijker a {color:#FFAA00; font-size:12pt; font-weight:700; text-decoration:none; }
h2.indekijker {float:left; color:#FFAA00; width:140px; margin-top:45px; text-align:center; font-size:16pt; font-weight:700; }
h2.indekijker a {color:#FFAA00; font-size:16pt; font-weight:700; text-decoration:none; }
p.indekijker {float:right; font-size:8pt; margin-top:8px; width:310px; height:100px; overflow:hidden; }
p.indekijker a {font-size:8pt; text-decoration:none; color: #372c26; }
div.outline {float:right; width:190px; text-align:center; }
img.indekijker {margin-right:8px;}



/* -------------  product details  ----------------- */

#details {margin-top:20px; width:647px; float:right; }
#details p {font-size:9pt; line-height:14pt; text-align:justify; margin-bottom:9pt; }
#details h2 {margin:20px 0 0 0;}

p.breadcrumbs {border-bottom: 1px solid #D2DDE3; color:#999; font-size:11pt;  }
p.breadcrumbs a {color:#999; font-size:11pt; line-height:40px; text-decoration:none; }
p.breadcrumbs a:hover {color:#0390DE; text-decoration:underline;}
h1.producttitle {color:#0390DE; font-size:14pt; text-align:right; font-weight:700; padding:20px 0;}
#details p.productprice {color:#FFAA00; font-size:16pt; text-align:right; font-weight:700; }
#details p.productprice_sub {color:#989DA1; font-size:9pt; text-align:right;  }
a.linkbutton {padding: 2px 18px; background:#372C26; color:#fff; float:right; text-decoration:none; text-transform:uppercase; font-size:10pt; font-weight:700; margin:15px 0 25px 0;}
a.linkbutton:hover {color:#FFAA00;}

#productdetails {text-align:right; font-size:10pt; clear:right; padding-top: 15px; border-top:1px solid #D2DDE3; text-align:justify; min-height:300px; }
#productdetails img {float:left; border:4px solid #D2DDE3; margin-right:20px; margin-bottom:10px; }
#productdetails p, #productdetails ul {margin-bottom:10pt;}
#productdetails ul li {list-style: square inside }
#productdetails a {color:#0390DE;}

.prevnext {margin:0 15px 0 15px;}
.prevnext a {color:#0390DE; text-decoration:none; background:#fff; padding:2px 5px; border:1px solid #fff;}
.prevnext a:hover {color:#fff; text-decoration:none; background:#0390DE; padding:2px 5px; border:1px solid #fff;}

p.pagination {font-weight:700;}


/* ----------------  left bar  -------------------- */

#left {width:271px; float:left; margin:20px 0 14px 0; display:block; }
#left img {border:4px solid #D2DDE3;}

#producten {background:#372C26; color:#fff; text-align:left; text-transform:uppercase; font-size:11pt; margin-bottom:20px; margin-top:20px; border-bottom:6px solid #372C26;}
#winkelwagen {background:#372C26; color:#fff; text-align:left; text-transform:uppercase; font-size:11pt; margin-bottom:20px;}
#producten span, #winkelwagen span  {padding-left:10px; line-height:40px;}
#producten ul.prodlist {text-transform:lowercase; background:#E7EAED; padding-left:10px; padding-right:10px;  }
#winkelwagen ul.orderlist {text-transform:lowercase; background:#E7EAED; padding-left:10px; padding-right:10px;  }
#producten ul.prodsublist {text-transform:lowercase; background:#E7EAED; padding-left:12px;  }
#producten ul.prodlist li, #winkelwagen ul li {border-bottom:1px solid #CFD2D5; border-top:1px solid #fff; }
#producten ul li a, #winkelwagen ul li a {color:#372C26; text-decoration:none; font-size:10pt; line-height:18pt; }
#producten ul li a:hover, #winkelwagen ul li a:hover {color:#0390DE; text-decoration:none; font-size:10pt; line-height:18pt; }

#winkelwagen dl { background:#E7EAED; border-bottom:6px solid #372C26;}
#winkelwagen dl dt {color: #372C26; float:left; line-height:36pt; text-transform:lowercase; padding-left:10px; padding-right:30px;}
#winkelwagen dl dd {color: #372C26; font-weight:700; line-height:36pt;   }
#winkelwagen dl dd a {color: #0390DE; }


/* ----------------  search box  -------------------- */

#search {float:left; width:273px; height:118px; background: #B6D2E3 url(images/search_bg.jpg) top left no-repeat; margin-top:57px;}
#searchcat,#searchbrand {width:190px; background:#D5E6EF; margin:10px 6px 2px 6px; padding:1px; border: 1px solid #fff;}
#search select option {color:#372C26;}
#searchentry {width:186px; background:#D5E6EF; margin:10px 0px 4px 6px; border:1px solid #fff; font-size:9pt; padding:3px 0; }
#searchsubmit {background:#372C26; color:#fff; margin:10px 0 4px 0; border:1px solid #fff; font-size:10px; text-transform:uppercase; padding:2px; }


/* ----------------  prod list  -------------------- */

h1.listtitle {color:#0390DE; font-size:14pt; text-align:right; font-weight:700; padding:20px 0;}

#prodlist {margin-bottom:30px; width:646px; }
#prodlist li {border-top : 1px solid #E4EAF0; padding:5px 0 5px 0;}
#prodlist li a  {font-size:9pt; text-decoration:none; color: #372c26;}
#prodlist li a:hover  {font-size:9pt; color:#FFAA00; text-decoration:underline;}
#prodlist li br  {clear:both;}
#prodlist li span.addtocart  {float:right; padding:2px 2px 0 0;}
#prodlist li span.addtocart a  {color:#0390DE; font-weight:700;}
#prodlist li span.addtocart a:hover,#prodlist li span.listprice a:hover {color:#FFAA00; text-decoration:underline;}
#prodlist li span.listprice  {float:right; padding:2px 30px 0 0;}
#prodlist li span.listprice a  {color: #372c26; }

#prodlist li.even {background:#FBFCFD;}
p.listaddition {font-size:9pt; line-height:14pt; text-align:justify; border-top:1px solid #D2DDE3; padding-top:20px;}



/* ----------------  footer  -------------------- */

#footer_container {clear:both; width:100%; background: #372C26 url(images/KVL_footer.jpg) top left repeat-x; color:#acbfce; }
#footer {text-align:left;  margin:0px auto; width:960px; padding-top:50px; color:#E7EAED; font-size:11pt; }
#footer img {float:left; padding-right:45px;}
#footer ul {float:left; padding-right:90px; line-height:18pt; }
#footer ul li.top {font-weight:700; color:#A29061; padding-bottom:18pt; padding-top:5pt; }
#footer p {padding-bottom:140px; line-height:18pt; padding-top:5pt; font-weight:700; color:#665A3D; }
#footer a {color:#A29061; text-decoration:none;}
#footer a:hover {color:#fff;}
#footer p a {color:#665A3D; }


/* ----------------  contact  -------------------- */

#map {width:644px; height:320px; border:4px solid #D2DDE3; margin-bottom:22px;} 

#kvlform {font-size:9pt; line-height:14pt; text-align:right; }
#kvlform input {background:#F9F8F8; border:2px solid #D2DDE3; padding:4px 5px 4px 5px; margin:0 0 2px 10px; width:280px; font-size:10px;}
#kvlform textarea {background:#F9F8F8; border:2px solid #D2DDE3; padding:4px 5px 4px 5px; width:590px; overflow:hidden; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; font-size:11px; }
#kvlform #submitgeneral {border:2px solid #372C26; background:#372C26; color:#fff; width:200px; text-transform:uppercase; letter-spacing:2px; font-size:8pt; text-align:center; padding:2px 0 2px 0; font-weight:bold; font-family: Verdana, Arial;}


/* ----------------  shopping cart  -------------------- */

#shoppingcarttable {font-size:9pt; width:100%; cell-spacing:0;}
#shoppingcarttable td.item {border-bottom:1px solid #D2DDE3; text-align:left; padding:3px 0 3px 0;}
#shoppingcarttable td.centeritem {border-bottom:1px solid #D2DDE3; text-align:center; padding:3px 0 3px 0;}
#shoppingcarttable td.rightitem {border-bottom:1px solid #D2DDE3; text-align:right; padding:3px 0 3px 0;}
#shoppingcarttable td.subtotal {text-align:right; padding:3px 4px 3px 0; font-size:10pt;background:#fff;}
#shoppingcarttable td.total {text-align:right; padding:3px 4px 3px 0; font-weight:700; font-size:10pt;background:#fff;}
#shoppingcarttable td.centertotal {text-align:center; padding:3px 0 3px 0; font-weight:700; font-size:10pt; background:#fff;}
#shoppingcarttable td.right {text-align:right;}


#shoppingcarttable th {background:#fff; font-size:10pt; font-weight:700; padding:4px 2px;}
#shoppingcarttable th.center {text-align:center;}
#shoppingcarttable th.right {text-align:right;}

#shoppingcarttable td input.cartbutton {background:#372C26; color:#fff; border:1px solid #fff; font-size:10px; text-transform:uppercase; padding:2px;}


/* ----------------  checkout  -------------------- */

#checkouterrors {color:red; font-size:10pt; font-weight:700; width:98%; }
#checkouterrors p {padding: 8px;}
#other {width:98%; border:1px solid #D2DDE3; padding:5px 0 5px 10px; clear:left; font-size:9pt; }
#other textarea {width:620px; height:140px;}
#other legend {font-size:11pt;}
#delivery_details {border:1px solid #D2DDE3; padding:5px 0 5px 10px; margin:0 0 10px 0; width:47%; float:left; height:250px;}
#billingdetails {border:1px solid #D2DDE3; padding:5px 0 5px 10px; margin:0 12px 10px 0; width:47%; float:left; height:250px;}
fieldset legend {font-weight:700; margin:0 5px 0 5px;}
#delivery_details label, #billingdetails label {font-size:9pt; line-height:18pt;}
#delivery_details input, #billingdetails input {font-size:9pt; margin-bottom:0 10px 3px 0; width:200px; line-height:18pt;  }   

#goback,#checkout, #checkoutsubmit {background:#372C26; color:#fff; border:1px solid #fff; font-size:10px; text-transform:uppercase; padding:2px;}


/* ----------------  crossfader  -------------------- */

div.cf_wrapper {position: relative;}
div.cf_element 	{width: 650px; height: 300px; border: 0;}




/* ----------------  nieuwspagina  -------------------- */

h2 span {color:#0390DE; font-size:9pt; margin-right:6px; font-weight:normal;}
a.lightlink img {float:left; border:4px solid #D2DDE3; margin:15px 20px 10px 0; }


/* ----------------  homepage  -------------------- */

#headlines {text-align:right; }
#headlines li {width:645px; background:#F8F9FC; font-size:9pt; margin-bottom:6pt; border-right:1px solid #D5DFE8; border-top:1px solid #D5DFE8; border-bottom:2px solid #D5DFE8; border-left:1px solid #D5DFE8; padding:6pt 0;}
#headlines li a {color:#372C26; padding-right:10px; text-decoration:none; display:block;}
#headlines li a:hover {color:#FFAA00; text-decoration:none; }
#headlines li a span {float:left; width:100px; text-align:center; background:#F8F9FC; color:#FFAA00; border-right:1px solid #D5DFE8; font-size:10pt; font-weight:700; }
a.lightlink2 img {float:left; border:4px solid #D2DDE3; margin:0 20px 10px 0; }

.openingsuren {text-align:right; font-size:10pt;  margin-top:20px; margin-bottom:40px; width:320px; float:right;}
.openingsuren li {text-align:right; font-size:10pt; padding:5px 0 5px 0; border-bottom:1px solid #D5DFE8; margin:0 0 0 12px; }
.openingsuren span {font-weight:bold; margin-right: 20px; color:#FFAA00; }