@CHARSET "ISO-8859-1";
/*
Opmaak.css voor belcompany webshop
*/

.versionpicker select{
	font-size:14px;
	height:22px;
	margin-bottom: 4px;
	margin-top:22px;
	margin-left: 10px;
	}

.clear{
	clear:both;
}


.registreer div.label, .loginform div.label, .updatepass div.label, .fac_adres div.label, .siminfo div.label {
	width:140px;
	float:left;
	margin-top:4px;
	margin-right:5px;
}

.nummerbehoud div.label, .telenetklant div.label {
	width:170px;
	float:left;
	margin-top:4px;
	margin-right:5px;
}

.marginright15 {
  margin-right: 15px;
}

#leveradresform div.hint {
  color: #999999;
  font-style: italic;
  margin-top: 5px;
  margin-bottom: 17px;
}

.formveld{
	float:left;
	margin-bottom:2px;
}

.registreer input.busnummer, .registreer .postcode{
	width:30px;
}

 .registreer input.reg_veld, .loginform input.reg_veld, .updatepass .reg_veld, .fac_adres input.reg_veld, .siminfo input.reg_veld {
	 width:200px;
	 float:left;
	 height:13px;
	 font-size:11px;
	 border:1px solid #dcdcdc;
	 padding: 2px;
 }
 
.registreer input.bus,.registreer input.huisnummer, .leveradres input.bus, .leveradres input.huisnummer, .fac_adres input.huisnummer
	, .fac_adres input.bus {
	width:68px;
}

.registreer div.bus, .leveradres div.bus, .fac_adres div.bus{
	width:40px;
	text-align:right;
	margin-top:2px;
	margin-left: 5px;
}
 

 
 div.info
 {
 font-size:10px;
 }
 
.formerror{
	width:100%;
	background-color:#efefef;
	border:1px solid #dcdcdc;
	text-align:center;
	margin-bottom: 20px;
}

.formerror p{
	margin:10px;
}

.formerror a{
	color:#000;
}
.formerror a:hover{
	text-decoration:none;
}

.smllinfo{
	margin:0px;
	font-size: 11px;
	margin-top: 2px;
	
}


.margindiv_10{
	margin:10px;
}
	

  /* ------- */
 /* knoppen */
/* ------- */

.kooponline_nl{
	width: 89px;
	height: 26px;
	background-image:url("media/nl/KoopOnline.jpg");
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	margin-bottom: 5px;
	
}

.kooponline_nl_inactief{
	width: 89px;
	height: 26px;
	background-image:url("media/nl/KoopOnline.jpg");
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -52px;
	float:left;
	}

.kooponline_fr_inactief{
	width: 110px;
	height: 25px;
	background-image:url("media/fr/koop_online_inactive.jpg");
	background-repeat: no-repeat;
	display: block;
	float:left;
	}

.reserveer_winkel_nl{
	width: 150px;
	height: 26px;
	background-image:url("media/nl/ReserveerWinkel.jpg");
	background-repeat: no-repeat;
	display: block;	
	cursor: pointer;
}

.reserveer_winkel_nl_hover{
	background-position: 0px -26px;
}

.aantal_plus{
	width:25px;
	height:23px;
	display: block;
	background-image:url("media/aantal_plus.jpg");
	background-repeat: no-repeat;
	float:right;
	}

.aantal_plus:hover{
	background-position: 0px -23px
}

.aantal_min{
	width:25px;
	height:23px;
	display: block;
	background-image:url("media/aantal_min.jpg");
	background-repeat: no-repeat;
	float:left;
	}

.aantal_min:hover{
	background-position: 0px -23px
}


/* winkelmandje */

.onlineoverzicht{
	float:left;
	width:480px;
	margin-right: 5px;
}

.onlineoverzicht3{
	float:left;
	width:360px;
	margin-right: 5px;
	}
	
.onlineoverzicht4{
	float:left;
	width:380px;
	margin-right: 5px;
	}

.onlineoverzicht4 div.toestel{
	float:left;
	width:150px;
	}

.onlineoverzicht4 div.status{
	float:left;
	width:80px;
	text-align: center;
	}

.onlineoverzicht4 div.aantal{
	float:left;
	width:50px;
	text-align: center;
	}

