@import url(reset.css);
/**
 *	Autohuurwereldwijd main screen stylesheet
 */
 
/**
 *	General styles for elements and common classes/IDs
 */

html {
	width: 100%;
	height:100%;
}
 
/* general float-clearing class, for modern browsers */
.clearfix:after {
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
}

/* some default styling for common elements */

ul,ol {
	margin: 0 0 1em 1em;
}

p,address,blockquote,h1,h2,h3,h4,h5,h6,form {
	margin: 0 0 1em 0;
}

fieldset {
	border: 0 none transparent;
}

table {
	border-collapse: collapse;
}

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 19.6px;
	color: #000;
	background-color: #c2c1af;
}

h1 {
	margin-left: 18px;
	margin-bottom: 5px;
	font-size: 17px;
	font-weight: bold;
	color: #939598;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

caption {
	text-align: center;
	font-weight: bold;
}

a {
	color: #034ea2;
	text-decoration: underline;
}

a:hover {
	color: #6c03a2;
}

input.text,textarea {
/*	border: 1px solid #000;*/
}

input.erroneous {
	background-color: #ffa0a0;
}

input.text:focus,textarea:focus,select:focus {
	background-color: #ffee8e;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: 9px;
}

.forcedd {
	z-index: 998;
}

strong.error {
	display: block;
	clear: left;
	font-style: italic;
	color: #f00;
}

dl.faq dt {
	font-weight: bold;
}

/* position container */

#container {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding-bottom: 29px;
	background-color: #fff;
}

/**
 *	Branding
 */

#branding {
	margin-bottom: 30px;
	padding-top: 2px;
	background-color: #fff;
	border-top: 6px solid #bcbebf;
	border-bottom: 6px solid #bcbebf;
}

#branding a,#branding img {
	float: left;
}

/**
 *	Content container
 */

#content {
	position: relative;
	padding-top: 18px;
	background: #fff url(../images/content-background.jpg) repeat-x;
}

.main-info {
	width: 914px;
	margin: 633px -100% 10px 18px;	/* last update: top +15 */ /* last update: top +20 */
	float: left;
}

.main-info h1 {
	margin-left: 0;
}

.error-info {
	margin: 0 18px 10px;
	padding: 10px;
	color: #f01;
	background-color: #fe7;
	border: 3px double #f01;
}

.error-info h2 {
	color: #7b0500;
}

.error-info dl dd {
	margin-left: 10px;
}

/**
 *	Main Navigation
 */

#main-navigation {
	position: absolute;
	top: 163px;
	left: 0;
	width: 100%;
	height: 28px;
	margin: 0;
	padding: 0;
	background-color: #939598;
	border-top: 2px solid #fff;
}

#main-navigation li {
	min-width: 90px;
	min-height: 28px;
	float: left;
}

#main-navigation li.first {
	margin-left: 20px;
}

#main-navigation li a {
	min-width: 90px;
	min-height: 28px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 28px;
	color: #fff;
}

#main-navigation li.current a, #main-navigation li a:hover {
	color: #717375;
	background: #fdd700;
}

#main-navigation li.nieuws a {
	color: #ff0000;
	background-color:#bbbbbb
}

.paddie {

margin:50px;;
}


/**
 *	Main search form
 */
 
.zoek-formulier {
	width: 549px;
	height: 615px;	/* last update: +15 */ /* last update: +20px */
	margin-right: 18px;
	padding: 0 18px;
	float: right;
	background: #c6c7c9;
}

.zoek-formulier .submit {
	width: 325px;
	margin: 9px auto 0;
	display: block;
	clear: both;
}

.zoek-formulier .text,
.zoek-formulier .cbx,
.zoek-formulier label {
	margin-bottom: 8px;
	float: left;
}

.zoek-formulier .text {
	width: 220px;
	margin-left: 10px;
}

.zoek-formulier .cbx {
	margin-left: 10px;
}

.zoek-formulier label {
	position: relative;
	width: 235px;
	clear: left;
	text-align: right;
}

