/* CSS Document */

body{
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	color:#6A6B6C;
	font-size:11px;
	font-family:Arial, Microsoft sans-serif, Helvetica;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

a{
	text-decoration:underlined;
	color:#2F4F8B;
	font-weight:bold;
}

a:hover{
	text-decoration:none;
	color:#2F4F8B;
	font-weight:bold;
}

#container{
	position:relative;
	width:994px;
	margin-left:auto;
	margin-right:auto;
}

#top{
	position:relative;nummer
	width:994px;
	height:150px;
	background-image:url(../images/dvw/bg_top.jpg);
	background-repeat:no-repeat;
}
#top2{
	position:relative;
	width:994px;
	height:258px;
	background-image:url(../images/bg_top.jpg);
	background-repeat:no-repeat;
}
#top3{
	position:relative;
	width:994px;
	height:258px;
	background-image:url(../images/bg_top3.jpg);
	background-repeat:no-repeat;
}

#top4{
	position:relative;
	width:994px;
	height:258px;
	background-image:url(../images/bg_top4.jpg);
	background-repeat:no-repeat;
}

#top #submenu, #top2 #submenu, #top3 #submenu, #top4 #submenu{
	position:relative;
	width:980px;
	height:18px;
	padding-top:12px;
	padding-right:14px;
	font-weight:bold;
	text-align:right;
	padding-bottom:71px;
}

#top #submenu a , #top2 #submenu a , #top3 #submenu a , #top4 #submenu a{
	text-decoration:none;
	color:#6A6B6C;
}

#top #submenu a:hover , #top2 #submenu a:hover , #top3 #submenu a:hover , #top4 #submenu a:hover{
	text-decoration:none;
	color:#2F4F8B;
}

#top #header , #top2 #header , #top3 #header , #top4 #header{
	position:relative;
	padding-left:5px;
	width:984px;
	height:94px;
}

#top #buttons , #top2 #buttons , #top3 #buttons , #top4 #buttons{
	position:relative;
	padding-left:43px;
	width:900px;
	height:63px;
}

#midle{
	position:relative;
	width:984px;
	background-image:url(../images/bg_midle.jpg);
	background-repeat:repeat-y;
	padding-left:5px;
	padding-right:5px;
}


#left{
	position:relative;
	width:984px;
	background-image:url(../images/dvw/bg_left.jpg);
	background-repeat:no-repeat;
	float:left;
}

#left #menu{
	position:relative;
	width:175px;
	padding-left:25px;
	float:left;
	padding-top:34px;
}
#left #menu .menu{
	padding-left:19px;
}

#left #content{
	position:relative;
	width:749px;
	float:right;
	padding-top:0px;
	padding-right:13px;
}

#left #content .titel{
	position:relative;
	width:468px;
	height:19px;
	background-image:url(../images/bg_titel.jpg);
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:4px;
	font-weight:bold;
	font-size:12px;
}

#left #content .blok{
	position:relative;
	width:447px;
	border-left:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	padding:15px;
}

#left #content .blok .b_left{
	position:relative;
	width:274px;
	float:left;
}

#left #content .blok .b_right{
	position:relative;
	width:154px;
	float:right;
}

#left #content .blok .b_right2{
	position:relative;
	width:220px;
	float:right;
}

#left #content .blok .b_right a, #left #content .blok .b_right2 a{
	text-decoration:none;
	color:#6A6B6C;
}

#left #content .blok .b_right a:hover, #left #content .blok .b_right2 a:hover{
	text-decoration:none;
	color:#2F4F8B;
}

/*two row product show*/
#left #content .titel_dvw{
	width:358px;
	height:19px;
	background-image:url(../images/bg_titel_dvw.jpg);
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:4px;
	font-weight:bold;
	font-size:12px;
}

#left #content .blok_dvw{
	position:relative;
	width:337px;
	border-left:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	padding:15px;
}

#left #content .blok_dvw .b_left{
	position:relative;
	width:215px;
	float:left;
}

#left #content .blok_dvw .b_right{
	position:relative;
	float:right;
}

#left #content .blok_dvw .b_right2{
	position:relative;
	width:220px;
	float:right;
}

#left #content .blok_dvw .b_right a, #left #content .blok_dvw .b_right2 a{
	text-decoration:none;
	color:#6A6B6C;
}

#left #content .blok_dvw .b_right a:hover, #left #content .blok_dvw .b_right2 a:hover{
	text-decoration:none;
	color:#2F4F8B;
}
/*end*/

#right{
	position:relative;
	width:252px;
	float:right;
}


