/*------------------------------------------------------------------
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a {
  outline: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset - start basic layout */

	html,
	body {
		margin:0;
		padding:0;
		height:100%;
		cursor:default;
	}
	
	body {background: #000 url(../images/bg-gloabal.jpg) repeat-x;}
	
	#container {
		min-height:100%;
		position:relative;
	}
	#header {
		width:940px;
		height:385px;
		margin:0;
		padding:0;
		background: #000 url(../images/bg-header.jpg) no-repeat;
	}
	#body {
		padding:0 10px 10px 10px;
		padding-bottom:84px;	/* Height of the footer */
	}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:84px;			/* Height of the footer */
		background: #000 url(../images/bg-footer.jpg) repeat-x;}
		
/* other non-essential CSS */
#header p,
#header h1 {margin:0;padding:10px 0 0 10px;}		
	
#footer p {margin:0;padding:10px;}

.wrapper {width: 940px;margin-left: auto;margin-right: auto;}

div#wrapper-fade {width: 940px;margin-left: auto;margin-right: auto;overflow: visible;text-align:center;}

div#wrapper-hdr {width: 940px;margin-left: auto;margin-right: auto;overflow: visible;}

div#wrapper-body {width: 938px;margin-left: auto;margin-right: auto;background:url(../images/bg-garage-daytona-hp.jpg) top left no-repeat; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}

div#wrapper-body-porsche {width: 938px;margin-left: auto;margin-right: auto;background:url(../images/bg-main-porsche.jpg) top left no-repeat; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}

div#wrapper-body-saab {width: 938px;margin-left: auto;margin-right: auto;background:url(../images/bg-main-saab-cabrio.jpg) top left no-repeat; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}

div#wrapper-body-aankoopkeuringen {width: 938px;margin-left: auto;margin-right: auto;background:url(../images/bg-main-aankoopkeuringen.jpg) top left no-repeat; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}

div#wrapper-body-serviceaanvraag {width: 938px;margin-left: auto;margin-right: auto;background:url(../images/bg-main-serviceaanvraag.jpg) top left no-repeat; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}

div#wrapper-body-service-diagnose {width: 938px;margin-left: auto;margin-right: auto;background:url(../images/bg-main-service-diagnose.jpg) top left no-repeat; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}

div#wrapper-body-contactpersoon {width: 938px;margin-left: auto;margin-right: auto;background:url(../images/bg-main-contactpersoon.jpg) top left no-repeat; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}

div#wrapper-body-bedankpagina {width: 938px;margin-left: auto;margin-right: auto;background:url(../images/bg-main-bedankpagina.jpg) top left no-repeat; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}

div#wrapper-body-contact {width: 938px;margin-left: auto;margin-right: auto;background:url(../images/bg-main-contact.jpg) top left no-repeat; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}

div#wrapper-body-clean {width: 938px;margin-left: auto;margin-right: auto; border-left:1px solid #383838;border-right:1px solid #383838;border-bottom:1px solid #383838;}
	
div#bodytext {padding:25px;font: normal normal 11px Verdana, sans-serif;line-height: 1.5em;color:#b9b9b9;margin: 0 0 20px 0;text-align:justify;}

div#bodytext a {font-weight: normal;text-decoration: none;color: #fdfdfd;}

div#bodytext a:hover {font-weight: normal;text-decoration: none;color: #dfae00;}

div#flash {width:740px; height:221px; padding:45px 0 0 0; margin:0;}

/* Headings */

