/*
 * general 
**/
body,html {
	margin:0;
	padding:0;
	background:url("../images/bg_gradient_foam.gif") repeat-y scroll 50% -117px #B40000;
	text-align:center;
	font-family: Audi, Arial, sans-serif;
	line-height:1.3em;
	font-size:11px;
	height:100%;
}
fieldset {
	border:0;
	margin:12px 0 0 0;
	padding:0;
}
h1 {
	color:#000;
	font-size:22px;
	line-height:1.2em;
	margin:0 0 .3em 0;
}
	h1 span {
		display:block;
		font-size:24px;
		margin:0 0 6px 0;
	}
p {
	font-size:13px;
	margin:0 0 1em 0;
	line-height:1.4;
}
	p.note {
		color:#000;
		font-size:11px;
	}
a {
	color:#a60111;
	text-decoration:none;
}
a:hover {
	text-decoration:underline !important;
}
img {
	border:0;
}
hr {
	border:0;
	background:#969b9f;
	clear:both;
	height:1px;
}
.download a,
.nextstep a {
	display:block;
	float:left;
	text-decoration:none;
	background:#990002 url('../images/arrow.gif') no-repeat 8px 50%;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:6px 10px 6px 20px;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	zoom:1;
}
.nextstep {
	float:right;
}
.social {
    height:47px;

    left:172px;

    position:absolute;

    top:562px;

    width:360px;
}
	.social h2 {
		color:#fff;
		font-size:20px;
		display:inline;
		margin:0 10px 0 0;
		position:relative;
		top:-10px;
	}
	.social a {
		margin:0 8px 0 0;
	}


/* 
 * fonts 
**/
.AudiType-Normal {font-weight: normal; font-style: normal;font-family: 'AudiTypeRegular', sans-serif;}
.AudiType-Bold {font-weight: bold; font-style: normal;font-family: 'AudiTypeBold', sans-serif;}

/* 
 * layout 
**/
#canvas-plaatsen
{
    background:url("../images/bg_wide_plaatsen.jpg") no-repeat scroll 50% -117px;
    font-family:Audi,Arial,sans-serif;
    font-size:11px;
    line-height:1.3em;
    margin:0;
    padding:0;
    text-align:center;
    height: 755px;
}

#canvas {
	width:970px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

a.logo {
	float:right;
	margin-top:20px;
}
img.car {
	position:absolute;
	top:66px;
	left:0px;
}
ul.footer {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
    top:650px;
	left:0;
}
	ul.footer li {
		float:left;
		margin:0 1em 0 0;
	}
	ul.footer li a {
		color:#fff;
		text-decoration:none;
		font-size:11px;
	}
	ul.footer li a:hover {
		text-decoration:underline;
	}



/*audi a1*/
#audi_a1{
 left:72px;
 top:245px;
 position:absolute;
}

/* map */
#map{}
#map_png{ 
 left:315px;
 top:209px;
 position:absolute;
 }
#map #signboard{
 	background:url('../images/signboard_bg.png') no-repeat;
 	width:226px;
 	height:133px;
 	padding:20px;
 	position:absolute;
 	left:771px;
 	top:278px;
}
#map #signboard h1{
 	color:#fff;
 	font-size:16px;
}
#map #signboard p{
 	color:#fff;
 	width:190px;
 	font-size:11px;
 	padding:5px 0 0 0;
 	margin:0px 0 10px 0;
}
#map #signboard a.link_bg{
 	display:block;
 	background:url(../images/link_bg.gif) no-repeat;
 	width:161px;
 	height:19px;
 	color:#fff;
 	padding:4px 0 0 25px;
 	cursor:pointer;
}
#map .trans{
	width:100%;
	height:100%;
	border:none;
}

#map #amsterdam{
	cursor:pointer;
	display:block;
	height:52px;
	left:606px;
	position:absolute;
	top:243px;
	width:39px;
	z-index:101;
}
#map #zwolle{
  display:block;
  position:absolute;
  width:38px;
  height:52px;
  left:687px;
  top:214px;
  cursor:pointer;
  z-index:101;
}
#map #rotterdam{
	cursor:pointer;
	display:block;
	height:52px;
	left:578px;
	position:absolute;
	top:285px;
	width:39px;
	z-index:101;
}
#map #eindhoven {
	cursor:pointer;
	display:block;
	height:54px;
	left:665px;
	position:absolute;
	top:347px;
	width:50px;
	z-index:101;
}
#map #maastricht{
	cursor:pointer;
	display:block;
	height:54px;
	left:679px;
	position:absolute;
	top:421px;
	width:50px;
	z-index:101;
}