.onlineoverzicht4 div.prijs{
	float:left;
	width:80px;
	}

.onlineoverzicht h2, .winkeloverzicht h2 {
background-color:#F1F1F1;
color:#5A5A5A;
font-size:14px;
margin:0 0 2px;
padding:7px;

}

.listheader{
	background-color: #e9eef1;
	height:20px;
	line-height:20px;
	padding: 0px 10px;
	margin-bottom:2px;
}

.listheader div{
	font-size: 11px;
	color:#979797;
}

.listheader2{
	background-color: #F5F5F5;
	height:20px;
	line-height:20px;
	padding: 0px 10px;
	margin-bottom:2px;
}

.bordered{
	padding:10px;
	border:1px solid #dcdcdc;
	-moz-border-radius:4px;
}

.onlineoverzicht3 div.toestel{
	width:170px;
	float: left;
	}

div.toestel{
	width:290px;
	float: left;
	}
div.aantal{
	text-align: center;
	width: 70px;
	float: left;
	}

div.aantal span{
	float:left;
	margin-left:6px;
}

div.prijs{
	text-align: right;
	width: 100px;
	float: left;
	}
	

.listbody{
	padding:0px 10px;
}

.productrow{
	line-height:25px;
	padding-top:2px;
	border-bottom:1px solid #EFEFEF;	
}

.productrow2{
	line-height:25px;
	padding-top:2px;	
}

.winkeloverzicht{
	float:left;
	width:480px;
}


.winkeloverzicht div.toestel{
	width:180px;
	float: left;
	}
.winkeloverzicht div.aantal{
	text-align: center;
	width: 70px;
	float: left;
	
	}
.winkeloverzicht div.aantal span{
	float:left;
	margin-left:6px;
	font-weight: bold;
}
.winkeloverzicht div.status{
	text-align: center;
	width: 140px;
	float: left;
	}
	
.winkeloverzicht div.prijs{
	text-align: right;
	width: 70px;
	float: left;
	}

.totaalprijs{
	float:right;
}

.float{
	float:left;
}

#kies_provincie{
	width:150px;
}

#kies_stad{
	margin-left:5px;
	width:305px;
}

.lor_rechts{
	float:left;
	width:400px;
}

.lor_links{
	float:left;
	width:400px;
}

.winkeloverzicht div.aantal span.aantalonly, .onlineoverzicht div.aantal span.aantalonly{
	margin:0px;
	float:none;
}

div.vest_info, .userdata{
	border:1px solid #CCC;
	padding:10px;
	-moz-border-radius:5px;
	margin-top: 5px;
	}


div.vest_info p,.userdata p{
	margin:3px 0px;
}

.vest_straat{
	font-weight: bold;
	color:#999;
	font-size:14px; 
	}

.vest_postcode, .vest_plaats{
	font-size:12px; 
	font-weight:bold;
	color:#999;
}



/* BASIC CLASSES */

.center{
	text-align:center;
}

.nofloat{
	float:none;
}

h1{
	color:#999;
}

.rightfloat{
	float:right;
}

.italic{
	font-style:italic;
	text-align: center;
}



/* */

div.stockinfo{
	line-height:12px;
}

span.bevestig_winkel{
	cursor: pointer;
}

.status_instock{
	font-size:10px;
	color:green;
	
}

.status_oos2{
	font-size:10px;
	color:red;
	
}

span.status_oos{
	font-size:9px;
	color:red;
}

span.info_mto a{
	font-size:9px;
	color:#777;
	text-decoration: underline;
}

span.info_mto a:hover{
	text-decoration: none;
}


