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

/* Alles resetten */
* {
margin: 0;
padding: 0;
}

/* WRAPPER */
div#wrapper {
width: 1000px;
height: 800px;
margin: 0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* EINDE WRAPPER */

/* HEADER */
div#header {
margin-top: 20px;
height: 65px;
width: 1000px;
}
div#header a { /*Fix voor IE */
font-size: 0px;
line-height: 0px;
}
div#header div.header-navigatie {
width: 1000px;
}
div#header div.header-navigatie a {
float: left;
display: block;
height: 65px;
background-image:url(http://www.autoleasecontract.nl/test/include/layout/header.png);
text-indent: -9999px;
}
div#header div.header-navigatie a.logo {
background-position: 0px 0px;
width: 276px;
}
div#header div.header-navigatie a.zoeken {
background-position: -276px 0px;
width: 224px;
}
div#header div.header-navigatie a.plaatsen {
background-position: -500px 0px;
width: 220px;
}
div#header div.header-navigatie a.vragen {
background-position: -720px 0px;
width: 280px;
}
div#header div.header-navigatie a.logo:hover {
background-position: 0px -64px;
}
div#header div.header-navigatie a.zoeken:hover {
background-position: -276px -64px;
}
div#header div.header-navigatie a.plaatsen:hover {
background-position: -500px -64px;
}
div#header div.header-navigatie a.vragen:hover {
background-position: -720px -64px;
}

/* EINDE HEADER */

/* LINKS */
div#links {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}
div#links a {
color: #003750;
}
/* EINDE LINKS */

/*CONTENT (LINKS) */
div#content {
float: left;
background: #fff;
width: 730px; /*760px - 2*15px padding */
padding: 5px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
	div#content p.error {
	text-align: center;
	border: 1px solid;
	background: #FEEFB3;
	padding: 5px;
	margin-bottom: 1em;
	color: #9F6000;
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
	div#content p.succes {
	text-align: center;
	border: 1px solid;
	background: #DFF2BF;
	padding: 5px;
	margin-bottom: 1em;
	color: #4F8A10;
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
	div#content h1 {
	margin-bottom: 1em;
	color: #003750;
	font-size: 22px;
	}
	div#content h2{
	margin-bottom: 1em;
	color: #003750;
	}
/* EINDE CONTENT (LINKS) */

/* RECHTS */
div#rechts {
float: right;
/* background: url(rechts.jpg); */
width: 240px;
height: auto;
padding-top: 4px;
}

