html{ height: 100%;}
body{ margin:0px; padding:0px; color:#FFF; font-size:0.8em; font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-y top #FFF; height: 100%; min-height: 100%; }
body a{ text-decoration:none; color:#FFF; font-weight:normal;}
body a:hover{ text-decoration:underline; color:#FFF; font-weight:bold;}

.clear{clear:both;}
.clear2{clear:both; height:0px;}

#container{ position:relative; width:980px; margin:0 auto; background:url(../images/bg_content.jpg) repeat-y;  height:auto !important; height:100%; min-height:100%;}

#container #top{ width:980px; padding-top:73px; height:191px; background:url(../images/bg_top.jpg) no-repeat; }
#container #top h1{ text-indent:-3000px; height:0px; position:absolute; width:0px; margin:0px; padding:0px;}
#container #top .logo{float:left; height:158px;}
#container #top .header{float:left; height:158px;}
#container #top .menu{width:980px; float:left; height:33px;}
#container #top .menu ul{ margin:0px; padding:0px 0px 0px 252px; height:33px;}
#container #top .menu ul li{ float:left; height:33px; display:block; background:url(../images/bg_li.jpg) no-repeat right;}
#container #top .menu ul li a{ float:left; height:26px; display:block; font-weight:bold; color:#FFF; padding:7px 5px 0px 3px;}
#container #top .menu ul li a:hover{ display:block; height:26px; padding-top:7px; background:url(../images/bg_liover.jpg) no-repeat right; text-decoration:none; color:#FFF;}
#container #top .menu ul li.last{ background-position:-2px 0px;}
#container #top .menu ul li.last a:hover{background-position:-2px 0px;}

#container #left{ width:245px; float:left; padding-bottom:16px;}
#container #left h2{ margin:0px; padding:0px; width:245px; height:59px; background:url(../images/bg_menu.jpg) no-repeat; text-indent:-3000px;}

#container #right{ width:734px; float:left; margin-left:1px; padding-bottom:16px;}
#container #right .blok{ width:734px;}
#container #right .film{ float:left; width:159px; height:78px; padding:195px 0px 0px 85px; float:left; background:url(../images/bg_film.jpg) no-repeat;}
#container #right .film a{ font-weight:bold; width:133px; padding:8px 25px 0px 0px; height:34px; display:block; text-align:center; color:#FFF; background:url(../images/btn_film.jpg) no-repeat;}
#container #right .film a:hover{ text-decoration:none; color:#ffc0c2;}
#container #right .product{ border-right:1px solid white; margin-top:-34px;}
#container #right .garant{ font-size:0.9em; line-height:1.1em; float:left; width:211px; height:239px; padding:17px 17px;}
#container #right .garant h2{ margin:0px; font-weight:bold; font-size:1.1em; padding:0px 0px 15px 0px;}
#container #right .garant ul{ padding:0px 0px 15px 0px; margin:0px; list-style:none;}
#container #right .garant p{ padding:0px 0px 10px 0px; margin:0px;}
#container #right .winkelmand { position:relative; float:right; width:245px; height:186px; padding-top:87px; background:url(../images/bg_winkeltop.jpg) no-repeat #ed1c24;}
#container #right .winkelmand .winkel{ color:#000; width:189px; background:url(../images/bg_winkel.jpg) repeat-y; padding:0px 26px 20px 30px;}
#container #right .winkelmand .winkel h2{ margin:0px; padding:0px; position:absolute; display:none; height:0px; text-indent:-3000px;}
#container #right .winkelmand .winkel dl { font-weight:bold; line-height:27px; padding:0px 0px 14px 0px; margin:0px;}
#container #right .winkelmand .winkel dl dt{ float:left;}
#container #right .winkelmand .winkel dl dd{ text-align:right; padding-right:14px; color:#ed1c24;}
#container #right .winkelmand .winkel a.bestel span{cursor: pointer; cursor: hand; font-weight:bold;  text-align:center; float:left; width:110px; height:27px; padding-top:6px; background:url(../images/btn_dt.jpg) no-repeat; display:block;}
#container #right .winkelmand .winkel a.af span{cursor: pointer; cursor: hand; font-weight:bold; text-align:center; float:right; width:74px; height:27px; padding-top:6px; background:url(../images/btn_dd.jpg) no-repeat; display:block;}
#container #right .winkelmand .winkel a:hover.bestel span{ font-weight:bold; text-decoration:none;}
#container #right .winkelmand .winkel a:hover.af span{  font-weight:bold; text-decoration:none; }
#container #right .winkelmand .winkelbottom{ position:absolute;top:200px; left:0px; width:245px;height:35px; float:right;background:url(../images/bg_winkelbottom.jpg) no-repeat;}

#container #right .blok .actie{ display:block; border-bottom:1px solid #353535; position:relative; float:left; width:231px; padding:0px 0px 20px 13px; background:url(../images/bg_actie.jpg) no-repeat; }
#container #right .blok .actie h2{ font-weight:bold; color:#000; font-size:1.0em; padding:9px 0px 0px 57px; margin:0px; z-index:100}
#container #right .blok .actie h2.ab{ position:absolute; color:#FFF; font-weight:bold; font-size:1.0em; padding:8px 0px 0px 57px; z-index:1;}
#container #right .blok .actie img{ position:absolute; top:50px; right:21px; border:2px solid #e66901;}
#container #right .blok .actie dl{ margin:0px; padding:50px 0 23px 6px; color:#f67001; font-weight:bold;}
#container #right .blok .actie dl dt{margin:0px; padding:0px;}
#container #right .blok .actie dl dd{margin:0px; padding:0px;}
#container #right .blok .actie dl dt.big{color:#FFF; font-size:1.2em;}
#container #right .blok .actie dl dd.big{color:#FFF; font-size:1.2em; }
#container #right .blok .actie dl dd.line{text-decoration:line-through; }
#container #right .blok .actie a span{cursor: pointer; cursor: hand; background:url(../images/btn_actie.jpg) no-repeat; text-align:center; width:112px; height:23px; padding:6px 20px 0px 0px; display:block; font-weight:bold;}
#container #right .blok .actie a:hover span{ text-decoration:none; color:#ffc398;}

#container #right .blok .sfeer{ margin-bottom:1px; float:left; width:463px; padding:43px 0px 15px 27px; background:url(../images/bg_sfeer.jpg) no-repeat #353535;}
#container #right .blok .sfeer h2{ text-indent:-3000px; height:0px; display:none; margin:0px; padding:0px; ;}
#container #right .blok .sfeer img{ border:1px solid black; margin-right:22px;}

#container #right .blok .items { float:left; background:url(../images/bg_items.jpg) no-repeat; width:490px; border-bottom:1px solid #323232;}
#container #right .blok .items .item{ position:relative; font-size:1.1em; padding:0px 0px 0px 16px; width:228px; float:left;}
#container #right .blok .items .item h3{ font-weight:bold; padding:7px 0px 32px 0px; margin:0px; font-size:1.1em;}
#container #right .blok .items .item img{ float:left; margin:0px 8px 0px 0px; padding-bottom:45px;}
#container #right .blok .items .item p{ float:left; width:98px; display:block; font-weight:bold;}
#container #right .blok .items .item a span{ font-weight:bold; position:absolute; bottom:10px; right:12px; background:url(../images/bg_pijl.jpg) no-repeat right; padding-right:16px;}
#container #right .blok .items .item a:hover span{text-decoration:underline}

#container #right .left{ float:left; padding-top:59px; width:489px;}
#container #right .left .productitem { width:488px; padding:0px 0px 10px 0px; margin-bottom:1px;}
#container #right .left .one { background:url(../images/bg_productone.jpg) repeat-y}
#container #right .left .two { background:url(../images/bg_producttwo.jpg) repeat-y;}
#container #right .left .productitem h3{ position:relative; background:url(../images/bg_h3.jpg) repeat-x; height:25px; margin:0px; padding:7px 0px 0px 16px; font-weight:bold; font-size:1.1em;}
#container #right .left .productitem h3 span{ position:absolute; right:8px; font-size:0.9em;}
#container #right .left .productitem .box{ font-weight:bold; float:left; width:140px; padding:10px 0px 0px 19px;}
#container #right .left .productitem .box p{ margin:0px; padding:0px;}
#container #right .left .productitem .box .line{ text-decoration:line-through;color: red;}
#container #right .left .productitem .box_sec{ float:left; width:299px; color:#000; padding:15px 15px 0px 15px;}
#container #right .left .productitem .box_sec #omschr{ min-height: 100px;height: auto;_height: 100px;}
#container #right .left .productitem .box_sec p{ padding:0px 0px 15px 0px; margin:0px;}
#container #right .left .productitem .box_sec a span{ float:right; width:210px; height:34px; text-align:center; padding:14px 20px 0px 0px; font-weight:bold; background:url(../images/btn_toevoegen.jpg) no-repeat; display:block; cursor: pointer; cursor: hand; }
#container #right .left .productitem .box_sec a:hover span{ text-decoration:none; color:#c4c4c4;}

#container #right .left .productitem .box img{ border:1px solid white;margin-bottom:24px;}

#container #right .right{ float:left; width:245px;}

#container #bottom{ position:absolute; width:980px; bottom:0px; height:16px; background:url(../images/bg_bottom.jpg) no-repeat;}

img a{border:0px;}




.sbutton{
  background:url(../images/btn01.jpg) no-repeat;
}

.error{
  border:1px solid red;
}

#openingstijden{ padding-top:18px;}
#day_index{float:left; width:80px;}
#time_index{float:right; padding-right:10px;}