.ajaxloader{
	display:none;
	float:left;
	width:140px;
	height:20px;
	width:20px;
	background-image: url("media/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position:center;
	}
	
	
.winkel_productstatus p{
	margin-top:6px;
	margin-bottom:0px;
}


a.tempknop,span.tempknop{
	color:#777;
	font-size:11px;
	text-decoration:none;
	padding:4px 8px;
	border:1px solid #ccc;
	background-color: #fafafa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
	background-image: url("media/tempknop_bg3.gif");
}


a.tempknop{
	display: block;
}

div.tempknop{
	color:#777;
	font-size:11px;
	text-decoration:none;
	padding:4px 8px;
	border:1px solid #ccc;
	background-color: #fafafa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
	background-image: url("media/tempknop_bg3.gif");
}

a.tempknop:hover{
	background-color: #E9EEF1;
	background-position: 0px -23px;
	}



.leveradres div.label{
	float:left;
	margin-top:4px;
	margin-right:5px;
}

.leveradres, .fac_adres{
	display: none;
	width:400px;
}




.lever_error, .winkelmanderror, .fac_error, .registratie_error, .wachtwoordgelijk_error, .geldigemail_error, .accept_voorwaarden, .abo_error {
	width:330px;
	padding:4px 10px;
	margin-bottom:5px;
	border:1px solid #EC1F2F;
	display: none;
	background-color: #f9e5e5;
}



.formveld, .reg_veld, .label , .clear{
	 *margin:0px;
}

.clear{
	height:2px;
}

.archief_title_row{
	border-bottom:1px solid #ededed;
}

.archief_date{
	float:left;
	width:100px;
	font-size: 12px;
	font-weight: bold;
}

.archief_bstl{
	float:left;
	width: 300px;
}

.archief_title{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;
	}

.archief_toestelrow{
	float:left;
	margin-left:100px;
	}
	
.archiefprijs{
	float:right;
	margin-left:10px;
}

.red td{
	color:red;
	font-weight: bold;
}

.product_knoppen_container{
	background-color: #f1f1ed;
	border:5px solid #e8e8e8; 
	margin:15px;
	padding:15px;
	padding-right: 5px;
	padding-left: 5px;
	}

.product_knoppen_container img{
	border:none;
	margin-right:15px;
}

.product_knoppen_container object{
	margin-right:0px;
}

.product_knoppen_container p{
	margin:0px;
}

.product_knoppen_container .knoppen_p{
	margin-top: 15px;
}

div.versie_links, div.versie_rechts{
	float:left;
	width:170px;
	text-align: left;
}

div.versie_links{
	text-align:right;
	padding-right: 10px;
	margin-top:4px;
}

form.versionpicker, form.versionpicker select{
	margin:0px;
	}

form.versionpicker select{
	border:none;
	
	}

.bigblue{
	font-size: 18px;
	color:#0057a2;
	margin-left: -1px;
}

.product_knoppen_container .knoppen{
	margin-top:15px;
	margin-left:110px;
	}
	

#popup{
	position:absolute;
	border:4px solid #d5d5d5;
	background-color:#FFF;
	width:360px;
	height:140px;
	margin-top:10px;
	text-align: center;
	padding:15px 5px;
	color:#575757;
	display:none;
	font-weight: bold;
	z-index: 100;
}

#popup a{
	font-weight:normal;
	color:#666666;
}

#popuphide {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
}

h3.blue{
	font-size: 14px;
	color:#0057a2;
}

.car-icon{
	background-image: url("media/icon_winkelkar2.gif");
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 60px;
	height: 110px;
	line-height: 110px;
	margin: 0px;
	margin-left: 20px;
}

.profiel_icon{
	background-image: url("media/icon_profiel.gif");
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 60px;
	height: 110px;
	line-height: 110px;
	margin: 0px;
	margin-left: 20px;
}

.voorwaarden{
	padding-left:10px;
	height: 110px;
	line-height: 110px;
	margin: 0px;
	font-size:18px;
	margin-left: 20px;
}

h2.normalblue{
	color:#015098;
}