/**
 * Date-picker
 */

.zoek-formulier .date-picker .text,
.zoek-formulier .date-picker label {
	margin-left: 0px;
	float: none;
	clear: none;
}

.zoek-formulier .date-picker label {
	width: auto;
}

.date-picker {
	width: 254px;
	margin-bottom: 8px;
	padding: 10px;
	float: left;
	clear: left;
	background: #fed800;
}

#afleveren-date-picker {
	clear: none;
}

.date-picker p.legend {
	width: auto !important;
	padding-bottom: 3px;
	padding-left: 68px;
	font-size: 14px;
	line-height: 33px;
	border-bottom: 1px solid #fff;
}

#ophalen-date-picker p.legend {
	background: url(../images/icons/ophalen.jpg) no-repeat 0 0;
}

#afleveren-date-picker p.legend {
	background: url(../images/icons/afleveren.jpg) no-repeat 0 0;
}

/* errors in .zoek-formulier */
.zoek-formulier label .error {
	position: absolute;
	top: -15px;
	right: -100%;
	font-size: 9px;
}

/* specific elements */

input#ophalen-datum-dag-field,
input#afleveren-datum-dag-field,
input#ophalen-tijd-uur-field,
input#ophalen-tijd-minuten-field,
input#afleveren-tijd-uur-field,
input#afleveren-tijd-minuten-field {
	width: 20px !important;
	margin-top: 12px;
}

input#ophalen-tijd-uur-field,
input#ophalen-tijd-minuten-field,
input#afleveren-tijd-uur-field,
input#afleveren-tijd-minuten-field {
	vertical-align: baseline;
}

#ophalen-datum-maand-label,#afleveren-datum-maand-label {
	position: absolute;
	left: -999em;
}

#bestemming-label {
	line-height: 33px;
	background: url(../images/icons/bestemming.jpg) no-repeat 100px 0;
}

#bestemming-field {
	margin-top: 5px;
}

/**
 * Filter autoresultaten
 */

fieldset#auto-filter {
	margin: 9px;
	padding: 9px;
	background: #fff;
	border: 1px solid #000;
}

fieldset#auto-filter fieldset {
	clear: left;
}

fieldset#auto-filter fieldset.cbx {
	float: left;
	width: 48%;
	clear: none;
}

fieldset#auto-filter fieldset.cbx ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

fieldset#auto-filter fieldset.cbx li {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}

fieldset#auto-filter fieldset input:checked + label {
	color: #034ea2;
}

fieldset#auto-filter fieldset legend {
	font-weight: bold;
}

fieldset#auto-filter legend span {
	position: relative;
	top: 14px;
	padding-top: 9px;
	display: block;
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
	color: #034ea2;
	background-color: transparent;
	border-top: 1px solid #000;
	cursor: pointer;
}

fieldset#auto-filter fieldset legend {
	color: #000;
	cursor: auto;
	text-decoration: none;
}

/**
 * Auto-selectie formulier
 */

.auto-formulier {
	width: 878px;
	min-height: 560px;
	margin-left: 18px;
	padding: 0 18px;
	background: #c6c7c9;
}

.auto-formulier .submit {
	width: 325px;
	margin: 9px auto 0;
	display: block;
	clear: both;
}

/**
 * Auto-selectie table
 */

/* updated */

.auto-formulier table {
	width: 877px;
	border: 1px solid #000;
	border-width: 1px 0 1px 1px;
}

.auto-formulier table th {
	font-weight: bold;
	text-align: center;
	background: #ccc;
	border-bottom: 1px solid #000;
}

.auto-formulier table td,
.auto-formulier table th {
	padding: 5px;
	vertical-align: top;
}

.auto-formulier table td,
.auto-formulier table th.thl {	/* .thl is the last TH, and needs a border-right */
	border-right: 1px solid #000;
}

.auto-formulier tr.odd {
	background-color: #fff;
}

.auto-formulier tr.even {
	background-color: #ffee8e;
}

