/* Hoe de body er uit moet zien: */
body {
	font-size: 12px;
	color: #556674;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dcf0fc; 
}
	
h1, h2 {
	color: #FF0000;
}

.bgcolor_uitleg {
	background-image: url(../Grafisch/Background/kader_bg.gif);
}
	
.ster_style
{
	font-size: 12px;
	color: #333366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 3px;
}

.ster_style2
{
	font-size: 12px;
	color: #333366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 3px;
}

.loading_cloud{
	display: none;
	float: left;
	padding: 0 3px;
}

.font_kop1
{
	font-size: 20px;
	color: #273750;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Een classe die ingevoegd wordt bij ieder textfield. Hierin staan eigenschappen voor dat veld: */
.input-box {	
	background-color: #E9F5FE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #556674;
	border-style: solid;
	border-width: 1px;
	border-color: #BADEFC;
	float: left;
}

/* Eigenschappen van de textarea's */
textarea {
	background-color: #E9F5FE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #556674;
	border-style: solid;
	border-width: 1px;
	border-color: #BADEFC; }

/* Eigenschappen van de select boxes: */
select {
	background-color: #E9F5FE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #556674;
	border-style: solid;
	border-width: 1px;
	border-color: #BADEFC; }

/* Een classe die ingevoegd wordt bij de knoppen. Hierin staan eigenschappen van die knop: */
.input-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #556674;
	border: 1px solid #E9F5FE;
	background-color: #BADEFC;
}
.input-button2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #556674;
	border: 1px solid #A4D3FB;
	background-color: #E9F5FE;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}
		
/* Links: */
A:visited 			{ color: #FF0000; }
A:link 				{ color: #FF0000; }
A:hover				{ color: #990000; }
A:active 			{ color: #FF0000; }
A					{
	
	color: #FF0000;
}

/* Tabelopmaak: */
.bgkop {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #A4D3FB; }

/* Classes die worden ingevoegd in td's, tr's en table's. Ze geven de achtergrondkleur aan. */
.bgborder 	{ background-color: #BADEFC; }
.bgkleur1 	{
	background-color: #DBEEFD;
	color: #556674;
}
.bgkleur2 	{ background-color: #FFE6E6; }
.bgkleur3 	{ background-color: #BADEFC; }
.copyright 	{ font-size:12px; }
.stylesnelknop {
	font-size: 18px;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:underline;
	
}
.text_uitleg{
	font-size: 10px;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}
td.rechts
{
border-right-width:1px;
border-right-style:solid;
border-right-color:#E9F5FE;
}

a.knop_oumain {
display:inline-block;
background-image:url(../Grafisch/knopback_f01.gif);
background-repeat:no-repeat;
width:170px;
height:28px;
padding-top:3px;
	font-size: 16px;
	
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	text-align:center;

}
a.knop_oumain {

display:inline-block;
display: -moz-inline-block;
background-image:url(../Grafisch/knopback_f01.gif);
background-repeat:no-repeat;
width:170px;
height:28px;
padding-top:3px;
	font-size: 16px;
	
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	text-align:center;

}
a.knop_oumain:hover {

display: inline-block;
display: -moz-inline-block;
background-image:url(../Grafisch/knopback_f02.gif);
background-repeat:no-repeat;
width:170px;
height:28px;
padding-top:3px;
	font-size: 16px;
	
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;

}
/* FOOTER */
#footer-links
{
	font-size			: 11px;
	text-align			: center;
}
#footer-ip
{
	color				: #666;
	font-size			: 10px;
	text-align			: right;
}
#footer-payment-img
{
	text-align			: right;
	vertical-align		: bottom;
}

span#emailCloud{
	display: none;
	color: red;

}

.staptitel{
	margin: 0 0 20px 10px;
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

.top_stapper, .top_stapper2{
	position: relative;
	margin: 10px 0;
	text-align: center;
	width: 100%;
	height: 90px;
}

.top_stapper .stap1{
	position: absolute;
	background-image: url("../Grafisch/aanmelden_ouders/img_stappen_stap1.png");
	background-repeat: no-repeat;
	right: 110px;
	height: 90px; 
	width: 295px;
}

.top_stapper .stap1-2{
	position: absolute;
	background-image: url("../Grafisch/aanmelden_ouders/img_stappen_stap1.png");
	background-repeat: no-repeat;
	right: 70px;
	height: 90px; 
	width: 295px;
}

.top_stapper .stap2{
	position: absolute;
	background-image: url("../Grafisch/aanmelden_ouders/img_stappen_stap2.png");
	background-repeat: no-repeat;
	right: 110px;
	height: 90px; 
	width: 295px;
}

.top_stapper2 .stap1{
	position: absolute;
	background-image: url("../Grafisch/verlengen_adv/img_stappen_stap1.png");
	background-repeat: no-repeat;
	right: 110px;
	height: 90px; 
	width: 187px;
}

.top_stapper p{
	width: 150px;
	position: absolute;
	left: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
}

.top_stapper2 p{
	width: 175px;
	position: absolute;
	left: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
}

.promobox_aanmelden{
	margin: -270px 0 0 15px; 
}

.promobox_aanmelden .balloon{
	margin: 0 0 20px 0;
}

.promobox_aanmelden table{
	margin: 0 0 20px 0;
}

.promobox_aanmelden table tr td{
	margin: 0;
	padding: 0;
}

.promobox_aanmelden ul, .table_ul{
	padding: 0;
	margin: 0 0 0 25px;
}

.promobox_aanmelden ul li{
	list-style-image:url("../Grafisch/aanmelden_ouders/img_arrow_red.png");
	padding: 7px 0;
	font-size: 11px;
}

.promobox_aanmelden .sb_header{
	background-image: url("../Grafisch/aanmelden_ouders/bg_side_box_header.png");
	background-repeat: no-repeat;
	height: 38px; 
	width: 250px;
	text-align: center;
}

.promobox_aanmelden .sb_header span{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

.promobox_aanmelden .sb_body{
	background-image: url("../Grafisch/aanmelden_ouders/bg_side_box_body.png");
	background-repeat: repeat-y;
	height: 1px; 
	width: 250px;
}

.promobox_aanmelden .sb_body p{
	font-size: 12px;
	padding: 0 5px 0 15px;
}

.promobox_aanmelden .sb_footer{
	background-image: url("../Grafisch/aanmelden_ouders/bg_side_box_footer.png");
	background-repeat: no-repeat;
	height: 13px; 
	width: 250px;
}

.clear{
	clear: both;
}

.right{
	float: right;
}

.left{
	float: left;
}

.voorwaarden{
	margin: 10px 5px;
}

.oa_stap2_btn, .oa_stap3_btn{
	margin: 20px 0 10px 0;
	cursor: pointer;
}

.table_content{
	padding: 0 20px;
}

.table_content_ul{
	padding: 0 0 0 15px;
}

.table_stappen{
	position: relative;
	padding: 0 0 0 65px;
	margin: 0 0 30px 0;
}

.table_stappen .table_stappen_stap1{
	position: absolute;
	background-image: url("../Grafisch/aanmelden_ouders/img_point1.png");
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	height: 54px;
	width: 54px;
}

.table_stappen .table_stappen_stap2{
	position: absolute;
	background-image: url("../Grafisch/aanmelden_ouders/img_point2.png");
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	height: 54px;
	width: 54px;
}

.table_stappen .table_stappen_stap3{
	position: absolute;
	background-image: url("../Grafisch/aanmelden_ouders/img_point3.png");
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	height: 54px;
	width: 54px;
}

.table_content_header{
	font-size: 13px;
	font-weight: bold;
	color: #556674;
}

.table_header{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

.table_ul{
	padding: 0 15px 0 20px;
	margin: 5px 0 10px 0;
}

.table_ul li{
	list-style-image:url("../Grafisch/aanmelden_ouders/img_arrow_red.png");
	padding: 7px 0;
	font-size: 11px;
}

.step_ind{
	padding: 10px 0 0 0;
	margin: 0 30px 0 0;
}
.betaalwijze{
	position: relative;
}

.betaalwijze .pay_logo_ideal{
	position: absolute;
	background-image: url("../Grafisch/logoIdeal.gif");
	background-repeat: no-repeat;
	right: 10px;
	top: 10px;
	height: 28px;
	width: 32px;
}

.betaalwijze .pay_logo_mc{
	position: absolute;
	background-image: url("../Grafisch/LogoMC.gif");
	background-repeat: no-repeat;
	right: 50px;
	top: 65px;
	height: 20px;
	width: 32px;
}

.betaalwijze .pay_logo_buckaroo{
	position: absolute;
	background-image: url("../Grafisch/LogoBR.gif");
	background-repeat: no-repeat;
	right: 60px;
	top: 10px;
	height: 36px;
	width: 90px;
}

.betaalwijze .pay_logo_visa{
	position: absolute;
	background-image: url("../Grafisch/logoVISA.gif");
	background-repeat: no-repeat;
	right: 10px;
	top: 65px;
	height: 20px;
	width: 32px;
}

.betaalwijze ul{
	margin: 0;
	padding: 0;
}

.laatste_oppassers{
	margin: 10px 0 0 0;
	padding: 0;
}

.laatste_oppassers a{
	color: #556674;
}

.betaalwijze ul li{
	list-style-type: none;
	padding: 5px 0;
}

.laatste_oppassers li{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.betaalwijze span{
	margin: 0 0 0 23px;
}

.betaalwijze select{
	margin: 0 0 0 10px;
}

.table_header_p{
	margin: 3px 0 10px 0;
}

.red_arrow{
	margin: 0 5px 0 0;
}

.help_stappen{
	position: relative;
	padding: 0 0 20px 0;
}

.help_stappen .link{
	position: absolute;
	right: 0;
	bottom: 0;
}

.text-center{
	text-align: center;
	margin: 0 0 0 200px;
}

.alert_msg{
	color: #FF0000;
}

#_iframepay{
	display: none;
}

.oppassen_per_stad{
	width: 100%;
}

.oppassen_per_stad ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.oppassen_per_stad ul li{
	padding: 1px 0;
	margin: 0;
}

.oppassen_per_stad a{
	color: #556674;
}