* {margin:0; padding:0;} 
*:focus {-moz-outline: none; outline: none;}
html {height:100%;} 
 
body {	
	height: 100%;
	background-image: url(pics/right_back.gif);
	background-position: 950px top;
	background-repeat: repeat-y;
}

#site {	
	position: relative;
	margin: 0px auto 0px 0px;
	width: 950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background-image: url(pics/site_back.gif);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #fff;
}

 /* ========================= header ========================= */

#header {
	margin: 0px auto;
	height: 50px;
	background-color: #fff;
}

#header .logo_duurling{
	width: 225px;
	height: 50px;
	float: left;
	text-indent: -9999px;
	background-image:  url(pics/logo_duurling.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#header .logo_duurling a:link, #header .logo_duurling a:visited{
	width: 100%;
	height: 50px;
	display: block;
	text-decoration: none;
	border: 0px solid #fff;
}

#header .logo_firststop{
	margin-right: 5px;
	width: 161px;
	height: 50px;
	float: right;
	text-indent: -9999px;
	background-image:  url(pics/logo_firststop.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#header .logo_firststop a:link, #header .logo_firststop a:visited{
	width: 100%;
	height: 50px;
	display: block;
	text-decoration: none;
	border: 0px solid #fff;
}

 /* ========================= container ========================= */
 
#container {
	margin: 0px auto 10px auto;	
	float: left;
}

 /* ========================= navigation ========================= */

#navigation {
	margin-bottom: 280px;
	width: 210px;
	float: left;
}

#navigation ul {
	margin: 0px;
	list-style-type: none;
}

#navigation li {
	float: left;
	font: 12px Arial, sans-serif;
	line-height: 25px;
	color: #fff;
}

#navigation li a:link, #navigation li a:visited {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 30px;	
	width: 180px;
	float: left;
	display: block;
	font: 12px Arial, sans-serif;
	text-decoration: none;
	line-height: 25px;
	color: #fff;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover  {	
	padding: 0px 0px 0px 30px;
	width: 180px;
	background-color: #000;
	border-bottom: 1px solid #fff;
}

 /* ========================= content ========================= */

#content {
	margin: 0px;
	width: 740px;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #3d3c39;
}

#content .tekst {
	margin-top: 10px;
	padding: 0px 14px 10px 15px;
	float: left;
}

#content .tekst img {
	margin: 5px 0px 5px 10px;
	float: right;
	border: 3px solid #c30028;
}

#content .budgetautos {
	margin-top: 0px;
	padding: 0px 0px 20px 0px;
	float: left;
}

#content .budgetautos img {
	margin: 0px;
	padding: 0px;
	border: 0px solid #c30028;
}

#header_home .vestiging_heerlen{
	padding: 0px;
	margin: 5px 0px 0px 0px;
	height: 140px;
	display: block;
	float: right;
}

#header_home .vestiging_heerlen1{
	padding: 0px;
	margin: 5px 0px 0px 0px;
	height: 240px;
	display: block;
	float: right;
}

#content .vestiging_heerlen img{
	background: #fff;
}

iframe {
	width: 740px;
}

h3 {
	margin-bottom:5px;
	font: 18px Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #c30028;
}                

p { margin-bottom: 10px;}

strong { color: #c30028; }

ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

a:link, a:visited {
	color: #000;
}

a:hover {
	color: #747576;
}

/* ======================= Google Map ======================== */

.googlemap{
	margin: 0px 10px;
	float: left;
}


.googlemap form{
	width: 150px;
}
.googlemap .omschrijving {
	margin: 10px 2px 2px 0px;
	width: 110px;
	float: left;
}

.googlemap .omschrijving2 {
	margin: 2px 2px 9px 0px;
	width: 200px;
	float: left;
}

.googlemap input{
	padding: 1px 3px;
	width: 200px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #434343;
}

.googlemap select  {
	width: 210px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #434343;
}

.googlemap input.button {
	width: 110px;
	height: 20px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #434343;
}

.googlemap .invul select{
	width: 208px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif;  
	border: 1px solid #434343;
}

.googlemap .invul option{
	padding: 0px 3px;
	color: #434343;
	font: 12px arial, sans-serif; 
}




 /* ====================== header tekst ====================== */

#header_home {
	margin: 0px 0px 10px 0px;
	padding: 32px 0px 0px 0px;
	width: 740px;
	height: 335px;
	font: 12px Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #fff;
	background-color: #000;
}

#header_tekst {
	margin: 0px 0px 10px 0px;
	width: 740px;
	height: 255px;
	font: 12px Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #fff;
	background-color: #000;
}

#header_acties {
	margin: 0px 0px 0px 0px;
	width: 740px;
	height: 32px;
	background-color: #000;
}

#header_tekst .tekst{
	margin: 10px;
	padding: 10px 5px;
	width: 375px;
	height: 235px;
	overflow: hidden;
}