.auto-formulier tr:hover {
	background-color: #92c0ff;
}

.auto-formulier table td.image {
	width: 80px;
	vertical-align: middle;
	text-align: center;
	background: #fff;
}

.auto-formulier table td.details {
	width: 492px;
}

.auto-formulier table td.price,
.auto-formulier table th.price {
	width: 140px;
	vertical-align: middle;
}

.auto-formulier table td.price p span {
	font-weight: bold;
	font-size: 110%;
	color: #f00;
}

.auto-formulier table td.select {
	width: 170px;
	padding: 0;
	vertical-align: middle;
}

.auto-formulier table p.fee-explanation {
	color: #f00;
}

.auto-formulier table tfoot {
	background: #fff;
	border-top: 1px solid #000;
}

/* table contents */

.auto-formulier table td input {
	width: 152px;
	height: 32px;
	margin: 0 auto;
	display: block;
	vertical-align: middle;
	cursor: pointer;
}

.auto-formulier table td input.hidden {
	display: none;
}

.auto-formulier table td h3 {
	margin-top: 0;
	font-weight: bold;
}

/**
 * Boek formulier
 */

.boek-formulier {
	width: 878px;
	min-height: 560px;
	margin-left: 18px;
	padding: 0 18px 18px;
	background: #c6c7c9;
}

.boek-formulier fieldset {
	padding: 8px 18px 8px 165px;
	background: #fed800 none repeat-x 0 0;
}

#address,#booking,#terms-and-conditions {
	background: #c6c7c9;
}

.boek-formulier legend span {
	position: relative;
	top: 10px;
	left: 30px;
	font-weight: bold;
}

.boek-formulier li {
	margin: 0 0 7px -147px;
	clear: left;
}

.boek-formulier label {
	width: 165px;
	display: block;
	float: left;
	clear: left;
}

.boek-formulier p {
	display: inline;
}

.boek-formulier input.text,
.boek-formulier textarea,
.boek-formulier select {
	width: 300px;
	padding: 3px;
}

.boek-formulier select {
	width: auto;
	padding: 0;
}

.boek-formulier .submit {
	width: 325px;
	margin: 9px auto 0;
	display: block;
	clear: both;
}

.boek-formulier strong.error {
	margin-left: 165px;
}

#postal-code-field {
	width: 60px;
}

#driver-age-field,#nopass-field,#cvc-field {
	width: 30px;
}

#confirm .submit {
	width: auto;
	margin: 0 0 0 25px;
}

/* terms and conditions */

#terms-and-conditions {
	padding-left: 18px;
}

#terms-and-conditions legend span {
	top: 0;
	left: 0;
}

#terms-and-conditions div {
	height: 200px;
	padding: 10px;
	overflow-y: scroll;
	background-color: #fff;
	border: 1px solid #000;
}

#terms-and-conditions h3 {
	margin-top: 10px;
	font-weight: bold;
}

#terms-and-conditions li {
	margin-left: 0;
	float: none;
	list-style: disc;
}

/* calendars */

.date-picker img {
	width: 32px;
	margin: 10px auto;
	display: block;
}

.zoek-formulier .calendar,.zoek-formulier .calendar caption,.zoek-formulier .date-picker p {
	width: 204px;
	margin: 0 auto;
}

.zoek-formulier .calendar {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 13px;
}

.calendar td,.calendar th {
	width: 23px;
	height: 23px;
	text-align: center;	
	font-weight: bold;
}

.calendar td {
	line-height: 23px;
	vertical-align: middle;
	background: #e7e8e9;
	border: 3px solid #fff;
}

.calendar th {
	text-transform: lowercase;
}

.calendar td a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	line-height: 23px;
	color: #000;
	background: #e7e8e9;
}

.calendar td a:hover,.calendar td a:focus {
	background: #fdd700;
}

.calendar .disabled {
	font-weight: normal;
	color: #bbb;
}

.calendar .event, .calendar .event a {
	color: #000;
	background: #fdd700;
}

