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

BODY{
	margin: 0;
	background: #00275c url(../images/bg_body.gif) repeat-x top left;
	font-family: Trebuchet MS, Arial, Verdana;
	}
	
#container{
	background: url(../images/bg_container.gif) repeat-y top left;
	width: 978px;
	margin: auto;
	}
	
#header{
	height: 445px;
	background: #FFF url(../images/bg_header.gif) no-repeat bottom left;
	position: relative;
	}
#logo{
	position:absolute;
	top: 24px;
	}
	
#header h1{
	font-size: 18px;
	font-family: Trebuchet MS;
	color: #8095b2;
	position: absolute;
	top: 80px;
	left: 15px;
	padding: 0;
	margin: 0;
	}

/* TOPLINKS --------------------------------------------------------------*/

#toplinks{ height: 20px; font-size: 10px; color: #7B7B7B; }
#toplinks ul{ list-style: none;	width: 978px; margin: auto; padding: 0;	}
#toplinks li{ float: left; height: 14px; border-left: #FAFAFA 1px solid; border-right: #E4E4E4 1px solid; margin: 3px 0 0 0; }
#toplinks li.first{	border-left: none; }
#toplinks li a{	padding: 0 10px 0 10px;	display: block;	color: #7B7B7B;	text-decoration: none; }
#toplinks li a:hover{ text-decoration: underline; }

/* NAVIGATIE -------------------------------------------------------------*/

#nav{
	background: url(../images/bg_nav.gif) no-repeat top left;
	list-style: none;
	width: 978px;
	height: 40px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
	}
#nav li{
	float: left;
	}
#nav li a{ 
	height: 40px; 
	display: block; 
	background: no-repeat top left; 
	}

#nav li a.home{ width:66px; background: url(../images/nav_home.gif); }
#nav li a.bereken{ width: 177px; background:url(../images/nav_bereken_autoverzekering.gif); }
#nav li a.hoewerkthet{ width: 121px; background:url(../images/nav_hoe_werkt_het.gif);}
#nav li a.faq{ width: 154px; background: url(../images/nav_veelgestelde_vragen.gif);}
#nav li a.polismap{ width: 115px; background:url(../images/nav_mijn_polismap.gif);}
#nav li a.downloads{ width: 98px; background:url(../images/nav_downloads.gif);}
#nav li a.contact{ width: 75px; background:url(../images/nav_contact.gif);}

#nav li a:hover{ background-position: 0 -40px; }

	
/* BREADCRUMS ------------------------------------------------------------*/
#breadcrums{
	font-size: 10px;
	color: #7B7B7B;
	list-style: none;
	position: absolute;
	top: 165px;
	left: 10px;
	padding: 0;
	margin: 0;
	}
#breadcrums strong{
	color:#B80000;
	}
#breadcrums li{
	float: left;
	padding: 0 0 0 5px;
	}
#breadcrums li a{
	color: #7B7B7B;
	background: url(../images/bg_breadcrums.gif) no-repeat center right;
	padding: 0 13px 0 0;
	text-decoration: none;
	}
#breadcrums li a:hover{
	text-decoration: underline;
	}
	
/* VISUAL ------------------------------------------------------------*/

#visual{
	position: absolute;
	top: 185px;
	left: 0px;
	}
	
#SlideContainer
		{
				width: 978px;	
				margin: auto;
		}
		#Slides{
			margin: 0;
			padding: 0;
			}
		#Slides img{
			border: none;
			}
		.slide
		{
			width:978px;
			height:234px;
		}


/* LAYOUT ------------------------------------------------------------*/

#right{
	margin: 0 0 0 773px;
	color: #000;
	font-size: 18px;
	}
#right H4{ color:#003275; font-size: 16px; line-height: 30px; text-align: justify; padding: 10px 15px 5px 15px; margin: 0; }
#right p{ background: url(../images/bg_right_p.gif) no-repeat bottom center; margin: 0; padding: 7px 15px 25px 15px; font-size: 11px; text-align: justify;}
	
#mid{
	width: 300px;
	float: left;
	color: #000;
	font-size: 11px;
	}
#mid H4{ color:#003275; font-size: 16px; line-height: 30px; text-align: justify; padding: 10px 15px 5px 15px; margin: 0; }

#mid ul{
	list-style: none;
	margin: 0 15px 25px 15px;
	padding: 0;
	}
#mid li{
	border-top: #e5e5e5 1px solid;
	margin: 0;
	padding: 0;
	}
#mid li a{
	background: url(../images/bg_mid_li.gif) no-repeat bottom left;
	display: block;
	padding: 5px 0 5px 20px;
	text-decoration: none;
	font-weight: bold;
	color: #505050;
	}
#mid li a:hover{
	background: url(../images/bg_mid_li_hover.gif) no-repeat bottom left;
	text-decoration: underline;
	color: #003275;
	}
	


#left{ width: 473px; float: left; color: #000; font-size: 11px; margin: 0; }
#left H1{ color:#b80000; font-size: 16px; line-height: 30px; text-align: justify; padding: 10px 15px 15px 15px; margin: 0; }
#left h2{ color:#b80000; font-size: 20px; line-height: 30px; text-align: justify; padding: 10px 15px 15px 15px; margin: 0; }
#left h3{ color:#b80000; font-size: 16px; line-height: 30px; text-align: justify; padding: 10px 15px 15px 15px; margin: 0; }
#left p{ padding: 0 15px 25px 10px; margin: 0; text-align: justify; font-size: 11px; color: #505050; line-height: 18px; }
	
/* FOOTER ------------------------------------------------------------*/

#footer{ background: #00275c; color: #c0ddef; font-size: 10px; padding: 5px 15px 15px 15px; clear: both; }
#footer a{ color:#c0ddef; text-decoration: none; }
#footer a:hover{ text-decoration: underline; }
.copyright{ float: left;	}
.links{ float: right; }