/* ZOEKVAK */
div#zoekbalk {
margin-top: 9px;
width: 230px;
margin-bottom: 15px;
}
	div.zoekbalk-boven {
	height: 12px;
	background: url(http://www.autoleasecontract.nl/test/include/layout/zoekbalk.png) no-repeat;
	}
	div.zoekbalk-midden {
	width: 230px;
	padding-left: 8px;
	background: url(http://www.autoleasecontract.nl/test/include/layout/zoekbalk.png) -241px repeat-y;
	}
		div.zoekbalk-midden-links {
		float: left;
		width: 90px;
		font-size: 13px;
		color: #003750;
		padding-top: 3px;
		}
		div.zoekbalk-midden-links p {
		margin:0 0 7px 2px;
		padding: 0;
		font-size: 12px;
		}
		
		div.zoekbalk-midden-rechts {
		float:left;
		width: 130px;
		margin-right: 10px;
		}
		
		div.zoekbalk-midden-rechts select {
		width: 120px;
		margin-bottom: 3px;
		}
		
		div.zoekbutton {
		float: right;
		margin-right: 16px;
		font-size: 11px;
		height: 32px;
		}
		div.zoekbutton input {
		text-align: center;
		border: 0;
		display: block;
		width: 152px;
		height: 30px;
		background: url(http://www.autoleasecontract.nl/test/include/layout/zoekbutton.png) no-repeat;
		color: #003750;
		margin-bottom: 10px;
		}
		div.zoekbutton input:hover {
		background-position: 0 -32px;
		}
		div.zoekbutton input:active {
		background-position: 0 -64px;
		}
	div.zoekbalk-onder {
	height: 9px;
	background: url(http://www.autoleasecontract.nl/test/include/layout/zoekbalk.png) 0  bottom;
	}
/* EINDE ZOEKVAK */

/* NAVIGATIE */
div#navigatie {
width: 230px;
}
div.navigatie-boven {
height: 12px;
background: url(http://www.autoleasecontract.nl/test/include/layout/zoekbalk.png);
}
div.navigatie-midden {
background: url(http://www.autoleasecontract.nl/test/include/layout/zoekbalk.png) -241px repeat-y;
padding-left: 10px;
padding-right: 10px;
color: #003750;
}
	div.navigatie-midden h3 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	}
	div.navigatie-midden ul {
	padding-bottom: 7px;
	border-bottom: 1px solid #c0e7ff;
	margin-bottom: 7px;
	}
	div.navigatie-midden ul.nohr {
	border: none;
	margin:0;
	}
	div.navigatie-midden li {
	list-style-type: none;
	font-size: 11px;
	}
	div.navigatie-midden a {
	color: #003750;
	text-decoration: none;
	}
	div.navigatie-midden a:hover {
	text-decoration: underline;
	}
div.navigatie-onder {
height: 8px;
background: url(http://www.autoleasecontract.nl/test/include/layout/zoekbalk.png) 0px bottom;
}
/* EINDE NAVIGATIE */

/* EINDE RECHTS */

/* FOOTER */
div#footer {
clear: both;
width: 958px; /*1000px -42px padding */
height: 42px;
background: url(http://www.autoleasecontract.nl/test/include/layout/footer.png);
line-height: 42px;
padding-left: 40px;
font-size: 12px;
color: #3a7b99;

}

	div#footer ul {
	margin-left: 20px;	
	}
	div#footer li {
	display: inline;
	margin-right: 10px;	
	}
	div#footer span {
	display: inline-block;
	padding-left: 18px;
	background: url(http://www.autoleasecontract.nl/test/include/layout/footerhr.png) no-repeat;
	}
	div#footer span.footer-datum {
	padding: 0;
	background: none;
	}
	div#footer a {
	color: #3a7b99;
	padding-left: 18px;
	display: inline-block;
	background: url(http://www.autoleasecontract.nl/test/include/layout/footerhr.png) no-repeat;
	text-decoration: none;
	
	}
	div#footer a:hover {
	text-decoration: underline;
	color: #2B5C73;
	}
/* EINDE FOOTER */

/* FORMULIER ADVERTENTIE TOEVOEGEN */

	div#content div.form-boven {
	height: 10px;
	background: url(http://www.autoleasecontract.nl/test/include/layout/alcformulier-boven.png) no-repeat;
	width: 712px;
	margin-top: 10px;
	}
	
	div#content div.form {
	width: 710px;
	background: #f0f9fe;
	border-left: 1px solid #87cbf0;
	border-right: 1px solid #87cbf0;
	}
	div#content div.form form {
	width: 700px;
	}
	div#content div.form fieldset {
	border: none;
	}
	div#content div.form legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	padding: 0;
	}
	div#content div.form legend span {
	margin: 0 0 0 10px;
	}
	div#content div.form label {
	display: inline-block;
	/*width: 140px;*/
	width: 200px;
	margin-right: 5px;
	}
	
	div#content div.form-onder {
	height: 13px;
	background: url(http://www.autoleasecontract.nl/test/include/layout/alcformulier-onder.png) no-repeat;
	width: 712px;
	}
	
	/* laatste item geen rand */
	li.last {
	border: none;
	margin-bottom: 1em;
	}
	
	/* Formulier Links */
	div#content div.formulier-links {
	float: left;
	/*width: 430px;*/
	width: 680px;
	padding: 10px 0 0 10px;
	}
	div#content div.formulier-links li.txt {
	height: 190px;
	}
	div#content div.formulier-links li {
	padding: 5px 0;
	list-style-type:none;
	border-bottom: 1px solid #c1e5f3;
	}
	div.formulier-links li.txt label {
	float: left;
	margin-top: 10px;
	}
	div.formulier-links label.verplicht {
	font-weight: bold;
	}
	
	/* Formulier Rechts */
	div#content div.formulier-rechts {
	float: right;
	width: 0;
	/*width: 246px;
	padding: 10px 10px 0 0;*/
	}
	div.formulier-rechts li {
	padding: 5px 0;
	list-style-type:none;
	border-bottom: 1px solid #c1e5f3;
	}
	div.formulier-rechts p.tip {
	/* border-top: 1px solid #fedd00; */
	/* border-bottom: 1px solid #fedd00;*/
	/*background: #fcf8b4;*/
	color: #52a9cb;
	font-style:italic;
	}
	div.formulier-rechts li.txt {
	height: 170px;
	}
	
	/* Submit div + button */
	div.button {
	clear: both;
	text-align: right;
	font-size: 11px;
	}
	div.left {
	float: left;
	}
	div.button input {
	margin-top: 5px;
	text-align: center;
	line-height: 30px;
	border: 0px;
	background: url(http://www.autoleasecontract.nl/test/include/layout/naarstap2.png) 0px 0px no-repeat;
	height: 30px; /*30px - 5px padding top */
	width: 220px;
	text-decoration: none;
	color: #000;
	}
	div.button input:hover {
	background: url(http://www.autoleasecontract.nl/test/include/layout/naarstap2.png) 0px -30px no-repeat;
	}
	div.button input:active {
	background: url(http://www.autoleasecontract.nl/test/include/layout/naarstap2.png) 0px -60px no-repeat;
	}
	div.form p {
	margin-left: 5px;
	}
	img.mollie {
	margin-top: 3em;
	margin-left: 5px;
	}
/* EINDE FORMULIER ADVERTENTIE TOEVOEGEN */

/* BEGIN LOGIN CSS */
form#login {
	background:#fff;
	width: 250px;
	font-size: 14px;
	}
form#login legend {
	color:#353650;
	font-size:1.2em;
}
form#login input.txt {
	width:10em;
	border:1px solid #ddd;
	background:#fafafa;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
form#login input.txt:hover, input.txt:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
form#login fieldset {
	border:1px solid #85CBF7;
	padding:0 0.5em 0.5em;
	background: #EFF9FF;
	-moz-border-radius:0.7em;
	-khtml-border-radius:0.7em;
}
form#login fieldset label {
	float:none;
	display:inline-block;
	text-align:left;
	width:150px;
	margin-bottom: 3px;
	color: #353670;
}
form#login fieldset div {
	float: left;
	clear: both;
	margin-top: 10px;
	}