.calendar .event a:hover,.calendar .event a:focus,
.calendar .today a:hover,.calendar .today a:focus {
	background: #f63;
}

.calendar caption {
	position: absolute;
	left: -999em;
}

.calendar caption a img {
	margin: 0 3px;
	vertical-align: text-bottom;
}

/* Autocomplete stuff */

#what-autocomplete-dropdown {
	max-height: 310px;
	overflow-y: scroll;
	margin: 0;	
	padding: 0;
	background-color: #d9d9d9;
	border: 1px solid #939598;
	list-style: none;
	z-index: 999;
}

#what-autocomplete-dropdown ul {
	width: 150px;
	margin: 0;
	padding: 0;
	float: left;
}

#what-autocomplete-dropdown li {
	width: 146px;
	padding: 3px 2px;
	color: #000;
	cursor: pointer;
}

#what-autocomplete-dropdown li.hover {
	color: #fff;
	background-color: #939598;
}

/* autocomplete thingy with errors: */
#what-autocomplete-dropdown.erroneous {
	background-color: #fe7;
	border: 1px solid #f01;
}

#what-autocomplete-dropdown.erroneous ul li.hover {
	color: #f01;
	background-color: transparent;
}

/* autocomplete thingy with locations: */
#what-autocomplete-dropdown.locs ul {
	width: 350px;
	float: none;
}

#what-autocomplete-dropdown.locs li {
	width: 346px;
}

/* Sequence map */

ol#sequencemap {
	width: 585px;
	height: 43px;
	margin: 0 0 11px -18px;
	padding: 0;
	background: #949598 url(../images/sequencemap-bg.jpg) no-repeat 100% 0;
}

.boek-formulier ol#sequencemap,
.auto-formulier ol#sequencemap {
	width: 914px;
}

ol#sequencemap li {
	width: 117px;
	height: 43px;
	float: left;
	margin: 0;
	clear: none;
}

ol#sequencemap li a,ol#sequencemap li span {
	width: 100%;
	height: 43px;
	display: block;
	line-height: 43px;
	text-decoration: none;
	text-indent: -999em;
	color: #fff;
	background: url(../images/sequencemap.jpg) no-repeat 0 0;
	outline: 0;
}

/* regular states */
ol#sequencemap li a#stap1:link { background-position: 0 0; }
ol#sequencemap li #stap2 { background-position: -117px 0; }
ol#sequencemap li #stap3 { background-position: -234px 0; }
ol#sequencemap li #stap4 { background-position: -351px 0; }
ol#sequencemap li #stap5 { background-position: -468px 0; }

/* hover states */
ol#sequencemap li a#stap1:hover { background-position: 0 -86px; }
ol#sequencemap li a#stap2:hover { background-position: -117px -86px; }
ol#sequencemap li a#stap3:hover { background-position: -234px -86px; }
ol#sequencemap li a#stap4:hover { background-position: -351px -86px; }
ol#sequencemap li a#stap5:hover { background-position: -468px -86px; }

/* active states */
ol#sequencemap li.current #stap1,ol#sequencemap li.current #stap1:hover { background-position: 0 -43px; }
ol#sequencemap li.current #stap2,ol#sequencemap li.current #stap2:hover { background-position: -117px -43px; }
ol#sequencemap li.current #stap3,ol#sequencemap li.current #stap3:hover { background-position: -234px -43px; }
ol#sequencemap li.current #stap4,ol#sequencemap li.current #stap4:hover { background-position: -351px -43px; }
ol#sequencemap li.current #stap5,ol#sequencemap li.current #stap5:hover { background-position: -468px -43px; }

/**
 *	Autohuur locaties (top 10)
 */

#top10 {
	width: 310px;
	height: 615px; /* last update: +15 */ /* last update: +20 */
	margin-left: 18px;
	float: left;
	background: #c6c7c9;
}

#top10 p,#top10 h3 {
	margin-left: 17px;
	font-size: 11px;
}