.onlineoverzicht .icon_screen{
	background-image: url("media/icon_screen.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding-left:35px;
	height: 27px;
	line-height: 27px;
}


.winkeloverzicht .icon_winkel{
	background-image: url("media/icon_winkel.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding-left:35px;
	height: 27px;
	line-height: 27px;
}

#content{
	background-image:url("../graphics/gradient-achtergrond-grijs.gif");
	background-repeat: repeat-x;
}

.wiz_body_white{
	background-image:url("media/wiz_body_white.jpg");
	background-repeat: no-repeat;
	height: 41px;
	width: 129px;
	display: block;
	line-height: 41px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	float:left;
	}

.wiz_body_blue{
	background-image:url("media/wiz_body_blue.jpg");
	background-repeat: no-repeat;
	height: 41px;
	width: 129px;
	display: block;
	line-height: 41px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	float:left;
	}

.wiz_blue_to_white{
	background-image:url("media/wiz_blue_to_white.jpg");
	background-repeat: no-repeat;
	height: 41px;
	width: 24px;
	display: block;
	float:left;
	
	}
.wiz_white_to_blue{
	background-image:url("media/wiz_white_to_blue.jpg");
	background-repeat: no-repeat;
	height: 41px;
	width: 24px;
	display: block;
	float:left;
	
	}
.wiz_white_to_white{
	background-image:url("media/wiz_white_to_white.jpg");
	background-repeat: no-repeat;
	height: 41px;
	width: 24px;
	display: block;
	float:left;
	}

.wiz_end{
	background-image:url("media/wiz_end.gif");
	background-repeat: no-repeat;
	height: 41px;
	width: 25px;
	float: left;
	display: block;
}

.wiz_end_blue{
	background-image:url("media/wiz_end_blue.gif");
	background-repeat: no-repeat;
	height: 41px;
	width: 25px;
	float: left;
	display: block;
}

.wiz_start{
	background-image:url("media/wiz_start.jpg");
	background-repeat: no-repeat;
	height: 41px;
	width: 6px;
	float: left;
	display: block;
}

.car-icon2{
	background-image:url("media/icon_winkelkar3.gif");
	background-repeat: no-repeat;
	width:100px;
	height:40px;
	float: left;
	display: block;
	}

.car-icon2:hover{
	background-position: 0px -40px;
}

span.carholder{
	width:80px;
	height:40px;
	float: left;
	padding-left: 20px;
	}

h1.webshop{
	font-size: 20px;
	color:#0057a2;
	margin:10px 0px;
	font-weight: normal;
}

div.wizard_container{
	margin:0px 0px;
	padding: 30px 0px;
}

.smallpage{
	width:800px;
	margin-left: 100px;
}

.page_message{
	font-size: 14px;
	color:#999;
}

.floatleft{
	float:left;
}


.aantal .tempknop_aantal{
	color:#777;
	font-size:11px;
	text-decoration:none;
	width:20px;
	border:1px solid #ccc;
	background-color: #fafafa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
	background-image: url("media/tempknop_bg.gif");
	background-repeat: none;
	height:20px;
	float: left;
	line-height: 20px;
	margin-left: 5px;
}

.aantal .tempknop_aantal:hover{
	background-color: #E9EEF1;
	background-image: url("media/tempknop_bg_r.gif");
	}
	

.margin_ten{
	margin: 15px;
}
	

.archief_tab_container{
	background-image: url("media/archief_tabs.jpg");
	width: 967px;
	height: 36px;
	background-repeat: none;
	font-size: 12px; 
	font-weight: bold;
	margin-bottom: 15px;
}

.archief_tab_container2{
	background-image: url("media/archief_tabs2.jpg");
	width: 967px;
	height: 36px;
	background-repeat: none;
	font-size: 12px; 
	font-weight: bold;
	margin-bottom: 15px;
}

.archief_tab_container .tab_links a,.archief_tab_container .tab_rechts a, .archief_tab_container2 .tab_links a,
.archief_tab_container2 .tab_rechts a{
	color:#333;
	text-decoration: none;
}

.archief_tab_container .tab_links a:hover,.archief_tab_container .tab_rechts a:hover,
.archief_tab_container2 .tab_links a:hover,.archief_tab_container2 .tab_rechts a:hover{
	color:#015098;
}

.tab_links{
	float: left;
	width: 150px;
	height: 36px;
	line-height: 38px;
	text-align: center;
}

.tab_rechts{
	float: left;
	width: 165px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}



.archief_datum{
	width: 80px;
	float: left;
	margin-left: 5px;
	height:20px;
	display: block;
	
}

.archief_toestel{
	width: 190px;
	float: left;
}

.archief_leverstatus{
	width: 100px;
	float: left;
	text-align: center;
}

.archief_prijs{
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 5px;
}

.listheader3{
	background-color: #e9eef1;
	height:20px;
	line-height:20px;
	padding: 0px 0px;
	margin-bottom:2px;
	color:#999;
}

.archief_datumheader{
	background-color: #f5f5f5;
	height: 20px;
	line-height: 20px;
	padding: 0px 0px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 4px;
	}

.archief_t_totaalprijs{
	float: right;
}

.orange{
	color:orange;
}

.blue{
	color:blue;
}

.red{
	color:red;
}

h2.blue{
	font-size: 18px;
	color:#0057a2;
	margin-top: 20px;
	font-weight: normal;
}

h2.red{
	font-size: 18px;
	color:#red;
	font-weight: normal;
}

.smallpage2{
	width:820px;
	margin-left: 80px;
}

.kolom{
	float: left;
	width:410px;
}

.marginknop{
	margin:20px 0px;
}

.wm_profielknop{
	float: right;
	margin-right: 70px;
	margin-top:40px;
	background-image: url("media/icon_profiel_smll.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 40px;
	padding-top:15px;
	height:26px;
}

.wm_winkelkarknop{
	float: right;
	margin-right: 70px;
	margin-top:40px;
	background-image: url("media/icon_winkelkar_smll.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 35px;
	padding-top:10px;
	height:30px;
}

.wm_pixelicon{
	background-image: url("media/wm_pixelicon.gif");
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-bottom: 5px;
	padding-top:2px;
	}

.promocheckbox{
	margin-right:15px;
	}

span.oos 
{
	color:red;
	float:left;
	font-size:11px;
	margin-left:4px;
	margin-top:6px;
}

p.mto{
	margin:6px 0px;	
}

p.mto a{
	color:#777;
	font-size:10px;
	text-decoration: none;	
}


a.tempknop2,span.tempknop2{
	color:#777;
	font-size:11px;
	text-decoration:none;
	padding:2px 8px;
	border:1px solid #ccc;
	background-color: #fafafa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
	background-image: url("media/tempknop_bg3.gif");
}

a.tempknop2:hover{
	background-color: #E9EEF1;
	background-position: 0px -23px;
	}

div.aborow{
	margin-left:10px;
	margin-top:0px;
	line-height: 25px;
	color:#AAA;
	}

div.abokorting{
	float: right;
	text-align: right;
	}

#content .errorfield{
	background-color: #fff6f6;
	border:1px solid #ff3e3e; !important;
	}

.abogrey{
	color:#AAAAAA;
	font-size:11px;
	font-weight: normal;
}

.order_orange{
	color:orange;
	font-size:11px;
	font-weight: normal;
	}

.order_green{
	color:green;
	font-size:11px;
	font-weight: normal;
	}

.order_red{
	color:red;
	font-size:11px;
	font-weight: normal;
	}

.btwlist{
	float:left;
	
	}
	
#btwnummer{
	width:145px;
	margin-left:5px;
	}

.voorbeeld_left{
	color:#AAAAAA;
	font-size:10px;
	height: 15px;
	line-height: 15px;
	text-align: right;
}

.voorbeeld_right{
	color:#AAAAAA;
	font-size:10px;
	height: 15px;
	line-height: 15px;
	text-align:left;
	margin-top:4px;
}

.webshopboxtoptext{
	width:285px;
	}

.numberlist{
	list-style-type:decimal;
	
	}

.btwvermelding{
	color:#888;
	text-align: right;
	}

.knopcontainer{
	float:left;	
}

#popup .noblock{
	display: inline;
}
	
.newknop_con{
	margin: 0px;
	float:left;
	cursor:pointer;
	margin-top:-5px;
	*margin-top:-6px;
	margin-right: 2px;
	}

.newknop_con a {
	color:#777;
	font-size:11px;
	text-decoration:none;
	border:1px solid #ccc;
	background-color: #fafafa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
	background-image: url("media/tempknop_bg.gif");
	background-repeat: repeat-x;
	line-height: 25px;
	margin-left: 5px;
	padding:4px 8px;
	}

.newknop_con a:hover {
	background-image: url("media/tempknop_bg_r.gif");
	}

#winkel_bevestig_knop{
	margin-top:3px;
	}
	
	
.loadbar{
	/*background-image:url("media/ajax-loader.gif");
	background-position:center;
	background-repeat: no-repeat; */
	color:#333;
}

.loadscreen{
	background-image:url("media/ajax-loader.gif");
	background-position:center;
	background-repeat: no-repeat; 
	}