

/*BASIS STIJLEN*/

html,body{
	margin:						0px;
	padding:						0px;
	font-family: 				Arial, Verdana;
	font-size: 					12px;
	line-height: 				18px;
	}
  
td{
	margin:						0;
	padding:						0;
	font-family: 				Arial, Verdana;
	font-size: 					12px;
	line-height: 				18px;
	vertical-align: 			top;
	}
  
a{
	color: 						#000000;
  	text-decoration:			underline;
	}

a:hover{
	color:						#000000;
	text-decoration:			none;
	}
		
h1{
	font-size:					18px;
	padding:						0px;
	margin:						15px 0px 5px 0px;
	font-weight: 				normal;
	font-family:				Trebuchet MS, Tahoma,  Arial, Verdana;
	color:						#254F81;
	letter-spacing: 			-1px;
	}
	
h1 a, h1 a:hover{
	text-decoration:			none;
	color:						#254F81;
	}
  
h2{
	font-size: 					18px;
	padding: 					0px;
	margin: 						0px;
	font-weight: 				normal;
	font-family: 				Trebuchet MS, Tahoma,  Arial, Verdana;
	color:						#FFFFFF;
	letter-spacing: 			-1px;
	width: 						183px;
	}
  
h2 a, h2 a:hover{
	display: 					block;
	text-decoration:			none;
	color:						#FFFFFF;
	width: 						183px;
	}

h3{
	font-size: 					18px;
	padding: 					0px;
	margin: 						0px;
	margin: 						0px;
	font-weight: 				normal;
	font-family: 				Trebuchet MS, Tahoma,  Arial, Verdana;
	color:						#FFFFFF;
	letter-spacing: 			-1px;
	width: 						414px;
	}

h3 a, h3 a:hover{
	display: 					block;
	text-decoration:			none;
	color:						#FFFFFF;
	width: 						414px;
	}

h4, h4 a, h4 a:hover{
	font-size: 					18px;
	padding: 					0px;
	margin: 						0px;
	margin: 						0px;
	font-weight: 				normal;
	font-family: 				Trebuchet MS, Tahoma,  Arial, Verdana;
	color:						#952B1D;
	letter-spacing: 			-1px;
	}

.blauwe_zin, .blauwe_zin a {
	font-size: 					12px;
	font-weight: 				normal;
	font-family: 				Trebuchet MS, Tahoma,  Arial, Verdana;
	color:						#254F81;
	}
	
ul{
	margin:						0px;
  	padding:						0px 0px 0px 20px;
	}

li{
	list-style-image: 		url(http://www.hypotheekofferte.nl/images/bullet.gif);
	list-style-position: 	outside;
	margin:						0px;
  	padding:						0px;
	line-height: 				normal;		/*Firefox*/
	_line-height: 				19px;			/*IE*/	
	}

img{
	border: 						0px;
	padding: 					0px;
	margin:	 					0px;
	}
	
/*EIGEN STIJLEN*/

div#body{
	text-align:					center;
	position:					absolute;
	top:							10px;
	left:							0;
	width:						100%;
	}

div#kader{
	text-align:					left;
	margin-left:				-450px;
	position:					absolute;
	left:							50%;
	width:						900px;         /* 2*|div#inner{margin-left}| */
	height:						auto;        	/* 2*|div#inner{top}|         */
	padding-bottom: 			15px;
	}