#top10 h2 {
	height: 34px;
	margin: 7px 0 7px 17px;
	padding-left: 85px;
	line-height: 40px;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/icons/top10.jpg) no-repeat 0 0;
}

#top10 ol {
	list-style: none;
	color: #fff;
}

#top10 ol li {
	width: 233px;
	margin-bottom: 7px;
	padding-left: 43px;
	background: #939597 url(../images/top10.gif) no-repeat 0 0;
}

#top10 ol li a {
	width: 233px;
	display: block;
	line-height: 37px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

#top10 ol li a:hover { background: #727476; }

#top10 ol li.no1 { background-position: 0 0; }
#top10 ol li.no2 { background-position: 0 -37px; }
#top10 ol li.no3 { background-position: 0 -74px; }
#top10 ol li.no4 { background-position: 0 -111px; }
#top10 ol li.no5 { background-position: 0 -148px; }
#top10 ol li.no6 { background-position: 0 -185px; }
#top10 ol li.no7 { background-position: 0 -222px; }
#top10 ol li.no8 { background-position: 0 -259px; }
#top10 ol li.no9 { background-position: 0 -296px; }
#top10 ol li.no10 { background-position: 0 -333px; }

/**
 *	Autohuur locaties en beschikbare huurauto's (jump links)
 */

#autohuur-locaties,#auto-quicklist {
	margin: 0 18px;
	padding: 8px 18px;
	clear: left;
	background: #c7c8c9;
}

#autohuur-locaties h2,#auto-quicklist h2 {
	width: 171px;
	height: 32px;
	margin: 0 auto 9px;
	padding-left: 73px;
	line-height: 32px;
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/icons/lokaties.jpg) no-repeat 0 0;
}

#auto-quicklist h2 {
	width: 240px;
}

#autohuur-locaties ul, #auto-quicklist ul {
	width: 25%;
	margin: 0;
	float: left;
}

#autohuur-locaties ul li a, #auto-quicklist ul li a {
	width: 100%;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #58595b;
	background-color: #f1f1f2;
	border: 1px solid #c7c8c9;
}

#autohuur-locaties a:hover,#autohuur-locaties a:active,#autohuur-locaties a:focus,
#auto-quicklist a:hover,#auto-quicklist a:active,#auto-quicklist:focus {
	color: #fff;
	background-color: #939598;
}

/**
 *	Rounded corner boxes (triggered thru Javascript)
 */

b.topleft,b.topright,b.bottomleft,b.bottomright {
	position: absolute;
	width: 6px;
	height: 6px;
	display: block;
}

b.topleft { top: -1px; left: -1px; }
b.topright { top: -1px; right: -1px; }
b.bottomleft { bottom: -1px; left: -1px; }
b.bottomright { bottom: -1px; right: -1px; }
b.topleft { background: url(../images/corners/topleft.gif) no-repeat left top; }
b.topright { background: url(../images/corners/topright.gif) no-repeat right top; }
b.bottomleft { background: url(../images/corners/bottomleft.gif) no-repeat left bottom; }
b.bottomright { background: url(../images/corners/bottomright.gif) no-repeat right bottom; }

.zoek-formulier b.topleft,.zoek-formulier b.topright { top: -31px; }

/**
 * Site help stuff
 */

#help-item {
	width: 145px;
	padding: 10px;
	background: #ffee9f url(../images/help-item-bg.jpg) repeat-x;
	border: 1px solid #ffde00;
}

.zoek-formulier small {
	position: relative;
	right: 11px;
	bottom: 25px;
}


/**
 * GeoTrust icon 
 */

#gtrust {
	margin: 18px 0 18px 18px;
}

#compatible {
	position:relative;
	width: 116px;
	margin: 0 auto;
}

/**
 * Dialog
 */

#dialog {
	width: 600px;
	min-height: 300px;
	padding: 14px;
	background: #fff;
	border: 3px double #034ea2;
}

#dialog h2 {
	padding-left: 18px;
	background: url(../images/icons/bulb.png) no-repeat 0 0;
}