body{margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif; font-size:80%; line-height:150%; color:#555; background:url('/images/bg.gif') #c1c1c1 repeat-x top left}
#container{margin:0px auto; padding:0px 0px 10px 0px; width:953px; background:#fff}
#container.home{background:url('/images/bg-teaser.gif') #fff no-repeat 0px 300px}
#container a{color:#555}
#container a:hover{color:#e91a6a}
#container h1{color:#e91a6a; font-size:180%; margin:0px 0px 10px 0px; font-weight:normal; clear:both}
#container h2, #container p.titel{color:#e91a6a; font-size:140%; margin:0px 0px 10px 0px; padding:0px; font-weight:normal; clear:both}
#container h3{color:#e91a6a; font-size:100%; margin:0px 0px 10px 0px; text-decoration:none; clear:both}
#container p{margin:0px 0px 10px 0px; padding:0px}
#container label{float:left; width:150px; clear:both; font-weight:bold; line-height:26px}
#container input{display:block; float:left; border:1px solid #e91a6a; color:#555; padding:5px; margin-right:5px; font-family:Arial,Helvetica,sans-serif}
#container select{display:block; float:left; width:150px; border:1px solid #e91a6a; color:#555; padding:2px; background:#fff; font-weight:bold; font-family:Arial,Helvetica,sans-serif}
#container textarea{display:block; width:150px; border:1px solid #e91a6a; color:#555; padding:2px}
#contents .knop{clear:both; display:block; cursor: pointer; width:150px; color:#fff; height:24px; margin:5px 0px 15px 0px; padding:0px; background:#e91a6a; text-decoration:none; text-align:center; font-weight:bold; line-height:24px; font-size:12px; text-transform:uppercase; border:1px solid #ff5e9c}
#contents .knop:hover{color:#e91a6a; background:#fff}
#contents .knop.winkelwagen { width:175px; font-size: 120%; margin: 10px 0px 20px 0px; line-height: 30px; height: 30px;  }
#contents.small a{color:#e91a6a}
#contents.small a:hover{color:#555}
#container .clear{clear:both}
#container p.verzendkosten{font-size:80%; margin:0px; padding:0px; font-weight:bold}
#header{width:953px; height:100px; background:url('/images/bg-header.gif') #fff no-repeat top left}
#header ul{height:72px; margin:0px; padding:0px; list-style:none}
#header ul li{margin:0px; padding:0px; float:left}
#header ul li a{padding:0px 20px 0px 22px; line-height:72px; height:72px; color:#555; text-decoration:none; display:block; float:left; font-size:135%; background:url('/images/bg-header-lijn.gif') no-repeat top left}
#header ul li a:hover{color:#e91a6a; background:url('/images/bg-menu-over.gif') #fff repeat-x top left}
#header ul li a.home{margin:10px 140px 0px 0px; padding:64px 0px 0px 0px; display:block; height:0px !important; width:267px; overflow:hidden; background:url('/images/logo.gif') no-repeat 0px 0px; float:left}
#header ul li ul{top:74px; padding-bottom:19px; position:absolute; left:-999em; width:953px; background:#ededed; height:auto; background:url('/images/bg-header.gif') #fff no-repeat bottom left; clear:both}
#header li:hover, #header li.sfhover{position:static}
#header ul li:hover ul, #header li.sfhover ul{left:auto}
#header li ul li a{font-size:90%; line-height:20px; height:20px; background:none; padding:5px}
#header li ul li a:hover {background: transparent; text-decoration: underline;}
#teaser{width:953px}
#teaser ul{margin:0px; padding:0px; list-style:none}
#teaser ul li{height:231px; width:953px; overflow:hidden}
#teaser ul li img{border:none}
#navbar{clear:both; height:26px; width:933px; padding:10px}
#navbar p{float:left; width:600px; margin:0px; padding:0px; line-height:26px; font-size:85%; font-weight:bold}
#navbar p.inloggen{text-align:center}
#navbar .zoeken{text-align:right}
#navbar form{float:right; margin:0px; padding:0px; width:260px}
#navbar .knop{border:none; background:url('/images/bg-input-knop.gif') no-repeat 0px 0px; font-size:12px; padding:7px 0px 7px 0px; width:76px; color:#555; font-weight:bold; margin:0px}
#navbar .knop:hover{color:#fff; background:url('/images/bg-input-knop-over.gif') no-repeat 0px 0px}
#left{float:left; clear:left; width:200px; margin:0px; padding:0px 10px 10px 10px}
#left ul{margin:0px; padding:0px; list-style:none}
#left ul li{margin:0px; padding:0px; height:30px; background:url('/images/bg-left-lijn.gif') no-repeat bottom left}
#left ul li a{color:#555; line-height:30px; text-decoration:none; font-size: 105%; font-weight:bold; display:block; width:190px; padding:0px 0px 0px 0px}
#left ul li a:hover, #left ul li a.current{color:#e91a6a; background:url('/images/bg-left-item-over.gif') no-repeat 180px 0px}
#left ul li ul{margin:-31px 0px 0px 160px; padding:0px 5px 0px 5px; position:absolute; left:-999em; width:140px; height:auto; background:#f7f7f7; border:1px dotted #8f8f8f}
#left ul li:hover ul, #left li.sfhover ul{left:auto}
#left ul li ul li{background:none}
#left ul li ul li a{line-height:24px; font-size:100%; width:130px}
#left ul li ul li a:hover{color:#e91a6a}
#left li:hover, #left li.hover{ position:static}
#left h3 {color:#cfd91b;}
#winkelwagen{clear:both; margin:20px 0px 50px 0px; background:url('/images/bg-winkelwagen.gif') no-repeat 10px 10px; padding:5px; border: 1px solid #eee;}
#winkelwagen p{margin:0px 0px 5px 0px; padding:0px}
#winkelwagen p.titel{font-weight:bold; font-size:120%; margin:5px 0px 10px 40px; color:#e91a6a}
#contents{float:right; margin:0px; width:723px; padding:5px 10px 0px 0px}
#contents.small{width:513px !important}
#contents a.keuzeblok{float:left; margin:5px; border:1px solid #ddd; text-align:center; font-size:130%; color:#e91a6a; font-weight:bold; width:228px; height:220px; text-decoration:none}
#contents a.keuzeblok img{border:none}
#contents a.keuzeblok:hover{border-color:#e91a6a}
#service{clear:both; margin:0px 0px 8px 5px; height:155px; background:url('/images/bg-teaser.gif') no-repeat 0px -5px}
#service a.blok, #right a.banner{margin:0px; padding:0px; display:block; height:0px !important; overflow:hidden; float:left}
#service a.blok{width:305px; padding-top:137px; border:1px solid #fff; margin:20px 4px 0px 4px}
#service a.blok:hover{border-color:#e91a6a}
#service a.advies{background:url('/images/blok-advies.jpg') no-repeat 0px 0px}
#service a.subsidiebedrijven{background:url('/images/blok-subsidiebedrijven.jpg') no-repeat 0px 0px}
#service a.ledlampkiezer{background:url('/images/blok-ledlampkiezer.jpg') no-repeat 0px 0px}
#service a.groen{background:url('/images/blok-groen.jpg') no-repeat 0px 0px}
#right{float:right; width:200px; height:400px; margin-right:10px}
#right a.banner{width:200px; padding-top:94px; margin-top:10px}
#right a.banner:hover{background-position:0px -94px}
#right a.ledlampkiezer{background:url('/images/banner-ledlampkiezer.jpg') no-repeat 0px 0px}
#right a.contact{background:url('/images/banner-contact.jpg') no-repeat 0px 0px}
#contents ul.products, #right  ul.products{margin:0px; padding:0px; list-style:none}
#right  ul.products { padding: 0px 10px;}
#right p.titel {clear: both; padding-top:20px;}
#contents ul.products li, #right ul.products li {padding:5px; margin:4px; float:left; width:160px; height:210px; border:1px solid #ccc; text-align:center; font-size:85%}
#contents ul.products li.hovered, #right ul.products li.hovered {border-color:#e91a6a; cursor:pointer; box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; -webkit-box-shadow:0px 0px 5px #999}
#contents ul.products li.hovered a, #right ul.products li.hovered a {color:#555; text-decoration:underline}
#contents ul.products li .image, #right ul.products li .image {display:block; margin:0px auto; width:120px; text-align:center}
#contents ul.products li a, #right ul.products li a{color:#e91a6a; display:block; padding:0px 0px 0px 0px; font-weight:bold; height:40px; font-size:115%; text-decoration:none}
#contents ul.products li img, #right ul.products li img {border:none}
#contents ul.products .price, #right ul.products .price {display:block}
#contents ul.products li .actielabel, #right ul.products li .actielabel {position:relative;display:block;float:left;overflow:hidden;height:0px;padding-top:64px;width:64px;z-index:9;top:-150px;left:0;text-align:left}
#contents ul.products li .actie, #right ul.products li .actie {background-image:url('/images/actielabel-actie.png')}
#contents ul.products li .opisop, #right ul.products li .opisop {background-image:url('/images/actielabel-opisop.png')}
#contents ul.products li .nieuw, #right ul.products li .nieuw {background-image:url('/images/actielabel-nieuw.png')}
#contents .price, #right .price {color:#e91a6a; font-size:180%; font-weight:bold; padding:5px 0px 0px 0px}
#contents .vanprijs, #right .vanprijs {color:#555; font-size:120%; font-weight:bold; text-decoration:line-through}
#contents ul.products li .meer, #right ul.products li .meer {float:left;width:160px;font-size:90%; text-decoration:underline; color:#e91a6a}
#contents ul.products li.hovered .meer, #right ul.products li.hovered .meer{color:#555}
#contents .clear{clear:both; height:2px}
#contents ul.news{margin:0px; padding:0px; list-style:none}
#contents ul.news li.newsitem{margin-bottom:10px}
#contents ul.news li.newsitem a{display:block; font-size:120%; font-weight:bold; text-decoration:none}
#container .bestelknop{padding:0px 15px 0px 40px; margin:5px 0px 15px 0px; clear: both; line-height:25px; height:25px; color:#fff; font-weight:bold; width:140px; text-decoration:none; display:block; float:left; font-size:110%; background:url('/images/knop-bestel.gif') no-repeat 0px 0px; text-transform:uppercase; border: none; cursor: pointer;}
#container .bestelknop:hover{background-position:0px -25px; color:#e91a6a}
#container input.bestelknop{padding-left: 25px; width: 195px;}
#omschrijving{float:left; width:355px}
#contents table, #container .infobox {border:1px solid #ddd; padding:5px !important; background:#f6f6f6; margin-bottom: 5px;}
#container p.infobox{font-weight:bold}
#contents .kolomclear table{width:345px; margin-bottom:10px; font-weight:bold}
#contents table .kop{font-weight:normal}
#contents table td span { float: left;  width: 75px; text-align: right; }
#omschrijving p.bespaar {font-size:90%; margin:0px 0px 10px 0px; padding:0px; font-weight:bold}
#omschrijving p.bespaar span {color: #e91a6a; font-size: 110%;}
#omschrijving p.voorraad{font-size:85%; margin:0px 0px 10px 0px; padding:0px; font-weight:bold}
#omschrijving label { width: 100px; }
#omschrijving #aantal {padding: 2px;}
#foto{float:right; width:360px; text-align:center; padding:15px 0px 15px 0px; border:0px solid #ddd; margin-bottom:10px}
#foto img{border:1px solid #fff; margin:0px 5px 10px 5px}
#foto p{background:url('/images/vergroot.gif') no-repeat bottom center; margin:0px; padding:0px 0px 10px 0px}
#foto a:hover img{border:1px solid #e91a6a}
#foto p a img{border:1px solid #ddd}
#footer{clear:both; margin:10px 0px 0px 10px; width:926px; background:url('/images/bg-footer.gif') no-repeat top left; padding:10px 10px 0px 10px; height:176px; color:#e91a6a}
#footer ul{float:left; width:200px; height:135px; list-style: none;}
#footer ul, #footer ul li{margin:0px; padding:0px}
#footer ul.service{font-weight:bold}
#footer ul.meer{font-size:85%; float:left; width:660px; border-left: 1px solid #fff; padding-left: 20px;}
#footer ul.meer li {display: inline;}
#footer a{color:#555}
#footer a:hover{color:#e91a6a}
#footer p{clear:both; margin:5px 0px 0px 0px; padding:0px; font-size:85%; color:#555}
#footer li.titel {font-size: 120%;}
#footer a.keurmerken { display: block; position: relative; top: 40px; left: 40px;clear: both; float: right; width: 700px; padding-top: 75px; height: 0px; overflow: hidden;}
#container .kolom, #container .kolomclear{float:left; width:360px}
#container .kolomclear{clear:both}
#progressTracker{margin:0px 0px 20px 0px; padding:0px; border:1px solid #ddd; background:#eee; height:25px}
#progressTracker  li{display:block; float:left; margin:0px; padding:0px 5px 0px 5px; line-height:25px}
#progressTracker  li a{color:#333 !important}
#progressTracker  li a:hover{color:#e91a6a !important}
#progressTracker  li.current a, #progressTracker  li.current{font-weight:bold; color:#e91a6a !important; text-decoration:none}
#big_winkelwagen a.actie {padding:16px 5px 0px 0px; display:block; height:0px !important; width:16px; overflow:hidden; background: no-repeat 0px 0px; float:left }
#big_winkelwagen a.vernieuw {background-image: url('/images/icon-refresh.gif'); }
#big_winkelwagen a.verwijder {background-image: url('/images/icon-delete.gif'); }
#container #toPay{font-size:120%; font-weight:bold; color:#e91a6a}
#contents input[type="hidden"]{display:none; border:none}
#contents ul.voordelen{clear:both; font-size:85%; padding:5px 10px; margin-bottom:10px; list-style:none; padding:5px; background:#f5f5f5; border:1px solid #ccc}
#contents ul.voordelen li{padding-left:20px; background:url('/images/icon-voordelen.gif') no-repeat center left; font-weight:bold}
#contents .omschrijving-tekst a{color:#e91a6a}
#contents ul.wide{height:57px; margin:0px; padding:5px 10px; margin-bottom:10px}
#contents ul.wide li{float:left; display:inline; width:330px}
#container p.c{margin:0px; padding:10px; font-size:85%}