.slogan{
	background-image: 		url(http://www.hypotheekofferte.nl/images/hypotheekofferte_foto_kop.jpg);
	background-repeat: 		no-repeat;
	height: 						130px;
	width: 						900px;
	padding:						0px 280px 0px 0px;
	vertical-align: 			middle;
	text-align: 				right;
	}	

.slogan_nieuw { 
	background-image:url(http://www.hypotheekofferte.nl/images/hypotheekofferte_foto_kop_nieuw.jpg);
	text-align: left;
}

.slogan a, .slogan a:hover{
	font-family:				Trebuchet MS, Tahoma,  Arial, Verdana;
	font-weight: 				bold;
	line-height: 				28px;
	letter-spacing: 			-2px;
	color: 						#254F81;
	font-size: 					25px;
	text-decoration: 			none;
	}	
	
.slogan_nieuw a, .slogan_nieuw a:hover{
	color: 						#fff;
	font-size: 					22px;
	}
	
.type_bezoeker{
	padding-right:				20px;
	}

.layout{
	margin-top:					10px;
	width: 						900px;
	}

.index_links{
	border-top:					1px solid #cccccc;
	border-left:				1px solid #cccccc;
	background-color:			#F3F3F3;
	width: 						180px;
	padding-top:				13px;
  }
  
.content{
	width: 						495px;
	border-top:					1px solid #cccccc;
	border-right:				1px solid #cccccc;
	/*padding: 					0px 20px 4px 20px;*/
	}
	
#test{
	margin:	 					5px 20px 4px 20px;	
	}

.index_bottom{
	background-image:			url(http://www.hypotheekofferte.nl/images/hypotheekofferte_hoek_grijs.gif);
	background-repeat:		no-repeat;
	background-position: 	bottom left;
	height: 						16px;
	}
	
.content_bottom{
	background-image:			url(http://www.hypotheekofferte.nl/images/bottom_content.gif);
	background-repeat:		no-repeat;
	background-position: 	bottom right;
	height: 						16px;
	}
  
.index_rechts{
	width: 						225px;
	}
	 
.col1{
	padding-right:				20px;
	}
	
.site_coach{
	background-image:			url(http://www.hypotheekofferte.nl/images/hypotheekofferte_siteassit.gif);
	background-repeat:		no-repeat;
	width:						538px;
	height:						62px;
	vertical-align:			middle;
	text-align:					right;
	color:						#FFFFFF;
	font-weight:				bold;
	font-size:					12px;
	padding-right:				28px;
	}  

.site_coach a{
	color:						#FFFFFF;
	text-decoration:			none;
	}

.site_coach a:hover{
	color:						#FFFFFF;
	text-decoration: 			underline;
	}
    
#kop_1-4{
	text-align:					left;
	border-top:					1px solid #CCCCCC;
	border-right:				1px solid #CCCCCC;
	border-left:				1px solid #CCCCCC;
	width: 						183px; /*Firefox*/
/*	_width: 						183px; /*IE*/
	height:						26px;
	background-color:			#952B1D;
	display: 					block;
	padding:						4px 12px 0px 12px;	/*Firefox*/
	_padding:					8px 12px 0px 12px;	/*IE*/
	margin:						0px;
	background-image: 		url(http://www.hypotheekofferte.nl/images/hypotheekofferte_verder_rood.gif);
	background-position: 	right;
	background-repeat: 		no-repeat;
	}

#kop_1-4.none{
	background-image: 		none;
	cursor:						default;
	}  
.txt_1-4{
	border-right: 				1px solid #CCCCCC;
	border-left: 				1px solid #CCCCCC;
	width: 						183px;
/*	_width: 						183px;*/
	text-align: 				left;
	display: 					block;
	padding:						4px 12px 6px 12px;
	margin:						0px;
	}

.bottom_1-4{
	border-right:				1px solid #cccccc;
	height:						16px;
	width:						208px;
	background-image:			url(http://www.hypotheekofferte.nl/images/hypotheekofferte_hoek_wit.gif);
	background-repeat:		no-repeat;
	background-position:		bottom left;
	display: 					block;
	margin-bottom: 			15px;
	}	

.bottom_1-4_home{
	border-right:				1px solid #cccccc;
	height:						16px;
	width:						208px;
	background-image:			url(http://www.hypotheekofferte.nl/images/hypotheekofferte_hoek_wit.gif);
	background-repeat:		no-repeat;
	background-position:		bottom left;
	display: 					block;
	}	
	
.txt_1-4 a{
	text-decoration: 			none;
	}
	
.txt_1-4 a:hover{
	text-decoration: 			underline;
	}
	
.txt_1-4_grijs{
	border-right: 				1px solid #CCCCCC;
	border-left: 				1px solid #CCCCCC;
	width: 						183px;
/*	_width: 						183px;*/
	text-align: 				left;
	padding:						4px 12px 6px 12px;
	margin:						0px;
	background-color: 		#F3F3F3;
	}

.txt_1-4_grijs a{
	text-decoration: 			none;
	}
	
.txt_1-4_grijs a:hover{
	text-decoration: 			underline;
	}

#kop_1-2{
	text-align: 				left;
	border-top: 				1px solid #CCCCCC;
	border-right: 				1px solid #CCCCCC;
	border-left: 				1px solid #CCCCCC;
	width: 						414px;
	text-align: 				left;
	height:						26px;
	background-color:			#254F81;
	display:						block;
	padding:						4px 12px 0px 12px;
	_padding:					8px 12px 0px 12px;
	margin-top: 				15px;
	background-image: 		url(http://www.hypotheekofferte.nl/images/hypotheekofferte_verder_blauw.gif);
	background-position: 	right;
	background-repeat: 		no-repeat;
	}

.txt_1-2{
	border-right: 				1px solid #CCCCCC;
	border-left: 				1px solid #CCCCCC;
	width: 						414px;
	text-align: 				left;
	padding:						4px 12px 0px 12px;
	margin:						0px;
	}
  
.bottom_1-2{
	border-right: 				1px solid #cccccc;
	height: 						16px;
	width: 						439px;
	text-align: 				left;
	background-image: 		url(http://www.hypotheekofferte.nl/images/hypotheekofferte_hoek_wit.gif);
	background-repeat: 		no-repeat;
	background-position: 	bottom left;
	}
  
.menu{
	margin: 						4px 0px 0px 0px;
	padding: 					0px;
	color: 						#FFFFFF;
	list-style:					none;
	display: 					block;
	}
  
.menu li{
	height: 						30px;
	width: 						174px; /*Firefox*/
/*	_width: 						174px; /*IE*/
	float: 						left;
	border-right: 				1px solid #FFFFFF;
	list-style-image: 		none;
	}

.item1, .item1 a, .item1 a:hover{
	font-size:					11px;
	background-color: 		#254F81;
	border-bottom: 			1px solid #254F81;
	color:						#FFFFFF;
	text-decoration: 			none;
	padding-left:				5px;
}

.item2, .item2 a, .item2 a:hover{
	font-size:					11px;
	background-color: 		#2774B6;	
	border-bottom: 1px solid #2774B6;	
	color:						#FFFFFF;
	text-decoration: 			none;
	padding-left:				5px;
	}

.item3, .item3 a, .item3 a:hover{
	font-size:					11px;
	background-color: 		#5FA8FD;	
	border-bottom: 1px solid #5FA8FD;	
	color:						#FFFFFF;
	text-decoration: 			none;
	padding-left:				5px;
	}
	
.item4, .item4 a, .item4 a:hover{
	font-size:					11px;
	background-color: 		#A5D5F2;
	border-bottom: 1px solid #A5D5F2;
	color: 						#254F81;
	text-decoration: 			none;
	padding-left:				5px;
	}
  
.item5, .item5 a, .item5 a:hover{
	font-size:					11px;
	background-color:			#CDECF2;
	border-bottom: 1px solid #CDECF2;
	color:						#254F81;
	text-decoration: 			none;
	padding-left:				5px;
	}
	
#kruimel{
	_margin-top: -4px;
	margin-bottom: 			10px;
	}

.tab1, .tab2, .tab3, .tab4, .tab5{
	font-family: 				Trebuchet MS, Tahoma,  Arial, Verdana;
	position:					absolute;
	font-size:					18px;
	padding:						5px 0px 0px 0px;
	margin:						0px;
	letter-spacing: 			-1px;
	font-weight: 				normal;
	}
  
.tab1 a, .tab2 a, .tab3 a, .tab4 a, .tab5 a, .tab1 a:hover, .tab2 a:hover, .tab3 a:hover, .tab4 a:hover, .tab5 a:hover{
	display: 					block;
	font-size:					18px;
	} 
	
.sub_kop, .sub_kop a, .sub_kop a:hover{
	font-weight: 				bold;
	}
	
.footer{
	background-image: 		url(http://www.hypotheekofferte.nl/images/footer.gif);
	background-repeat: 		no-repeat;
	background-position: 	bottom;
	height: 						30px;
	color:						#254F81;
	font-size: 					10px;
	text-align: 				center;
	vertical-align: 			middle;
	line-height: 				13px;
	padding: 					15px 0px 0px 0px; 
	}

.grafiek_table{
	width: 						100%;
	}
	
.grafiek{
	width:						50%;
	padding:						16px 10px 0px 16px;
	}	
	
.footer a, .footer a:hover{
	color:						#254F81;
	text-decoration: 			underline;	
	}
	
#print_mail{
	float: 							right;
	margin-top: 					10px;
}	
	
#lees_verder, #lees_verder a{
	margin:						0px;
	padding: 					0px;
	font-weight: 				bold;
	text-align: 				right;
	}

#subnav{
	background-color: 		#F3F3F3;
	width: 						180px;
}

#subnav_link a {
	font-size: 					12px;
	color: 						#000000;
	border-bottom: 			1px solid #FFFFFF;
	text-decoration: 			none;
	display: 					block;
	padding: 					5px 5px 5px 10px;
	margin:						0px;
}
#subnav_link a.sel {
	background-color: 		#FFFFFF;
}
	
#subnav_link a:hover {
	font-size: 					12px;
	background-color: 		#FFFFFF;
	display: 					block;
}
	
#list_index{
	background-color: 		#ffffff;
	}
 
#list_index li, #list_index li a{
	text-decoration: 			underline;
	margin-left: 				5px;
	padding: 					2px 0px 2px 0px;
	}

#list_index li a:hover{
	text-decoration: 			none;
	}

.link_blink a, .link_blink a:hover{
	font-weight: 				bold;
	}
 
#sub_kop, #sub_kop li, .sub_kop a:hover{
	font-weight: 				bold;
	}

#tip1, #tip1 a, #tip1 a:hover{
	background-color: 		#5FA8FD;
	color:						#FFFFFF;
	}

#tip2, #tip2 a, #tip2 a:hover{
	background-color:			#CDECF2;
	color:						#254F81;
	}
	
.line { border-bottom: 1px solid #FFF; }