/* Tooltip volgeboekt */
#map .tooltip_volgeboekt{
  padding:15px 14px 20px 20px;
  background:url('../images/tooltip_volgeboekt.png') no-repeat;
  width:288px;
  height:85px;
  position:absolute;
  left:572px;
  top:250px;
  display:none;
  z-index:110;
}
#map .tooltip_volgeboekt a.close{
	display:block;
	float:right;
	background:url('../images/button_cross.gif');
	width:10px;
	padding:10px 0 0 0;
	height:0px;
	cursor:pointer;
	overflow:hidden;
}
#map .tooltip_volgeboekt h2{
	font-size:14px;
	margin:0 0 5px 0;
}
#map .tooltip_volgeboekt p{
	size:16px;
	margin:5px 0 5px 0;
}

/* Tooltip schrijf in */
#map .tooltip_schrijf_in{
  padding:15px 14px 20px 20px;
  background:url('../images/tooltip-schrijf-in.png') no-repeat;
  width:289px;
  height:105px;
  position:absolute;
  left:372px;
  top:150px;
  display:none;
  z-index:110;
}
#map .tooltip_schrijf_in a.close{
	display:block;
	float:right;
	background:url('../images/button_cross.gif');
	width:10px;
	padding:10px 0 0 0;
	height:0px;
	cursor:pointer;
	overflow:hidden;
}
#map .tooltip_schrijf_in h2{
	font-size:14px;
	margin:0 0 5px 0;
}
#map .tooltip_schrijf_in p{
	size:16px;
	margin:5px 0 5px 0;
}
#map .tooltip_schrijf_in a.inschrijven, #map .tooltip_volgeboekt a.inschrijven
{
	display:block;
	color:#fff;
	margin:10px 3px 0 0;
	padding:4px 0 0 22px;
	background:url('../images/button_inschrijven.gif') no-repeat;
	width:100px;
	height:19px;
	float:right;
}
#map .tooltip_volgeboekt a.inschrijven 
{
    float: none;
}


/* Tooltip foto's */
#map .tooltip_fotos{
  padding:15px 14px 20px 20px;
  background:url('../images/tooltip-fotos.png') no-repeat;
  width:289px;
  height:125px;
  position:absolute;
  left:172px;
  top:350px;
  display:none;
  overflow:hidden;
  z-index:110;
}
#map .tooltip_fotos a.close{
	display:block;
	float:right;
	background:url('../images/button_cross.gif');
	width:10px;
	padding:10px 0 0 0;
	height:0px;
	cursor:pointer;
	overflow:hidden;
}
#map .tooltip_fotos h2{
	font-size:14px;
	margin:0 0 5px 0;
}
#map .tooltip_fotos ul{
	list-style:none;
	margin:0px; padding:0px;
}
#map .tooltip_fotos ul li{
	width:140px;
	height:62px;
	display:block;
	float:left;
	height:200px; /*only for show effect*/
}
#map .tooltip_fotos ul li img{
	float:left;
}
#map .tooltip_fotos ul li span{
	display:block;
	float:right;
	width:70px;
}
#map .tooltip_fotos ul li a{
	text-decoration:underline;
	}

ul.extra_options{
	list-style: none;
	position:absolute;
	left:424px;
	top:570px;
}
ul.extra_options li{
	float:left;
	margin:0 20px 0 0;
}
ul.extra_options li.last{
	margin:0;
}
ul.extra_options li a{
	background:url('../images/arrow.gif') 0 3px no-repeat;
	display:block;
	color:#fff;
	padding:0 0 0 10px;
	font-family:Audi,Arial,sans-serif;
	font-size:12px;
}

#overlay{
	width:100%;
	background:#000;
	position:fixed;
	opacity:0.6;
	display:none;
	filter:alpha(opacity=60);
	z-index:111;
}

.popup_locatie{
	width:100%;
	z-index:112;
	position:absolute;
	display:none;
}
.popup_locatie .google_maps{
	width:307px;
	height:310px;
	float:left;
	position:relative;
}

.popup_locatie .text_wrapper{
	width:230px;
	height:310px;
	float:right;
}
.popup_locatie .text_wrapper h2{
	line-height:1.0em;
}
#popup_content_wrapper{
	width:100%;
	z-index:112;
	position:absolute;
	display:none;
}
#popup_content{
	padding:30px 30px 30px 30px;
	width:559px;
	height:427px;
	margin:8% auto;
	background:url('../images/overlay_popup.png') no-repeat;
	text-align:left;
}
#popup_content h2{
	font-size:18px;
	#000;
}
#popup_content p{
	line-height:1.0em;
}
#popup_content a.close{
	display:block;
	float:right;
	background:url('../images/button_cross.gif');
	width:10px;
	padding:10px 0 0 0;
	height:0px;
	cursor:pointer;
	overflow:hidden;
}

#popup_content_small{
	padding:30px 30px 30px 30px;
	width:425px;
	height:145px;
	margin:8% auto;
	background:url('../images/overlay_popup.png') no-repeat;
	text-align:left;
}
#popup_content_small h2{
	font-size:18px;
	/*#000;*/
}
#popup_content_small p{
	line-height:1.0em;
}
#popup_content_small a.close{
	display:block;
	float:right;
	background:url('../images/button_cross.gif');
	width:10px;
	padding:10px 0 0 0;
	height:0px;
	cursor:pointer;
	overflow:hidden;
}


