﻿/* 
ALGEMENE SITE OPMAAK
Rood = C1001F
Blauw = 053E77
Lichtblauw = D1EFFB
*/


* {	/* Reset marges en padding overal naar 0, zet global font op tahoma */
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 12px;
	color: #053E77;
}

.clear { /* wanneer "floats" worden gebruikt, deze toepassen om te "clearen"*/
	clear: both;
	height: 0px;
}


html, body {
	margin: 0 auto; /* centreert alles */
}

body {
	background: url('../images/backdrop.jpg') 50% 0% repeat-x fixed #002f6b;
	overflow-x: hidden;
}


#container {
	width: 1020px;
	margin: 0 auto; /* centreert de site */
	padding-top: 20px;
	background: url('../images/container.png') ;
}

/* -------------------- SITE -------------------- */
#site {
	width: 820px;
	float: left;
}

/* --- header --- */
#header {
	width: 820px;
	height: 80px;
	background: url('../images/header.png');
	padding-top: 20px;
}

ul#headerlinks {
	margin-left: 20px;
}

ul#headerlinks li {
	display: inline;
}

ul#headerlinks li a {
	display: block;
	float: left;
	height: 45px;
	text-decoration: none;
	font-size: 9px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent:-9000px;
	margin-right: 2px;
}

ul#headerlinks li a.home	{background: url('../images/blank.gif');width:380px;}
ul#headerlinks li a.contact {background: url('../images/blank.gif');width:210px;}
ul#headerlinks li a.email	{background: url('../images/blank.gif');width:180px;}


/* --- main site --- */
#main {
	width: 820px;
	background: url('../images/content.png');
	min-height: 520px;
	height: auto !important;
	height: 520px;
}

#menu {
	width: 800px;
	height: 28px;
	padding-top: 12px;
	background: url('../images/menubg.jpg');
}

#menu ul {
	margin-left: 22px;
	
}
#menu ul li {
	display: inline;
}

#menu ul li a {
	display: block;
	float: left;
	height: 15px;
	border: 1px solid #ffffff;
	border-bottom: 0px;
	line-height: 15px;
	padding: 6px;
/*	margin-left: 3px;*/
	margin-right: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: #40c0f0;
}

/* HOVER & ACTIVE LINKS */
#menu li a:hover ,
#menu ul.Home li a.Home,
#menu ul.Citroen li a.Citroen,
#menu ul.Peugeot li a.Peugeot,
#menu ul.Renault li a.Renault,
#menu ul.Saab li a.Saab,
#menu ul.Overig li a.Overig,
#menu ul.Hybride li a.Hybride {
	background: #ffffff;
	color: #C1001F;
}

#menu ul.Over li a.Hybride { /*Fix voor conflict hybride lease pagina */
	background: #40c0f0; color: #ffffff; }


#menu ul.Nieuwslink li a {
	display: block;
	float: left;
	height: 15px;
	border: 1px solid #ffffff;
	border-bottom: 0px;
	line-height: 15px;
	padding: 6px;
	padding-left: 30px;
	/*margin-left: 140px;*/
	/*margin-left: 3px;*/
	margin-right: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: url('../images/star.png') 1px 1px no-repeat #40c0f0;
}
#menu ul.Nieuwslink li:first-child a { 
	margin-left: 17px;
	padding-left: 6px; 
	background: url('../images/blank.gif') 1px 1px no-repeat #40c0f0;
}

/* HOVER & ACTIVE LINKS */
#menu ul.Nieuwslink li a:hover {
	background: url('../images/star.png') 1px 1px no-repeat #ffffff;
	color: #C1001F;
}
#menu ul.Nieuwslink li:first-child a:hover{ 
	padding-left: 6px; background: url('../images/blank.gif') 1px 1px no-repeat #ffffff;
	color: #C1001F;
}

#menu ul.Nieuwslink li.Nieuws a.Nieuws {
	background: url('../images/star.png') 1px 1px no-repeat #ffffff;
	color: #C1001F; }
#menu ul.Nieuwslink li.Over a.Lease { 
	padding-left: 6px; background: url('../images/blank.gif') 1px 1px no-repeat #ffffff;
	color: #C1001F; }

/* #menu ul li:first-child a {
	background: #ffffff;
	color: #C1001F;
} */

/* --- content --- */
#content {
	width: 770px;
	padding: 20px;
	min-height: 260px;
}

#inhoud {
	width: 760px;
}

#inhoud h1 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #C1001F;
	margin-bottom: 5px;
}

#inhoud h2 {
	font-size: 12px;
	font-weight: bold;
	color: #C1001F;
}

#inhoud p {
	font-size: 12px;
	font-weight: normal;
	color: #053E77;
	line-height: 15px;
	margin-bottom: 20px;
}

