@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
body, html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	color:#000000;
	overflow:hidden;
	/* Margin en padding nodig om Popup laag overlay te krijgen in IE 6, dus het liefst laten staan */
	margin:0px;
	padding:0px;
	}

a{ color:#002355; text-decoration:none;}
a:hover{ color:#ff3634; text-decoration:none;}
p{ margin:0 0 30px 0; padding:0px;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:44px; line-height:48px;}
h2{ font-size:38px; line-height:42px;}
h3{ font-size:32px; line-height:36px;}
h4{ font-size:26px; line-height:30px;}
h5{ font-size:20px; line-height:24px;}
h6{ font-size:14px; line-height:20px;}

h1, h2, h3, h4, h5, h6{ margin:0 0 15px 0; padding:0px;}

.pngfix{ behavior:url(http://www.rent-to-pay.be/Include/iepngfix.htc);}
.clear{ clear:both; height:0px;}
.transparantie_10{ filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1;}
.transparantie_20{ filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2;}
.transparantie_30{ filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.transparantie_40{ filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
.transparantie_50{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.transparantie_60{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.transparantie_70{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.transparantie_80{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.transparantie_90{ filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
.transparantie_100{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container_tabel{
	width:100%;	
	height:100%;
	vertical-align:middle;
	}
#container{
	width:987px;
	height:446px;
	margin:0px;
	padding:0px;
	position:relative;
	text-align:left;
	}
#links{
	width:298px;
	height:446px;
	margin:0px;
	padding:0px;
	float:left;
	}
#midden{
	width:300px;
	height:330px;
	margin:0px;
	padding:0px;
	float:left;
	overflow-y:auto;
	}
#rechts{
	overflow:hidden;
	width:365px;
	height:446px;
	margin:0 0 0 20px;
	padding:0px;
	float:right;
	}

/**************************************************************
** Style rechts
***************************************************************/

.menu_item.regel_1{
	position:relative;
	overflow:hidden;
	background:url(../Images/menu_btn.jpg);
	width:85px;
	height:86px;
	margin:0 34px 34px 0;
	padding:0px;
	float:left;
	text-align:center;
	text-transform:uppercase;
	line-height:86px;
	color:#ffffff;
	cursor:pointer;
	font-size:10px;
	font-weight: lighter;
	}

.menu_item.regel_1 #streep{
	position:absolute;
	left:1px;
	top:44px;
}

.menu_item.regel_1 #streep IMG{
	width:84px;
	height:1px;
	background-color:#97979b;
}


.menu_item.regel_1.aan{
	background:url(../Images/menu_btn_aan.jpg);
	color:#ffffff;
	cursor:pointer;
	}

.menu_item.regel_1.aan #streep IMG{
	width:84px;
	height:1px;
	background-color:#002356;
}

.menu_item.regel_1 a{
	color: #fff !important;
	display: block;
	height: 100%;
}


.menu_item.regel_2{
	background:url(../Images/menu_btn.jpg);
	width:85px;
	height:86px;
	margin:0 34px 34px 0;
	float:left;
	text-align:center;
	text-transform:uppercase;
	color:#ffffff;
	cursor:pointer;
	font-size:10px;
	font-weight: lighter;
	}
.menu_item.regel_2.aan{
	background:url(../Images/menu_btn_aan.jpg);
	color:#ffffff;
	cursor:pointer;
	}
	
.menu_item.regel_2 a{
	color: #fff !important;
	display: block;
	height: 57px;
	padding:29px 0 0 0;

}


.vlaggetje{
	width:20px;
	height:13px;
	position:absolute;
	top:-30px;
	right:42px;
}




.vlaggetje2{
	width:29px;
	height:23px;
	position:absolute;
	top:10px;
	right:10px;
}