/* BROWSEROPMAAK */

html, body {
	margin:	0px;
	font-family: Arial;
	font-size: 12px;
	color: #515050;
	height:	100%; 						/* needed for container min-height */
	background:	#FFFFFF;
}
	
#container {
	margin: 0px;						/* align for good browsers */
	text-align:	left;					/* counter the body center */
	width: 982px;
	position:	relative;				/* needed for footer positioning*/
	height:	auto !important;	/* real browsers */
	height:	100%; 						/* IE6: treaded as min-height*/
	min-height:	100%; 				/* real browsers */
}
	
/* HEADER */	

#header {
	width: auto;
	height:	305px;
	vertical-align:	middle;
	color: #000;
	text-align: center;
	border-top: 4px solid #CC0000;
}

/* LEFTCONTENT */	
#leftcontent {
	background: #FFFFFF;
	position: absolute;
	width: 210px;
	margin: auto;
}

/* CONTENT */	

#content{
	background: #FFFFFF;
	width: 732px;
	margin-left:		210px;
	margin-top:			0px;
	margin-bottom:		10px;
	font-family:		Arial;
	color:				#515050;
	padding:			10px;
	font-size: 			12px;
	float: right;
	}
	
#content_center{
	width: 900px;
	margin-left: 30px;
	margin-top:	0px;
	margin-bottom: 10px;
	font-family: Arial;
	text-align: center;
	color: #515050;
	padding: 10px;
	font-size: 12px;
	float: right;
	}

h2,h3,h4,h5,h6 {
	padding: 5px 0;
	margin: 0px 0 0 0;
	}
	
h1 {
	font-size: 15px;
	color: #CC0000;
/*	text-indent: -10px;*/
}
	
h2 {
	font-size: 13px;
}

p {padding: 0px; margin:0 0 10px 0}

img, div, span, a.img { 
behavior: url(../iepngfix.htc);
}

.img {
	border: 1px solid #CC0000;
behavior: url(../iepngfix.htc);
}

img { border: 0px;behavior: url(../iepngfix.htc);
} 	

a:link, a:visited {color: #555555; text-decoration: underline; font-weigth: bold;}
a:hover, a:active {color: #CC0000; text-decoration: underline;}

div.devider {
	background: url(../images/devider.jpg) repeat-x;
	margin: 20px 0;
	width: 732px;
	height: 1px;
}

label {
  display: block;
  margin: 5px 0;
  float: left;
  width: 220px;
  text-align: left;
	clear: left;
	padding: 0px;
	clear: both;
}

label.proefrit {
	clear: both;
  margin: 5px 0;
  width: 125px;
  text-align: left;
	padding: 0px;
}

input, select {  margin: 5px 0; text-align: left;
} 

#maakafspraak { width: 500px;}
#maakafspraak1 { width: 350px; float: left;}
#maakafspraak2 { width: 450px; float: left;}

/* HOMEPAGE */
#visual_home {
	background: url(../images/visual_home.jpg) no-repeat;
	width: 982px;
	height: 305px;
}

#shortcuts {
	float: right;
	width: 370px;
	padding-top: 40px;
	padding-left: 10px;
}

#shortcuts_powersport {
	float: right;
	width: 380px;
	padding-top: 0px;
	padding-left: 10px;
}

#small_shortcuts {
	text-align: right;
	padding: 20px 0 0 0;
}

#welkom {
}

/* MAZDA */
#visual_mazda {
	background: url(../images/visual_mazda.jpg) no-repeat;
	width: 982px;
	height: 305px;
}

#content_wider{
	background: #FFFFFF;
	width: 762px;
	margin-left:		210px;
	margin-top:			0px;
	margin-bottom:		10px;
	font-family:		Arial;
	color:				#515050;
	padding:			10px;
	font-size: 			12px;
	}

.proef {
	text-align: center;
	font-weight: bold;
	margin: 10px 12px;}


.mazda_text {
	float: left;
	text-align: center;
	font-weight: bold;
	padding: 10px 20px;
}

td.mazda-links, td.mazda-links a {
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}
	
#proefrit {
}

/* OCCASIONS */
#visual_occasions {
	background: url(../images/visual_occasions.jpg) no-repeat;
	width: 982px;
	height: 306px;
}

/* POWERSPORT */
#visual_powersport {
	background: url(../images/visual_powersport.jpg) no-repeat;
	width: 982px;
	height: 306px;
}

/* AUTOGILDE */
#visual_autogilde {
	background: url(../images/visual_autogilde.jpg) no-repeat;
	width: 982px;
	height: 306px;
}

/* LEASE */
#visual_lease {
	background: url(../images/visual_lease.jpg) no-repeat;
	width: 982px;
	height: 305px;
}

.mail, .mail:link, .mail:visited {
	font-weight: bold;
	text-decoration: underline;
}

.leasevorm, .leasevorm:link, .leasevorm:visited {
	font-weight: bold;
	text-decoration: underline;
	padding: 0 7px;
}

.leasevormen { 
	position: absolute;
	bottom: 0px;
}

/* ONDERHOUD */
#visual_onderhoud {
	background: url(../images/visual_onderhoud.jpg) no-repeat;
	width: 982px;
	height: 305px;
}

div.onderhoud_tekst { 
	width: 240px;
	height: 60px;
	float: left;
	padding: 0 2px 0 0;
}

.onderhoud {
	padding: 0 5px 0 0;
}

#content_onderhoud {
	width: 752px;
	margin-left:		210px;
	margin-top:			0px;
	margin-bottom:		10px;
	font-family:		Arial;
	color:				#515050;
	padding:			10px;
	font-size: 			12px;
	float: right;
	}


/* CONTACT */
#visual_contact {
	background: url(../images/visual_contact.jpg) no-repeat;
	width: 982px;
	height: 305px;
}

div.naw {
	float: left;
	width: 230px;
	line-height: 20px;
}

div.naw1 {
	float: left;
	width: 230px;
	line-height: 20px;
	margin-right: 0px;
	padding: 25px 0 0 0;
}

div.naam {
	background: #ECEDED ;
	font-weight: bold;
}

.box{
}
.boxholder{
clear: both;
padding: 40px 0 0 0;
}
.tab{
float: left;
width: 360px;
margin: 0 1px 0 0;
text-align: left;
}
.tabtxt{
margin: 0;
font-size: 12px;
font-weight: bold;
padding: 0px 0 0 0;
}

#contact-button {
position: absolute;
z-index: 1;
width: 400px;
height: 50px;
top: 205px;
left: 240px;
}

#autogilde-button {
position: absolute;
z-index: 1;
width: 200px;
height: 50px;
top: 222px;
left: 715px;
}

.readmore, .readmore a:link, .readmore a:visited {
text-decoration: underline;
font-weight: bold;
}

.readmore a:hover {color: red}

.contact_small a:link, .contact_small a:visited, .contact_small a:hover, {
color:#0000FF;text-align:right}