#right .righttitel2{
	position:relative;
	width:218px;
	height:29px;
	background-image:url(../images/bg_righttitel2.jpg);
	background-repeat:no-repeat;
	padding-left:19px;
	color:#355694;
	font-weight:bold;
	font-size:15px;
	padding-top:16px;
}

#right .rightcontent{
	position:relative;
	width:219px;
	background-image:url(../images/bg_rightcontent.jpg);
	background-repeat:repeat-y;
	padding-left:9px;
	padding-right:9px;
	font-weight:bold;
}

#right .rightcontent #leftc{
	position:relative;
	width:65px;
	margin-right:8px;
	float:left;
	padding-left:11px;
}

#right .rightcontent #rightc{
	position:relative;
	width:130px;
	float:left;
}

#right .rightcontent #rightc p{
	margin:0px;
	padding:0px;
}

#right .rightcontent #rightc .yes{
	margin-top:0px;
	padding:0px;
	margin-bottom:15px;
}

#right .righttitel{
	position:relative;
	width:218px;
	height:19px;
	background-image:url(../images/bg_righttitel.jpg);
	background-repeat:no-repeat;
	padding-left:19px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding-top:7px;
}

#right .rightcontent{
	position:relative;
	width:219px;
	background-image:url(../images/bg_rightcontent.jpg);
	background-repeat:repeat-y;
	padding-left:9px;
	padding-right:9px;
	font-weight:bold;
}

#right .rightbottom{
	position:relative;
	width:237px;
	height:13px;
	background-image:url(../images/bg_rightbottom.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
}



#dvh_left .righttitel{
	position:relative;
	width:170px;
	height:19px;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#31528E;
	font-weight:bold;
	font-size:14px;
	padding-top:3px;
}

#dvh_left .rightcontent{
	position:relative;
	width:170px;
	color:#31528E;
	background-repeat:repeat-y;
	padding-left:9px;
	padding-right:9px;
	font-weight:bold;
}

#dvh_left .rightbottom{
	position:relative;
	width:237px;
	height:13px;
	color:#31528E;
	/*background-image:url(../images/bg_rightbottom.jpg);*/
	background-repeat:no-repeat;
	margin-bottom:10px;
}



.leftitem{
	position:relative;
	width:90px;
	float:left;
	height:20px;
	padding-left:7px;
	color:#31528E;
}

.rightitem{
	position:relative;
	width:55px;
	float:right;
	height:20px;
	text-align:right;
	padding-right:8px;
	color:#31528E;
}

#bottom{
	position:relative;
	width:934px;
	height:23px;
	background-image:url(../images/bg_bottom.jpg);
	background-repeat:no-repeat;
	padding-left:60px;
	padding-top:36px;
	font-size:12px;
}

#bottom2{
	position:relative;
	width:934px;
	height:23px;
	background-image:url(../images/bg_bottom2.jpg);
	background-repeat:no-repeat;
	padding-left:60px;
	padding-top:81px;
	font-size:12px;
}

.btn{
	position:relative;
	width:113px;
	height:28px;
	background-image:url(../images/btn_red.jpg);
	background-repeat:no-repeat;
	cursor: pointer; 
	cursor: hand;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-left:15px;
	margin-bottom:5px;
}
.btn_dvw{
	position:relative;
	width:101px;
	height:28px;
	background-image:url(../images/btn_red3.jpg);
	background-repeat:no-repeat;
	cursor: pointer; 
	cursor: hand;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-left:15px;
	margin-bottom:5px;
}

.prijs{
	position:relative;
	margin-left:8px;
	padding:3px;
	color:#F81E1E;
	font-weight:bold;
	border:1px solid #E9E9E9;
	width:74px;
	margin-bottom:8px;
}

.details{
	position:relative;
	width:113px;
	height:28px;
	background-image:url(../images/btn_red2.jpg);
	background-repeat:no-repeat;
	cursor: pointer; 
	cursor: hand;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding-top:5px;
	padding-right:20px;
	
	float:right;
	text-decoration:none;
}

.afrekenen{
	position:relative;
	width:77px;
	height:28px;
	background-image:url(../images/btn_blue.jpg);
	background-repeat:no-repeat;
	cursor: pointer; 
	cursor: hand;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding-top:5px;
	padding-left:12px;
	float:right;
	text-decoration:none;
}



.clear{
	clear:both;
	height:0px;
}

img{
	border:0px;
}

/* OVERZICHTPAGINA */

#left #content .overblok{
	position:relative;
	width:718px;
	padding-bottom:20px;
}

#left #content .overblok .dummy{
	position:relative;
	width:229px;
	height:19px;
	float:left;
	padding-left:11px;
	padding-top:4px;
}

