* {margin:0;padding:0;font-size:9pt;font-family:'Trebuchet MS';color:#aaa;outline:none}

body {background:#3f4040 url(images/background.jpg) top repeat-x;overflow-y:scroll}
a {color:white;outline:none}
div#top {border-top:4px solid white;width:982px}
div#nav {font-size:11pt;width:960px;color:white;padding:3px 10px;border-left:1px solid #444;border-right:1px solid #444;border-bottom:1px solid #444;background:#1f1f1f}
h1 {font-size:11pt;margin-bottom:10px;color:white}
h2 {font-size:10.5pt;color:white;margin-bottom:10px;}
h4 {font-size:17pt;font-weight:normal}

.pt10 {font-size:10pt}
.pt11 {font-size:11pt}
.pt12 {font-size:12pt}
.pt14 {font-size:14pt}
.pt16 {font-size:16pt}
.pt18 {font-size:18pt}
.pt20 {font-size:20pt}

span#fltn {display:none}

strong {color:white}

p {line-height:18px}

span.rad {width:14px;height:14px;position:relative;left:14px;top:2px;display:block;float:left;background:#393939 url('images/unchecked.png') no-repeat}

#so {margin-left:25px}

a img {border:0}

div#clr {clear:both}

a#logo {position:absolute;top:-175px;left:730px}

ul#menu {list-style-type:none;position:absolute;top:-30px}
ul#menu li {display:inline-block;background:url('images/nav_line.gif') no-repeat left center}
ul#menu li a {display:inline-block;margin-right:10px;margin-left:10px;color:white;font-weight:bold;font-size:10pt;text-decoration:none;line-height:30px;text-transform:lowercase}
ul#menu > li:first-child {background:none;}
ul#menu > li:first-child a {margin-left:0px}

ul#lang {list-style-type:none;position:absolute;top:-27px;left:865px;z-index:10}
ul#lang li {display:inline-block}
ul#lang li a {display:inline-block;margin-right:5px;color:white;font-weight:bold;font-size:11pt;text-decoration:none;line-height:30px}
ul#lang li a img {border:1px solid gray}

.frame {border:1px solid #444; background: url('images/content_bg.png') no-repeat top left #111111; padding:10px; margin-bottom:10px}

div#site {width:980px;margin:auto;/*(background:url('images/back.jpg') no-repeat top left black*/;border:1px solid black;position:relative;margin-top:173px}

div#p1 {background:url('images/bgWrapper.jpg');padding:10px;}
div#p2 {background:url('images/bgWrapper.jpg');padding:10px;min-height:500px}


h3 img {border:5px solid white;margin-right:12px}

div.ft {background:url('images/ftl.png') top left;float:left}
div.fti {background:url('images/ftr.png') top right no-repeat;padding:16px 16px 16px 16px}
div.fb {background:url('images/fbl.png') bottom left}
div.fbr {background:url('images/fbr.png') bottom right no-repeat;height:11px}

div.split {float:left;width:16px;height:568px;background:url('images/split.png');margin:25px 25px 0px 16px}

ul.nav {margin-left:-13px;width:236px;list-style-type:none}
ul.nav li a {background:url('images/nav.png') no-repeat top right;height:34px;display:block;color:black;font-size:8pt;font-weight:bold;line-height:34px;padding-left:14px;text-decoration:none}
ul.nav li a:hover {background:url('images/naver.png') no-repeat top right}

.btn1 {color:white;border:0;background:#2e2e2e;padding:2px 4px}
.btn2 {color:black;border:0;background:white;padding:1px 4px}

div.w1 {width:652px}
div.w2 {width:242px}

div#shopl {width:180px;float:left;background:url('images/frameback.jpg') no-repeat top left #393939;padding:10px;margin-right:10px}
div#shopl h3, #sub tr th h3 {color:white}
div#shopl ul, #sub tr th ul {list-style-type:none;margin-bottom:10px}
div#shopl ul li, #sub tr th ul li {margin-left:10px}

#sub {background:url('images/leftback.png') no-repeat bottom left;border-spacing:0}
#sub tr > th:first-child {background:url('images/lefttop.jpg') no-repeat top left}
#sub tr th a, div#shopl ul li a {text-decoration:none;color:#ccc;}
#sub tr th a:hover, div#shopl ul li a:hover {color:white}
#sub tr th {text-align:left;vertical-align:top;padding:10px;width:200px;}
#sub tr td {padding-left:10px;width:720px}
#sub tr td table tr td {padding:0;width:auto}

div#shopr {width:747px;float:left}

div#shopl h2, #sub tr th h2 {display:none}

label:hover {text-decoration:underline;cursor:pointer}

div#shopr .nav {line-height:30px;border-bottom:1px solid #cccccc;margin-bottom:10px}

hr {border:1px solid #444;margin-bottom:20px}

div.prod {margin-bottom:20px;border-bottom:1px solid #cccccc;padding-bottom:10px}
div.prod h3 {color:white;font-size:11pt}
div.prijs {float:right;text-align:right;color:white;padding:3px 10px 3px 10px;font-size:11pt;font-weight:bold;background:#333 url('images/cart_add.gif') top right no-repeat;}
div.prijs a {width:16px;height:16px;display:inline-block;vertical-align:bottom;margin-left:10px;color:white}
b {color:white;font-size:12pt}

div.retour {float:right;text-align:right;color:white;padding:3px 10px 3px 10px;background:#ec6900;font-size:11pt;font-weight:bold;font-size:9pt;line-height:18px;margin-right:4px;margin-left:10px}

span.blader {margin-left:5px;font-size:9pt;}
span.blader a {font-size:9pt;vertical-align:middle;line-height:18px;text-align:center;text-decoration:none;display:inline-block;width:18px;background:url('images/normal.gif');color:white}
span.blader a:hover {background:url('images/select.gif');color:black}

span.blader a.first {display:inline-block;width:18px;height:18px;background:url('images/first.gif');}
span.blader a.prev {display:inline-block;width:18px;height:18px;background:url('images/prev.gif');}
span.blader a.next {display:inline-block;width:18px;height:18px;background:url('images/next.gif');}
span.blader a.last {display:inline-block;width:18px;height:18px;background:url('images/last.gif');}

span.blader a.current {display:inline-block;width:18px;background:url('images/select.gif');color:black}

table.list {margin-top:6px;border:1px solid #999;border-spacing:0;;width:100%}
table.list tr {background:black;}
table.list tr th {vertical-align:top;color:#333;text-align:left;padding:8px 8px 4px 8px;color:white}
table.list tr td {vertical-align:top;height:23px;padding:6px 5px 1px 5px;border-bottom:1px solid gray}
table.list tr td * {vertical-align:middle}

table.options {margin-top:6px;border-spacing:0;background:#2e2e2e;width:290px}
table.options tr td {border:1px solid #ccc;background:url('images/frameback.jpg') no-repeat top left #393939;}
table.options tr th {vertical-align:top;font-weight:bold;text-align:left;padding:8px 8px 4px 8px}
table.options tr td {vertical-align:top;padding:6px 5px 1px 5px;}
table.options tr td * {vertical-align:middle}

table.options tr td table tr td {padding:1px 10px 0px 0px;margin:0}
table.options tr td table tr td {font-size:8pt;border:0}

#tek {width:930px; position:absolute;text-align:center}
#tek img {width:220px}
#tek img:hover {width:auto}

input, select, select option {color:#333}

.nb {border:0}

#fotos {float:right}
#fotos div {width:282px;border:4px solid white;background:white}
#fotos div img {width:282px}
#foto {display:block;margin:auto}
#fotos a {display:block;float:left;width:66px;height:66px;overflow:hidden;margin-top:6px;margin-right:6px;border:1px solid white;background:white}
#fotos a img {width:66px}

table.list tr th {background:#333 top repeat-x}
table.list tr.lite th {background:url('images/td.png') top repeat-x;color:black}

td input, td select {border:1px solid #999}

input.num {padding:0px 3px;text-align:right;width:16px;}
input.btn {border:1px ridge #eee;background:#333}

a.btn {width:120px;margin:5px 10px;border:1px ridge gray;background:#333;display:inline-block;color:white;text-align:center;font-size:10pt;line-height:24px;text-decoration:none;color:white}

.err {color:red;font-style:italic}

ul#msg {border:1px solid #2E2E2E;background:lightyellow;margin-bottom:10px;padding:10px;margin-right:10px;}
ul#msg li {margin-left:15px;color:gray}

#h {border:8px solid white;width:964px;height:409px;position:relative;}
#FlashContent {}

#prijs {font-weight:bold;color:white}

div#home1 {width:340px;float:left;border-right:1px solid #2e2e2e;padding-right:10px;margin-right:10px;color:#d5d5d5}
div#home1 div {background:url('images/bgHome1.jpg') no-repeat top left #393939;padding:10px;color:#d5d5d5}
div#home1 div div {background:none}

div#home1 div#mediaspace {padding:0;background:none}

div#home2 {float:left;padding-bottom:10px;width:598px;height:153px;overflow:hidden}
div#home2 h2 {margin-left:10px;font-size:10.5pt;margin-bottom:0}
div#promos div {float:left;background:url('images/bgHome2.jpg');padding:10px;margin-left:10px;width:169px}
div#promos div div {float:left;overflow:hidden;width:80px;height:120px;margin-right:8px;margin-left:0;padding:0;border:3px solid white}

div#home2 hr {height:1px;background:#666;margin-top:4px;margin-bottom:15px;padding:0;border:0}
div#home2 div small {font-size:6.5pt;float:right;color:#666}
div#home2 div big {font-size:13.5pt;font-weight:bold;float:right;color:white}

div#home3 {float:left;padding-bottom:12px;margin-top:10px;margin-left:10px;width:285px;font-size:8.5pt}

div#home4 {float:left;padding-bottom:12px;margin-top:10px;margin-left:10px;width:275px;border-left:1px solid #2e2e2e;padding-left:10px;font-size:8pt}
div#home4 strong {font-size:8pt}

div#home5 img {margin-top:10px;margin-left:6px}

div.i {background:url('images/info.png');width:16px;height:16px;float:left;margin-right:5px}
div.i div {display:none;position:absolute;margin-top:16px;margin-left:16px}
div.i:hover div {display:block}

/* Maattabel */
.maattabel { margin-top: 10px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; width:595px  }
.maattabel_row { height: 20px; clear: both; text-align: center; }
.maattabel_header { font-size: 12px; font-weight: bold; }
.maattabel_cell { height: 20px; line-height: 20px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; float: left; }

form.order {float:right;border:1px solid #ccc;background:url('images/frameback.jpg') no-repeat top left #393939;padding:7px;width:150px;color:black;}
form.order div {margin-bottom:6px}
form.order * {vertical-align:middle;color:black;font-size:9pt}
form.order div {float:right;font-weight:bold;color:white;font-size:11pt;clear:both}
form.order input.num, form.order select {margin-bottom:6px}
form.order input.nb {margin-left:54px}

div.order {float:left;border:1px solid #ccc;background:url('images/frameback.jpg') no-repeat top left #393939;padding:7px;width:274px;color:black;height:52px}
div.order div {margin-bottom:6px}
div.order * {vertical-align:middle;color:black;font-size:9pt}
div.order div {float:right;font-weight:bold;color:white;font-size:11pt;clear:both}
div.order input.num, form.order select {margin-bottom:6px}
div.order input.nb {margin-left:180px;margin-top:-27px}
div.order input.btn2 {margin-top:-27px}

img.l {display:none;position:absolute;}
div.prod div:hover img.l {display:block}
.fl {float:left}

#setd {padding-top:14px;padding-bottom:14px}

p.kop {color:white}

#compleet, #opmaat {display:none}

.frame ul li {margin-left:16px}
.frame ul li {list-style-image:url('images/li.gif')}
#pakket {display:none}

#map {width:450px;height:600px;float:right;margin-left:10px;border:1px solid #2e2e2e}

div.prodx {float:left;width:194px;height:382px;border:1px solid #2e2e2e;margin-right:8px;margin-top:8px;margin-bottom:8px;padding:5px;font-size:8pt;line-height:125%}
div.prodx div {border:5px solid white;width:194px;height:289px;overflow:hidden;margin-left:-6px;margin-top:-6px;}
/*div.prodx div img {margin-left:-80px;margin-top:-25px}*/
div.prodx h2 {margin-top:7px;margin-bottom:5px}
div.prodx span#prijs {position:absolute;margin-top:75px;border:0;width:190px;color:#aaa}
div.prodx span#prijs b {font-size:8pt;color:white}
div.prodx span#prijs a {float:right}

.perpage {float:right}

div#promos {width:12000px;display:block}
div#promo {width:600px;height:150px;overflow:hidden;scroll-width:100px}

div#promo1 {background:#2e2e2e;position:absolute;width:210px;height:350px;left:10px;top:10px;padding:15px}

div#promo2 {background:#2e2e2e;position:absolute;width:210px;height:350px;left:714px;top:10px;padding:15px}

div#promo1, div#promo1 *, div#promo2, div#promo2 * {color:white}

div#promo3 {position:absolute;text-align:center;width:500px;height:350px;top:10px;left:232px}
div#promo3 strong {color:#ea068c;display:block;font-size:18px;margin-bottom:10px}
div#promo3 img {border:4px solid white}
