/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif;}
img{border:0px;}
br.clear{clear:both;}
html{}
body{background:#fbfbfb url(../images/back.png) repeat-x; font-size:12px;}

.formtag {font-weight:bold;height:25px;width:200px;}

.ordererror {color:red;border:1px red dotted;padding:5px;margin-top:20px;font-weight:bold;}

.optionprovider
{
	background: #B33159;
	color: white;
}

#text {
	font-size: 13px;
	margin-left: 25px;
	margin-top: 20px;
	width: 730px;
}
#text ul {
	padding-left:30px;
	list-style: disc;
}

#text li {
	padding-left:20px;
}

.formerror {
	color: red;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

input, textarea {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 300px;
}

#loading {
	font-size: 13px;
	color: #A2254C;
	text-align: center;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{background:url(../images/back_repeat.png) repeat-y; margin:auto; width:1034px;}
#container .back{background:url(../images/top_back.png) no-repeat;}


/************************************************************************************************/
/*header*/
/************************************************************************************************/
#header {position:relative; height:130px;}

#header h1{position:absolute; top:0; left:0; background:url(../images/shopinternet.png) no-repeat; width:363px; height:93px; text-indent:-6000px;}
#header h2{position:absolute; top:54px; right:30px; font-size:24px; color:#c4c4c4;}

#header .select{position:absolute; top:0; right:10px; background:url(../images/select_box.png) no-repeat; width:338px; height:55px; }
#header .select select{border:1px solid #7f9db9; margin: 6px 0px 0px 30px; padding:2px; width:278px;font-size:13px;}

#header ul{position:absolute; right:65px; bottom:6px; list-style:none;}
#header ul li{display:inline; float:left;}
#header ul li a{font-size:12px; color:#404040; text-decoration:none; text-transform:uppercase;}
#header ul li a:hover{color:#9c9c9c;}
#header ul li span{display:block; float:left; background:url(../images/separation.png) no-repeat; margin-top:-13px; width:37px; height:20px;}


/************************************************************************************************/
/*content*/
/************************************************************************************************/
#content{margin:auto; width:985px;}


/************************************************************************************************/
/*left*/
/************************************************************************************************/
#left{position:relative; float:left; margin: -25px 0px 0px -5px; width:190px; overflow: hidden;}

#left ul{list-style:none;}
#left ul li{background:url(../images/green_stripe.png) no-repeat bottom; padding:10px 0px 10px 0px; width:196px; text-align:center;}
#left ul li a{border:none;}
#left ul li span{display:none; margin:5px;}
#left ul li:hover span{display:inline;}

/*dealer*/
#left .dealer{padding:13px; font-size:13px;}
#left .dealer h3{margin-bottom:10px; font-size:13px; font-weight:normal; color:#949494;}
#left .dealer a{color:#383838; text-decoration:none;}
#left .dealer a:hover{text-decoration:underline;}

#left .dealer .big{font-size:15px;}
#left .dealer .bigger{font-size:18px;}
#left .dealer .biggest{font-size:20px;}


/************************************************************************************************/
/*right*/
/************************************************************************************************/
#right{float:left; font-size:13px; width: 790px;overflow: hidden;}

/*steps*/
#right .steps{position:relative; color:#353535; height:189px;}
#right .steps h3{margin-bottom:10px; font-size:12px; color:#474747; width:170px;}
#right .steps ul{list-style:none;}
#right .steps ul li{display:block; padding:0px 0px 5px 0px;}
#right .steps ul li input{vertical-align:middle;}

#right .step1{position:absolute; top:0; left:0; background:url(../images/step1.png) no-repeat; padding: 20px 22px 20px 33px; width:267px; height:100%;}

#right .step2{position:absolute; top:0; left:267px; background:url(../images/step2.png) no-repeat; padding: 20px 22px 20px 22px; width:256px; height:100%;}

#right .step3{position:absolute; top:0; left:523px; background:url(../images/step3.png) no-repeat; padding: 20px 22px 20px 24px; width:266px; height:100%;}
#right .step3 .postcode{margin:20px 0px 4px 0px;}
#right .step3 span{display:block; float:left; padding:3px 0px 3px 0px; width:80px;}
#right .step3 input{border:none; padding:3px;}
#right .step3 input.f1{background:url(../images/field1.png) no-repeat; width:77px; height:15px; vertical-align:middle;;}
#right .step3 input.f2{background:url(../images/field2.png) no-repeat; width:30px; height:15px; vertical-align:middle;}
#right .step3 input.f3{background:url(../images/field3.png) no-repeat; width:67px; height:15px; vertical-align:middle;}
#right .step3 button{background:url(../images/search.png) no-repeat; border:none; width:49px; height:21px; text-indent:-6000px; vertical-align:middle;cursor:pointer;}

#right .step3_2{position:absolute; top:0; left:523px; background:url(../images/step3_2.png) no-repeat; padding: 20px 22px 20px 24px; width:266px; height:100%;}
#right .step3_2.postcode{margin:20px 0px 4px 0px;}
#right .step3_2 span{display:block; float:left; padding:3px 0px 3px 0px; width:80px;}
#right .step3_2 input{border:none; padding:3px;}
#right .step3_2 input.f1{background:url(../images/field1.png) no-repeat; width:77px; height:15px; vertical-align:middle;;}
#right .step3_2 input.f2{background:url(../images/field2.png) no-repeat; width:30px; height:15px; vertical-align:middle;}
#right .step3_2 input.f3{background:url(../images/field3.png) no-repeat; width:67px; height:15px; vertical-align:middle;}
#right .step3_2 button{background:url(../images/search.png) no-repeat; border:none; width:49px; height:21px; text-indent:-6000px; vertical-align:middle;cursor:pointer;}

/*box*/
#right .box ul{list-style:none; }
#right .box ul li{float:left; margin-top:-3px;}


/************************************************************************************************/
/*footer*/
/************************************************************************************************/
/*menu*/
#footer .menu{position:relative; background:url(../images/bottom_bar.png) no-repeat; height:70px;}

#footer .menu ul{position:absolute; top:29px; left:430px; list-style:none;}
#footer .menu ul li{display:block; float:left;}
#footer .menu ul li a{font-size:12px; color:#404040; text-decoration:none; text-transform:uppercase;}
#footer .menu ul li a:hover{color:#9c9c9c;}
#footer .menu ul li span{display:block; float:left; background:url(../images/separation.png) no-repeat; margin-top:-13px; width:37px; height:20px;}

/*bottom*/
#footer .bottom{position:relative; padding-top:5px}
#footer .bottom h4{position:absolute; top:10px; left:40px; background:url(../images/shopinternet_bottom.gif) no-repeat; width:196px; height:45px; text-indent:-6000px;}

#footer .bottom ul{margin-left:253px; padding-top:10px; list-style:none;}
#footer .bottom ul li{display:block; float:left; background:url(../images/dots.png) repeat-y; margin-top:-31px; padding-bottom:0px; height:87px;}
#footer .bottom ul li ul{margin:0px;}
#footer .bottom ul li ul li{float:none; margin:0px; padding:0px 10px 0px 10px; width:230px; height:auto;}
#footer .bottom ul li ul li.first{margin-bottom:5px; font-weight:bold; color:#383838;}
#footer .bottom ul li ul li a{color:#6a6a6a; text-decoration:none;}
#footer .bottom ul li ul li a:hover{text-decoration:underline;}
#footer .bottom ul li ul li span{color:#7abf16;}

/************************************************************************************************/
/*Pakketten*/
/************************************************************************************************/
#pakketten { width: 795px; background: url("../images/pakket_background.jpg") repeat-y; min-height: 300px; height: auto !important; height: 300px; margin-left: -10px; float: left; }
#pakketteninner { width: 685px; min-height: 300px; height: auto !important; height: 300px; margin-left: 0px; padding: 50px; background: url("../images/pakket_top.jpg") no-repeat; position: relative; float: left; }
#pakkettenfooter{ width: 685px; height: 44px; margin-left: 0px; padding-left: 50px; padding-right: 50px; background: url("../images/pakket_footer.jpg") no-repeat; position: absolute; left: 0; bottom: 0; float: left; }
/* table styles */
table.pakket { font: normal 12px arial; color: #000; line-height: 20px; margin-top: 10px; width: 100%; }
table.specitable { font: normal 12px arial; color: #000; line-height: 20px; margin-top: 10px; width: 100%; }
table.specitable td.buttonspecial { padding: 0px; width: 230px; }
table.specitable { width: 540px;}
table.minispecitable { font: normal 12px arial; color: #000; line-height: 20px; margin-top: 10px; width: 100%; }
table.minispecitable td.buttonspecial { padding: 0px; width: 230px; }
table.minispecitable { width: 700px;}
table.pakket td { padding-left: 10px; padding-right: 10px; }
table.specitable td { padding-left: 10px; padding-right: 10px; }
tr.pricepink { background: #efd1de;	margin-top: 10px; line-height: 30px; height: 30px; }
td.space160 { width: 160px;	}
td.space240 { width: 240px;	}
td.space40 { width: 40px; }
td.space100 {width: 100px; }
td.space60 { width: 60px; }
td.td130 { width: 150px; overflow: hidden; }
td.td500 { width: 500px; }
.lila { background: #d6c3c9; }
/* pakketlogo */
#pakketteninner div.pakketlogo {position: absolute;right: 65px;top: 120px;	}
div.pakketreview div.pakketlogo {position: absolute;right: 65px;top: 70px;	}
div.pakketlogo img {border: none;	}
/* pakket review */
div.pakketreview {width: 540px; text-align:justify;height: 140px;padding: 30px 220px 30px 50px;background: url("../images/pakket_review.jpg") no-repeat;color: #474747;position: relative;margin: 0 0 10px -10px;float: left;}
div.pakketreview  p {margin-top: 10px;	}
/************************************************************************************************/
/*styles*/
/************************************************************************************************/
.note { font-size: 32px; margin: 5px; }
.gray {background: #ececec;	}
.bigone {font: bold 20px "franklin gothic medium", arial;	color: #454545;margin-bottom: 5px;}
.bigone2 {font: bold 20px "franklin gothic medium", arial;	color: #454545;margin-bottom: 0px;}
.smallone {font: bold 12px  arial;	color: #515151;margin-bottom: 5px;}
.lightgreen {color: #74c400;	}
a .lightgreen {color: #74c400;	}
.lightgreen a{color: #74c400;	}
.lightgreen a b{color: #74c400;	}
.lightgreen b a{color: #74c400;	}
.size12 { font-size: 14px;padding-top: 5px;padding-bottom: 5px;}
span.blackbold { color: #000;font-size: 12px; }
a {text-decoration: none;color: #616161;	}
a:hover {text-decoration: underline;}
a b{text-decoration: none;color: #262626;	}
b a{text-decoration: none;color: #262626;	}
a.q{color: #FF0000;	font: bold 15px arial;margin-left: 5px;}
a.q:hover{text-decoration: none;}
span.s {text-decoration: line-through;}
p { margin-top: 10px; margin-bottom: 10px; }
.lineh25 { line-height: 25px; }
div.negmarge { margin-top: -15px; float: left; }
/************************************************************************************************/
/*algemeen*/
/************************************************************************************************/
div.optionbuttons2{float: right;margin-top: 10px;display: inline;}
div.optionbuttons{float: right;display: inline;}
a.bestel {height: 15px;width: 50px;background: url("../images/button_bestel.jpg") ;float: left;margin-left: 2px;display: inline;}
a.meerinfo {height: 15px;width: 72px;background: url("../images/button_meerinfo.jpg") ;float: left;margin-left: 2px;display: inline;}
a.overstappen {height: 15px;width: 92px;background: url("../images/button_overstappen.jpg") ;float: left;margin-left: 2px;display: inline;}
/************************************************************************************************/
/*postcode check*/
/************************************************************************************************/
div.shadowblock {width: 696px;height: 201px;padding: 30px 50px 30px 50px;background: url("../images/shadowblock.jpg") no-repeat;color: #474747;position: relative;margin: 0 0 10px -10px;float: left; }
div.checkinformatie {position:absolute; top:70px; left:350px;  width:400px; height:130px;}
#right .checkit {position:absolute; top:40px; left:30px; background: url("../images/postcodecheck.jpg") no-repeat; padding: 25px 22px 20px 24px; width:266px; height:100%;}
#right .checkit .postcode{margin:20px 0px 4px 0px;}
#right .checkit span{display:block; float:left; padding:3px 0px 3px 0px; width:80px;}
#right .checkit input{border:none; padding:3px;}
#right .checkit input.f1{background:url(../images/field1.png) no-repeat; width:77px; height:15px; vertical-align:middle;;}
#right .checkit input.f2{background:url(../images/field2.png) no-repeat; width:30px; height:15px; vertical-align:middle;}
#right .checkit input.f3{background:url(../images/field3.png) no-repeat; width:67px; height:15px; vertical-align:middle;}
#right .checkit button{background:url(../images/search.png) no-repeat; cursor: pointer; border:none; width:49px; height:21px; text-indent:-6000px; vertical-align:middle;}
/************************************************************************************************/
/*review*/
/************************************************************************************************/
div.minishadowblock {width: 525px;height: 105px;padding: 20px 220px 10px 50px;background: url("../images/minishadowblock.jpg") no-repeat;color: #474747;position: relative;margin: 0 0 10px 0px;float: left;}
div.pakketreview  p {margin-top: 10px;	}
div.minishadowblock div.specitable { width: 800px; }
p.reviewsmall { display: block; width: 500px; }
div.star { background: url("../images/staricon.jpg") no-repeat; width: 16px; height: 14px;  float: left; display: inline; }
div.star div{ background: url("../images/staricon2.jpg") no-repeat; height: 14px;  float: left; display: inline;}
/************************************************************************************************/
/*bestellen*/
/************************************************************************************************/
ul.stappenplan { list-style: none; }
ul.stappenplan li { float: left; margin-right: 5px; }
ul.stappenplan li a{ color: #000; }
ul.stappenplan li.active a{ font-weight: bold; }
input.field { border: solid 1px #555; height: 15px;}
input.radio { margin: 5px 5px 0 0}
div.stapnav{float: left; margin-top: 20px; display: inline; width: 100%; clear: both;}
div.stapnav div.backto {float: left;}
div.stapnav div.goto {float: right;}
h6 { font: 10px arial; }
a.bt1, a.bt2, a.bt3, a.bt4, a.t2, a.t3, a.t4, a.t5 { height: 26px; width: 143px; display: block; }
a.bt1 { background: url("../images/button_backtostep1.jpg") no-repeat; }
a.bt2 { background: url("../images/button_backtostep2.jpg") no-repeat; }
a.bt3 { background: url("../images/button_backtostep3.jpg") no-repeat; }
a.bt4 { background: url("../images/button_backtostep4.jpg") no-repeat; }
a.t2 { background: url("../images/button_tostep2.jpg") no-repeat; }
a.t3 { background: url("../images/button_tostep3.jpg") no-repeat; }
a.t4 { background: url("../images/button_tostep4.jpg") no-repeat; }
a.t5 { background: url("../images/button_tostep5.jpg") no-repeat; }
ul.uwbestelling { color: #74c400; margin-left: 20px; margin-top: 10px; }