body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display:inline;}
*:focus {outline:none;}

html{height:100%; overflow: -moz-scrollbars-vertical;}
body{background:#fff url(../images/background.jpg) no-repeat center 0;color:#005187;font:normal 0.75em/1.5em Arial, Verdana, Tahoma, "Trebuchet MS"; text-align:center;}

/*link*/
a {color:#005187;} a:hover {color:#005187; text-decoration:none;} a:visited {color:#005187;} a:active {color:#005187; text-decoration:none;}
a.hyperlink{background: transparent url(../images/a_clickthrough.png) no-repeat 0 0;padding:1px 0 10px 28px; display:list-item; list-style:none; font-size:1.167em;}

/*headings*/
h1, h2, h3, h4, h5, h6 {color:#005187;}
h1 {font-size:2.833em;}
h2 {font-size:1.5em;line-height:1.333em;padding:0 0 20px}
h3 {font-size:1.333em;line-height:1.25em;padding:0 0 10px}
h4 {font-size:1.167em;line-height:1.286em;}
h5, .h5, h6, .h6 {font-size:1em;padding:0}
.h2{font-size:1.5em;line-height:1.333em;}
.h3{font-size:1.333em;line-height:1.25em;}
.h4{font-size:1.167em;line-height:1.286em;}
h2.intro{font-size:1.333em;font-weight:normal}

/*text*/
p {padding:0 0 20px 0;}

/*lists*/
ul{padding:0 0 10px 0;}

/*form*/
select, input, textarea, legend {font:normal 100% Arial, Verdana, Tahoma, "Trebuchet MS"; color:#688a93; font-size:1.25em;}
fieldset, div.fieldgroup{padding: 0 0 10px 0; overflow:hidden; width:100%;}
label{font-size:1.167em;font-weight:bold;}
div.field{width:100%}
div.fieldspecial{float:left;}
div.fieldspecial div.field{width:auto;}
div.fieldspecial img{margin:5px 0 0 0;}
input.textfield, textarea.textfield, select.select {border:solid 0 #fff;background-color:#fff; padding:2px;width:248px; margin:5px 0 0 7px;}
textarea.textfield{height:50px}
input.radio,input.checkbox,table.radio input{vertical-align:middle; margin:-2px 4px 0 0;}
div.radio,div.checkbox{float:left;padding:0 20px 0 0}
div.radio label,div.checkbox label,table.radio label{font-weight:normal;font-size:1em}
.form-error{color:#f00;}
span.radio input {margin:-2px 4px 0 0;}

div.bg-input{background:transparent url(../images/bg_input.png) no-repeat 0 0; width:266px; height:33px; float:left;}
div.bg-input-small{background:transparent url(../images/bg_input_small.png) no-repeat 0 0; width:174px; height:33px; margin:0 3px 0 0;}
div.bg-input-small input.textfield{width:156px;} 
div.bg-input-xsmall{background:transparent url(../images/bg_input_xsmall.png) no-repeat 0 0; width:109px; height:33px; margin:0 3px 0 0;}
div.bg-input-xsmall input.textfield{width:92px;}
div.bg-input-xxsmall{background:transparent url(../images/bg_input_xxsmall.png) no-repeat 0 0;width:43px;height:33px;margin:0 3px 0 0;}
div.bg-input-xxsmall input.textfield{width:26px;}
div.bg-textarea{background:transparent url(../images/bg_textarea.png) no-repeat 0 0; width:266px;height:65px;margin:0 3px 0 0;}
div.bg-checkbox{float:left;background:transparent url(../images/bg_checkbox.gif) no-repeat 0 0; width:15px;height:15px;margin:0 3px 0 0;}

/*style elements*/
.fleft{float:left}
.fright{float:right}
.line{background:transparent url(../images/bg_line.gif) repeat-x 0 0;margin:20px 0;height:1px;font-size:0;line-height:1px;width:100%;overflow:hidden}
.pb5{padding-bottom:5px} .pb10{padding-bottom:10px} .pb20{padding-bottom:20px} .pb30{padding-bottom:30px}
.pr10{padding-right:10px} .pr20{padding-right:20px} .pr30{padding-right:30px}

/*grid*/
div.wrapper{width:100%;overflow:hidden;}
div.container{width:900px;margin:30px auto 0;padding:0 0 50px 0;text-align:left}
div.header{height:73px}
div.logo{float:right}
div.nav{float:left;margin-top:20px;}
div.nav ul{list-style:none;margin:0;padding:0}
div.nav li{float:left;padding:0 5px 0 0}
div.nav li a, div.nav li a:visited{height:22px;line-height:22px;display:block;text-align:center;text-indent:-9999px}
div.nav li.home a, div.nav li.home a:visited{width:43px;background:transparent url(../images/sprite_nav.gif) no-repeat 0 0}
div.nav li.home a:hover, div.nav li.home a:active,div.nav li.home a.true,div.nav li.home a.true:visited{background-position:0 -30px}
div.nav li.kriebelwijzer a, div.nav li.kriebelwijzer a:visited{width:80px;background:transparent url(../images/sprite_nav.gif) no-repeat 0 -60px}
div.nav li.kriebelwijzer a:hover, div.nav li.kriebelwijzer a:active,div.nav li.kriebelwijzer a.true,div.nav li.kriebelwijzer a.true:visited{background-position:0 -90px}
div.nav li.parfumteller a, div.nav li.parfumteller a:visited{width:77px;background:transparent url(../images/sprite_nav.gif) no-repeat 0 -120px}
div.nav li.parfumteller a:hover, div.nav li.parfumteller a:active,div.nav li.parfumteller a.true,div.nav li.parfumteller a.true:visited{background-position:0 -150px}
div.nav li.proefproduct a, div.nav li.proefproduct a:visited{width:141px;background:transparent url(../images/sprite_nav.gif) no-repeat 0 -180px}
div.nav li.proefproduct a:hover, div.nav li.proefproduct a:active,div.nav li.proefproduct a.true,div.nav li.proefproduct a.true:visited{background-position:0 -210px}
div.nav li.kortingsbon a, div.nav li.kortingsbon a:visited{width:77px;background:transparent url(../images/sprite_nav.gif) no-repeat 0 -240px}
div.nav li.kortingsbon a:hover, div.nav li.kortingsbon a:active,div.nav li.kortingsbon a.true,div.nav li.kortingsbon a.true:visited{background-position:0 -270px}
div.nav li.parfuminderen a, div.nav li.parfuminderen a:visited{width:120px;background:transparent url(../images/sprite_nav.gif) no-repeat 0 -300px}
div.nav li.parfuminderen a:hover, div.nav li.parfuminderen a:active,div.nav li.parfuminderen a.true,div.nav li.parfuminderen a.true:visited{background-position:0 -330px}
div.nav li.producten a, div.nav li.producten a:visited{width:66px;background:transparent url(../images/sprite_nav.gif) no-repeat 0 -360px}
div.nav li.producten a:hover, div.nav li.producten a:active,div.nav li.producten a.true,div.nav li.producten a.true:visited{background-position:0 -390px}

/* footer */
div.nav2{float:left;margin-top:20px;}
div.nav2 ul{list-style:none;margin:0;padding:0}
div.nav2 li{float:left;padding:0 10px 0 0}
div.nav2 li a, div.nav li a:visited{height:22px;line-height:22px;display:block;text-align:center;}

/*content*/
div.main{position:relative;min-height:520px}
div.content-left{float:left;width:700px;position:relative}
div.content-left-l{float:left;width:400px}
div.content-left-r{float:right;width:280px}
div.content-col{width:450px; padding:10px 0 0 0;}
div.content-col1{padding:10px 0 0 0;}
div.content-col2{width:50%; float:left; padding:10px 0;}
div.two-cols{float:left;width:50%}
div.three-cols{float:left;width:33%}

/*txt-img*/
div.img-txt{clear:left}
div.img-txt div.txt{display:table-cell;padding:0 20px 0 0;zoom:1}
div.img-txt div.img{float:right;position:relative}
div.img-txt div.img img{display:block; margin:0 10px 10px 0}

/*backgrounds*/
div.home-kriebels{position:absolute;left:172px;top:65px;background:transparent url(../images/bg_homekriebels.png) no-repeat 0 0;width:510px;height:410px;z-index:-999;}
div.home{position:absolute;left:0;top:0;background:transparent url(../images/bg_home.png) no-repeat 0 0;width:900px;height:480px;z-index:-998;}
div.coupon{position:absolute;left:0;top:0;background:transparent url(../images/bg_coupon.png) no-repeat 0 0;width:900px;height:480px;z-index:-998;}
div.hoeveel{position:absolute;left:0;top:0;background:transparent url(../images/bg_hoeveel.png) no-repeat 0 0;width:900px;height:480px;z-index:-998;}
div.visual1{position:absolute;left:0;top:0;background:transparent url(../images/bg_visual1.png) no-repeat 0 0;width:900px;height:480px;z-index:-998;}
div.visual2{position:absolute;left:0;top:0;background:transparent url(../images/bg_visual2.png) no-repeat 0 0;width:900px;height:480px;z-index:-998;}
div.visualprize{position:absolute;right:-40px;top:0;background:transparent url(../images/bg_visualprize.png) no-repeat 0 0;width:900px;height:480px;z-index:-998;}

/*blocks*/
div.blocks-right{float:right;width:180px}
div.blocks-right a{text-decoration:none; cursor:pointer;}
div.blocks-right h2{padding:0}
div.blocks-right div.block{margin:0 0 10px 0;}

div.blocks-bottom{padding:20px 0;position:absolute;bottom:0}
div.blocks-bottom a,div.blocks-bottom a:visited{text-decoration:none; cursor:pointer;}
div.blocks-bottom h2{padding:0}
div.blocks-bottom div.block{margin:0 45px 0 0;float:left;}
div.blocks-bottom div.block-last{margin:0;float:left;}
div.blocks-bottom img.block-image{position:absolute;bottom:5px}

div.block, div.block-last{width:180px;}
div.block-t{background:transparent url(../images/bg_block_top.png) no-repeat 0 0; height:9px; font-size:0; line-height:0;}
div.block-b{background:transparent url(../images/bg_block_bottom.png) no-repeat 0 0; height:9px; font-size:0; line-height:0;}

div.block-m-horz{background:transparent url(../images/bg_block_middle.png) repeat-y 0 0; width:152px; height:135px; padding:5px 14px; text-decoration:none;position:relative}
div.block-m-vert{background:transparent url(../images/bg_block_middle.png) repeat-y 0 0; width:152px; padding:5px 14px; text-decoration:none;}

div.block700{width:700px}
div.block700 div.block-t{background:transparent url(../images/bg_block700_top.png) no-repeat 0 0; height:9px; font-size:0; line-height:0;}
div.block700 div.block-m{background-color:#dbe7ee;padding:10px 20px;width:660px}
div.block700 div.block-m p{padding:0 0 10px}
div.block700 div.block-m h3{padding:0}
div.block700 div.block-m img{margin-top:-38px;position:relative}
div.block700 div.block-b{background:transparent url(../images/bg_block700_bottom.png) no-repeat 0 0; height:9px; font-size:0; line-height:0;}

/*btn*/
a.btn, a.btn:visited {background:transparent url(../images/btn_right.gif) no-repeat top right;height:31px;line-height:31px;display:table-cell;zoom:1;text-align:center;color:#fff;padding-right:20px;text-decoration:none;}
a.btn span, a.btn:visited span {background: transparent url(../images/btn_left.gif) no-repeat top left;height:31px;line-height:31px;display:table-cell;zoom:1;padding-left:20px;cursor:pointer;}
a.btn:hover, a.btn:active {background: transparent url(../images/btn_right.gif) no-repeat bottom right;color:#fff;}
a.btn:hover span, a.btn:active span {background: transparent url(../images/btn_left.gif) no-repeat bottom left;}
p.btn{padding:10px 0; display:inline; margin:0 5px 0 0;}

/*clicktrough*/
div.clickthroughs a{background: transparent url(../images/a_clickthrough.png) no-repeat 0 0;padding:1px 0 10px 28px; list-style:none; font-size:1.167em;}

/*home kriebels*/
div.kriebelwijzer{position:absolute;left:68px;top:180px;width:170px;}
div.kriebelwijzer h3, div.parfumteller h3{padding:0}
div.parfumteller{position:absolute;left:435px;top:180px;width:170px;}

/*home parfumteller*/
div.left-home{position:absolute;top:0;left:0;width:650px;}
div.male{display:inline;cursor:pointer; position:absolute;left:291px; top:300px;width:73px;height:34px;}
div.female{display:inline;cursor:pointer; position:absolute;left:210px; top:300px;width:80px;height:34px;}

/*products*/
div.products h2, div.products div.wrapper{padding:0 0 30px}
div.products h3{padding:0}

/*popup*/
div.popup{padding:20px; font-size:1.091em;}
div.nav ul div.popup a,div.nav ul div.popup a:hover{text-decoration:underline;}
div.nav ul div.popup a:hover,div.nav ul div.popup a:active{text-decoration:none;}

/*validation*/
div.validation{width:369px;color:#F76A03; margin:0 0 20px 0;}
div.validation-top{background: transparent url(../images/bg_validation_top.gif) no-repeat 0 0; height:5px; font-size:0; line-height:0;}
div.validation-bottom{min-height:10px;}
div.validation-bottom span{background: transparent url(../images/bg_validation_alert.gif) no-repeat 0 1px;min-height:25px;display:block;padding:2px 0 2px 30px;margin:0 10px;}

/*confirmation*/
div.confirmation{width:369px;color:#fff; margin:0 0 0 0;}
div.confirmation-top{background: transparent url(../images/bg_confirmation_top.gif) no-repeat 0 0; height:5px; font-size:0; line-height:0;}
div.confirmation-bottom{background: transparent url(../images/bg_confirmation_bottom.gif) no-repeat 0 bottom; min-height:10px;}
div.confirmation-bottom span{background: transparent url(../images/bg_confirmation_alert.gif) no-repeat 0 3px; min-height:25px; display:block; padding:7px 0 5px 30px; margin:0 10px;}

/*popup*/
.modalBackground{background-color:Black; filter:alpha(opacity=60); opacity:0.6; overflow:scroll;} 

div.scroll{}
div.scroll-popup {height:345px;width: 472px;overflow: auto;border: 0px solid #666;background-color: Transparent;padding-right: 8px; }
div.scrollbar{position:absolute; left:0px; top:0px; width:100%; height:100%; overflow-y:scroll;}

div.addthis_default_style{padding-top:6px}