@import url('base.css');

body {color: #000; margin: 0; padding: 0; }
html,body{ height:100%; margin:0; padding:0; }
body {text-align:center; min-width:1000px; min-height:640px;}
#vertical{ float:left; height:50%; margin-top:-320px; width:100%; }
#home { background:  url('../images/hout.jpg') center; width:1000px; margin-left:auto; margin-right:auto; height:640px; text-align:left; clear:both; }
#homebody { background:#150c06 url('../images/221.jpg') center; }

#sfeer1 { width: 323px; height: 209px; background: url('../images/sfeer/geweer_verrekijker_mes.png') center no-repeat; }
#sfeer2 { width: 318px; height: 307px; background: url('../images/sfeer/hond.png') center no-repeat; }
#sfeer1_klein { width: 260px; height: 176px; background: url('../images/sfeer/geweer_verrekijker_mes_klein.png') center no-repeat;  float: left;}
address, .newsblock { background: #00381e; color: #fff; border: solid 1px #6c7a19;  width: 240px; height: 120px; display: block;  }
address a, { color: #8b0b04;}
address { padding: 0 1em;}
.address { color: #fff; text-align: left; float:right; width: 160px;}
.newsblock { clear: both; margin: auto; color: #fff; width: 300px;}
.newsblock table { border-collapse: collapse; border-spacing: 0; margin: 0; height: 120px; width: 300px; left: 0; position: absolute; top: 0;}
.newsblock a { color: #fff; text-decoration: none;}
.newsblock div a { color: #fff; text-decoration: underline;}
.newsblock td.icon { background: #6c7a19; padding: 0; width: 120px; vertical-align: middle;}
.newsblock td.icon a { margin: 0;}
.newsblock td.icon a img { border: none;}
.newsblock td.icon img { margin: 0; height: 116px;}
.newsblock .priceblock { font-size: 20px; position: relative; display: block; float: none; text-align: center; clear: both; margin: auto; width: 100%;}
.newsblock .price_voor { background: transparent;}
#siteheader { height: 176px; position: relative;}
#webshop { width: 236px; height: 57px; margin-left: -100px; float: left; margin-top: 50px;}  
h1#header { width: 304px; height: 160px; margin: 0; margin-left: 16px; float: left;}
.left { float: left;}
.right { float: right;}
.center { margin: auto; width: 400px; float: left; text-align: center;}
#merken { list-style: none; margin: 0; padding: 0;}
#merken a { width: 158px; height: 60px; display: block; margin: 27px;}
#logo { padding-top: 50px;}
#mainnav { margin-top: 25px; height: 125px;}
#mainnav a { height: 75px; display: block; } 

#site { width: 1000px; clear:both; margin: auto; background: url('../images/hout.jpg'); min-height: 100%;}
#bottom_left { position: fixed;  bottom: 0; left: 0; background-position: bottom left; background-repeat: no-repeat; width: 300px; height: 639px; }
#top_right { position: fixed; top: 0; right: 0; background-position: top right; background-repeat: no-repeat; width: 130px; height: 400px; z-index:1;}

#column { width: 300px; text-align: right; float: left; }
#column h1 { margin: 0; padding: 0;}
#gallery { border-bottom: solid 1px #8B0B05; max-width: 553px; margin-top: 8px; }

#menu { text-align: right; font-size: 1.3em;}
#menu, #specials { list-style: none; font-family: "Lucida Fax", "Lucida Sans Unicode", serif; font-weight: bold; line-height: 1.3em;  margin: 0; padding: 0; margin-top: 10px;}
#menu li, #specials li { position: relative; display: block; text-align: right; margin: 0; padding: 0;}
#menu a, #specials a { text-decoration: none; color: #ffffff; display: block; height: 1.5em; text-shadow: #00381e 0px 0px 6px;}
#specials a { text-decoration: none; color: #ffffff; display: block; height: 1.5em; text-shadow: #00381e 0px 0px 6px;}
#specials li { float: left; margin-left: 20px; font-size: 15px;}
input, select, textarea { font-family: verdana, sans-serif; font-size: 1em;}
.button { background-color:#00381e; color: #fff; padding: 2px 4px; overflow: visible; }
#menu a:hover, #menu a:active, #menu li.current a, #specials a:hover, #specials a:active, #specials li.current a { text-shadow: #8B0B05 0px 0px 10px;}

.thumb { display: block; float: left; padding-bottom: 8px; width: 92px; font-size: 100%; line-height: 1.3em; text-align: center; text-decoration: none; color: #00371D;}
.thumb:hover { text-decoration: underline;}
.thumb span { display: block; margin-right: 7px;}
.thumb img { float: left; margin: 7px 7px 7px 0; height: 85px; }

.fielderror { color: red; background: url('../images/error_arrow.gif') top left no-repeat; padding-bottom: 1px; padding-left: 18px; }
.error { background: #8b0b04; color: #fff; font-weight: bold; padding: 1em; width: auto;}
#pagecontent { background: #fff; float: left; width: 680px; margin-left: 20px; min-height: 700px; text-align: left; }
.productinfo { border-collapse: collapse; border-spacing: 0; width: 154px; float: left; margin-right: 9px; margin-bottom: 1em; border: solid 1px  #bba772; }
.productinfo td, .productinfo th { text-align: center; width: 204px;}
.productinfo th { height: 3em;}
.productinfo td.icon a { display: block; width: 150px; height: 150px; vertical-align: middle; text-align: center; background: #fff; clear: both; margin: auto; position: relative; text-decoration: none; color: #000;}
.productinfo td img { margin: 0; border: 0;}
#content { margin: 1em;}
textarea { width: 90%;}
img { border: none;}
.clear { clear: both; }
.field_list { list-style: none; margin: 0; padding: 0;}
address { font-style: normal;}
.stretch { width: 100%;}
.cart { border-collapse: collapse; border-spacing: 0; border-color: #bba772;}
.cart td, .cart th { padding: 2px; border-color: #bba772;}
.forwardbutton { float: right;}
.controlcell { text-align: center; }
#showhere {height:450px;width:550px; text-align: center; background: #00371D; padding: 5px; position: relative; z-index: 20;}
#showhere table { width: 550px;}
#showhere td.showbg { text-align: center; width: 550px;}
#showhere #showheredis { color:#fff;}
p { width: 100%; height: 1.2em; }
.gallery { list-style: none; padding-top: 1em; margin: 0; padding: 0;}
.gallery li { margin: 0; padding: 0; float: left; display: block; vertical-align: middle; text-align: center; margin-right: 10px; border: solid 1px #a4a4a4; position: relative; margin-bottom: 1em;}
.gallery a { display: table-cell; height: 205px; background: #fff; vertical-align: middle; text-align: center; color: #000; text-decoration: none;}
.gallery div { position: absolute; bottom: 2px; left: 0; width: 100%; background: #fff;height: 26px; line-height: 2em;}
.gallery img { }
.listing { width: 100%; margin-bottom: 1em;}
.listing input { width: 100%;}
.listing img {border: solid 1px #a4a4a4; }
.listing img.icon { border: none, vertical-align: middle;}
.listing td, .listing th { padding: 0 3px; vertical-align:top; }
.listing th { background-color: #bba772; font-weight: normal;}
.listing td.icon { padding: 0; vertical-align: middle; text-align: center; }
.listing strong a { color: #000; text-decoration: none;}
.listing .line { height: 1.2em;}
.img_left { float: left; margin: 1em; margin-left: 0; margin-top:0;}
.img_right { float: right; margin: 1em; margin-right: 0; margin-top: 0;}
strong { font-weight: bold;}
.hint { color: #bba772;}
.required { color: #8B0B05;}
.priceblock { text-align: right; float: right; font-weight: bold;}
.icon .priceblock { position: absolute; bottom: 0; right: 0; background: #fff; font-size: 1.3em; font-weight: normal;}
.priceblock div { padding: 2px 3px; float: left;}
.price_van { text-decoration: line-through; font-size: 0.7em;}
.price_voor { font-weight: bold;background: #fac126;}
.price_regular { }
.buttons { margin-top: 1em; padding: 0;}
.buttons form { margin: 0; padding: 0;}
.buttons .button {  margin: 0;}
#important { font-weight: bold; color: #fff; background: #8B0A04; padding: 5px; font-size: 14px; font-family: verdana, sans-serif; width: 290px; margin-left: 40px;}