@charset "utf-8";
/* 
CSS Document voor Shortlease
Datum: februari 2008
Media: Screen
Ontwikkelaar: Concept7 (www.concept7.nl)
Dev Team: Timothy van Sas (design, xthml, css) / Josse Zwols (php, javascript)
*/

/* ========= Globals ========= */

body { font: 75%/1.5em arial, verdana, sans-serif; background: #1b3f94 url("../images/backgrounds/bg-main.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-main.gif*/) repeat-x; color: #1b3f94; padding-top: 10px; }
div.wrapper { width: 970px; margin: 0 auto; display: block; overflow: hidden; }
div.shadow { background: url("../images/backgrounds/bg-shadow.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-shadow.gif*/) left bottom no-repeat; width: 990px; margin: 0 auto; }
* { margin: 0; padding: 0; }
	
	/* Link handeling */
	a:link { color: #074b88; text-decoration: underline; }
	a:hover, a:visited:hover { color: #000!important; }
	a:visited { color: #662d91; }
	
img { border: 0; vertical-align: bottom; }

/* ========= Header ========= */

div.header { height: 78px; background: url("../images/backgrounds/bg-header.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-header.gif*/) no-repeat; position: relative; }
	div.header img { margin: 5px 0 0 33px; }
	span#payoff { font-size: 2.1em; padding: 26px 0 10px 0; display: block; width: 400px; font-weight: bold; float: right; }
	
/* ========= Navigatie ========= */

div.navigation { position: relative; border: 1px solid #a7b5d6; border-width: 0 5px; background: #fff url("../images/navigation/bg-nav.gif"/*tpa=http://myshortlease.nl/images/navigation/bg-nav.gif*/) repeat-y 10px 0; height: 45px; overflow: hidden; }
	div.navigation p { position: absolute; right: 30px; top: 14px; color: #fff; font-size: 1.3em; font-weight: bold; }
		div.navigation p span { color: #a7b5d6; }
	
	div.navigation ul { padding: 10px 0 0 27px; }
    div.navigation ul li { display: inline; font-weight: bold; }
    div.navigation ul li a { float: left; color: #fff!important; text-decoration: none!important; display: block; background: url("../images/navigation/bg-border-right.gif"/*tpa=http://myshortlease.nl/images/navigation/bg-border-right.gif*/) center right no-repeat; }
    div.navigation ul li a span { display: block; padding: 4px 20px 3px 20px; }
    div.navigation ul li a:hover { background: #3a72ba url("../images/navigation/bg-border-right.gif"/*tpa=http://myshortlease.nl/images/navigation/bg-border-right.gif*/) center right no-repeat; color: #fff; }
    
    div.navigation ul li a.current:link,
    div.navigation ul li a.current:visited { color: #fff; background: url("../images/navigation/nav-bg-select.gif"/*tpa=http://myshortlease.nl/images/navigation/nav-bg-select.gif*/) no-repeat top left; }
        
    div.navigation ul li a.current:link span,
    div.navigation ul li a.current:visited span,
    div.navigation ul li a.current:hover span,
    div.navigation ul li a.current:visited:hover span { color:#1b3f94; background:transparent url("../images/navigation/nav-bg-rechts-select.gif"/*tpa=http://myshortlease.nl/images/navigation/nav-bg-rechts-select.gif*/) no-repeat top right; }

/* ========= Visual & Usp's ========= */

div.visual { background: #fff url("../images/backgrounds/bg-visual.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-visual.gif*/) left bottom no-repeat; border: 1px solid #a7b5d6; border-width: 0 5px; padding: 10px 10px 0 10px; display: block; overflow: hidden; height: 1%; position: relative; }
	div.visual img { position: absolute; left: 10px; top: 10px; width: 635px; height: 14.5em }
	div.visual ul { min-height: 154px; height: auto !important; height: 154px; overflow: visible; padding-top: 20px; float: right; background: #1c3f94 url("../images/backgrounds/bg-usp.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-usp.gif*/) no-repeat; color: #fff; }
		div.visual ul li { background: url("../images/bullets/bullet-vink-groen.gif"/*tpa=http://myshortlease.nl/images/bullets/bullet-vink-groen.gif*/) no-repeat 20px 1px; width: 243px; padding: 0 10px 5px 52px; }
		div.visual ul li.li-info { background: none; padding: 0 10px 5px 106px; width: 189px; }
		a.more-info { margin: 15px 0 0 0; background: url("../images/buttons/bg-knop-usp.gif"/*tpa=http://myshortlease.nl/images/buttons/bg-knop-usp.gif*/) repeat-y; display: block; width: 150px; padding: 6px 0 0 27px; min-height: 22px; height: auto !important; height: 22px; overflow: visible; text-decoration: none; color: #fff; font-weight: bold; }
		a.more-info:hover { background-position: 0 -28px; color: #d3daea!important; }

/* ========= Content ========= */

div.container { display: block; overflow: hidden; height: 1%; border: 1px solid #a7b5d6; border-width: 0 5px; background: #fff;  }

	/* Content linkerkant (proces en output) */
	div.content-left { width: 619px; display: block; overflow: hidden; height: 1%; float: left; display: inline; margin-left: 10px; position: relative; }
		div.content-left h2 { font-size: 1.2em; padding-left: 18px; }
		div.wrap-proces { background: url("../images/backgrounds/bg-proces.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-proces.gif*/) left bottom no-repeat; display: block; overflow: hidden; height: 1%; }
			div.wrap-proces h2 { background: url("../images/backgrounds/indent-headers.gif"/*tpa=http://myshortlease.nl/images/backgrounds/indent-headers.gif*/) left bottom repeat-x; font-size: 1.2em; padding: 0 0 5px 0; margin-bottom: 20px; }
			div.content-left p { padding: 0 20px 17px 18px; }
		
		/* Stappen proces */
		div.proces { float: left; width: 265px; padding: 12px 22px 0 18px; display: inline; background: url("../images/backgrounds/headers-h2.gif"/*tpa=http://myshortlease.nl/images/backgrounds/headers-h2.gif*/) no-repeat; }
			div.proces ul { background: url("../images/backgrounds/pijlen-ul.gif"/*tpa=http://myshortlease.nl/images/backgrounds/pijlen-ul.gif*/) top left no-repeat; width: 265px; }
				div.proces ul li { margin-bottom: 37px; }
				div.proces ul li a, div.proces ul li a:visited { display: block; width: 251px; min-height: 23px; height: auto !important; height: 23px; overflow: visible; padding: 6px 0 0 14px; background: url("../images/buttons/knop-proces.gif"/*tpa=http://myshortlease.nl/images/buttons/knop-proces.gif*/) no-repeat; text-decoration: none; font-weight: bold; color: #fff; }
				div.proces ul li.last-item a { margin-bottom: 20px; }
				div.proces ul li a:hover, div.proces ul li.done a:hover, div.proces ul li.select-menu a:hover { background-position: 0 -29px; color: #fff!important; }
				div.proces ul li.done a, div.proces ul li.done a:hover, div.proces ul li.done a:visited, div.proces ul li.done a:visited:hover { background-position: 0 -58px; color: #fff; }
				div.proces ul li.select-menu a { background-position: 0 -87px; }
		
		/* Select menu's */
		div#select-car { display: none; position: absolute; width: 245px; padding: 5px 10px; overflow: auto; height: 119px; background: #1b3f94; top: 151px; left: 18px; }
			ul.select-proces { width: 225px; }
				ul.select-proces li a, ul.select-proces li a:visited { display: block; width: 219px; padding: 3px 3px; border-bottom: 1px solid #a7b5d6; text-decoration: none; color: #fff; }
				ul.select-proces li a:hover { background: #a7b5d6; color: #1b3f94; }
		
		div#select-km { display: none; position: absolute; width: 245px; padding: 5px 10px; overflow: auto; height: 119px; background: #1b3f94; top: 217px; left: 18px; }
				
				/* Toon rode pijl */
				div.proces ul li.show-result { display: none; text-indent: -9999px; background: url("../images/backgrounds/pijl-li.gif"/*tpa=http://myshortlease.nl/images/backgrounds/pijl-li.gif*/) no-repeat 80px 0; min-height: 80px; height: auto !important; height: 80px; overflow: visible; }
		
		/* Output proces */
		div.result { float: left; width: 265px; padding: 12px 22px 15px 18px; margin-left: 9px; background: url("../images/backgrounds/headers-h2.gif"/*tpa=http://myshortlease.nl/images/backgrounds/headers-h2.gif*/) no-repeat; }
			div.img-result { width: 265px; height: 200px; text-align: center; padding: 10px 0 20px 0; background: #fff url("../images/backgrounds/show-result-img.gif"/*tpa=http://myshortlease.nl/images/backgrounds/show-result-img.gif*/) left bottom no-repeat; position: relative; }
			div.img-result-noheight { width: 265px; text-align: center; padding: 10px 0 20px 0; background: #fff url("../images/backgrounds/show-result-img.gif"/*tpa=http://myshortlease.nl/images/backgrounds/show-result-img.gif*/) left bottom no-repeat; position: relative; }
				div.img-result .status { position: absolute; left: 10px; top: 10px; width: 106px; height: 106px; }
				div.img-result dl { background: #fff; position: absolute; left: 10px; bottom: 19px; width: 235px; padding: 3px 0 3px 10px; text-align: left; color: #1b3f94; }
			div.result dt { font-weight: bold; color: #000; }
			a.offerte { display: block; width: 158px; height: 23px; padding: 6px 0 0 20px; background: url("../images/buttons/knop-groen.gif"/*tpa=http://myshortlease.nl/images/buttons/knop-groen.gif*/) no-repeat; text-decoration: none; color: #fff!important; font-weight: bold; margin: 6px 0 0 86px; }
			a.offerte:hover { background-position: 0 -29px; color: #fff!important; }
			div.result span.contact-link { display: block; text-align: right; padding: 4px 4px 0 0; }
			span.set-space { padding-right: 10px; }
	
	/* Over shortlease (home) */
	div.about { width: 619px; float: left; margin-top: 10px; background: url("../images/backgrounds/bg-about.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-about.gif*/) left bottom no-repeat; }
		div.about h4 { background: url("../images/backgrounds/corners-about.gif"/*tpa=http://myshortlease.nl/images/backgrounds/corners-about.gif*/) no-repeat; font-size: 1.2em; padding: 10px 0 10px 18px; }
		div.about p { padding: 0 30px 15px 18px; }
		span.color-header { color: #8799c6; }
	
	/* Content rechterkant (voordelen en last minute) */
	div.content-right { width: 305px; padding-left: 16px; float: left; }
		div.right-row { width: 305px; background: url("../images/backgrounds/corners-right-row.gif"/*tpa=http://myshortlease.nl/images/backgrounds/corners-right-row.gif*/) no-repeat; margin-bottom: 10px; padding-top: 12px; }
		div.right-row h3 { font-size: 1.2em; background: url("../images/backgrounds/indent-headers.gif"/*tpa=http://myshortlease.nl/images/backgrounds/indent-headers.gif*/) left bottom repeat-x; padding-bottom: 5px; margin-bottom: 17px; }
			div.right-row div.block { background: url("../images/backgrounds/bg-right-row.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-right-row.gif*/) left bottom no-repeat; padding: 0 18px 19px 18px; display: block; overflow: hidden; height: 1%; }
			div.right-row div.block ul { padding-bottom: 8px; }
			div.right-row div.block ul li { background: url("../images/bullets/bullet-blauw.gif"/*tpa=http://myshortlease.nl/images/bullets/bullet-blauw.gif*/) no-repeat 0 6px; padding: 0 0 4px 12px; }
			div.right-row div.block p { padding-bottom: 20px; }
			
		/* Last minute */
		div.thumb { width: 125px; padding: 3px 3px 6px 3px; float: left; background: #fff url("../images/backgrounds/schaduw-last-minute.gif"/*tpa=http://myshortlease.nl/images/backgrounds/schaduw-last-minute.gif*/) left bottom no-repeat; display: inline; text-align: center; }
			.margin-right-5 { margin-right: 7px; }
			div.right-row dl { clear: both; padding-top: 4px; }
			div.right-row dt { font-weight: bold; }
			div.right-row dd { color: #f00; }
				div.right-row dd span { float: right; background: url("../images/bullets/bullet-blauw.gif"/*tpa=http://myshortlease.nl/images/bullets/bullet-blauw.gif*/) no-repeat 0 6px; padding-left: 12px; }
	
	/* Headers */
	h1 { background: url("../images/backgrounds/bg-stippel.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-stippel.gif*/) left bottom repeat-x; margin: 0 10px 10px 10px; padding: 10px 0 8px 18px; font-weight: bold; font-size: 1.4em; }
	
	/* Opmaak contentpagina */
	div.img-right { position: relative; float: right; width: 255px; text-align: center; margin-left: 10px; background: #fff url("../images/backgrounds/schaduw-img-content.gif"/*tpa=http://myshortlease.nl/images/backgrounds/schaduw-img-content.gif*/) left bottom no-repeat; padding: 5px 0 10px 0; }
	div.img-left { position: relative; float: left; width: 255px; text-align: center; margin-right: 10px; background: #fff url("../images/backgrounds/schaduw-img-content.gif"/*tpa=http://myshortlease.nl/images/backgrounds/schaduw-img-content.gif*/) left bottom no-repeat; padding: 5px 0 10px 0; }
		div.img-right img.zoom, div.img-left img.zoom { position: absolute; left: 5px; top: 5px; }
		
		ul.content-list { margin: 0 0 17px 18px; }
			ul.content-list li { background: transparent url("../images/bullets/bullet-blauw.gif"/*tpa=http://myshortlease.nl/images/bullets/bullet-blauw.gif*/) no-repeat 0 5px; padding-left: 12px; }
		
		/* Opties onderaan pagina (printen & mail een kennis) */
        ul.content-options { clear: both; border-top: 1px solid #f2f4f9; margin: 30px 20px 0 18px!important; padding-top: 12px; }
            ul.content-options li { display: inline; background: url("../images/icons/icon-print.gif"/*tpa=http://myshortlease.nl/images/icons/icon-print.gif*/) no-repeat; margin-right: 35px; }
                ul.content-options li a:link, ul.content-options li a:visited { color: #1b3f94!important; padding-left: 20px; }
                ul.content-options li a:hover, ul.content-options li a:visited:hover { color:#a7b5d6!important; }
        ul.content-options li.mailkennis { background: url("../images/icons/icon-mail.gif"/*tpa=http://myshortlease.nl/images/icons/icon-mail.gif*/) no-repeat; }
        
        /* Downloaden documenten */
        .docgif { background-image: url("../images/icons/icon_pict.gif"/*tpa=http://myshortlease.nl/images/icons/icon_pict.gif*/); }
		.docjpg { background-image: url("../images/icons/icon_pict.gif"/*tpa=http://myshortlease.nl/images/icons/icon_pict.gif*/); }
		.docpng { background-image: url("../images/icons/icon_pict.gif"/*tpa=http://myshortlease.nl/images/icons/icon_pict.gif*/); }
		.docbmp { background-image: url("../images/icons/icon_pict.gif"/*tpa=http://myshortlease.nl/images/icons/icon_pict.gif*/); }
		.docpdf { background-image: url("../images/icons/icon_pdf.gif"/*tpa=http://myshortlease.nl/images/icons/icon_pdf.gif*/); }
		.docdoc { background-image: url("../images/icons/icon_doc.gif"/*tpa=http://myshortlease.nl/images/icons/icon_doc.gif*/); }
		.docxls { background-image: url("../images/icons/icon_xls.gif"/*tpa=http://myshortlease.nl/images/icons/icon_xls.gif*/); }
		.doczip { background-image: url("../images/icons/icon_zip.gif"/*tpa=http://myshortlease.nl/images/icons/icon_zip.gif*/); }
		.doctxt { background: url("../images/icons/icon_txt.gif"/*tpa=http://myshortlease.nl/images/icons/icon_txt.gif*/) 0 0; }

		a.docgif, a.docjpg, a.docpng, a.docbmp, a.docpdf, a.docdoc, a.docxls, a.doczip, a.doctxt { display: block; height: 16px; padding: 3px 0 3px 25px; border-bottom: 1px solid #bac5df; border-top: 1px solid #bac5df; margin-bottom: 1.5em; background-position: 0 center; background-repeat: no-repeat; text-decoration: none; margin-left: 18px; clear: both; }
		a.docgif:hover, a.docjpg:hover, a.docpng:hover, a.docbmp:hover, a.docpdf:hover, a.docdoc:hover, a.docxls:hover, a.doczip:hover, a.doctxt:hover { background-color: #e4e9f3; color: #1b3f94!important; text-decoration: underline; }

		/* Contactformulieren */
	.formulieren { margin-left: 17px; clear: both; }
	.formulieren fieldset { padding:5px 0 15px 0;}
	.formulieren p { padding: 0 0 10px 0!important; }
	.formulieren fieldset div { padding-bottom:8px; display:block; overflow:hidden; height:1%; }
	.formulieren span { font-weight:bold; color:#f80638; }
	.formulieren fieldset label { width:12em; float:left; padding:5px 10px 0 0; position:relative; }
	.formulieren fieldset input { width:16em; padding:2px; border: 1px solid #bac5df; }
		.formulieren fieldset input.input-small { width:9em; }
	.formulieren fieldset input:focus, .formulieren fieldset textarea:focus, .formulieren fieldset input.input-small:focus { border: 1px solid #1b3f94; background: #e4e9f3; }
	.formulieren fieldset textarea { width:300px; padding:1px; overflow:auto; border: 1px solid #bac5df; }
	.formulieren fieldset legend { font-size: 1.2em; font-weight: bold; }
	* html .formulieren fieldset legend { margin-left: -7px; }
	
	.formulieren div.style-radios { padding-bottom:0;}
	.formulieren div.style-radios label { float:none; padding:0; margin-right: 25px; }
	.formulieren div.style-radios input { width:auto; border:0; margin-right: 3px; }
	.formulieren fieldset textarea { font-family: arial; font-size: 1em; }
	.formulieren fieldset button { background: #1b3f94; border: 0; padding: 4px 12px; cursor: pointer; color: #fff; margin-left: 363px; }
	.formulieren fieldset button:hover { background: #6c83ba; }
	
	/* Fouten afhandeling */
	.formulieren div.required-error { border:2px solid #f00; padding: 6px 9px 12px 9px; margin: 6px 10px 18px 0; background: #fff; }
		.formulieren big { display:block; color:#f00; font-weight:bold; font-size:1.3em; padding:3px 0px 6px 20px; background:url("../images/icons/alert.gif"/*tpa=http://myshortlease.nl/images/icons/alert.gif*/) no-repeat 0px 3px; }
	
	address { font-style: normal; padding: 0 0 18px 18px; }

/* ========= Footer ========= */

ul.footer { background: #1b3f94 url("../images/backgrounds/bg-footer.gif"/*tpa=http://myshortlease.nl/images/backgrounds/bg-footer.gif*/) top left no-repeat; color: #bbc6df; text-align: right; padding: 35px 0 15px 0; }
	ul.footer li { display: inline; border-right: 1px solid #bbc6df; padding: 0 15px; }
		ul.footer li.no-border { border: none; }
		ul.footer li a { text-decoration: none; color: #bbc6df; }

		
.bijtelling{
	font-weight: bold;
}