h1, h2 {font: normal normal 15px Verdana, sans-serif;text-transform: none;letter-spacing:normal;line-height: 1.3em;color:#dfae00;margin:0 0 12px 0;}
h2 {margin:12px 0 12px 0;}
h3 {font: normal normal 14px Helvetica, Arial, sans-serif;text-transform: none;letter-spacing: normal;line-height: 1.4em;color:#dfae00;;margin:12px 0 12px 0;}

/* floats */

.floatleft { float: left; margin: 4px 25px 0px 0px;padding:0;}
.floatright { float: right; margin: 25px 0px 0px 23px; text-align:center; font-size:10px; } 
.img-floatright { float: right; margin: 0px 0px 23px 23px; text-align:center; font-size:10px; } 
.img-floatleft { float: left; margin: 4px 25px 0px 0px;padding:0; height:144px;}
.txt-floatleft {float:left; margin:0;padding:0;}

/* payoff */

div#payoff-top, div#payoff-bottom {text-align:center; font: normal normal 15px Verdana, sans-serif;text-transform: none;letter-spacing:normal;line-height: 1.3em;color:#dfae00;margin-top:12px;}

div#payoff-bottom {margin:0px;}


/* Navigation */

#wrapper-navi {height:57px; padding:10px 0 0 17px; width:919px; text-align:center;}

#navi {width:753px;height:28px;}

#navi a:hover {border:none;}

#navi a {background:url(../images/nav-garage-daytona-r1.gif);height:28px;display:block;float:left;text-indent:-9999px;}

#navi a.garage-daytona {background-position:0 0;width:182px;}
#navi a:hover.garage-daytona {background-position:-753px;}	
#navi #active-garage-daytona {background-position:-753px 0;}	

#navi a.porsche-specialisatie {background-position:-182px 0;width:142px;}
#navi a:hover.porsche-specialisatie {background-position:-935px 0;}	
#navi #active-porsche-specialisatie {background-position:-935px 0;}	

#navi a.saab-cabrio-specialisatie {background-position:-324px;width:172px;}
#navi a:hover.saab-cabrio-specialisatie {background-position:-1077px;	}
#navi #active-cabrio-specialisatie {background-position:-1077px;	}

#navi a.aankoopkeuringen {background-position:-496px;width:127px;}
#navi a:hover.aankoopkeuringen {background-position:-1249px;}
#navi #active-aankoopkeuringen {background-position:-1249px;}

#navi a.contactpersoon {background-position:-622px;width:130px;}
#navi a:hover.contactpersoon {background-position:-1375px;}
#navi #active-contactpersoon {background-position:-1375px;}

/* navi second row */

#subnavi{width:781px;height:28px;margin-top:5px;}

#subnavi a:hover {border:none;}

#subnavi a {background:url(../images/nav-garage-daytona-r2.gif);height:28px;display:block;float:left;text-indent:-9999px;}

#subnavi a.serviceaanbod {background-position: 0 0;width:162px;}
#subnavi a:hover.serviceaanbod	{background-position:-781px;}
#subnavi #active-serviceaanbod	{background-position:-781px;}

#subnavi a.service-aanvraagformulier {background-position:-162px;width:311px;}
#subnavi a:hover.service-aanvraagformulier {background-position:-943px 0;}	
#subnavi #active-service-aanvraagformulier {background-position:-943px 0;}	


#subnavi a.service-diagnose {background-position:-473px 0;width:192px;}
#subnavi a:hover.service-diagnose {background-position:-1254px 0;}	
#subnavi #active-service-diagnose {background-position:-1254px 0;}	

#subnavi a.contact-route {background-position:-665px;width:110px;}
#subnavi a:hover.contact-route {background-position:-1446px;}
#subnavi #active-contact-route {background-position:-1446px;}

/* navi bottom */

#bottomnavcontainer {width:900px; padding:0 23px 0 23px;}
#bottomnavcontainer ul {margin: 0;padding-top: 20px;list-style-type: none;text-align: center;font: normal normal 11px/17px Verdana, sans-serif;}
#bottomnavcontainer ul li { display: inline; }
#bottomnavcontainer ul li a {text-decoration: none;padding: 0 12px 10px 10px;color: #565656;width: auto;}
#bottomnavcontainer ul li a:hover {color: #f4f4f4;width: 146px;height: 82px;text-decoration:none;}

/* Overzicht serviceaanbod */

div#wrapper-serviceaanbod {width:100%; height:339px; text-align:center;}

div#hdr-serviceaanbod {text-align:center;margin:0 0 12px 0;}

#overzicht-serviceaanbod { background: url(../images/bg-service-aanbod.jpg) no-repeat;height: 339px;width: 893px;position: relative; }
#overzicht-serviceaanbod-porsche { background: url(../images/serviceaanbod-porsche.jpg) no-repeat;height: 339px;width: 893px;position: relative; }
#overzicht-serviceaanbod-saab-cabrio { background: url(../images/serviceaanbod-saab.jpg) no-repeat;height: 339px;width: 893px;position: relative; }
#overzicht-serviceaanbod-aankoopkeuringen { background: url(../images/bg-sa-aankoopkeuringen.jpg) no-repeat;height: 339px;width: 893px;position: relative; }

#menu a {position: absolute;height: 37px;width: 419px;left:448px;text-decoration: none; }

#menu a i { visibility: hidden; } 

a#auto-restauratie {top:39px;}
a#cabriodak-vernieuwen { top:79px; }
a#interieurbekleding-en-reconditionering { top:115px;}
a#auto-repatriering { top:151px; }
a#stuurbekrachtiging-inbouw-klassiekers { top:188px; }
a#audio-en-alarm-inbouw { top:227px;height:33px; }
a#totale-glasservice { top:262px;height:33px; }

/* End overzicht serviceaanbod*/

.brdr {border:1px solid #383838;}
.img-restauratie{border:1px solid #383838;margin-right:18px;}
.smallfont {font-size:10px;}


/* Form */
.formstyle {display: inline;}
.inputfield1 {width: 75px; color: #000; padding-left: 3px;line-height: 14px;border-left: 1px solid #999999; border-top: 1px solid #999;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;padding-left: 3px;}
.inputfield2 {width: 465px; color: #000; height: 80px;padding-left: 3px;line-height: 14px;border-left: 1px solid #999999; border-top: 1px solid #999;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;padding-left: 3px;}
.inputfields {width: 265px;color: #000; line-height: 14px;border-left: 1px solid #999999; border-top: 1px solid #999;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;padding-left: 3px;}
.formbutton {border: 1px solid #383838;background-color: #dae3d1;font-weight: normal;color: #282828;}