#left #content .overblok .titelover{
	position:relative;
	width:229px;
	height:19px;
	background-image:url(../images/bg_titelover.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left:11px;
	padding-top:4px;
	font-weight:bold;
	font-size:12px;
	color:#000;
}

#left #content .overblok .overcontent{
	position:relative;
	width:238px;
	height:186px;
	float:left;
	border-left:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	text-align:center;
}



#left #content .opleidingen{
	position:relative;
	width:479px;
	padding-bottom:20px;
}

#left #content .opleidingen .titelover{
	position:relative;
	width:438px;
	height:19px;
	background-image:url(../images/bg_titelover_wide.jpg);
	background-repeat:repeat;
	float:left;
	padding-left:11px;
	padding-top:4px;
	font-weight:bold;
	font-size:12px;
	color:gray;
}

#left #content .opleidingen .overcontent{
	position:relative;
	width:437px;
	float:left;
	border-left:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#left #content .opleidingen .opleiding_titel{
  color: red;
  font-weight:bold;
  font-size:14px;
}

#left #content .opleidingen .opleiding_button{
  padding-bottom:10px;
}

#left #content .opleidingen_sub{
	position:relative;
	width:460px;
	padding-bottom:20px;
}

#left #content .opleidingen .titelover_sub{
	position:relative;
	width:414px;
	height:19px;
	background-image:url(../images/bg_titelover_opleidingen.jpg);
	background-repeat:repeat;
	float:left;
	padding-left:11px;
	padding-top:4px;
	font-weight:bold;
	font-size:12px;
	color:gray;
}

#left #content .opleidingen .overcontent_sub{
	position:relative;
	width:413px;
	float:left;
	border-left:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}



#left #content .opleidingen_sub .opleiding_titel{
  color: red;
  font-weight:bold;
  font-size:14px;
}

#left #content .opleidingen_sub .opleiding_button{
  padding-bottom:10px;
  margin-left:185px;
}


.prijs2{
	position:absolute;
	bottom:20px;
	right:0px;
	border-left:1px solid #E3E3E3;
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	width:71px;
	height:17px;
	color:#F81E1E;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	text-align:right;
}

#left #content .overblok .titelover2{
	position:relative;
	width:228px;
	height:19px;
	background-image:url(../images/bg_titelover2.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left:11px;
	padding-top:4px;
	font-weight:bold;
	font-size:12px;
	color:#000;
}

#left #content .overblok .overcontent2{
	position:relative;
	width:238px;
	height:186px;
	float:left;
	border-bottom:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	text-align:center;
}

.ganaar{
	position:absolute;
	bottom:0px;
	left:0px;
	width:216px;
	height:18px;
	border-top:1px solid #E1E1E1;
	text-align:right;
	background-image:url(../images/bg_rightarrow.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F6F4F4;
	padding-right:20px;
	font-size:12px;
	color:#355694;
	font-weight:bold;
	padding-top:3px;
}

.ganaar a{
	color:#355694;
	text-decoration:none;
}

.ganaar a:hover{
	color:#355694;
	text-decoration:underline;
}

/* BESTELWIZARD */

#left #content .blanko{
	position:relative;
	width:477px;
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	border-left:1px solid #E1E1E1;
}

#stap1{
	width:477px;
	background-image:url(../images/stap1.jpg);
	background-repeat:no-repeat;
	height:51px;
	margin-bottom:20px;
}	

#stap2{
	width:477px;
	background-image:url(../images/stap2.jpg);
	background-repeat:no-repeat;
	height:51px;
	margin-bottom:20px;
}

#stap3{
	width:477px;
	background-image:url(../images/stap3.jpg);
	background-repeat:no-repeat;
	height:51px;
	margin-bottom:20px;
}

#betaal{
	width:430px;
	padding-left:20px;
	padding-right:27;
	font-size:12px;
	font-weight:bold;
}

#betaal hr{
	height:2px;
	color:#3E5B93;
	background-color:#3E5B93;
	border:0px solid red;
}

#betaal .nummer{
	position:relative;
	float:left;
	height:19px;
	width:15px;
	border:1px solid #949494;
	padding-top:2px;
	text-align:center;
	margin-right:6px;
	margin-bottom:3px;	
}

#betaal .om{
	position:relative;
	float:left;
	height:18px;
	width:270px;
	padding-top:5px;
	margin-bottom:3px;
}

#betaal .geld{
	position:relative;
	float:left;
	height:19px;
	width:93px;
	padding-top:5px;
	text-align:right;
	margin-bottom:3px;
}

#betaal .kruis{
	position:relative;
	float:left;
	height:18px;
	width:16px;
	padding-left:15px;
	padding-top:5px;
	margin-bottom:3px;
}