#header_tekst h1 {
	margin-bottom:5px;
	font: 24px Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
} 

#header_tekst h2 {
	margin-bottom:5px;
	font: 20px Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
} 

#header_tekst h3 {
	margin-bottom:5px;
	font: 18px Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
} 

#header_tekst h4 {
	margin-bottom:5px;
	font: 15px Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
} 

#header_tekst h5 {
	margin-bottom:5px;
	font: 12px Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
} 

 /* ========================= flash ========================= */

#content .flash_blok {
	margin-bottom: 15px;
	width: 520px;
	border: 1px solid #000;
}

 /* ========================= blokken ========================= */

#blokken {
	margin: 0px 0px 5px 0px;
	padding-bottom: 20px;
	width: 740px;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #3d3c39;
}

#blokken .header {
	margin: 0px 0px 5px 15px;
	padding: 0px 10px;
	height: 20px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
	background-color: #c30028;
}

#blokken .header a:link, #blokken .header a:visited {
	padding-right: 20px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
	border: 0px;
	background-image:  url(pics/volgende.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#blokken .leeg {
	margin-left: 25px;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6a6a6a;
}

#blokken .blok{
	margin: 0px 0px 0px 10px;
	padding: 5px 10px 10px 5px;
	width: 220px;
	height: 145px;
	float: left;
	display: inline;
	background-image: url(pics/blok_back.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: 0px solid #fff;
}

#blokken .afb{
	margin: 0px 0px 0px 8px;
	padding: 0px;
	width: 125px;
	height: 102px;
	float: left;
	display: inline;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0px solid #000;
}

#blokken .naam {
	margin: 6px 0px 2px 15px;
	padding: 0px;
	width: 190px;
	height: 30px;
	float: left;
	display: inline;
	overflow: hidden;	
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	border: 0px solid #fff;
}

#blokken a:link, #blokken a:visited, #blokken a:hover {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#blokken .prijs{
	margin: 5px 5px 0px 5px;
	padding: 0px;
	width: 70px;
	height: 86px;
	float: left;
	overflow: hidden;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 17px;
	color: #fff;
	border: 0px solid #fff;
}

#blokken .vorige_volgende {
	margin: 10px 14px 0px 15px;
	clear: both;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #c5c5c5;
}

#blokken .vorige_volgende a:link, #blokken .vorige_volgende a:visited {
	color: #000;
}

#blokken .vorige_volgende a:hover {
	color: #c30028;
}

#blokken .vorige {
	width: 49%;
	float: left;
	text-align: right;
}

#blokken .streepje {
	width: 2%;
	float: left;
	text-align: center;
}

#blokken .volgende {
	width: 49%;
	float: right;
	text-align: left;
}
	
	/* ------------------------- player ------------------------- */
	
	#swfje {
	margin: 0px 0px 5px 15px;
	padding: 0px 10px;
	height: 20px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
	background-color: #c30028;
}

	#swfje a:link, #swfje a:visited {
	padding-right: 20px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
	border: 0px;
	background-image:  url(pics/volgende.gif);
	background-position: right center;
	background-repeat: no-repeat;
}


/* ------------------------- nieuwsbrief ------------------------- */

#nieuwsbrief {
	margin: 145px 0px 0px 10px;
	width: 210px;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 25px;
	text-decoration: none;
}
 
#nieuwsbrief .omschrijving {
	margin: 0px 0px 5px 0px;
	width: 50px;
	height: 15px;
	float: left;
	font: 12px Arial, sans-serif;
	line-height: 15px;
	color: #fff;
}

#nieuwsbrief .invul input{
	margin: 0px 0px 5px 0px;
	width: 133px;
	float: left;
	color: #6a6a6a;
	border: 1px solid #6a6a6a;
} 

#nieuwsbrief .invul input.button {
	margin: 0px 0px 5px 0px;
	width: 60px;
	float: left;
	color: #6a6a6a;
	background-color: #fff;
}

 /* ========================= footer ========================= */

#footer {
	position: relative;
	bottom: 0px;
	left: 0px;
}

#footer_left {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 210px;
	height: 254px;
	background-image: url(pics/footer_back.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#footer_left .maastricht .adres{
	margin: 145px 0px 0px 3px;
	padding: 0px 0px 5px 0px;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	text-decoration: none;
	border-bottom: 1px dashed #fff;
}

#footer_left .heerlen .adres{
	margin: 3px 0px 0px 3px;
	padding: 0px;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	text-decoration: none;
}

#footer_right {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	background-color: #fff;
	border-top: 1px solid #807f81;
}

#footer_right a:link, #footer_right a:visited {
	margin: 0px 5px;
	padding: 0px;
	float: right;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #000;
}

#footer_right a:hover { 
	color: #747576; 
}

 /* ------------------------- end ------------------------- */ 
 
br.clear { clear: both; font: 0px sans-serif; line-height: 0px; }

 /* ------------------------- end ------------------------- */