@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; } html {width:100%; height:100%; background-color:#000; font-family:tahoma; color:#b3b3b3; font-size:11px; overflow: hidden; } body { margin:0; padding:0; overflow-x: hidden; overflow-y: scroll; } fieldset {border:0; margin:0; padding:0;} img { border:0;} h1 {color:#000;} a { text-decoration:none;} .fl { float:left; display:inline; } .fr { float:right; display:inline; } .fc { clear:both; width:0; height:0; line-height:0; margin:0; padding:0; border:none; } #hWrprAll { width:100%; height:100%; position:absolute; top:0; left:0; overflow:auto; overflow-x:hidden; overflow-y:auto; background-color:#000; } #hWrprc { width:100%; height:auto; margin:0; /*overflow:auto;*/ overflow:hidden; background:url(/includes/images/RightBG.jpg) top right no-repeat; } #hWrprc.nback { width:100%; height:auto; margin:0; overflow:auto; background:none; } #hWrprc .section { width:1100px; height:572px; } #hWrprc .hWrprL { width:321px; /*height:572px;*/ overflow:hidden; background-color:#000; } #hWrprc .hBtn { width:235px; height:53px; margin:259px auto 0; overflow:hidden; } #hWrprc .nieuwsbrief {width:290px; height:auto; margin:0 auto; margin-left:50px;/* margin-top:55px;*/} #hWrprc .banner { margin:20px 0 20px 50px;} #hWrprc .nieuwsbrief .inhoud input.text { background:url(/includes/images/bg_input.jpg) no-repeat; border:0; margin-top:8px; color:#000000;} #hWrprc .nieuwsbrief .inhoud input.image {margin-top:10px; margin-left:5px;} #hWrprFooter { width:100%; height:68px; overflow:hidden; background-color:#fff; } #hWrprFooter .voorwaarden { width:400px; height:30px; margin:30px 0 0 40px; color:#333335;} #hWrprFooter .voorwaarden a {color:#333335;} /* footerAtBottom */ #html { height : 100%; _overflow-y : scroll; } #hWrprAll { height:100%; margin:0px; padding:0px; } #hWrprc { min-height:100%; position:relative; _height:100%; } #hWrprc .section { height:auto; padding:16px; padding-bottom:68px; } #hWrprFooter { bottom : 0px; left : 0px; position:absolute; width : 100%; } #hWrprc .shoppingcart { width:240px; margin-top:80px; margin-left:50px;} #hWrprc .shoppingcart .header {} #hWrprc .shoppingcart .producten {margin-top:15px;border-bottom:#b3b3b3 solid 1px; overflow:hidden;} #hWrprc .shoppingcart .totaal {margin-top:15px;} #hWrprc .shoppingcart .checkout {margin-top:10px;} #hWrprc .content { width:510px; height:305px; padding:20px; margin:70px 0 0 50px;background:#fff; color:#000000; font-size:11px; } #hWrprc .blackBG{background:#000;color:#fff;} #hWrprc .content a {color:#ec1c24;} #hWrprc .contact { width:510px; height:305px; padding:20px; margin:70px 0 0 50px; background:#fff; color:#000000; font-size:11px; } #hWrprc .content .contactform { border-top:#000 solid 1px; padding-top: 10px; margin-top: 10px;} #hWrprc .content .contactform .textinput { width:318px; height:17px; padding:2px; background:url(/includes/images/bg_inp_large.jpg) no-repeat; border:0; } #hWrprc .shop { margin:68px 0 0 0px; overflow:hidden;} #hWrprc .shop .remark{ width:549px; background:#000000; margin:0 0 50px 49px; padding:20px;} #hWrprc .shop .item{ width:210px; height:240px; /*background:#000000;*/ background-color:#333; margin:0 0 50px 49px; padding:20px;} #hWrprc .shop .item .tekst { width:210px; height:15px; overflow:hidden; text-align:center; margin-top:15px;} #hWrprc .shop .item .tekst a { color:#FFFFFF;} #hWrprc .shopdetail { margin:68px 0 0 49px; overflow:hidden; width:550px;} #hWrprc .shopdetail .item{ width:210px; height:240px; /*background:#000;*/ background-color:#333; padding:20px;} #hWrprc .shopdetail .item .tekst { width:210px; height:11px; overflow:hidden; text-align:center; margin-top:15px;} #hWrprc .shopdetail .item .tekst p { color:#FFFFFF;} #hWrprc .shopdetail .omschrijving { width:250px; height:240px; background:#fff; color:#000; padding:20px 25px;} #hWrprc .shopdetail .omschrijving h2 { font-family:Georgia, "Times New Roman", Times, serif;} #hWrprc .shopdetail .omschrijving .productdescription {margin-top:20px; line-height:16px; } #hWrprc .shopdetail .omschrijving .materiaal { margin-top:20px;} #hWrprc .shopdetail .omschrijving .notice { font-size:9px; color:#b2b2b2;} #hWrprc .shopdetail .omschrijving .prijs {margin-top:10px;} #hWrprc .shopdetail .omschrijving form {margin-top:10px;} #hWrprc .shopdetail .omschrijving .box1 {margin-right:5px; margin-top:10px;} #hWrprc .shopdetail .omschrijving .box2 {margin-left:9px; margin-top:10px;} #hWrprc .shopdetail .omschrijving .maten { margin-top:10px; } #hWrprc .shopdetail .omschrijving .maten a { } #hWrprc .shopdetail .omschrijving .maten a:hover {display:block;} #hWrprc .shopdetail .omschrijving .bestel { margin-top:13px; background-image: url(/includes/images/btn_bestel.jpg); } #hWrprc .shopdetail .omschrijving .bestelEN { margin-top:13px; background-image: url(/includes/images/btn_bestel-en.jpg); } #hWrprc .shopdetail .text1 { margin:20px 0 0 20px; color:#fff; text-align:left; line-height:18px; } #hWrprc .shopdetail .text2 { margin:30px 0 0 20px; color:#fff; text-align:left; line-height:18px; width:315px;} #hWrprc .shopdetail .text4 { margin:25px 0 0 20px;} #hWrprc .shopdetail .text5 { margin:25px 0 0 20px; color:#fff; text-align:left; line-height:18px; width:345px;} #hWrprc .shopdetail .text5 a{color:#fff;} #hWrprc .shopdetail .text6 {margin:25px 0 20px 20px; color:#fff; text-align:left; line-height:18px; } #hWrprc .checkout { margin:68px 0 0 49px; color:#000; } #hWrprc .checkout .bgred { margin-top:1px; background:#ec1c24;} #hWrprc .checkout .headeraccordion { width:550px; height:36px; border:0;} #hWrprc .checkout .item2 { } #hWrprc .checkout .item2inhoud {width:530px; height:100%; background:#FFFFFF; padding:10px; } #hWrprc .checkout .item2inhoud table { width:530px; padding:25px 0 0 20px;} #hWrprc .checkout .item2inhoud table .header th {color:#ec1c24; font-size:12px; text-align:left; border-bottom:#000 solid 1px;padding-bottom:10px;} #hWrprc .checkout .item2inhoud table tr td {text-align:left;} #hWrprc .checkout .item2inhoud table .rij2 td {padding-top:10px;} #hWrprc .checkout .item2inhoud table .rij3 td { padding-bottom:10px; border-bottom:#000 solid 1px;} #hWrprc .checkout .item2inhoud table .rij4 td { padding-top:10px;} #hWrprc .checkout .item2inhoud table .rij5 td {padding-bottom:10px;} #hWrprc .checkout .item2inhoud table .rij5 td.bb {border-bottom:#000 solid 1px;} #hWrprc .checkout .item2inhoud table .rij6 td {padding-top:10px; } #hWrprc .checkout .item2inhoud table .rij6 td.bt {border-top:#000 solid 1px;} #hWrprc .checkout .item2inhoud table tr .red {color:#ec1c24;} #hWrprc .checkout .item2inhoud .inputtext {width:26px; height:17px; padding:2px; background:url(/includes/images/bg_inp_small.jpg) no-repeat; border:0;} #hWrprc .checkout .item2inhoud .remark { margin-left:30px; margin-top:30px; font-size:9px; color:#b2b2b2;} #hWrprc .checkout .item2inhoud .remark .asterix {color:#ec1c24;} #hWrprc .checkout .item2inhoud .buttons { margin-top:30px;} #hWrprc .checkout .item2inhoud .buttons .btn1 { margin-left:30px;} #hWrprc .checkout .item2inhoud .buttons .btn2 { margin-left:100px;} #hWrprc .checkout .item2inhoud .buttons .btn3 { margin-right:30px; } #hWrprc .checkout .item { } #hWrprc .checkout .item .iteminhoud {width:530px; height:100%; background:#fff; padding:10px;} #hWrprc .checkout .item .iteminhoud table {} #hWrprc .checkout .item .iteminhoud .invoer {} #hWrprc .checkout .item .iteminhoud .invoer .inputtext { width:318px; height:17px; padding:2px; background:url(/includes/images/bg_inp_large.jpg) no-repeat; border:0; } #hWrprc .checkout .item .iteminhoud .invoer .inputddl { width:322px; padding:2px; background:url(/includes/images/bg_inp_large.jpg) no-repeat; border:0; } #hWrprc .checkout .item .iteminhoud .asterix {color:#ec1c24;} #hWrprc .checkout .item .iteminhoud .opslaan { float:right; } wrp .wrpc .wrpr .checkout .item table { width:520px; padding:25px 0 0 20px;} #hWrprc .checkout .item table .rij1 th {color:#ec1c24; font-size:12px; text-align:left; border-bottom:#000 solid 1px;padding-bottom:10px;} #hWrprc .checkout .item table tr td {text-align:left;} #hWrprc .checkout .item table .rij2 td {padding-top:10px;} #hWrprc .checkout .item table .rij3 td { padding-bottom:10px; border-bottom:#000 solid 1px;} #hWrprc .checkout .item table .rij4 td { padding-top:10px;} #hWrprc .checkout .item table .rij5 td {padding-bottom:10px;} #hWrprc .checkout .item table .rij5 td.bb {border-bottom:#000 solid 1px;} #hWrprc .checkout .item table .rij6 td {padding-top:10px; } #hWrprc .checkout .item table .rij6 td.bt {border-top:#000 solid 1px;} #hWrprc .checkout .item table tr .red {color:#ec1c24;} #hWrprc .checkout .item .smallinhoud input {width:26px; height:17px; padding:2px; background:url(/includes/images/bg_inp_small.jpg) no-repeat; border:0;} #hWrprc .checkout .item .buttons { margin-top:60px;} #hWrprc .checkout .item .buttons .but1 { margin-left:30px; } #hWrprc .checkout .item .buttons .but2 { margin-left:100px; } #hWrprc .checkout .item .buttons .but3 { margin-right:30px; } /* persoonlijke gegevens */ #hWrprc .checkout .item .gegevens {width:530px;} #hWrprc .checkout .item .gegevens .kopgegevens { width:200px;} #hWrprc .checkout .item .gegevens .persgegevens { font-weight:bold;} #hWrprc .checkout .item .lijn {width:100%; text-align:center; border-bottom:#000 solid 1px; background:#fff;} #hWrprc .checkout .item .item3inhoud {width:530px; height:100%; background:#fff; padding:10px;} #hWrprc .checkout .item .item3inhoud .orderStatus a{ color:#FF0000;} #wrp {width:100%; height:100%; } #wrpleft {position:fixed; top:0; left:0; bottom:0; width:340px; height:100%; background-color:#000; z-index:-10; } #wrpright {position:relative; top:0; width:100%; left:340px; height:100%; background:url(/includes/images/bg_rood.jpg) top right repeat; z-index:-1;} #wrp .wrpc {width:939px; height:100%; } #wrp .wrpc .wrpl { width:290px; margin-left:50px; height:100%; background:#000;} #wrp .wrpc .wrpl .taal {margin:5px 10px 0 0;} #wrp .wrpc .wrpl .taal a{ font-size:9px; color:#b3b3b3; } #wrp .wrpc .wrpl .taal a:hover{ font-size:9px; color:#a61419; } #wrp .wrpc .wrpl .logo { padding-top:60px; } #wrp .wrpc .wrpl .boxer {margin:15px 0 0 -60px;} #wrp .wrpc .wrpl .nieuwsbrief { position:absolute; min-height:15%; max-height:0%; bottom:30px; width:290px; clear:both;} #wrp .wrpc .wrpl .nieuwsbrief .inhoud input.text { background:url(/includes/images/bg_input.jpg) no-repeat; border:0; margin-top:8px; color:#000000;} #wrp .wrpc .wrpl .nieuwsbrief .inhoud input.image {margin-top:10px; margin-left:5px;} #wrp .wrpc .wrpl .voorwaarden { position:absolute; bottom:5px; width:400px; height:30px; color:#b3b3b3;} #wrp .wrpc .wrpl .voorwaarden a {color:#b3b3b3;} #wrp .wrpc .wrpr { width:599px; height:100%; } #wrp .wrpc .wrpr .menu { margin:15px 0 0 30px; position:absolute; z-index:1;} #wrp .wrpc .wrpr .menu .btnhome a{ background:url(/includes/images/btn_home.gif) no-repeat; width:98px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btnhome a:hover{ background:url(/includes/images/btn_home-hover.gif) no-repeat; width:98px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btnhomeact a{ background:url(/includes/images/btn_home-hover.gif) no-repeat; width:98px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btncompany a{ background:url(/includes/images/btn_company.gif) no-repeat; width:135px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btncompany a:hover{ background:url(/includes/images/btn_company-hover.gif) no-repeat; width:135px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btnshop a{ background:url(/includes/images/btn_shop.gif) no-repeat; width:105px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btnshop a:hover{ background:url(/includes/images/btn_shop-hover.gif) no-repeat; width:105px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btnshopact a{ background:url(/includes/images/btn_shop-hover.gif) no-repeat; width:105px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btnmedia a{ background:url(/includes/images/btn_media.gif) no-repeat; width:108px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btnmedia a:hover{ background:url(/includes/images/btn_media-hover.gif) no-repeat; width:108px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btncontact a{ background:url(/includes/images/btn_contact.gif) no-repeat; width:119px; height:27px; display:block;} #wrp .wrpc .wrpr .menu .btncontact a:hover{ background:url(/includes/images/btn_contact-hover.gif) no-repeat; width:119px; height:27px; display:block;} #wrp .wrpc .wrpr .homecontent {position:absolute; bottom:0px;} #arrow { margin:-105px 0 0 -373px; background:url(/includes/images/arrow.png) no-repeat; height:98px; width:371px;} #arrow .inhoud { width:300px; margin:25px 0 0 50px; color:#fff; } #arrow .kruisje { margin:10px 10px 0 0; } .modalBackground {background-color:#FFF;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5; opacity:0.5;}