@charset "utf-8";

*{margin:0; padding:0; outline:0; text-align:left; vertical-align:top; font-size:100%}a img{border:0;}img{-ms-interpolation-mode:bicubic;}table{border-collapse:collapse;}
html,body{height:100%;}
html{overflow:auto;}
body{font:11px/16px Verdana, Arial, Helvetica, sans-serif; overflow:hidden;}
body#top{background:#73cbfb url(../images/top.jpg) no-repeat fixed;}
body#top #logo-top{float:left; background:url(../images/logo-top.png) no-repeat; width:309px; height:35px;}
body#bottom{background:#73cbfb url(../images/bottom.jpg) 0 0 no-repeat fixed;}
body#bottom #background{position:absolute; width:100%; height:100%; z-index:0;}
body#bottom #logo-bottom{top:0; left:0; background:url(../images/logo-bottom.png) no-repeat; width:318px; height:145px; position:absolute; z-index:1;}
#wrapper{clear:both; margin:0 auto -30px; width:900px; min-height:100%; height:auto!important; height:100%; position:relative; z-index:3; overflow:hidden;}
#inner{background:#FFF url(../images/wrapper-bg.jpg) 0 bottom repeat-x;  padding:25px 27px; margin:60px 0 180px 0; border:3px solid #FFF; height:400px; overflow:auto;}
#footer{clear:both; position:absolute; z-index:5; width:96%; height:30px; margin:0 20px; padding:8px 5px 0 5px; border-top:1px solid #FFF; font-size:10px; font-weight:700; color:#FFF;}
#footer a{color:#FFF;}#footer a:hover{border-bottom:1px solid #FFF; padding-bottom:1px;}

#nav{list-style:none; height:35px; padding-left:70px; overflow:hidden;}
#nav li{float:left; padding:10px 0 0 0;}
#nav li a{padding:0 15px; font:normal 14px Impact, Charcoal, sans-serif; color:#FFF; border-right:1px solid #FFF;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
a{color:#000; text-decoration:none;}a:hover,#footer a{text-decoration:none;}
p{margin:5px 0;}

h1,h2,h3{font:16px/22px Impact, Charcoal, sans-serif;}
h1,h2{color:#FF7100; margin:-13px 0 10px -13px;}h3{color:#000;}
h2{line-height:15px;}
h2 blockquote{float:left; width:17px; height:17px; background:#FF7100; color:#FFF; line-height:15px; font-size:11px; text-align:center; margin:1px 7px 0 0;}
ul{list-style:disc inside; padding-left:18px;}ol{list-style:decimal inside; padding-left:18px;}

#producten{float:left; margin-top:10px; text-align:center;}
.product{text-align:center; float:left; height:320px; margin:9px; padding:15px 5px; background:#FFF; overflow:hidden;}
.product .afbeelding{background:#FFF; text-align:center; margin:0 0 5px;}

.product #romper,.product #kinder,.product #dames,.product #heren{display:block; width:160px; height:160px; text-indent:-999em;}
.product #romper{background:url(http://portal.markantas.nl/mod/cat/catalogus/8/HonigNL/Romper-front.gif) 0 0 no-repeat;}.product #romper:hover{background:url(http://portal.markantas.nl/mod/cat/catalogus/8/HonigNL/Romper-back.gif) 0 0 no-repeat;}
.product #kinder{background:url(http://portal.markantas.nl/mod/cat/catalogus/8/HonigNL/Kids-front.gif) 0 0 no-repeat;}.product #kinder:hover{background:url(http://portal.markantas.nl/mod/cat/catalogus/8/HonigNL/Kids-back.gif) 0 0 no-repeat;}
.product #dames{background:url(http://portal.markantas.nl/mod/cat/catalogus/8/HonigNL/Dames-front.gif) 0 0 no-repeat;}.product #dames:hover{background:url(http://portal.markantas.nl/mod/cat/catalogus/8/HonigNL/Dames-back.gif) 0 0 no-repeat;}
.product #heren{background:url(http://portal.markantas.nl/mod/cat/catalogus/8/HonigNL/Heren-front.gif) 0 0 no-repeat;}.product #heren:hover{background:url(http://portal.markantas.nl/mod/cat/catalogus/8/HonigNL/Heren-back.gif) 0 0 no-repeat;}

.product .product_naam{color:#FFF; text-align:center;}
.product .product_naam strong{display:block; font-size:15px; margin:15px 0; text-align:center;}
.product .product_maten{text-align:center;}
.product .product_verzendkosten{font-size:10px;}
.product_bestel{margin-top:20px; text-align:center;}

.view{width:100%;}
.view th{padding:0 8px 4px 0;}
.view td{padding:4px;}

#cart_totaal_items{text-align:right; height:30px; margin:30px 0 30px;}
#cart{padding:0; width:99%;}
#cart th{font-size:12px;font-weight:bold;border-bottom:2px #F60 solid;padding:0 0 8px;}
#cart th.product_naam{width:135px;padding:0 0 8px 40px;}
#cart td{vertical-align:text-top;padding:8px 12px 8px 0;}
#cart .product_naam{text-align:left;padding:8px 0 0 12px;}
#cart .product_naam img{margin:0 10px 0 0;}
#cart .product_text{width:200px;text-align:left;}
#cart .product_prijs{text-align:left;}
#cart .product_aantal{padding-right:8px;text-align:center;}
#cart .product_subtotaal{text-align:right;padding:8px 12px 8px 0;}
#cart_totaal{width:180px;float:right;margin:20px 0;padding:8px 0 0;}
#cart_totaal .right{text-align:right;}
#cart_totaal tr.bold{font-weight:bold;}

/*#faqs{margin:50px 20px 20px;}*/
#faqs a{font-weight:bold; color:#F7941D;}
#faqs h4{cursor:pointer; color:#F7941D;}
#faqs div{overflow:hidden;}

/*#actie {margin:-25px -27px;}*/
.kleur{color:#F7941D;}

/* IE6 PNG fix depends on images/clear.gif
------------------------------------------ */
* html #logo-top,* html #logo-bottom{position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/clear.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}

* html #inner{height:400px;}

@media screen and (-webkit-min-device-pixel-ratio:0){ html{overflow:hidden;} } /* Target Safari & Chrome */