/* Style sheet voor HM Pensioenadvies        */
/* Gemaakt door 2C Communication Consultancy */

body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	background:#e7f3f8 url(images/layout/content_left_column.gif) repeat-y scroll 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}

a:link {color:#005b81;}
a:visited {color:#415f6b;}
a:hover {color:#00bbff;}

#header {
	position:absolute;
	top:0;
	left:0;
	height:105px;
	width:100%;
	background: #375c6b url(images/layout/header_left.gif) no-repeat scroll 0 0;
	margin-bottom:0;
}
#header #headerright {
	height:105px;
	margin-left:367px;
	background: url(images/layout/header_right.jpg) no-repeat scroll 0 0;
}
#menu {
	position:absolute;
	top:105px;
	left:0;
	height:85px;
	width:100%;
	background:white url(images/layout/menu_back.gif) repeat-y scroll 0 0;  
}
#menu ul {
	margin-left:3px;
	padding-top:12px;
	height:20px;
	width:950px;
	list-style-type: none;
	font-weight:bold;
	font-size:95%;
	font-family:Arial, Helvetica, sans-serif;
}
#menu ul li {
	padding-left:19px;
	margin-left:0;
	padding-bottom:11px;
	display:block;
	float: left;
}
#menu ul li a {
	color:#005b81;
	text-decoration:none;
	padding-bottom:6px;

}
#menu ul li a.active,#menu ul li a:hover {
	color: #00bbff;
	border-bottom:5px solid #00bbff;
}
h1 {
	position:absolute;
	top:165px;
	left:208px;
	font-size:50%;
	height:50px;
}
.replace{
	position:relative;
	margin:0px;
	padding:0px;
	/* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
	visibility: inherit;
      /* */
}
.replace span{
	display:block;
	position:absolute;
	top:2px;
	left:1px;
	z-index:1; /*for Opera  5 and 6*/
} 
#h1home span{height:25px; width:324px; background-image: url(images/headings/hm_pensioenadvies.gif) } 
#h1finplan span{height:33px; width:321px; background-image:  url(images/headings/financiele_planning.gif)}
#h1pensioen span{height:25px; width:150px; background-image:  url(images/headings/pensioen.gif)} 
#h1hypo span{height:34px; width:203px; background-image:  url(images/headings/hypotheken.gif)} 
#h1goudhand span{height:25px; width:299px; background-image:  url(images/headings/gouden_handdruk.gif)} 
#h1inkvoor span{height:33px; width:396px; background-image:  url(images/headings/inkomensvoorzieningen.gif)} 
#h1wiezw span{height:33px; width:209px; background-image:  url(images/headings/wie_zijn_wij.gif)} 
#h1bedrverz span{height:33px; width:476px; background-image:  url(images/headings/bedrijfsmatige_verzekeringen.gif)}
#h1contct span{height:33px; width:129px; background-image:  url(images/headings/contact.gif)} 
#h1offerte span{height:33px; width:294px; background-image:  url(images/headings/offerte_aanvragen.gif)} 
#h1route span{height:33px; width:298px; background-image:  url(images/headings/routebeschrijving.gif)} 

#content {
	position:relative;
	margin-top:140px;
	padding-top:10px;
	margin-left:208px;
	padding-right: 308px;
	padding-bottom:30px;
}

.biljetten {
	background:transparent url(images/biljetten.jpg) no-repeat top right;
}
.vulpen {
	background:transparent url(images/vulpen.jpg) no-repeat top right;
}
.calculator {
	background:transparent url(images/calculator.jpg) no-repeat top right;
}
#content .kolom {
	float:left; width:47.5%; margin-right:2%;
}
#content .kolom2 {
	float:left; width:47.5%;
}
#content .homepageblok {
	margin-bottom:20px; padding:0 10px 10px 10px; border:1px solid #a6d1b9; 
	background: #e2f6eb url(images/homeback2.jpg) no-repeat top left;
}
#content .homepageblok2 {
	margin-bottom:20px; padding:0 10px 10px 10px; border:1px solid #c5e0eb; 
	background: #d5eaf3 url(images/homeback1.jpg) no-repeat top right;
}

#content .meerinfo {
	width:auto;
	border: 1px solid #c5e0eb;
	padding: 12px 12px 4px 12px;
	background-color:white;
}
#content h2 {
	font-size:130%;
	color:#375c6b;
}
#content h3 {
	font-size:100%;
	padding-top:0;
	color:#375c6b;
}
#content img.offerte {
	margin-left:-11px;
}