/* CSS Document */
/* HTML/CSS made by Eastside Studios */
/* www.eastsidestudios.nl */

/* Kleuren

BG:			#1193cf
top menu:	#d8effb
form border #0d6593
*/

.contact_errormessage{color:red;text-align:left;padding:10px;background-color:#F5F5F5;border:1px solid black;font-size:12px;}
*{behavior:url("css/png.htc");margin:0px;padding:0px;border:0;}
body, html{width:100%;height:100%;}
body{behavior:url("css/hover.htc");background:#1193cf url(../gfx/bg.jpg) top left repeat-x;font-family:'Trebuchet MS', Verdana, Tahoma, sans-serif;font-size:12px;color:#000000;}
a{outline:none;color:#006699;text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-size:14px;font-weight:bold;line-height:18px;margin-bottom:20px;color:#000000;}
p{margin-bottom:20px;}
#container{width:860px;background:transparent url(../gfx/content_bg.jpg) top left repeat-y;margin:0 auto;}
#header{width:860px;height:110px;background:transparent url(../gfx/header_bg.jpg) top left no-repeat;}
#logo{float:left;padding:60px 0 0 30px;}
#slogan{float:right;padding:64px 30px 0 0;}
#top_menu{width:800px;height:11px;background:transparent url(../gfx/top_menu_bg.jpg) top left no-repeat;padding:10px 30px 10px 30px;}
#top_menu p{float:left;font-size:10px;line-height:10px;margin-bottom:0px;width:200px;}
#top_menu ul{list-style:none;width:auto;float:right;margin-top:-3px;}
#top_menu li{display:inline;height:10px;}
#top_menu a{font-size:10px;line-height:10px;color:#000000;}
#body{width:860px;min-height:600px;_height:600px;background:transparent url(../gfx/watermark.jpg) bottom right no-repeat;position:relative;}
#menu{float:left;width:240px;padding-top:10px;}
#menu ul{list-style:none;width:auto;}
#menu li{display:block;height:41px;background:transparent url(../gfx/menu_fade.jpg) bottom left no-repeat;}
#menu a{display:block;height:12px;color:#333333;font-size:12px;line-height:12px;font-weight:bold;padding:14px 10px 14px 30px;}
#menu .search{padding:6px 0 0 30px;color:#333333;}
.search label{line-height:30px;font-weight:bold;}
.search input{border:1px solid #0d6593;padding:2px;}
#content{float:left;width:620px;}
.cats{padding:10px;_padding:5px;margin-bottom:30px;}
.cat{float:left;width:176px;margin:0 20px 20px 0;}
.cat .img{position:relative;width:176px;height:94px;margin:0 0 5px 0;text-align:center;overflow:hidden;line-height:176px;}
.cat .img a{position:absolute;width:100%;left:0;bottom:0;}
.cat a.name,.cat a.namemiddel{display:block;width:156px;height:24px;background:transparent url(../gfx/cat_bar.gif) top left no-repeat;color:#FFFFFF;font-weight:bold;padding:4px 10px 24px 10px;text-align:center;letter-spacing:2px;}
.cat a.namemiddel{height:28px;padding:12px 10px 12px 10px;}
#content h1{font-size:18px;color:#006699;margin:20px 0 4px 0;}
#content h2{font-size:12px;color:#006699;font-weight:normal;margin-bottom:5px;}
#content h3{padding:0 40px;font-size:12px;}
#content p{padding:0 40px;}
.product{margin:0 20px 12px 0;width:587px;}
.top-left, .top-right, .bottom-left, .bottom-right{background-image:url('../gfx/corners.gif');height:4px;font-size:2px;}
.top-left, .bottom-left{margin-right:4px;}
.top-right, .bottom-right{margin-left:4px;margin-top:-4px;}
.top-right{background-position:100% 0;}
.bottom-left{background-position:0 -4px;}
.bottom-right{background-position:100% -4px;}
.inside{border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;background:#d8effb;color:#000000;}
.inside_faux{background:transparent url(../gfx/inside_bg.gif) top left repeat-y;}
.notopgap{margin-top:0;}
.nobottomgap{margin-bottom:0;}
.image{float:left;width:102px;padding:4px 4px 4px 8px;}
.image a img{display:block;border:1px solid #006699;}
.image a:hover img{border:1px solid #0099FF;}
.info{float:left;width:281px;padding:8px;}
.info h1{margin:0 0 2px 0 !important;font-size:14px !important;font-weight:bold !important;line-height:18px !important;color:#000000 !important;}
.info p{padding:0 !important;margin-bottom:0;font-size:11px;line-height:12px;}
.ve{float:left;width:42px;padding:8px;}
.ve h1{margin:0 0 8px 0 !important;font-size:11px !important;font-weight:bold !important;line-height:18px !important;color:#000000 !important;}
.ve ul{list-style:none;}
.ve li{list-style:none;line-height:13px;font-size:11px;}
.price{float:left;width:34px;padding:8px;}
.price h1{margin:0 0 8px 0 !important;font-size:11px !important;font-weight:bold !important;line-height:18px !important;color:#000000 !important;}
.price ul{list-style:none;}
.price li{list-style:none;text-align:right;line-height:13px;font-size:11px;}
.order{float:left;width:48px;padding:8px;}
.order h1{margin:0 0 8px 0 !important;font-size:11px !important;font-weight:bold !important;line-height:18px !important;color:#000000 !important;}
.order ul{list-style:none;}
.order li{list-style:none;line-height:13px;font-size:11px;}
.order a{color:#006699;font-size:11px;line-height:11px;font-weight:bold;}
.nr{clear:both;background:#cee6f3;border-top:1px solid #FFFFFF;color:#006699;padding:4px 20px 0 20px;_padding:0 20px 0 20px;}
.nr a.art_nr{font-size:11px;color:#006699;float:left;}
.nr a:hover.art_nr{text-decoration:none;}
.nr a.prod_code{font-size:11px;color:#006699;float:right;}
.nr a:hover.prod_code{text-decoration:none;}
.navigation{text-align:center;font-weight:bold;}
.navigation a{color:#000000;font-weight:bold;}
#bottom{position:absolute;bottom:0px;left:0px;width:860px;height:9px;background:transparent url(../gfx/corner_bottom_left.jpg) bottom left no-repeat;}
.footer{margin:0 auto;width:820px;font-size:10px;padding:20px;text-align:center;color:#FFFFFF;}
.footer a{color:#FFFFFF;text-decoration:underline;}
#form{padding:20px 20px 0 0;}
fieldset{padding:10px;margin-bottom:20px;border:1px solid #000000;font-family:Verdana, Arial, Helvetica, sans-serif;}
legend{color:#000000;font-size:11px;font-weight:bold;padding:0 4px 0 4px;}
label{clear:left;display:block;float:left;width:100px;text-align:right;font-size:12px;padding-right:10px;color:#000000;margin-bottom:0.5em;}
input{padding:0 2px;margin-bottom:0.3em;height:16px;font-size:12px;}
.text{border:1px solid #006699;}
select{border:1px solid #006699;margin-left:0.5em;}
input,.input{border:1px solid #006699;}
textarea{margin-left:0em;width:272px;height:auto;border:1px solid #006699;padding:0.5em;overflow:auto;}
option{}
optgroup{}
optgroup option{}
#button1{color:#FFFFFF;background-color:#006699;font-weight:bold;border:none;width:94px;height:27px;line-height:27px;text-align:center;}
#button2{color:#FFFFFF;background-color:#006699;font-weight:bold;border:none;width:89px;height:27px;line-height:27px;text-align:center;}
#button1:hover, #button2:hover{background-color:#0099FF;color:#FFFFFF;}

img.verisign {float:right; margin-top:20px; margin-right:25px;}
.stap1, .stap2, .stap3, .stap1a, .stap2a, .stap3a {background-image:url('../gfx/bestelimg.png'); width:27px; height:27px; float:left; display:block; margin-top:15px;}
.stap1 {background-position:0 0;}
.stap2 {background-position:-27px 0;}
.stap3 {background-position:-54px 0;}
.stap1a {background-position:0 -27px;}
.stap2a {background-position:-27px -27px;}
.stap3a {background-position:-54px -27px;}
#content p.stappen {float:left; display:block; margin-top:20px; font-family:Arial; font-size:11pt; padding:0 40px 0 20px}
#winkelmand {width:600px; font-family:Arial; border-collapse:collapse;}
#winkelmand th {padding:5px 0; text-align:left; color:#999999; font-weight:normal;}
#winkelmand td {padding:5px 0 5px 3px;}
#winkelmand .artikel {font-weight:bold;}
#winkelmand tr.volgend td {border-top:1px #cccccc solid;}
table.totaal {float:right; text-align:right; margin-right:74px; font-family:Arial; margin-top:40px;}
table.totaal tr td:first-child, table.totaal tr th:first-child {text-align:left; padding-right:10px;}
table.totaal td {color:#999999;}
#content p.offerte {float:left; margin-top:110px; text-align:left; padding-left:10px;}
#content a.terug {background-position:-81px 0; float:left; clear:both; margin-left:10px;}
#content a.volgende {background-position:-212px 0; float:right; margin-right:74px;}
a.terug, a.volgende, a.terug:hover, a.volgende:hover {background:url('../gfx/bestelimg.png'); width:113px; height:28px; display:block; color:white; text-decoration:none; padding:11px 0 0 17px; margin:20px 0 30px 0;}
p.loginnaam {color:#cccccc; font-size:11px; font-weight:bold; clear:both;}
#content hr {background-color:#cccccc; height:1px; margin-top:-10px; width:590px; margin-bottom:15px;} 
p.betaalmethode, p.tussentekst {font-size:11px; font-weight:bold;}
p.tussentekst {clear:both;}
textarea.referentie {width:530px;}
#content p.radiobuttons {float:left; color:#006699; font-weight:bold; padding:0 20px 3px 20px; font-size:13px;}
#content p.radiobuttons input {margin-right:5px; height:auto;}
table.registratie td{padding:1px;}
#form{padding:20px 20px 0 0;}
td.instructie { border:1px #006699 solid; background:white; width:250px; height:40px;}
#content input.submit {border:none; background:url('../gfx/bestelimg.png') -81px -39px; color:white; width:130px; height:27px; float:right; margin-right:74px;}
form.login input {float:right; margin-right:200px;}
#content p{padding:0px;}
td.instructie p{margin:10px;display:block; position:relative;}
div.bevestiging{text-align:center; color:#0099cc; font-weight:bold; background:white; border:1px #cccccc solid; padding:5px; width:536px; margin:0 0 0 10px;}
fieldset{padding:10px;margin-bottom:20px;border:1px solid #000000;font-family:Verdana, Arial, Helvetica, sans-serif;}
legend{color:#000000;font-size:11px;font-weight:bold;padding:0 4px 0 4px;}
label{clear:left;display:block;float:left;width:100px;text-align:right;font-size:12px;padding-right:10px;color:#000000;margin-bottom:0.5em;}
input{padding:0 2px;margin-bottom:0.3em;height:16px;font-size:12px;}
.text{border:1px solid #006699;}
select{border:1px solid #006699;margin-left:0.5em;}
input,.input{border:1px solid #006699;}
textarea{margin-left:0em;width:272px;height:auto;border:1px solid #006699;padding:0.5em;overflow:auto;}
option{}
optgroup{}
optgroup option{}
#button1{color:#FFFFFF;background-color:#006699;font-weight:bold;border:none;width:94px;height:27px;line-height:27px;text-align:center;}
#button2{color:#FFFFFF;background-color:#006699;font-weight:bold;border:none;width:89px;height:27px;line-height:27px;text-align:center;}
#button1:hover, #button2:hover{background-color:#0099FF;color:#FFFFFF;}
.clear {clear:both;}