#betaal .nummer_subitem{
	position:relative;
	float:left;
	height:19px;
	width:15px;
	border:1px solid #949494;
	padding-top:2px;
	text-align:center;
	margin-right:6px;
	margin-bottom:3px;	
}

#betaal .om_subitem{
	position:relative;
	float:left;
	height:18px;
	width:270px;
	padding-top:5px;
	margin-bottom:3px;
	margin-left:10px;
}

#betaal .geld_subitem{
	position:relative;
	float:left;
	height:19px;
	width:93px;
	padding-top:5px;
	text-align:right;
	margin-bottom:3px;
}

#betaal .kruis_subitem{
	position:relative;
	float:left;
	height:18px;
	width:16px;
	padding-left:15px;
	padding-top:5px;
	margin-bottom:3px;
}

#betaal #betaalwijze{
	position:relative;
	float:left;
	width:273px;
	padding-left:6px;
	height:19px;
	font-size:12px;
	color:#2F4F8B;
	font-weight:bold;
}

#betaal #selecteer{
	position:relative;
	float:left;
	width:150px;
	height:19px;
	padding-bottom:90px;
	text-decoration:none;
}

#betaal #selecteer select{
	width:150px;
	height:19px;
	border-left:1px solid red;
	border-right:1px solid red;
	border-top:1px solid red;
	border-bottom:1px solid red;
	font-size:11px;
}







#opleidingafrekenen{
	width:430px;
	padding-left:20px;
	padding-right:27;
	font-size:12px;
	font-weight:bold;
}

#opleidingafrekenen hr{
	height:2px;
	color:#3E5B93;
	background-color:#3E5B93;
	border:0px solid red;
}

#opleidingafrekenen .checkbox{
	position:relative;
	float:left;
	padding-top:6px;
	_padding-top:3px;
	border:0px solid #949494;
	text-align:center;
	margin-right:10px;
}

#opleidingafrekenen .om{
	position:relative;
	float:left;
	height:18px;
	width:280px;
	padding-top:5px;
	margin-bottom:3px;
}

#opleidingafrekenen .geld{
	position:relative;
	float:left;
	height:19px;
	width:93px;
	padding-top:5px;
	text-align:right;
	margin-bottom:3px;
}

#opleidingafrekenen .kruis{
	position:relative;
	float:left;
	height:18px;
	width:16px;
	padding-left:15px;
	padding-top:5px;
	margin-bottom:3px;
}

#opleidingafrekenen #opleidingafrekenenwijze{
	position:relative;
	float:left;
	width:273px;
	padding-left:6px;
	height:19px;
	font-size:12px;
	color:#2F4F8B;
	font-weight:bold;
}

#opleidingafrekenen #selecteer{
	position:relative;
	float:left;
	width:150px;
	height:19px;
	padding-bottom:90px;
	text-decoration:none;
}

#opleidingafrekenen #selecteer select{
	width:150px;
	height:19px;
	border-left:1px solid red;
	border-right:1px solid red;
	border-top:1px solid red;
	border-bottom:1px solid red;
	font-size:11px;
}




.gaverder{
  z-index:100;
	position:absolute;
	width:160px;
	height:28px;
	right:20px;
	bottom:15px;
	background-image:url(../images/btn_red_w_r.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
	float:left;
	cursor: pointer; 
	cursor: hand;
  text-decoration:none;
  margin: 0;
  padding: 0;
  border: 0;
}
.gaterug{
	z-index:100;
	position:absolute;
	width:160px;
	height:28px;
	bottom:15px;
	background-image:url(../images/btn_red_w_l.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
	float:left;
	cursor: pointer; 
	cursor: hand;
  text-decoration:none;
  margin: 0;
  padding: 0;
  border: 0;
}
.no_arrow{
	z-index:100;
	position:absolute;
	width:160px;
	height:28px;
	bottom:15px;
	background-image:url(../images/btn_red_w.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;
	padding-left:20px;
	float:left;
	cursor: pointer; 
	cursor: hand;
  text-decoration:none;
  margin: 0;
  padding: 0;
  border: 0;
}

a .gaverder , a .gaterug {
	text-decoration:none;
}


.input {
  border:     1px solid black;
  width:      290px;
}

.error{
  border:     1px solid red;
  background: #FFCCCC;
  width:      290px;
}
.popup{
  border:     1px solid black;
  width:      190px;
}
.error_popup{
  border:     1px solid red;
  background: #FFCCCC;
  width:      190px;
}



#left #content #h2css_red,#left #content #h2css_blue{
	font-size:24px;
	font-weight:bold;
	margin-top:18px;
	margin-bottom:15px;
	padding:0px;
}

#left #content #h2css_red{
	color:red;
}

#left #content #h2css_blue{
	color:#355694;
}