@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}

body{
	height:100%;
	padding:0px;
	margin:0px;
	text-align:center;
	background-image:url(/images/background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
}

div#container{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:900px;
}

div#header{
	height:315px;
	width:900px;
	background-image:url(/images/header.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	text-align:right;
	float:left;
}

div#header_left{
	width:288px;
	height:315px;
	float:left;
	text-align:left;
}

div#header_right{
	width:612px;
	height:255px;
	padding-top:60px;
	float:left;
	text-align:right;
}

div#container_content{
	width:900px;
	float:left;
	background-color:#ffffff;
}

div#container_main{/*Hoofdpagina afbeelding anders*/
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/bg_content.jpg);
	background-repeat:repeat-y;
	float:left;
}

div#container_main_top{/*Hoofdpagina afbeelding anders*/
	width:900px;
	background-image:url(/images/top_content.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	float:left;
}

div#container_main_bottom{/*Hoofdpagina afbeelding anders*/
	width:900px;
	background-image:url(/images/onder_content.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	float:left;
}

div#menu{
	width:149px;
	height:250px;
	float:left;
}

div#container_text{
	width:733px;
	padding:10px 4px 20px 14px;
	float:left;
	text-align:left;
}

div#footer{
	width:900px;
	height:120px;
	margin-top:6px;
	float:left;
}

div#snelknop1{
	width:400px;
	height:100px;
	text-align:left;
	float:left;
}

div#snelknop2{
	width:400px;
	height:100px;
	text-align:right;
	float:right;
}

div#datum{
	width:900px;
	height:18px;
	float:left;
	text-align:left;
	background-image:url(/images/footer_backgroundline.jpg);
	background-repeat:repeat-x;
	background-position:center left;
}

div#hoofdpagina{
	width:497px;
	padding-right:10px;
	float:left;
}

div#klant{
	width:226px;
	float:left;
	height:340px;
	/*background-image:url(/images/invoer.jpg);
	background-repeat:no-repeat;
	background-position:140px left;*/
}

/* Onderstaande code voor het mouseover effect bij het menu */

#home, #home:visited {
	background-image:url(/images/home.jpg);
}
#overons, #overons:visited {
	background-image:url(/images/overons.jpg);
}
#verzekeringen, #verzekeringen:visited {
	background-image:url(/images/verzekeringen.jpg);
}
#hypotheken, #hypotheken:visited {
	background-image:url(/images/hypotheken.jpg);
}
#financieringen, #financieringen:visited {
	background-image:url(/images/financieringen.jpg);
}
#pensioenen, #pensioenen:visited {
	background-image:url(/images/pensioenen.jpg);
}
#directverzekeren, #directverzekeren:visited {
	background-image:url(/images/directverzekeren.jpg);
}
#klantenservice, #klantenservice:visited {
	background-image:url(/images/klantenservice.jpg);
}
#digitalepolismap, #digitalepolismap:visited {
	background-image:url(/images/digitalepolismap.jpg);
}
#contact, #contact:visited {
	background-image:url(/images/contact.jpg);
}

.rollover span.alt {
	display:none;
}
.rollover img {
	border:none;
}
.root .rollover img {
	display:block;
}

.rollover {
	background-color:transparent !important; /* needed for Opera5/6 */
	background-repeat:no-repeat;
	background-position:0 0;
}
.rollover:hover, .rollover:focus, .rollover.MMO {
	background-position:0 -23px;
}
a.webdesign {font-size: 9pt;color: #777;text-decoration: none}
