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

/* --- BODY MET STICKY FOOTER --- */
html, #wrap {height: 100%;}

body {
	margin: 				0;
	padding: 				0;
	height: 				100%;
}

body > #wrap {
	height: 				auto; 
	min-height: 			100%;
}

#wrap {
	width: 					1004px;
	margin:					auto;
	}

#main {
	float:					left;
	width:					1004px;
	background-image:		url(../images/BgMain.gif);
	background-repeat:		no-repeat;
	background-position:	0px -10px;
	overflow:				auto;
	padding-bottom: 		50px; /*moet dezelfde hoogte zijn als de footer */
}  

#footer {
	position: 				relative;
	width:					1004px;
	margin-top: 			-50px; /* negatieve waarde van de footerwaarde */
	margin-left:			auto;
	margin-right:			auto;
	height: 				50px;
	clear:					both;
} 

/*Opera Fix*/
body:before {
	content:				"";
	height:					100%;
	float:					left;
	width:					0;
	margin-top:				-32767px;/
}



/* --- HEADER --- */
#header-swf {
	float:					left;
	width:					111px;
	height:					56px;
}

#header-logo {
	float:					left;
	width:					893px;
	height:					56px;
}


/* --- MENU HEADER --- */
#menu {
	float:					left;
	width:					1004px;
	height:					20px;
	background-image: 		url(../images/BgMenu-top.jpg);
}


/* --- INDELING MENU HEADER --- */
#mh-leeg {
	float:					left;
	width: 					584px;
}

.mh-streep {
	float:					left;
	width:					17px;
}

#mh-home {
	float:					left;
	width:					61px;
	padding-top:			4px;
	text-align:				center;
}

#mh-nieuws {
	float:					left;
	width:					52px;
	padding-top:			4px;
	text-align:				center;	
}

#mh-verzekering {
	float:					left;
	width:					97px;
	padding-top:			4px;
	text-align:				center;	
}

#mh-contact {
	float:					left;
	width:					52px;
	padding-top:			4px;
	text-align:				center;
}

#mh-agenten {
	float:					left;
	width:					56px;
	padding-top:			4px;
	text-align:				center;
}


/* --- HEADER BALK LEEG (SMALL 10PX) --- */
#header-leeg-small {
	float:					left;
	height:					10px;
	width:					1004px;
}


/* --- MENU HEADER 2 (SCHADE EN KLANTENLOGIN) --- */
#mh2 {
	float:					left;
	height:					20px;
	width:					1004px;
}

#mh2-leeg-642 {
	float:					left;
	width:					642px;
}

.mh2-leeg-20 {
	float:					left;
	width:					20px;
}

#mh2-schade {
	float:					left;
	width:					101px;
}

#mh2-klant {
	float:					left;
	width:					101px;
}


/* --- HEADER BALK LEEG (BIG 15PX) --- */
#header-leeg-big {
	float:					left;
	height:					15px;
	width:					1004px;
}

/* --- MENU AAN DE LINKERKANT --- */
#menu_links {
	float:					left;
	width:					162px;
}


/* --- MENU AAN DE LINKERKANT (INDELING) --- */
.menu-leeg {
	width:					162px;
	height:					12px;
}

.menu-button {
	width:					162px;
	height:					32px;
}

#menu-disclaimer {
	width:					162px;
	height:					32px;
	text-align:				center;
}
#menu-blok-empty {
	width:					162px;
	height:					135px;
}
.menu-blok-empty {
	width:					162px;
	height:					135px;
}


/*---CONTENT (HIER KOMT DE TEKST) ---*/
#content {
	float:					left;
	width:					722px;
}


/* MENUVAK RECHTS LEEG--*/
#menu-rechts {
	float:					left;
	width:					120px;
}


/* --- FOOTER --- */
#f01 {
	float:					left;
	background-color:		#003366;
	width:					20px;
	height:					50px;
}

#f02 {
	float:					left;
	background-color:		#003366;
	width:					210px;
	height:					50px;
}

#f03 {
	width:					210px;
	height:					18px;
}

#f04 {
	width:					210px;
	height:					15px;
}

#f05 {
	width:					210px;
	height:					17px;
}


#f06 {
	float:					left;
	background-color:		#003366;
	width:					466px;
	height:					50px;
}

#f07 {
	float:					left;
	background-color:		#003366;
	width:					27px;
	height:					45px;
	padding-top:			5px;
}

#f08 {
	float:					left;
	background-color:		#003366;
	width:					10px;
	height:					50px;
}

#f09 {
	float:					left;
	background-color:		#003366;
	width:					54px;
	height:					40px;
	padding-top:			10px;
}

#f10 {
	float:					left;
	background-color:		#003366;
	width:					40px;
	height:					50px;
}

#f11 {
	float:					left;
	background-color:		#003366;
	width:					177px;
	height:					50px;
	background-image: 		url(../images/PrivateInsurance.gif);
}


/* --- BORDER GEGEVENS TABEL --- */
#border {
	height: 100%;
	border-left: 			1px solid #999999;
	border-right: 			1px solid #999999;
}

/* --- SOCIAL MEDIA BALK --- */
#social-media2 {
	float:					left;
	width:					162px;
	height:					16px;
}

#social-media1 {
	width:					162px;
	height:					14px;
}

#social01 {
	float:					left;
	width:					20px;
}
.social02 {
	float:					left;
	width:					16px;
}
.social03 {
	float:					left;
	width:					5px;
}
#social04{
	float:					left;
	width:					63px;
}
#social-20px {
	float:					left;
	width:					20px;
	height:					14px;
}
#social-142px {
	float:					left;
	width:					142px;
	height:					14px;
}

.button01 {
width:190px;
margin:0px;
display:block;
background-color:#FFFFFF;
color:#003366;
font-size:12px;
text-align:center;
text-decoration:none;
font-weight:bold;
padding:2px;
border:#A9A9A9 1px solid;
} 

a:hover.button01 {
background-color: #F2F2F2;
color:#003366;
border:#003366 1px solid;
}