/*author: Lieven Vandenbroucke http://www.xtence.be*/
/*description: Peropack
/*feel free to browse the code but dont rip it, you'll learn nothing from copying!*/
*,html {padding :0;margin :0;} 
body{font-family : Arial, Helvetica, sans-serif;font-size : 62.5%;background: #fff url(bot.jpg) bottom left repeat-x;} 
#bg{background: transparent url(bg.jpg) top left repeat-x;}
a:link,a:visited,a:hover,a:active{text-decoration: none;font-weight: bold;}
a:link{color:#000;}
a:visited{color:#222;}
a:hover{color: #444;}
a:active{color:#000;}
#page{width: 960px;text-align: left;font-size: 1.2em;margin: 0 auto;padding:0;clear: both;overflow: visible!important;}
#header-verpakking{background: transparent url(header.jpg) top left no-repeat;position: relative;top:0;left:0;width: 960px;height: 206px;margin: 0;padding:0;}
#header-verpakking h1{position: absolute;top: 36px;left:20px;background: transparent url(logo.png) top left no-repeat;font-size: 10px;font-weight : lighter;height: 160px;text-indent: -9999px;width: 157px;}
#header-verpakking h2{position: absolute;top: 20px;right:15px;font-size: 2.2em;color: #222;font-weight : lighter;letter-spacing : 1px;word-spacing : 1px;z-index: 999;}
#header-verpakking h2:after{content:'Uw zak is onze zaak !';position: absolute;top: 0;right:0;margin: -1px -1px 0 0;color: #DB0035;z-index: 990;}
#header-verpakking p{position: absolute;font-family: "Times New Roman", Times, serif;top: 55px;right: 30px;font-size: 1.5em;color: #F8F4F3;color: #222;font-weight: normal;z-index: 999;}
#header-verpakking img{border: 0;margin: 0 0 0 20px;}
.left{position: relative;float: left;clear: left;margin:7px 13px 10px 0;}
.hygiene{position: relative;float: left;width:330px;margin:7px 13px 10px 10px;}
.right{position: relative;float: right;clear: right;margin:7px 0 10px 13px;}
.imgright{position: relative;float: right;clear: right;margin:20px 20px 0 0;}
.right ul{margin: 10px;}
.center{text-align: center;font-size:0.8em;}
#handtassen-content{clear: both;float:left;margin: :0 20px 0 0;z-index:100;}
#handtassen-content.home{margin-top:-15px;}
.breadcrumb{clear: right;float: right;text-align: left;font-size: 0.8em;margin: 5px 0 0 0;width: 690px;}
.breadcrumb a{color: #000;}
#handtassen-content h1,h2,h3{font-size: 1.8em;padding: 0;color: #3D80B5;margin: 10px 0px;font-weight : lighter;letter-spacing : -1px;word-spacing : -1px;}
#handtassen-content h5{margin-bottom: 5px;margin-top: 5px;font-size: 1.2em;clear: left;}
p{margin: 5px;text-align: justify;}
#handtassen-content img{border: 1px solid #bbb;}
#promo{float: right;margin: 0 10px;background-image: url(promotie.png);background-repeat: no-repeat;width:259px;height: 91px;padding: 30px 0 0 0;}
#promo p{font-size: 17px;color: #fff;font-weight: bold;width:259px;text-align: center;}
.clleft{clear: left;}
#inhoud-disposables h4{margin: 10px 30px 10px 0;padding: 0;font-size: 1.5em;color: #3D80B5;word-spacing: -1px;font-weight: normal;}
#inhoud-disposables h1,h2,h3{margin:10px 0;padding: 0;font-size: 1.5em;color: #3D80B5;word-spacing: -1px;font-weight: normal;}
#inhoud-disposables{background: #fff url(inhoudc.jpg) top left repeat-y;float: right;background-color: #fff;margin:0;padding:0;width: 707px;overflow: hidden;}
.inhoud-h{background: #fff url(inhoudh.jpg) top left no-repeat;height: 24px;width: 707px;}
.inhoud-b{background: #fff url(inhoudb.jpg) top left no-repeat;height: 121px;width: 707px;}
#inhoud-disposables .draagtassen-verpakkingen-inhoud{margin:0 12px 0 22px;overflow: hidden;}
.toppage a{color: red;font-size: 11px;}
.toppage a:hover{color: #000;}
#inhoud-disposables .draagtassen-verpakkingen{position: relative;float: left;margin: 1px;padding: 0;z-index: 100;text-align: center;border: 1px solid #ccc;background-color: #F9F5F4;}
.draagtassen-verpakkingen .foto{width:162px;}
#inhoud-disposables ul#uitvoeringen{position: relative;margin: 0 10px 0 30px;float: left;}
#inhoud-disposables ul#uitvoeringen li{list-style: url(raquo.png);margin: 5px;}
#inhoud-disposables ul#uitvoeringen li.nl{list-style: none;}
#inhoud-disposables .nav{width:200px;}
#info{float: right;width: 211px;background: transparent url(infoc.jpg) bottom left no-repeat;margin: 20px 45px 0 15px;overflow: hidden;}
.infoh{background: transparent url(infoh.jpg) top left no-repeat;height: 48px;width: 211px;}
.bgi{margin: -10px 10px 10px 10px;}
.bgi p{text-align: left;font-size:0.9em;}
#info h4{margin: 0;padding: 0;font-size:1.4em ;font-weight: bold;text-align: center;}
#offertelink{background: transparent url(offerteb.jpg) top left no-repeat;width:211px;height: 49px;float: right;clear: right;margin: 20px 45px 0 15px;}
#offertelink p{font-size:1.1em;text-align: center;}
#offertelink p a{color: #DF0037;line-height: 39px;padding: 8px 40px 8px 0;background: transparent url(arrow.jpg) 100% 0% no-repeat;}
#offertelink p a:hover{color: #3D80B5;line-height: 39px;padding: 8px 40px 8px 0;background: transparent url(arrow.jpg) 100% 105% no-repeat;}
#inhoud-disposables .draagtassen-verpakkingen h4{font-size: 1.2em;color: #DB0036;text-align: center;margin: 5px 10px 5px 0;}
#inhoud-disposables .draagtassen-verpakkingen h4 a,#inhoud-disposables .draagtassen-verpakkingen h4 a:hover{text-decoration: none;}
#inhoud-disposables .draagtassen-verpakkingen img{border: 0;}
#inhoud-disposables .gewenste-artikel{padding: 5px;background-color: #F9F5F4;border: 1px solid #3D80B5;overflow: hidden;}
#inhoud-disposables .gewenste-artikel img{border: 0;}
#inhoud-disposables p{margin: 5px 0;}
.draagtassen-fotos{position: relative;float: left;margin: 2px;background-color: #EEE8E8;border: 1px solid #3D80B5;padding: 8px;color: #DB0036;}
.offerte-aanvraag a:hover{background-color: #F9F5F4;border: 1px solid #3D80B5;}
ol li{font-size: 18px;margin: 4px 60px;color: #DB0036;list-style-type: decimal;font-family: Arial, Helvetica, sans-serif;}
ol p{font-size: 0.7em;font-style: normal;color: #000;}
.map{position: relative;text-align: center;}
.clear{clear: both;}
#draagtassen-list{float:left;width:655px;padding: 0;margin:0 20px;}
#draagtassen-verpakkingen-list{float:right;width:336px;padding: 0;margin:0 20px;}
#draagtassen-verpakkingen-list a,#draagtassen-list a{background-color: #F9F5F4;float: left;text-align: center;font-size: 0.8em;border: 1px solid #bbb;height: 110px;width: 110px;padding: 0;margin: 0;}
#draagtassen-verpakkingen-list a img,#draagtassen-list a img{border: 0; filter:alpha(opacity=100); -moz-opacity: .100;opacity: .95;}
#draagtassen-list a img:hover,
#draagtassen-verpakkingen-list a img:hover{border: 0; filter:alpha(opacity=70); -moz-opacity: .70;opacity: .75;}
/*offerte*/
.peropack-verpakking{margin: 10px 0 0 0;float: left;clear: left;width: 420px;}
#inhoud-disposables ul li{list-style: none;}
.peropack-verpakking dl{float: left;margin:0;clear: left;}
.peropack-verpakking dt{font-size: 1.3em;font-weight: bold;margin: 0 0 8px 0;}
.peropack-verpakking dd{line-height: 1.8em;clear: left;}
.peropack-verpakking dd dl dt{clear: left;}
.offright{float: right;}
.picc{border: none;}
select{height:20px;line-height:20px;display:block;font-size:14px;}
option{width: 200px;padding: 0 5px;vertical-align: middle;display: block;height:20px;line-height:20px;}
option em{font-size: 0.8em;}
h5.extra{clear: left;font-size: 1em;line-height:2em;padding:20px 0;}
h5.extra a{color: #DF0037;text-decoration:underline;}
.mogelijkheden{clear: left;margin: 0 0 0 110px;}
/*formulier=================================*/
.ok,.error, .important{border: 1px solid;margin: 10px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}
.important{color: #00529B;background-color: #BDE5F8;background-image: url(important.png);background-repeat: no-repeat;}
.ok{color: #4F8A10;background-color: #DFF2BF;background-image:url(ok.png);background-repeat: no-repeat;}
.error{color: #D8000C;background-color: #FFBABA;background-image: url(error.png);background-repeat: no-repeat;}
.message{margin-left: 30px;}
.message_not{margin-left: 30px;color:red;}
label{width: 150px;float: left;text-align: right;margin-right: 0.5em;display: block;vertical-align:middle;line-height:24px;}
input{color: #000;width: 205px;height:22px;line-height:22px;}
input.check{color:#000;border: 0;background-color: transparent;float: left;}
textarea{margin-top: 4px;color: #000;margin-bottom: 5px;width: 328px;height: 157px;}
input#submit{background: transparent url(submit.jpg) center center no-repeat;width: 125px;height:31px;border: 0;}
input#wissen:hover{cursor: hand;color:red;}
input#submit:hover{cursor: hand;color:green;}
input#sbmWisOfferte{width: 210px;height:31px;line-height:31px;}
input#wissen{background: transparent url(wissen.jpg) center center no-repeat;width: 125px;height:31px;border: 0;}
fieldset{background: transparent url(at.jpg) center center no-repeat;border: 0;left:0;margin: 15px auto;padding-left: 6px;position: relative;text-align: right;}
.textarea{float: right;}
.xtra{height:30px;position: relative;clear:both;}
iframe{border: 1px solid #bbb;}
.nameform{margin: 48px 0 0 0;}/*
.select{width:150px;padding:5px 0 0 40px;text-align:left;background:lime;}*/
.selectieLijst{/*display:block;*//*margin:3 0 0 85px;*/height:24px;line-height:24px;display:block;}
#footer-bedrukte-draagtassen{position: relative;top:0;left:0;margin:0;clear:both;overflow:hidden!important;background: #fff url(footbg.jpg) center repeat-x;height: 94px;color: #2C2924;z-index: 9989;}
#footer-bedrukte-draagtassen p{margin: 10px 20px 0 0;}
#footer-bedrukte-draagtassen h5{font-size: 1em;text-align: left;margin: 10px 0 0 10px;line-height: 1.5em;width: 400px;}
#footer-bedrukte-draagtassen a{text-decoration: none;color: #A8A093;color: #978E7D;}