#inhoud img {
	border: 0px;
}

#inhoud a {
	font-size: 12px;
	font-weight: normal;
	color: #053E77;
}

#inhoud a:hover {
	color: #C1001F;
}


/* --- footer --- */
#footer {
	width: 820px;
	height: 60px;
	padding-top: 50px;
	background: url('../images/footer.png') 0% 100%;
}

ul#footerlinks {
	margin-left: 10px;
}

ul#footerlinks li {
	display: inline;
}

ul#footerlinks li a {
	display: block;
	float: left;
	height: 30px;
	border-left: 1px solid #053E77;
	text-decoration: none;
	font-size: 9px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent:-9000px;
}

ul#footerlinks li a.bovag 		{width:100px;background: url('../images/logos/bovag.jpg') no-repeat 5px 50%;border-left: 0px;}
ul#footerlinks li a.nap 		{width:98px;background: url('../images/logos/nap.jpg') no-repeat 50% 50%;}
ul#footerlinks li a.rdw 		{width:88px;background: url('../images/logos/rdw.jpg') no-repeat 50% 50%;}
ul#footerlinks li a.csc 		{width:68px;background: url('../images/logos/csc.jpg') no-repeat 76px 50%;text-indent:0px; padding-right: 48px; text-align: right;}
ul#footerlinks li a.start 		{width:40px;background: url('../images/logos/start.jpg') no-repeat 50px 50%;text-indent:0px; padding-right: 50px; text-align: right;}
ul#footerlinks li a.twitter 	{width:48px;background: url('../images/logos/twitter.jpg') no-repeat 50% 50%;}
ul#footerlinks li a.youtube 	{width:48px;background: url('../images/logos/youtube.jpg') no-repeat 50% 50%;}
ul#footerlinks li a.facebook 	{width:48px;background: url('../images/logos/facebook.jpg') no-repeat 50% 50%;}
ul#footerlinks li a.vink 		{width:74px;background: url('../images/logos/vink.jpg') no-repeat 8px 50%;text-indent:0px; padding-left: 48px;}


/* -------------------- SIDEBAR -------------------- */
#sidebar {
	background: url('../images/sidebar.png') no-repeat;
	width: 200px;
	height: 735px;
	float: left;
}

#sidebartitel {
	font-family: verdana;
	font-size: 12px;
	color: #C1001F;
	font-weight:bold;
	width: 150px;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 5px;
}

#sidebarnav {
	font-family: verdana;
	font-size: 12px;
	color: #C1001F;
	font-weight:bold;
	width: 160px;
	background: #053E77;
	padding-top: 6px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;

}
ul#sidebarmenu {height: 153px;}
ul#sidebarmenu li {margin-left: 15px; color: #ffffff; margin-bottom: 3px;}
ul#sidebarmenu li a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
ul#sidebarmenu li a:hover {text-decoration: underline;}

#belmeterug {
	padding: 0px;
	color: #053E77;
	background: #d1effb;/
	font-weight: normal;
	margin-top: 25px;
	margin-left: -3px;
	border: 0px;
	height: 30px;
	width: 158px;
	overflow: hidden;
}
#routekaart img {border: 0px;}

#widgets {width:180px;}
ul#widgetmenu li {display: inline;}
ul#widgetmenu li a {
	display: block;
	float: left;
	height: 40px;
	text-decoration: none;
	font-size: 9px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent:-9000px;
}

ul#widgetmenu li a.youtube	{width:43px;background: url('../images/logos/youtube.jpg') no-repeat 50% 50%;margin-left:4px;}
ul#widgetmenu li a.fileinfo {width:43px;background: url('../images/logos/fileinfo.jpg') no-repeat 50% 50%;}
ul#widgetmenu li a.weer		{width:43px;background: url('../images/logos/weerinfo.jpg') no-repeat 50% 50%;}
ul#widgetmenu li a.beurs	{width:43px;background: url('../images/logos/beursinfo.jpg') no-repeat 50% 50%;}

ul#widgetitems {width: 160px;}
ul#widgetitems li {margin-left: 25px;color: #C1001F; font-weight: bold; margin-bottom: 8px; margin-top: 2px;}
ul#widgetitems li span {font-size: 11px; color: #053E77; font-weight: normal;}
ul#widgetitems li span a {font-size: 11px; color: #40C0F0; font-weight: normal; text-decoration:none;}
ul#widgetitems li span a:hover {text-decoration:underline;}

.beursinfo {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	display:block;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #ffffee;
}

/* -------------------- PAGINA SPECIFIEK -------------------- */

/* Hide flash */#flash {display: none;}
/* Hide homeblokken */ #homemenu ul {display: none;}
/* Hide actieblokken */ #actieblok {display: none;}