/* Reservering aanpassen */
#map a#reservering_aanpassen{
  background:url('../images/button_reservering_aanpassen.gif');
  width:184px;
  height:59px;
  display:block;
  position:absolute;
  left:810px;
  top:493px;
  cursor:pointer;
}





/* Galleries */
#map ul.galleries {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.25;
	list-style:none;
	overflow:hidden;
}
	#map ul.galleries li {
		position:relative;
		min-height:60px;
		width:64px;
		padding:12px 10px 0 70px;
		float:left;
	}
		#map ul.galleries li a {
			display:block;
			text-decoration:none;
		}
		#map ul.galleries li a:hover { text-decoration:none !important; }
			#map ul.galleries li a span { text-decoration:underline; }
			#map ul.galleries li strong {
				color:#000;
				display:block;
                white-space:nowrap;
			}
			#map ul.galleries li img {
				position:absolute;
				top:0;
				left:0;
				border:0;
			}
/* Gallery overlay */
#gallery_overlay {
	position:absolute;
	z-index:999;
	left:50%;
	top:40px;
	width:676px;
	margin:0 0 0 -338px;
	text-align:left;
	color:#fff;
	display:none;
}
	#gallery_overlay h2 {
		margin:0 0 8px 0;
		text-align:right;
		font-size:16px;
	}
	#gallery_overlay form input.blurred {
		color: #636363;
	}
	#gallery_overlay form input.error {
		color: red;
	}

	#go_photo {
		margin:0 0 10px 0;
		padding:10px;
		background:#fff;
		height:388px;
	}
	#gallery_overlay .button {
		font-size:12px;
		float:left;
		margin:0 6px 0 0;
		background:url('../images/gallery/button-left.png');
	}
		#gallery_overlay .button span {
			float:left;
			min-height:19px;
			margin:0 -6px 0 0;
			padding:4px 10px 0;
			background:url('../images/gallery/button-right.png') 100% 0 no-repeat;
			color:#fff;
		}
		#gallery_overlay .button_more {			
			background-image:url('../images/gallery/button-more-left.png');
			padding-left:15px;
		}
	#gallery_overlay #go_back_button {
		position:absolute;
		left:0;
		top:-10px;
		background-image:url('../images/gallery/button-back-left.png');
		padding-left:24px;
	}
	#gallery_overlay #go_send_button {
		margin-bottom:10px;
		float:right;
	}
	#go_browser {
		margin:0 0 5px 0;
		position:relative;
		clear:both;
	}
	#go_browser:after {
		content:'.';
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}
		#go_browser_canvas {
			width:100%;
			position:relative;
			overflow:hidden;
		}
			#go_browser ul {
				width:10000px;
				margin:0 -2px;
				padding:0;
				list-style:none;
			}
				#go_browser ul li {
					float:left;
					margin:0 2px;
				}
					#go_browser img { border:1px solid #fff; }
		#go_browser #go_browser_prev,
		#go_browser #go_browser_next {
			position:absolute;
			top:30px;
			left:-47px;
			width:32px;
			height:32px;
			text-indent:-3000em;
			overflow:hidden;
			background:url('../images/gallery/browser-buttons.png');
		}
		#go_browser #go_browser_next { 
			left:auto;
			right:-47px;
			background-position:-32px 0; 
		}
		#go_browser #go_browser_status {
			float:right;
			font-size:10px;
		}
#go_send {
	clear:both;
	margin:0 -5px 5px -5px;
}
#go_send:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
	#go_send fieldset,
	#go_send #go_receivers {
		float:left;
		margin:0 5px;
		width:333px;
	}
		#go_send h2,
		#go_send h3 { 
			margin:0 0 5px 0;
			text-align:left; 
			font-size:12px;
			line-height:1.2;
			font-weight:normal;
		}
		#go_send input {
			display:block;
			width:323px;
			min-height:27px;
			margin:0 0 3px 0;
			padding:0 5px;
			border:0;
			background:url('../images/gallery/textfield.png') transparent;
			font-size:13px;
		}
		#go_receivers_canvas {
			font-size:13px;
			line-height:1.25;
			height:6.1em;
			margin:0 0 4px 0;
			padding:0.3em 5px 0.25em 5px;
			overflow:auto;
			list-style:none;
			background:#fff;
			color:#000;
		}
		#go_send .button { float:right; }
		#go_success,
		#go_error {
			margin:0 0 5px 0;
			padding:15px 20px;
			background:#fff;
			color:#000;
		}
			#go_success h2,
			#go_error h2 {
				min-height:30px;
				padding:14px 0 0 52px;
				text-align:left;
				font-size:18px;
				background:url('../images/gallery/success.gif') no-repeat;
			}
			#go_error h2 { background-image:url('../images/gallery/error.gif'); }
			#go_success p,
			#go_error p { margin:0; }
			#go_success a,
			#go_error a { text-decoration:underline; }

/* utils */
.hidden {
	display: none;

}