div.ondernemers h3 {
font-size: 18px;
margin-bottom: 1em;
color: #353670;
}
div.ondernemers ul.menu {
list-style:none;
margin-bottom: 1em;
padding: 5px;
}
div.ondernemersbg {
background-image: url(http://www.autoleasecontract.nl/test/include/layout/ondernemersbg.gif);
background-repeat:no-repeat;
height: 35px;
line-height: 24px;
margin-bottom: 1em;
}
div.ondernemers ul.menu li {
display: inline;
padding-left: 20px;
padding-right: 30px;
}
div.ondernemers ul.menu li a {
text-decoration: none;
color: #353670;
}
div.ondernemers ul.menu li a:hover {
border-bottom: 1px solid #9fd5f7;
}
div.ondernemers p {
margin-bottom: 1em;
}
div.ondernemers ul {
list-style: none;
}
div.ondernemers li {
margin-bottom: 1em;
}

/* EINDE ONDERNEMERS CSS */

/* Clearing Div */
div.clear {
clear: both;
}

/* TESTIMONIAL */
div#testimonial {
width: 500px;
font-family: Arial;
background: #f0f9fe;
background: url(http://www.autoleasecontract.nl/test/include/layout/testimonial.gif) no-repeat;
padding: 5px;
margin-bottom: 1em;
height: 85px;
margin: 5px auto;
}
div#testimonial p {
width: 370px;
float: left;
font-style: italic;
font-size: 16px;
margin-top: 10px;
margin-left: 2px;
}
div#testimonial span {
font-size: 20px;
}
img.testimonial {
float: right;
width: 110px;
margin-top: 3px;
margin-right: 3px;
}
/* EINDE TESTIMONIAL */

/* LOGOS BANKEN */
div.logos {
margin-top: 1em;
margin-left: 10px;
}
div.logos p {
font-size: 14px;
}

/* BUTTON AANBIEDEN */
div.buttonaanbieden a {
background-image: url(http://www.autoleasecontract.nl/test/include/layout/buttonaanbieden.png);
background-repeat:no-repeat;
background-position: 0px 0px;
height: 20px; /*30px - 5px padding top */
width: 220px;
padding: 5px 30px;
margin-top: 1em;
text-decoration: none;
color: #000;
display: inline-block;
font-weight: 700;
}
	div.buttonaanbieden a:hover {
	background-position: 0px -30px;
	font-weight: 900;
	}
	div.buttonaanbieden a:active {
	background-position: 0px -60px;
	}
/* EINDE BUTTON AANBIEDEN */

/* LAATSTE 5 */
div.laatste5container {
margin: 0 0 1em 0;
padding: 5px;
background-color: #f0f9fe;
background:url(laatste5.gif) no-repeat;
color: #000;
width: 460px;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
overflow:hidden;
}
a.laatste5 {
color: #fff;
}
div.laatste5right {
float: left;
margin: 0;
padding: 2px 2px 0 4px;
height: 90px;
width: 330px;
overflow: inherit;
}
div.laatste5left {
float: left;
margin: 0;
padding: 2px;
padding-top: 7px;
width: 100px;
height: 100px;
}
p.laatste5right {
color: #000;
font-size: 12px;
height: 53px;
overflow: hidden;
}
p.laatste5right p {
margin: 0;
padding: 0;
}
div.laatste5right h3.laatste5right {
font-size: 14px;
}
div.laatste5container a {
color: #003750;
text-decoration: none;
}
div.laatste5container a:hover {
text-decoration: underline;
}

/* EINDE LAATSTE 5 */

/* ADVERTENTIE ZELF */

img.adimage{
border: 2px solid #85CBF7;
}
div#content h3{
color: #003750;
margin-bottom: 0.7em;
}
div#content hr {
margin: 1em 0px;
}
/* EINDE ADVERTENTIE ZELF */

/* Brandlist styling: */

ul.brands a {
	text-decoration: none;
	color: black;
}

ul.brands li
{
	float: left;
	margin-right: 10px;
	list-style: none;
	margin-top: 10px;
}