@charset "utf-8";
/* CSS Document */

body { background-color:#e7ebf1; margin:0px; background-image: url(../img/bg.jpg); background-repeat:repeat-x; text-align:center; font-family:arial;   font-size: 62.5%; color:#333333;   }
div { overflow: visible; text-align: left;  margin:0; padding:0; }
img {border:0;}
a:hover { cursor: pointer; }

.backmid { background-image: url(../img/bgmid.jpg); overflow:auto; *overflow:visible; * height:1550px; background-repeat:repeat-y; background-position:center; }
.holder {  background-image: url(../img/holder.jpg); height:900px; background-position:50% 0%; background-repeat:no-repeat; }
.main { margin:0 auto; width:1000px;  }

.flavlogo { float:left; padding-left:1px; *padding-left:2px;  }



.bovenkaart { float: left;  padding-left: 250px;  padding-top: 40px;  }
.kaarttussen {float:left; }

.ontop { float:left; padding-left:28px;  }
.menulong { float:left;  }
.smaken { float:left; padding-left:51px; *padding-left: 52px;  }
.zakelijk {float:left; padding-left:320px;}

.menu {float:left; width:900px; height:32px;  margin-left:50px;  font-size:11px; font-weight:bold; font-family:calibri; letter-spacing:1px;  }

.menuitem { float:left; width:auto; border-left:dashed 1px #b9b9b9; padding-top:7px; padding-left:10px; padding-right:10px; padding-bottom:5px;  }
.menustat { float:left; width:auto; border-left:dashed 1px #b9b9b9; background-color:#ffffff; padding-top:7px; padding-left:10px; padding-right:10px; padding-bottom:12px;  }

.left {float:left; width:570px;  margin-left:30px; _margin-left: 10px; }
.right { float:left; width:370px; _margin-left: -11px; }
.right_special { float:left; width:370px; _margin-left: 9px; }

.blok1 {float:left; width:548px; height:218px; border:solid 1px #c9c9c9; margin-left:10px; margin-top:10px;}
.blok1pad { padding-left:9px; padding-top:9px; }
.blok2 {float:left; width:550px;   margin-left:10px; margin-top:10px;}
.blok3 {float:left; width:548px;  border:solid 1px #d8d8d8; margin-left:10px;  margin-top:10px;  }
.blok3pad {padding-left:8px;}
.blok4 {float:left; padding:10px;  border:solid 1px #d8d8d8; margin-left:10px; margin-right:10px; margin-top:10px;  }
.bloke { float:left; width:548px; height:400px; border:solid 1px #c9c9c9; margin-left:10px; margin-top:10px; }

.blok7x { float:left; border-bottom:#CCCCCC 1px solid; width:528px; }
.titlespits {font-size:15px; font-weight:bold; padding-top:9px; border-bottom:1px solid #DDD; padding-bottom:5px; margin-bottom:5px; }
.blok77 { float:left; padding:10px;  border:solid 1px #d8d8d8; margin-left:10px; margin-right:10px; margin-top:10px; font-size:13px;}
.blok77 a{ color:#333333; text-decoration:none; margin-left:10px; line-height:30px; font-weight:bold;   }
.blok77 a:hover{ color:#f7740c; text-decoration:none; margin-left:10px; line-height:30px; font-weight:bold; border-bottom:solid 1px #d8d8d8; }

.kaart { background-image: url(../img/ecard.jpg); width:540px; height:390px;  margin-left:5px; float:left;}
.kaartvoor{ padding-top:113px; padding-left:60px; font-weight:bold; font-family:arial; font-size:12px; }
.kaartvan{ padding-top:43px; padding-left:60px; font-weight:bold; font-family:arial; font-size:12px;  color:#FFFFFF;  }
.kaarttekst { padding-left:245px; font-size:12px; padding-right:36px;   }


.forms { padding-left:20px; padding-top:8px;  }
.formtop {  width:330px; height:50px; background-image: url(../img/formtop.jpg); }
.formmid {float:left; width:330px; background-image: url(../img/formmid.jpg); font-size:11px; }
.formline {float: left;  width: 330px; height:10px; background-image: url(../img/formline.jpg); background-repeat:no-repeat; }
.formmidpad {padding-left:10px; padding-right:5px; padding-bottom:8px; }
.formfoot {float:left; width:330px; height:10px; background-image: url(../img/formfoot.jpg);}
.formtitle { font-size:12px; font-weight:bold; padding-left:45px; padding-top:13px; }
.numbers { padding-left:44px; color:#666666; font-family:calibri; font-size:11px;  }



.winnaar { margin-top:10px; margin-left:20px; _margin-left: 10px; float:left; width:330px; background-color:#FFFFFF; }
.wtop { float:left; width:330px; height:30px; background-image: url(../img/wtop.jpg);}
.wintitle { font-size:12px; font-weight:bold; padding-left:40px; padding-top:8px; }
.wmid { float:left; width:330px; background-image: url(../img/wmid.jpg);}
.wdown { float:left; width:330px; height:10px; background-image: url(../img/wdown.jpg);}
.wintekst { font-size:11px; padding-left:10px; padding-top:4px; padding-right:5px; padding-bottom:8px; }
.winp { float:left; width:289px; font-size:11px; border-top:solid 1px #CCCCCC;  margin-left:8px; padding-left:25px; padding-bottom:5px; padding-top:5px; background-image:url(../img/winp.jpg); background-repeat:no-repeat;}

.wvoorbeeld { float:left; * margin-left:10px; width:480px; height:830px; background-image: url(../img/wvoorbeeld.jpg); }


.widget { margin-top:10px; margin-left:20px; _margin-left: 10px; float:left; width:330px; height:140px; background-image: url(../img/widget.jpg); }
.widtitle { font-size:12px; font-weight:bold; padding-left:10px; padding-top:8px;  }
.widtekst { font-size:11px; padding-left:10px; padding-top:10px; padding-right:0px; padding-bottom:32px; }
.widtekst2 { font-size:15px; padding-left:10px; padding-top:10px; padding-right:0px; padding-bottom:44px; }
.widleft { float:left; width:200px;  }
.widright { float:left;  }


.tip { margin-top:10px; margin-left:20px; float:left; width:330px; height:30px; background-image: url(../img/toptip.jpg); }
.tiptekst { float:left;  font-size:11px; padding-left:10px; padding-top:7px; font-family:calibri, Helvetica, sans-serif;  }
.tipdiv {float:right; }

.split { margin-top:10px; float:left; }

.ecard { margin-left:10px; margin-top:10px;}

.rss { margin-top:10px; * margin-left:2px; }

.twitter { padding-left:1px; margin-top:0px; * margin-left:2px; }

.splitleft { float:left; }

.splitright { float:left; }




.stelling { width:160px; height:180px; background-image: url(../img/stelling.jpg);}
.steltop { font-size:12px; font-weight:bold; padding-left:38px; padding-top:8px; }
.stelmid { font-size:11px; padding-left:15px; padding-top:15px; padding-right:10px; padding-bottom:25px; }
.stelvote { margin-left:5px;  }
.voteset { width:65px; float:left; height:30px; font-weight:bold; margin-left:10px; font-size:12px; }
.votebutton { float:left;  width:150px; height:40px;  }



.poll { font-size: 11px; }
.polltop {  width:160px; height:30px; background-image: url(../img/polltop.jpg);}
.pollmid {  width:160px; background-image: url(../img/pollmid.jpg);   }
.pollfoot {  width:160px; height:10px; background-image: url(../img/pollfoot.jpg);   }
.pollmid2 { font-size:11px; padding-left:15px; padding-top:5px; padding-right:10px; padding-bottom:25px; }
.pollknop {   padding-left:5px;  }

.quizline { clear:both; width:95%; margin-left:10px; }
.quizline_left { float:left; width:45%; }
.quizline_right { float:right; width:45%; }




.zoek {margin-left:20px;}

.tekenblok { margin-top:10px; * margin-left:2px; _margin-left: 1px; float:left; width:398px; _width: 370px; height:320px; background-image: url(../img/teken.png);   }
.tekenblokpad { padding-top:12px; padding-left:10px; }

.video { float:left; width:330px; height:330px; background-image: url(../img/video.jpg);  margin-top:15px; margin-left:20px; _margin-left: 10px;  }
.videopad { padding-left:10px; padding-top:40px;  }

span.stap { font-weight:bold; color:#333333; } 

.top{float:left; width:550px; height:50px; background-image: url(../img/top.jpg); }
.mid{float:left; width:550px; background-image: url(../img/mid.jpg);}
.down{float:left; width:550px; height:30px; background-image: url(../img/down.jpg);}

.itemfun {float:left; margin-left:10px; margin-top:12px; margin-bottom:30px; margin-right:10px; width:60px; height:60px; background-image: url(../img/itemfun.jpg);}
.itemfun22 {float:left; margin-left:10px; margin-top:12px; margin-bottom:50px; margin-right:10px; width:60px; height:60px; background-image: url(../img/itemfun.jpg);}
.itemvoordeel {float:left; margin-left:10px; margin-top:12px; margin-bottom:30px; margin-right:10px; width:60px; height:60px; background-image: url(../img/itemvoordeel.jpg);}
.itemvoordeel22 {float:left; margin-left:10px; margin-top:12px; margin-bottom:10px; margin-right:10px; width:60px; height:60px; background-image: url(../img/itemvoordeel.jpg);}
.iteminfo {float:left; margin-left:10px; margin-top:12px; margin-bottom:30px; margin-right:10px; width:60px; height:60px; background-image: url(../img/iteminfo.jpg);}


.infoblok { float:left; width:250px; height:320px; background-image: url(../img/infoback.jpg); font-size:12px;}
.infoblok2 { float:right; width:250px; height:320px; margin-left:28px; background-image: url(../img/infoback.jpg); font-size:12px;}
.infpic { float:left; margin-left:10px; margin-right:8px; margin-top:9px; padding:9px;  border:solid 1px #d8d8d8; }
.infotekst { padding-top:10px; padding-left:12px; padding-right:10px; }

h1.title {padding-left:13px; font-size:15px; font-weight:bold; padding-top:3px;  }
div.title {padding-left:13px; font-size:15px; font-weight:bold; padding-top:9px;  }
.title2 {padding-left:50px; font-size:14px; font-weight:bold; padding-top:12px; margin-bottom:10px;  }
.title3 {padding-left:4px; font-size:14px; font-weight:bold; padding-top:12px; margin-bottom:10px;  }
h2.sub {padding-left:13px; font-size:9px;  line-height:0px; font-weight: normal; }
div.sub {padding-left:13px; font-size:9px;  line-height:11px; }
.sub2 {padding-left:13px; font-size:11px;  line-height:11px; }

.tekst {padding-left:10px; font-size:12px; padding-top:5px; padding-right:8px; padding-bottom:8px; }

.campagne {float:left; width:180px; height:210px; margin-top:10px; padding-bottom:10px; }
.cleft {float:left; width:148px; height:208px; border:solid 1px #d8d8d8; }
.cright { float:left; width:30px; height:210px; background-image: url(../img/tag1.jpg); background-repeat:no-repeat; }
.picture { }
.cbig{ padding-left:4px; padding-top:4px; font-size:15px; font-weight:bold;} 
.cbig2{ padding-left:4px; padding-top:4px; margin-bottom:10px; font-size:12px; font-weight:bold;}
.cbig3{ padding-left:4px; padding-top:4px; margin-bottom:15px; font-size:12px; font-weight:bold;}
.csmall {padding-left:5px; font-size:11px;  }

.footer { float:left; width:1000px; height:250px; color:#ffffff; margin-top:10px; background-image: url(../img/footer.jpg); }
.foot1 {float:left; width:200px; padding-left:70px; padding-top:48px; }
.foot2 {float:left; width:200px; padding-left:30px; padding-top:48px; }
.foot3 {float:left; width:370px; padding-left:50px; padding-top:48px; font-weight:bold;}


span.mini3 { font-size:10px; color:#666666;}







H1{ font-size:18px; line-height:10px;  }
a.actie1 { color:#ffffff; text-decoration:none;  display:block; width: 130px; height:190px; background: url(../img/cat1.jpg) no-repeat; background-position:0% 100%; margin-left:9px; margin-top:9px;}
a.actie1:hover { color:#2b2b2b; text-decoration:none;  display:block; width: 130px; height:190px; background: url(../img/cat1.jpg) no-repeat; background-position:100% 100%; margin-left:9px; margin-top:9px;}
a.actie2 { color:#ffffff; text-decoration:none;  display:block; width: 130px; height:190px; background: url(../img/cat2.jpg) no-repeat; background-position:0% 100%; margin-left:9px; margin-top:9px;}
a.actie2:hover { color:#2b2b2b; text-decoration:none;  display:block; width: 130px; height:190px; background: url(../img/cat2.jpg) no-repeat; background-position:100% 100%; margin-left:9px; margin-top:9px;}
a.actie3 { color:#ffffff; text-decoration:none;  display:block; width: 130px; height:190px; background: url(../img/cat3.jpg) no-repeat; background-position:0% 100%; margin-left:9px; margin-top:9px;}
a.actie3:hover { color:#2b2b2b; text-decoration:none;  display:block; width: 130px; height:190px; background: url(../img/cat3.jpg) no-repeat; background-position:100% 100%; margin-left:9px; margin-top:9px;}
a.actie_quiz { color:#ffffff; text-decoration:none;  display:block; width: 130px; height:190px; background: url(../img/catquiz.jpg) no-repeat; background-position:0% 100%; margin-left:9px; margin-top:9px;}
a.actie_quiz:hover { color:#2b2b2b; text-decoration:none;  display:block; width: 130px; height:190px; background: url(../img/catquiz.jpg) no-repeat; background-position:100% 100%; margin-left:9px; margin-top:9px;}

a.submen { text-decoration:none; color:#FFFFFF; font-size:11px; }
.subi {padding-top:6px;  padding-left:3px;}


a.meer { color:#333333; text-decoration:none;  display:block; width: 120px; height:20px; background: url(../img/knopmeer.jpg) 0 0 no-repeat; margin-left:10px;  }
a.meer2 { color:#333333; text-decoration:none;  display:block; width: 120px; height:20px; background: url(../img/knopmeer.jpg) 0 0 no-repeat;  margin-top:10px; }


a.meer:hover { color:#999999; text-decoration:none; display:block; width: 120px; height:20px; background: url(../img/knopmeer.jpg) -120px 0 no-repeat; }
a.meer2:hover { color:#999999; text-decoration:none; display:block; width: 120px; height:20px; background: url(../img/knopmeer.jpg) -120px 0 no-repeat; }

a.tipknop { display:block; float:left;  width: 160px; height:30px; background: url(../img/tipknop.jpg) 0 0 no-repeat; }

.verder {padding-left:24px; font-size:12px; font-weight:bold; padding-top:2px; }

a.menux { color:#333333; text-decoration:none; }
a.menux:hover { color:#999999; text-decoration:none; }

a.mouseover1{   float: left; display:block; width: 90px; height:30px; background: url(../img/fun.jpg) 0 0 no-repeat;}
a.mouseover1:hover { background: url(../img/fun.jpg) -90px 0;}

a.mouseover2{   float: left; margin-left:2px; display:block; width: 90px; height:30px; background: url(../img/voordeel.jpg) 0 0 no-repeat;}
a.mouseover2:hover { background: url(../img/voordeel.jpg) -90px 0;}

a.mouseover3{   float: left; margin-left:2px; display:block; width: 90px; height:30px; background: url(../img/informatie.jpg) 0 0 no-repeat;}
a.mouseover3:hover { background: url(../img/informatie.jpg) -90px 0;}

a.mouseover4{   float: left; margin-left:26px; display:block; width: 60px; height:30px; background: url(../img/home.jpg) 0 0 no-repeat;}
a.mouseover4:hover { }




a.z1 {   float: left;  display:block; width: 90px; height:30px; background: url(../img/z1.jpg) 0 0 no-repeat;}
a.z2 {   float: left; margin-left:3px; display:block; width: 80px; height:30px; background: url(../img/z2.jpg) 0 0 no-repeat;}