/* ### GENERAL ### */ * { padding: 0px; margin: 0px; } html, body { font-family: Verdana, Arial; font-size: 11px; color: #929292; } input, select, textarea { font-family: Verdana, Arial; font-size: 11px; color: #929292; } body { background: #fff url('../images/top-bg.gif') repeat-x; } img { border: 0px; } h1 {font-size:14px; color:#446d96; } h1 {font-size:12px; color:#446d96; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; } /* ### WRAPPER ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### MAIN CONTAINER ### */ #mainCntr { margin: 0 auto; width: 1230px; } /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; width: 1230px; height: 160px; z-index:1;} #headerCntr span.logo { position: absolute; top: 20px; left: 7px; } #headerCntr span.logo a { display: block; width: 282px; height: 60px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; } /* ### ICON BOX ### */ .iconBox { padding: 7px 80px 0px 0px; width: 1016px; height: 80px; overflow: hidden; } /* ### QUICK CONTAINER ### */ #quickCntr { padding: 7px 80px 0px 0px; width: 1016px; height: 80px; overflow: hidden; } #quickCntr ul { overflow: hidden; width: 1024px; list-style: none; } #quickCntr li { position: absolute; top: 7px; } #quickCntr li.dieren{ left: 1103px; width:65px; background-color:#d0d0d0; color:#ffffff; height:16px; text-align:center; } #quickCntr li.dieren a {color:#ffffff; text-decoration:none; font-size:9px; text-align:center; } #quickCntr li.dieren2{ left:1170px; width:60px; background-color:#d0d0d0; color:#ffffff; height:16px; text-align:center;} #quickCntr li.dieren2 a {color:#ffffff; text-decoration:none; font-size:9px; text-align:center; } #quickCntr li.dieren3{ left:1075px; width:90px; background-color:#d0d0d0; color:#ffffff; height:16px; text-align:center;} #quickCntr li.dieren3 a {color:#ffffff; text-decoration:none; font-size:9px; text-align:center; } #quickCntr li.payoff {left:810px; margin-top:10px; } /* ### MENU CONTAINER ### */ #menuCntr { width: 1230px; height: 27px; background: url('../images/menu.gif') no-repeat; } #menuCntr ul { list-style: none; overflow: hidden; } #menuCntr ul li { padding: 0 15px; float: left; height: 27px; line-height: 25px; font-size: 10px; font-weight: bold; background: url('../images/menu-sprtr.gif') top right no-repeat; } #menuCntr ul li a { color: #FFFFFF; text-decoration: none; } #menuCntr ul li a:hover { text-decoration: underline; } #menuCntr ul ul { padding: 5px; position: absolute; clear: both; top: 150px; display: none; width: 200px; background: url('../images/subBg.png') repeat scroll 0 0 transparent; } #menuCntr ul ul li { padding: 0px; display: block; float: none; height: 20px; border-bottom: 1px dotted #323232; background: none; } #menuCntr ul ul li a { padding: 0px; display: inline; float: none; height: auto; font-weight: bold; font-size: 10px; line-height: 20px; } /* ### NP BOX ### */ .npBox { padding-left: 5px; height: 31px; float: left; } .npBox ul { list-style: none; } .npBox ul li { padding: 0 7px; float: left; display: block; line-height: 31px; color: #434343; font-size: 10px; background: url('../images/np-single.gif') left 11px no-repeat; } .npBox ul li.home { padding-left: 12px; } .npBox ul li a { color: #434343; text-decoration: none; } .npBox ul li a:hover { text-decoration: underline; } /* ### ZOEKEN BOX ### */ .zoekenBox { padding-top: 5px; width: 780px; height: 26px; float: right; } .zoekenBox form { margin: 0px; } .zoekenBox form fieldset { border: 0px; } .zoekenBox form fieldset input.text { padding: 3px 0px 0 5px; height: 22px; margin-right:5px; width: 500px; float: left; border: #cecece solid 1px; color: #434343; background: #FFFFFF; } .zoekenBox form fieldset input.select {padding: 3px 0px 0 5px; height: 22px; width: 100px; float: left; border: #cecece solid 1px; color: #434343; background: #FFFFFF;} .zoekenBox form fieldset input.button { padding-left: 10px; cursor: pointer; width: 93px; height: 20px; font-weight: bold; text-align: left; float: right; color: #FFFFFF; border: 0px; background: #434343; margin-right:10px; } /* ### CONTENT CONTAINER ### */ #contentCntr { padding: 10px 0 20px 0; overflow: hidden; width: 1230px; } #sitemap h2 { font-size:11px; color:#686868; padding-top:10px;} #sitemap ul { padding-left:25px; list-style: none; } #sitemap li { line-height: 14px; } #sitemap li a {text-decoration:none; color:#446d96; font-weight:bold; } #sitemap li a:hover {text-decoration:underlined; } #sitemap p {padding-top:10px; padding-bottom:10px; } /* ### LEFT CONTAINER ### */ #leftCntr { float: left; width: 220px; } /* ### nieuws BOX ### */ .nieuwsbox p {margin-bottom:10px; } .nieuwsbox h2 a:hover {text-decoration:underline; color:#446d96; font-weight:bold; } .nieuwsbox h2 a {text-decoration:none; color:#446d96; font-weight:bold; } .nieuwsbox hr { margin-top:5px; margin-bottom:5px; color:#f6f6f6; } /* ### menu box ### */ .menuBox { width: 228px; border: 1px solid #dedede; } .menuBox h3 { padding-left: 38px; display: block; position: relative; height: 28px; line-height: 28px; font-size: 13px; font-weight: bold; text-decoration: none; color: #fffff; border-bottom: 1px solid #fff; background: #efefef; } .menuBox h3 a { text-decoration: none; color: #446d96; } .menuBox h3 img { position: absolute; top: 2px; left: 8px; } .menuBox ul { list-style: none; } .menuBox li { position: relative; display: block; border-bottom: 0px; } .menuBox li a { margin-left: 38px; padding-left: 15px; display: block; height: 20px; line-height: 20px; font-size: 12px; text-decoration: none; color: #446d96; border-bottom: 1px solid #dedede; background: url('../images/bullit.gif') #fff no-repeat left; } .menuBox li a:hover, .menuBox li a.selected { margin: -1px 0px 0px 0px; padding-left: 53px; text-decoration: none; border-top: 1px solid #dedede; background: url('../images/bullit2.gif') #f9f9f9 no-repeat 38px center; } .menuBox li a.selected { font-weight: bold;} .menuBox li.last a { border-bottom: 0px; } .menuBox ul ul { position: absolute; top: 0px; left: 208px; z-index: 10; width: 199px; border: 1px solid #dedede; border-left: 0px; background: #f9f9f9; } .menuBox ul ul li { border-left: 1px solid #dedede; } .menuBox ul ul li.first { border-left: 1px solid #f9f9f9; } .menuBox ul ul li a { margin-left: 37px; padding-left: 0px; border-bottom: 1px dotted #323232; background: none; } .menuBox ul ul li a:hover { margin: 0px 0px 0px 37px; padding-left: 0px; border-top: 0px; text-decoration: underline; background: none; } /* ### MENU BOX ### .menuBox { padding-bottom: 25px; width: 230px; border: #e7e7e7 solid 1px; } .titelmenu { padding-left: 33px; font-size: 12px; line-height: 28px; text-transform: uppercase; border-bottom: #e7e7e7 solid 1px; background: url('../images/heading-icon.gif') 11px 8px no-repeat; } .menuBox ul { padding: 0px 0px 0px 0px; list-style: none; background-color:#dedede; margin-top:5px;} .menuBox ul li { line-height: 24px; width:200px; background: url('../images/dot.gif') bottom repeat-x; width:100%;} .menuBox ul li a { color: #446d96; text-decoration: none; font-weight:bold; } .menuBox ul li a:hover { text-decoration: underline; } .menuBox ul ul {padding: 0px 5px 0px 0px; background-color:#ffffff; margin-left:20px; } .menuBox ul ul li a { color: #446d96; text-decoration: none; font-weight:bold; font-size:10px; } .menuBox ul ul li { line-height: 20px; width:200px; background: url('../images/dot.gif') bottom repeat-x; } */ /* ### merken BOX ### */ .merkenBox { padding-bottom: 25px; width: 230px; border: #e7e7e7 solid 1px; margin-bottom:15px; margin-top:15px; } .titelmerken { padding-left: 33px; font-size: 12px; line-height: 28px; text-transform: uppercase; border-bottom: #e7e7e7 solid 1px; background: url('../images/heading-icon.gif') 11px 8px no-repeat; } .merkenBox ul { padding: 18px 0px 0px 20px; list-style: none; } .merkenBox ul li { line-height: 24px; width:200px; background: url('../images/dot.gif') bottom repeat-x; } .merkenBox ul li a { color: #446d96; text-decoration: none; font-weight:bold; } .merkenBox ul li a:hover { text-decoration: underline; } .merkenBox ul ul {padding: 0px 0px 0px 15px; } .merkenBox ul ul li a { color: #446d96; text-decoration: none; font-weight:bold; font-size:10px; } .merkenBox ul ul li { line-height: 16px; width:175px; background: url('../images/dot.gif') bottom repeat-x; } /* ### merken BOX Klein anders### */ .merkenBoxkleinanders { padding-bottom: 25px; width: 250px; border: #e7e7e7 solid 1px; margin-bottom:15px; margin-top:15px; } .titelmerkenanders { padding-left: 33px; font-size: 12px; line-height: 28px; text-transform: uppercase; border-bottom: #e7e7e7 solid 1px; background: url('../images/heading-icon.gif') 11px 8px no-repeat; } .merkenBoxkleinanders ul { padding: 18px 0px 0px 20px; list-style: none; } .merkenBoxkleinanders ul li { line-height: 24px; width:100px; height:40px; border:1px solid #dedede; float:left; margin-bottom:10px; margin-right:10px; overflow:hidden; } .merkenBoxkleinanders ul li a { color: #446d96; text-decoration: none; font-weight:bold; } .merkenBoxkleinanders ul li a:hover { text-decoration: underline; } .merkenBoxkleinanders ul ul {padding: 0px 0px 0px 15px; } .merkenBoxkleimanders ul ul li a { color: #446d96; text-decoration: none; font-weight:bold; font-size:10px; } .merkenBoxkleinanders ul ul li { line-height: 16px; width:175px; background: url('../images/dot.gif') bottom repeat-x; } /* ### merken BOX Klein ### */ .merkenBoxklein { padding-bottom: 25px; width: 250px; border: #e7e7e7 solid 1px; margin-bottom:15px; margin-top:15px; } .titelmerken { padding-left: 33px; font-size: 12px; line-height: 28px; text-transform: uppercase; border-bottom: #e7e7e7 solid 1px; background: url('../images/heading-icon.gif') 11px 8px no-repeat; } .merkenBoxklein ul { padding: 18px 0px 0px 20px; list-style: none; } .merkenBoxklein ul li { line-height: 24px; width:200px; background: url('../images/dot.gif') bottom repeat-x; } .merkenBoxklein ul li a { color: #446d96; text-decoration: none; font-weight:bold; } .merkenBoxklein ul li a:hover { text-decoration: underline; } .merkenBoxklein ul ul {padding: 0px 0px 0px 15px; } .merkenBoxkleom ul ul li a { color: #446d96; text-decoration: none; font-weight:bold; font-size:10px; } .merkenBoxklein ul ul li { line-height: 16px; width:175px; background: url('../images/dot.gif') bottom repeat-x; } .merkenBoxletters a { font-size:14px; font-weight:bold; color:#446d96; widht:20px; height:20px; background-color:#fffff;} /* ### review ### */ .reviewBoxinfo { width: 680px; border: #e7e7e7 solid 1px; margin-bottom:15px; margin-top:15px; } .reviewBoxinfotitel { padding-left: 33px; font-size: 11px; line-height: 28px; border-bottom: #e7e7e7 solid 1px; color: #446d96; font-weight:bold;} .reviewBoxinfo ul { padding: 18px 0px 0px 20px; list-style: none; } .mreviewBoxinfo ul li { line-height: 24px; width:200px; background: url('../images/dot.gif') bottom repeat-x; } .reviewBoxinfo ul li a { color: #446d96; text-decoration: none; font-weight:bold; } .reviewBoxinfo ul li a:hover { text-decoration: underline; } .reviewBoxinfo ul ul {padding: 0px 0px 0px 15px; } .reviewBoxinfo ul ul li a { color: #446d96; text-decoration: none; font-weight:bold; font-size:10px; } .reviewBoxinfo ul ul li { line-height: 16px; width:175px; background: url('../images/dot.gif') bottom repeat-x; } /* ### Dagaanbieding ### */ .dagaanbieding { padding-bottom: 25px; width: 250px; border: #e7e7e7 solid 1px; margin-bottom:15px; margin-left:0px; height:350px; } .dagaanbieding ul {width:210px; } .dagaanbieding li {list-style-type: none;} .dagaanbiedingdatum {font-weight:bold; font-size:22px; color:#5de900; text-align: center; } .dagaanbiedingdatum span {font-size:9px; } /* ### nieuwsbrief### */ .nieuwsbrief {width: 230px; border: #e7e7e7 solid 1px; margin-top:15px; margin-bottom:15px; } .nieuwsbrieftitel { padding-left:10px; color:#5b5e60; font-size:10px; padding-top:4px;} .nieuwsbrief p {padding-left:15px; padding-top:4px; } .nieuwsbrief form {padding-left:10px;} label{ float: left; width:50px; } input, textarea{ width: 120px; margin-bottom: 5px; } .nieuwsbrief input.button { padding-left: 10px; cursor: pointer; width: 93px; height: 20px; font-weight: bold; text-align: left; float: right; color: #FFFFFF; border: 0px; background: #434343; } /* ### INFORMATIE BOX ### */ .informatieBox { padding-left: 7px; width: 225px; border: #e7e7e7 solid 1px; margin-bottom:15px; } .informatieBox h2 { padding-bottom: 12px; font-size: 12px; text-transform: uppercase; } .informatietitel { padding-left:10px; color:#5b5e60; font-size:10px; padding-top:4px;} .informatieBox ul { padding-left: 22px; width: 203px; list-style: none; padding-bottom:10px; } .informatieBox ul li { line-height: 24px; width:190px; display: block; background: url('../images/dot.gif') bottom repeat-x; } .informatieBox ul li a { color: #929292; text-decoration: none; } .informatieBox ul li a:hover { text-decoration: underline; } .informatieBox ul li.last { background: none; } /* ### RIGHT CONTAINER ### */ #rightCntr { float: right; width: 990px; overflow: hidden; } #rightCntr .left { width: 725px; float: left; } #rightCntr .right { width: 255px; float: right; } /* ### SLIDE BOX ### */ .slideBox { padding-bottom: 12px; width: 712px; } .slideBox ul { list-style: none; overflow: hidden; } .slideBox li { padding: 17px 0px 5px 22px; overflow: hidden; margin-right: 4px; float: left; width: 71px; height: 70px; background: url('../images/slide-back.gif') no-repeat; } .slideBox li.last { padding: 67px 0px 0px 5px; width: 28px; height: 20px; margin: 0px; background: url('../images/next-back.gif') no-repeat; } .slideBox li a.next { display: block; width: 24px; height: 16px; float: left; text-indent: -9999px; background: url('../images/next.gif') no-repeat; } /* ### PRODUCT BOX ### */ .productBox { width: 730px; overflow: hidden; height:450px; } .productBox .left { padding: 26px 15px 0px 6px; width: 168px; float: left; overflow: hidden; border: #c5c5c5 solid 1px; position: relative; } .productBox .center { padding: 25px 15px 0px 6px; margin: 0 4px 0 3px; float: left; width: 169px; border: #c5c5c5 solid 1px; position: relative; } .productBox span.new { display: block; height: 57px; width: 57px; text-indent: -9999px; position: absolute; top: 0px; right: 0px; background: url('../images/new.png') no-repeat; } .productBox span.top { display: block; height: 57px; width: 57px; text-indent: -9999px; position: absolute; top: 0px; right: 0px; background: url('../images/top.png') no-repeat; } .productBox img { margin: 0 0 10px 10px; } .productBox p { padding: 5px 0 10px 0; line-height: 14px; color: #5b5e60; font-size: 10px; height:30px;} .producttitel { font-size: 12px; color:#446d96; font-weight:bold; height:40px;} .productprijs { padding: 0 0 5px 5px; font-size: 11px; color: #0077c6; } .productBox ul { padding: 0px 0 6px 0; list-style: none; } .productBox ul li span.informatie { padding-left: 20px; height: 20px; overflow:hidden; font-weight: bold; background: url('../images/informatie.gif') no-repeat; } .productBox ul li span.bestellen { padding-left: 20px; height: 20px; font-weight: bold; background: url('../images/bestellen.gif') no-repeat; } .productBox ul li { padding-left: 20px; height: 20px; line-height:20px; font-weight: bold; } .productBox ul li a { color: #5b5e60; text-decoration: none; } .productBox ul li a:hover { text-decoration: underline; } .productBox span.bold { padding-bottom: 4px; display: block; font-weight: bold; } .productBox .lefttitel h1 {color:#5b5e60; font-size:16px; } .topproduct {padding: 25px 15px 0px 6px; width:215px; margin-right:12px; float: left; overflow: hidden; border: #e7e7e7 solid 1px; position: relative; } .topproduct li {height:30px; } /* #### extraproductinfo ##### */ .extraproductinformatie2 {margin-top:20px; padding: 4px 13px 15px 7px; width: 356px; border: 1px solid #DEDEDE; overflow: hidden; margin-bottom:20px; } } .extraproductinformatie2 h2 { font-size:10px; color:#446d96; margin-top:10px; margin-bottom:10px;} /* #### gezochtbox ##### */ .gezochtBox img {float:left; width:110px; margin-right:15px; } .gezochtitem {height:150px; width:600px; border-bottom:1px solid #f7f7f7; margin-bottom:10px;} .gezochtitem a { color: #446d96; text-decoration: none; } .gezochtitem p {line-height:16px; } .gezochtitemimage {float:left; width:110px; overflow:hidden; height:55px; margin-right:15px;} /* ### ONDER BOX ### */ .detailBox { padding: 15px 0; width: 695px; overflow: hidden; border-bottom: #e7e7e7 solid 1px; } .detailBox h1 {color:#5b5e60; font-size:16px; } .detailBox h3 { padding-left:10px; color:#5b5e60; font-size:10px; padding-top:4px; } .detailBox h3 span { display: block; color: #434343; font-size: 11px; font-style: italic; } .detailBox .leftdetail { padding-top: 20px; width:225px; float: left; } .rightdetail a {text-decoration:none; color:#446d96; } .detailBox .rightdetail { padding: 10px 0px 5px 0px; margin-top: 0px; width: 450px; float: right; } .rightdetail h2 { font-weight:12px; } .extrainfoproduct { width:215px; overflow:hidden; height:290px; margin-top:10px;} .extrainfoproduct ul {margin-left:100px; } .extrainfoproduct li { width:100px; } .adverteerdersimg {margin-top:-20px; height:25px; Width:100px; overflow:hidden; margin-left:100px; } .extrainfoproduct li img {float:right; } .imagediv {width:215px; overflow:hidden; border:4px solid #e7e7e7; height:200px; } .blauweitem {font-weight:bold; color:#446d96; width:100px; margin:auto; margin-top:15px; line-height:20px; } .imagedivklein {height:60px; width:222px; background-color:#dedede; } dd {width:100px; height:16px; float: left; border-bottom: dashed 1px #dedede; } dt {width:115px; height:16px; float: left; border-bottom: dashed 1px #dedede;} dd a {text-decoration: none; color:#446d96; } .detailBox h4 { padding-left: 10px; font-size: 18px; font-weight: normal; color: #455e7c; } .detailBox h4 span { color: #434343; font-size: 10px; display: block; } .detailBox .price { padding: 10px 10px 0px 15px; overflow: hidden; width: 350px; border-top: #FFFFFF solid 2px; } .detailBox a.bestel { padding: 0px 0px 0px 15px; width: 80px; height: 24px; line-height: 24px; font-size: 12px; float: right; color: #FFFFFF; text-decoration: none; background: #434343; margin-right:5px;} .detailBox a.naarshop { padding: 0px 0px 0px 15px; width: 125px; height: 24px; line-height: 24px; font-size: 12px; float: right; color: #FFFFFF; text-decoration: none; background: #24d002; margin-right:5px;} .detailBox a:hover { text-decoration: underline; } .detailBox p.prices { color: #5b5e60; font-size: 12px; } .detailBox p.prices price span {font-size: 16px; } .extrainfoproduct ul {font-size:9px; list-style: none; text-align:left;} .meerinformatietekst {padding: 0px 0px 5px 0px; margin-top: 0px; width: 450px; float: right; background: #ffffff; } .meerinformatietekst h2 {color:#446d96;font-size:11px; } .meerinformatietekst h3 {margin-left:-10px; font-size:11px; } .meerinformatietekst p {padding-top:3px; padding-bottom:3px; } .lefttitel { width:475px; float:left; } .lefttitel h1 {color:#446d96; } .righticonen {width:200px; float:right; } #vergelijkproducten { margin-bottom:10px; } #vergelijkproducten ul { border-right: 1px solid #dedede; width:700px; list-style: none; overflow: hidden; margin-top:10px; margin-bottom:10px; } #vergelijkproducten ul li a{ padding: 0 15px; float: left; height: 27px; line-height: 25px; font-size: 10px; font-weight: bold; border: 1px solid #dedede; margin-right:3px; text-decoration:none; color:#446d96; } #vergelijkproducten p {margin-left:15px; } #vergelijkproducten .over { width:100%; height: 27px; border: 1px solid #dedede; } #vergelijkproducten h2 { margin-left:15px; font-size:10px; color:#446d96; margin-top:10px;} #vergelijkproducten ul li a:hover{ background-color:#d5d5d5; color:#ffffff;} .vergelijkproductenlinks { width:100px; float:left;border:1px solid #e7e7e7; height:100px; margin-left:15px;} .vergelijkproductenlinks p {margin-top:10px; margin-left:-10px; } .vergelijkproductenlinks p a {margin-top:10px; margin-left:-10px; } .vergelijkproductenlinksg { width:100px; float:left; height:100px; } .vergelijkproductenrechts { width:565px; float:right; border-bottom: 1px solid #f3f3f3; background-color:#f9f9f9; } .vergelijkproductenrechtsg { width:680 px; float:right; border-bottom: 1px solid #f3f3f3; background-color:#f9f9f9; } .productnieuwinfo { border-top: 1px #ededed solid; padding-bottom:10px; padding-top:10px; height:80px; } .productnieuwinfogroot { border-top: 1px #ededed solid; padding-bottom:10px; padding-top:10px; } .catreviewinfo {float:left; width:500px; font-size:12px; font-weight:bold; color:#446d96;} .catreviewinfo p { font-size:10px; font-weight:normal; color:#929292;} .catreviewinfo span { font-size:10px; font-weight:bold; color:#446d96; width:200px;} .catprijsinfo {float:left; width:100px; color:#4ed733; font-weight:bold; padding-top:20px; padding-left:10px; font-size:16px;} .catimageproductinfo { padding:4px; float:left; padding-top:15px;} .productadverteerderinfo { float:left; width:100px; padding-left:10px;} .productadverteerderinfo img {padding-top:20px; } .catproductinfoinfo {float:left; width:350px;} .catproductinfoinfo span {font-size:12px; font-weight:bold; width:250px; color:#446d96;} .catprijsinforeview {float:left; width:100px; color:#4ed733; font-weight:bold; padding-top:25px; padding-left:30px; font-size:22px; margin-bottom:20px;} .catbuttoninfo {float:right; width:100px;} .catbuttoninfo a.productinfoknop { padding-left: 13px; margin-top: 3px; float: left; color: #FFFFFF; text-decoration: none; display: block; height: 18px; line-height: 17px; width: 115px; background-color:#24d002; } span.catpriceinfo {font-size:14px; border: solid 1px #dedede; width:100%; height:100%; } a.naarshopklein { padding: 0px 0px 0px 15px; width: 100px; height: 18px; line-height: 24px; font-size: 9px; float: right; color: #FFFFFF; text-decoration: none; background: #24d002; margin-right:5px;} /* ### tag1### */ #cloud a.tag1 { font-size: 0.7em; font-weight: 100; text-decoration:none; color:#d60077; } #cloud a:hover.tag1 { color:#474747; } #cloud a.tag2 { font-size:40px; font-weight: 200; text-decoration:none; color:#4f779b; } #cloud a:hover.tag2 { color:#474747; } #cloud a.tag3 { font-size: 0.9em; font-weight: 300; text-decoration:none; color:#06dae2; } #cloud a:hover.tag3{ color:#474747; } #cloud a.tag4 { font-size: 1.0em; font-weight: 400; text-decoration:none; color:#24d002; } #cloud a:hover.tag4 { color:#474747; } #cloud a.tag5 { font-size: 1.2em; font-weight: 500; text-decoration:none; } #cloud a:hover.tag5 { color:#474747; } #cloud a.tag6 { font-size: 1.4em; font-weight: 600; text-decoration:none; color:#02acd0; } #cloud a:hover.tag6{ color:#474747; } #cloud a.tag7 { font-size: 1.6em; font-weight: 700; text-decoration:none; color:#b1d6ff } #cloud a:hover.tag7 { color:#474747; } #cloud a.tag8 { font-size: 1.8em; font-weight: 800; color:#06dae2; text-decoration:none;} #cloud a:hover.tag8 { color:#474747; } #cloud a.tag9 { font-size: 2.2em; font-weight: 900; text-decoration:none; } #cloud a:hover.tag9 { color:#474747; } #cloud a.tag10 { font-size: 2.5em; font-weight: 900; text-decoration:none; } #cloud a:hover.tag10 { color:#474747; } #cloud { padding: 2px; line-height: 3em; text-align: center; } #cloud a { padding: 0px; color:#d60077;} #cloud { margin: 0; } #cloud li { display: inline; list-style:none; } /* ### Kortingscode### */ .kortingscodeinfo { margin-top:40px; border:1px #ededed solid; } .kortingscodeinfo dl {width:500px; margin-top:10px;} .kortingscodeinfo dd { width:200px; border-bottom: dashed 1px #dedede; line-height:22px; } .kortingscodeinfo dt {width:300px; border-bottom: dashed 1px #dedede; line-height:22px;} .kortingscodeinfo span {font-weight:bold; color:#446d96;} .kortingscodeinfo h2 { font-size:10px; color:#446d96; } /* ### meerproducten### */ #meerproducten { float: left; margin-top:15px; width:700px; height:225px;} #meerproducten ul { list-style: none; width:700px; } #meerproducten ul li { padding: 0 7px; float: left; display: block; line-height: 12px; color: #434343; font-size: 9px; width:200px; border:1px solid #e7e7e7; margin-right:5px;} #meerproducten ul li.home { padding-left: 12px; background: url('../images/np-double.gif') left 11px no-repeat; } #meerproducten ul li a { color: #434343; text-decoration: none; } #meerproducten ul li a:hover { text-decoration: underline; } #meerproducten img {width:60px; float:left; margin-right:10px; border:solid 1px #dedede ;} .meerproductenimg {width: 75px; height:100px; float:left; overflow:hidden; } #meerproducten h3 { padding-left:10px; color:#5b5e60; font-size:10px; padding-top:4px; padding-bottom:5px;} #meerproducten h2 {font-size:10px; color:#446d96; margin-top:5px; margin-bottom:5px; border:1px solid #dedede; height:30px; padding-left:12px;} #meerproducten p {margin-left:15px; margin-bottom:5px; } .meerproductenborder { border: 1px #ededed solid; height:20px; width:100%; } /* ### FILM BOX ### */ .filmBox { padding: 10px 0px ; line-height: 14px; overflow: hidden; width: 700px; } .filmBox h2 { font-size: 12px; color: #446d96; } .filmBox h3 { padding-bottom: 5px; font-size: 18px; color: #385273; } .filmBox h3 span { display: block; color: #434343; font-size: 11px; font-style: italic; } .filmBox p { padding: 3px 10px 15px 0px; } .filmBox .left { padding: 8px 5px 5px 4px; margin-top: 10px; width: 275px; overflow: hidden; float: left; border: #e7e7e7 solid 1px; } .filmBox .right { padding: 8px 5px 5px 4px; margin-top: 10px; width: 275px; overflow: hidden; float: right; border: #e7e7e7 solid 1px; } .filmBox a { color:#557fac; } .filmBox img { float: left; margin: 0 12px 8px 0; } .filmBox h4 { padding-top: 5px; font-size: 14px; } .filmBox span.price { font-size: 22px; display: block; float: right; line-height: normal; } .filmBox a.meer { padding-left: 13px; margin-top: 3px; float: right; color: #FFFFFF; text-decoration: none; display: block; height: 15px; line-height: 15px; width: 115px; background: url('../images/meer.gif') repeat-x; } .filmBox a:hover { text-decoration: underline; } .filmBoxleft {width:350px; float:left;} .leftcategorie li { height:50px; width:50px; border: solid 1px #dedede; float:left; margin-left:10px; margin-bottom: 5px; list-style-type: none; } .filmBoxright {width:350px; float:left; } .filmBoxrightclicks ul { } .filmBoxrightclicks li {height:60px; list-style-type: none;} .clicksimagebox { border: solid 1px #dedede; margin:auto; height:50px; width:50px; overflow:hidden; float:left;} .clicktitel a {font-weight:bold; color:#446d96; text-decoration:none; } .laatstgewijzigd img {border:solid 1px #dedede; padding:3px; } .formcat { float:right; width:700px; } .formcat form fieldset { border:0px; width:260; float:right;} .formcat form fieldset select.text { padding: 0px 0px 0px 5px; margin-right:5px; height: 20px; width: 120px; float: left; border: #cecece solid 1px; color: #434343; background: #FFFFFF; } .formcat form fieldset input.button { padding-left: 5px; cursor: pointer; width: 30px; height: 20px; font-weight: bold; text-align: left; float: right; color: #FFFFFF; border: 0px; background: #434343; } .formcat form fieldset label {width:100px; } .catproduct { padding: 8px 5px 5px 4px; margin-top: 10px; margin-right:10px; min-height:150px; margin-left:5px; width: 275px; overflow: hidden; float: left; border: #e7e7e7 solid 1px; } .catproduct h4 a { color:#5b5e60; font-size:11px; text-decoration:none;} .catproductimage {min-height:100px; max-height:150px; overflow: hidden; width:120px; float:left; margin-right:5px; } .catproduct a img {max-height:175px; } .catproduct span.price { font-size: 14px; display: block; float: right; line-height: normal; } .subcategorieen { width:700px; } .subcategorieen ul { list-style: none; float:left; } .subcategorieen li {font-size: 10px; display: inline; } .subcategorieen li a { text-decoration:none; color:#446dba; } /* ### Nieuwe indeling ### */ .productnieuw { border-top: 1px #ededed solid; padding-bottom:10px; padding-top:10px; height:120px; } .catimageproduct { } .productnieuwimage { width:125px; height:100px; overflow:hidden; border:1px #ededed solid; padding:4px; margin-right:10px; float:left; } .productnieuwimagemerken { width:100px; height:40px; overflow:hidden; border:1px #ededed solid; padding:4px; margin-right:10px; margin-bottom:10px; float:left; } .catproductinfo {float:left; width:350px;} .catproductinfo span a {font-size:12px; font-weight:bold; width:350px; color:#446d96; text-decoration:none;} .catproductinfo span a:hover {text-decoration:underlined; } .catproductinfo p a {text-decoration:none;} .catprijs {float:right; width:128px; margin-top:15px; color:#24d002; font-size:16px; font-weight:bold; text-align: center;} .catprijs a.productinfoknop { padding-left: 6px; padding-right: 7px; margin-top: 20px; float: right; color: #FFFFFF; text-decoration: none; display: block; height: 16px; line-height:14px; width: 115px; background-color:#446d96; font-size:10px; font-weight:normal; } .catprijs span {font-size:11px; color:#bcbcbc; font-weight:normal;} /* ### PAGINA BOX ### */ .paginaBox { width: 585px; } .paginaBox ul { list-style: none; overflow: hidden; text-align: center; } .paginaBox ul li { font-size: 10px; display: inline; } .paginaBox ul li a { color: #324966; text-decoration: none; } .paginaBox ul li a:hover { text-decoration: underline; } .paginaBox ul li.left a { float: left; } .paginaBox ul li.right a { float: right; } /* ### kortingscode ### */ .kortingscodeBox { width: 345px; height:125px; float:left; border: #e7e7e7 solid 1px; margin-top:10px;} .kortingscodeBox ul { padding-left: 23px; width: 300px; list-style: none; margin-bottom:10px; } .kortingscodeBox ul li { line-height:20px; min-height:60px; display: block; background: url('../images/dot.gif') bottom repeat-x; } .kortingscodeBox ul li a { color: #446d96; text-decoration: none; } .kortingscodeBox ul li a:hover { text-decoration: underline; } .kortingscodeBox ul li.last { background: none; } .kortingscodetitel { padding-left:10px; color:#446d96; font-size:10px; padding-top:4px; border-bottom: 1px solid #dedede; height:20px; margin-bottom:5px;} .kortingscodeproducttitel { color:#446d96; font-size: 12px; font-weight:bold; } .kortingscodeBox a { color:#446d96; } .kortingscodeBox p { line-height: 12px; margin-left:10px;} .kortingscodeBox img {width:80px; float:left; } .kortingscodeBox p { line-height: 12px; } .image {width:75px; height:50px; overflow: hidden; float:left; margin-right:5px; border: 1px solid #dedede; padding-top:2px; margin-top:3px;} .kortingscodeBox label {width:150px; margin-left:10px; } .kortingscodeBox form {margin-top:10px; } /* ### uitgelicht BOX ### */ .uitgelichtBox { width: 345px; float:left; border: #e7e7e7 solid 1px; margin-top:10px;} .uitgelichtBox ul { padding-left: 15px; width: 300px; list-style: none; margin-bottom:10px; } .uitgelichtBox ul li { line-height:20px; min-height:60px; display: block; background: url('../images/dot.gif') bottom repeat-x; } .uitgelichtBox ul li a { color: #446d96; text-decoration: none; font-weight:normal; } .uitgelichtBox ul li a:hover { text-decoration: underline; } .uitgelichtBox ul li.last { background: none; } .uitgelichttitel {padding-left:10px; color:#446d96; font-size:10px; padding-top:4px; border-bottom: 1px solid #dedede; height:20px; margin-bottom:5px;} .uitgelichtproducttitel { color:#446d96; font-size: 12px; font-weight:bold; } .uitgelichtBox a { color:#446d96; } .uitgelichtBox img {width:80px; float:left; } .uitgelichtBox p { line-height: 12px; } .image {width:75px; height:50px; overflow: hidden; float:left; margin-right:5px; border: 1px solid #dedede; padding-top:2px; margin-top:3px;} /* ### uitgelicht BOX ### */ .laatstbekekenBox { width: 345px; float:left; border: #e7e7e7 solid 1px; margin-top:10px; margin-left:15px;} .laatstbekekenBox ul { padding-left: 15px; width: 300px; list-style: none; margin-bottom:10px;} .laatstbekekenBox ul li { line-height:20px; min-height:60px; display: block; background: url('../images/dot.gif') bottom repeat-x; } .laatstbekekenBox img {width:80px; float:left; } .laatstbekekenBox p { line-height: 12px; } .laatstbekekenBox ul li a { color: #929292; text-decoration: none; } .laatstbekekenBox ul li a:hover { text-decoration: underline; } .laatstbekekenBox ul li.last { background: none; } .laatstbekekentitel {padding-left:10px; color:#446d96; font-size:10px; padding-top:4px; border-bottom: 1px solid #dedede; height:20px; margin-bottom:5px;} .laatstbekekenproducttitel { color:#446d96; font-size: 12px; } .laatstbekekenBox ul li a { color: #446d96; text-decoration: none; font-size:12px; } .laatstbekekenBox ul li a:hover { text-decoration: underline; } .image {width:75px; height:50px; overflow: hidden; float:left; margin-right:5px; border: 1px solid #dedede; padding-top:2px; margin-top:3px;} /* ### nieuwsbriefBOX ### */ .nieuwsbriefBox { width: 345px; height:125px; float:left; border: #e7e7e7 solid 1px; margin-top:10px; margin-left:15px;} .nieuwsbriefBox ul { padding-left: 15px; width: 300px; list-style: none; margin-bottom:10px;} .nieuwsbriefBox ul li { line-height:20px; min-height:60px; display: block; background: url('../images/dot.gif') bottom repeat-x; } .nieuwsbriefBox img {width:80px; float:left; } .nieuwsbriefBox p { line-height: 12px; } .nieuwsbriefBox ul li a { color: #929292; text-decoration: none; } .nieuwsbriefBox ul li a:hover { text-decoration: underline; } .nieuwsbriefBox ul li.last { background: none; } .nieuwsbrieftitel {padding-left:10px; color:#446d96; font-size:10px; padding-top:4px; border-bottom: 1px solid #dedede; height:20px; margin-bottom:5px;} .nieuwsbriefproducttitel { color:#446d96; font-size: 12px; } .nieuwsbriefBox ul li a { color: #446d96; text-decoration: none; font-size:12px; } .nieuwsbriefBox ul li a:hover { text-decoration: underline; } .nieuwsbriefBox p {margin-left:10px; } .image {width:75px; height:50px; overflow: hidden; float:left; margin-right:5px; border: 1px solid #dedede; padding-top:2px; margin-top:3px;} .nieuwsbriefBox label {width:100px; } .nieuwsbriefBox form {width:330px; margin-left:10px; margin-top:10px;} .nieuwsbriefBox input {width:220px; } /* ### nieuws BOX ### */ .nieuwsindexBox { width: 708px; float:left; border: #e7e7e7 solid 1px; margin-top:10px; } .nieuwsindexBox ul { padding-left: 15px; width: 690px; list-style: none; margin-bottom:10px;} .nieuwsindexBox ul li { line-height:20px; height:75px; display: block; background: url('../images/dot.gif') bottom repeat-x; } .nieuwsindextitel {padding-left:10px; color:#446d96; font-size:10px; padding-top:4px; border-bottom: 1px solid #dedede; height:20px; margin-bottom:5px;} .nieuwsindexproducttitel a { font-weight:bold; color:#446d96; text-decoration:none; } .nieuwsindexproducttitel a:hover { font-weight:bold; color:#446d96; text-decoration:underline; } .image {width:75px; height:50px; overflow: hidden; float:left; margin-right:5px; border: 1px solid #dedede; padding-top:2px; margin-top:3px;} .informatietekst {margin-left:10px; margin-right:10px; margin-top:10px; } .informatietekst p {margin-top:10px; } /* ### BEKEKEN BOX ### */ .bekekenBox { width: 712px; overflow: hidden; } .bekekenBox h2 { padding-left: 30px; font-size: 12px; text-transform: uppercase; font-weight: normal; line-height: 30px; background: #f2f2f2 url('../images/heading-icon.gif') 9px 10px no-repeat; } .bekekenBox ul { padding-top: 10px; list-style: none; overflow: hidden; } .bekekenBox li { padding: 8px 0; float: left; font-size: 10px; width: 175px; text-align: center; background: url('../images/right-dot.gif') right repeat-y; } .bekekenBox li img { margin-bottom: 10px; } .bekekenBox li a { display: block; color: #446d96; text-decoration: none; } .bekekenBox li a:hover { text-decoration: underline; } /* ### AD BOX ### */ .adBox { width: 134px; overflow: hidden; text-align: right; } /* ### AD CONTAINER ### */ #adCntr { padding: 10px 0; width: 1230px; overflow: hidden; background: #929292; } /* ### SAVE BOX ### */ .saveBox { width: 1096px; } .saveBox ul { list-style: none; overflow: hidden; } .saveBox li { padding: 0 20px; float: left; } /* ### FOOTER CONTAINER ### */ #footerCntr { padding-top: 20px; overflow: hidden; width: 1230px; height: 90px; } /* ### LINK BOX ### */ .linkBox { width: 1230px; height: 24px; border-bottom: #929292 solid 1px; border-top: #929292 solid 1px; } .linkBox ul { padding-left: 10px; list-style: none; overflow: hidden; } .linkBox li { padding: 0 15px; font-size: 10px; float: left; line-height: 24px; background: url('../images/footer-sprtr.gif') right no-repeat; } .linkBox li a { color: #446d96; text-decoration: none; } .linkBox li a:hover { text-decoration: underline; } .linkBox li.last { background: none; } /* ### COPYRIGHT BOX ### */ .copyrightBox { padding: 10px 10px 0 0; color: #446d96; font-size: 10px; width: 1230px; text-align: right; } .copyrightBox a { color: #446d96; text-decoration: none; } .copyrightBox a:hover { text-decoration: underline; } .paginator, .paginator-active { float:left; border:1px solid #CACACA; padding: 4px 6px; margin-right: 5px; margin-bottom:5px; } .paginator-active { background-color: #446d96; color: #ffffff; font-weight: bold; border: 1px solid #306893 } .paginator a { color: #1585DB; text-decoration: none; } .paginator-mouseover a { color: #ffffff !important; } .paginator-mouseover { background-color: #446d96; } h3.subcats { color: #446D96; font-size: 12px;} .subcatdiv { border:1px solid #DEDEDE; float:left; height:80px; width:65px; padding:5px 0 5px 5px;margin-bottom:5px; margin-bottom:5px; margin-left:10px; overflow:hidden; cursor: pointer; color: #446D96; text-align: center; font-size: 9px; } .subcatdiv div { width:60px; overflow:hidden; } .subcatdiv img { height: 50px; float:none; margin:0 0 5px 0;} .verfijnPart { width:20%; height: 22px; float:left; color: #446D96; font-weight: bold;} .verfijnPart select { width: 135px; background-color: #333; border: 1px solid #999; color: #999; } .kortingscode { float:right;width:72px;overflow:hidden; } .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; border:0px; } .dropdown dd { position:relative; border:0px; } .dropdown a, .dropdown a:visited { color:#628eb4; text-decoration:none; outline:none;} .dropdown a:hover { color:#f4f4f4;} .dropdown dt a:hover { color:#628eb4; border: 1px solid #000000;} .dropdown dt a {background:#ffffff url(http://www.xshops.nl/images/arrow.gif) no-repeat scroll right center; display:block; padding-right:20px; border:1px solid #628eb4; width:100px; padding-left:5px; cursor:pointer;} .dropdown dt a span {cursor:pointer; display:block;} .dropdown dd ul { background:#ffffff none repeat scroll 0 0; border:1px solid #628eb4; color:#dedede; display:none; left:0px; padding:0px 0px; position:absolute; top:2px; width:120px; list-style:none; font-weight:normal; cursor:pointer;} .dropdown span.value { display:none;} .dropdown dd ul li a { padding:0px; display:block; } .dropdown dd ul li a:hover { background-color:#dedede; } .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; } .flagvisibility { display:yes;}