/*

- - - - - verwendete farben - - - - -

#588F50 - dunkelgruen
#D3E5D1 - hellgruen
#7C7C7C - hellgrau
#515151 - dunkelgrau
#092480 - dunkelblau

- - - - - verwendete bilder - - - - -

images/auto.jpg
images/background.gif
images/navibg.jpg

*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	text-align: center;
}

table, td, tr {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}



a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover, a:active {
	color: #588F50;
	text-decoration: none;
}

.copy {
	margin: 3px auto;
	width: 900px;
	text-align: left;
}

.copy a:link, .copy a:visited, .copy a:hover {
	cursor: text;
	color: #000;
}

/*----------------------- Grundgeruest ---------------------------*/

#template {
	text-align: left;
	margin: 30px auto 0  auto;
	width: 900px;
	background-image: url(images/background.gif);
	border:1px solid #000;
	}


.clear {
	clear: both;
	}

/*------------------------ Header ---------------------------*/
#header {
	width: 900px;
	height: 141px;
	margin: 0;
	border-bottom:1px solid #000;
	background: url(images/auto.jpg)
		    no-repeat
		    26px 0
		    #588F50;
	}

.linieschwarz {
	position: absolute;
	margin: 0 0 0 26px;
	width: 1px;
	height: 118px;
	background-color: #000;
	}
	
.logo {
	position: absolute;
	margin: 30px 0 0 40px;
	}

.bild {
	position: absolute;
	margin: 0 0 0 686px;
	border-right:1px solid #000;
	border-left:1px solid #000;
	}


/*--------------- Navi -----------------*/

.navi {
	position: absolute;
	background: url(images/navibg.jpg)
		   		no-repeat;
	width: 890px;
	height: 23px;
	margin: 118px 0 0 0;
	padding: 0 0 0 0;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

.navi ul {

	margin: 0;
	padding: 4px 20px;

}
.navi li{
	color: #fff;
	text-decoration: none;
	background: url(images/square.gif)
		   		no-repeat
				5px;
	font-weight: bold;
	display: inline;
	padding: 0 10px 0 25px;
}



a.menulink:link, a.menulink:visited {
	color: #D3E5D1;
	text-decoration: none;
}

a.menulink:hover, a.menulink:active{
	color: #fff;
	text-decoration: none;
}

a.menulinkaktiv:link, a.menulinkaktiv:visited {
	color: #fff;
	text-decoration: none;
}

/*--------------- subnavi -----------------*/

.subnavi {
	width: 203px;
	height: 300px;
	float: left;
	}
	
.subnavi ul {
	margin: 0;
	padding: 0;
}

.subnavi li {
	list-style: none;
	padding: 10px 0 0 40px;
	}

.submenulink {
	color: #000;
	text-decoration: none;
}
	
.submenuaktiv {
	color: #fff;
	font-weight: bold;
}

.subnavi a:link, .subnavi a:visited {
	color: #000;
	text-decoration: none;
}

.subnavi a:hover, .subnavi a:active {
	color: #fff;
}

/*--------------- text -----------------*/

#mitte 	{
	float: left;
	width: 453px;
	text-align: left;
	padding: 40px 15px 20px 15px;
	}
	
.bildlinks {
	float:left;
	padding: 0 15px 10px 0;
	}

hr	{
	height: 0px;
        border-top: 0px;
        border-bottom: 1px solid #666666;
	width: 100%;
        }

.bildstandard {
	float:left;
	margin: 0 20px 10px 0;
        border: 1px solid #999;
}


/*--------------- News Rechts -----------------*/


#news 	{
	width: 213px;
	float: left;
	}
	
#newsheadline 	{
	margin: 0 0 1px 1px;
	padding: 0 0 0 40px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #515151;
	width: 173px;
	border-top:20px solid #7C7C7C;
	border-bottom:1px solid #000;
	}

#newstext {
	padding: 0 0 10px 40px;
	width: 140px;
}

#viereckblau {
	position: absolute;
	margin: 150px 0 0 695px;
	padding: 0;
	height: 21px;
	width: 21px;
	background-color: #092480;
	}

#viereckblaunews {
	position: absolute;
	margin: 10px 0 0 10px;
	padding: 0;
	height: 21px;
	width: 21px;
	background-color: #092480;
	}
.adresszeile {
	display:none;
}

/* - - - - - - - - - - - - - - - kontaktformular - - - - - - - - - - - - - - */

#linkskontakt
	{
	padding: 0 0 0 25px;
	width: 210px;
	float: left;
	margin: 0 0 20px 0;
	}


#rechtskontakt
	{
	width: 180px;
	margin: 0 0 0 15px;
	float: left;
	}

.bezeichnung {
	width: 80px;
	float: left;
	margin:4px 0 0 0;
	}

.formularfeld {
	width: 100px;
	float: left;
	}

.formularfeldklein {
	float: left;
	}

.formularfeldklein2 {
	padding: 0 0 0 3px;
	float: left;
	}
.feld {
	font-size: 11px;
	border: 1px solid #2F7226;
	width: 126px;
	margin: 0 0 5px 0;
	background-color: #D3E5D1;
	color: #000;
	}

.inputselected {
	font-size: 11px;
	border: 1px solid #2F7226;
	width: 126px;
	margin: 0 0 5px 0;
	background-color: #E0EDDF;
	color: #000;
	}
	
/* - -  - - - - - PLZ - - - - - - - - - */
	
.feldplz {
	font-size: 11px;
	border: 1px solid #2F7226;
	width: 50px;
	background-color: #D3E5D1;
	color: #000;
	float: left;
	}

.inputselectedplz {
	font-size: 11px;
	border: 1px solid #2F7226;
	width: 50px;
	background-color: #E0EDDF;
	color: #000;
	float:left;
	}

/* - -  - - - - - Ort - - - - - - - - - */
.feldort {
	font-size: 11px;
	margin: 0 0 5px 0;
	border: 1px solid #2F7226;
	width: 69px;
	background-color: #D3E5D1;
	color: #000;
	float: left;
	}

.inputselectedort {
	font-size: 11px;
	margin: 0 0 5px 0;
	border: 1px solid #2F7226;
	width: 69px;
	background-color: #E0EDDF;
	color: #000;
	float:left;
	}
	
	
/* - -  - - - - - Nachricht - - - - - - - - - */
.textarea {
	font-size: 11px;
	margin: 0 0 5px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #2F7226;
	width: 160px;
	height: 132px;
	background-color: #D3E5D1;
	color: #000;
	}

.textareaselected {
	font-size: 11px;
	margin: 0 0 5px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 160px;
	height: 132px;
	border: 1px solid #2F7226;
	background-color: #E0EDDF;
	color: #000;
	}

.komment {
	font-size: 9px;
	}

.ausstattung {
	float: left;
	}

.ausstattungbez {
	padding: 3px 0 0 0;
	}

.clearkontakt {
	clear: both;
	height: 5px;
	line-height: 110%;
	}
.kontaktabstand {
	height: 23px;
}

/* - - - - - - - - - - - - - - - kontaktformular ENDE- - - - - - - - - - - - - - */




/* - - - - - - - - - - - - - - - - - - news - - - - - - - - - - - - - - - - - - - */

.date {
	margin: 0 90px 0 0;
	float: left;
	font-weight: bold;
}


.headlinenews a:link, .headlinenews a:visited {
	color: #327228;
	text-decoration: none;
	font-weight: bold;
}

.headlinenews a:hover, .headlinenews a:active {
	color: #588F50;
	font-weight: bold;
}
.floatnews {
	border: 1px solid;
	border-color: #3B7A33;
	float: left;
}
.newstext {
	margin: 0 0 0 164px;
}
/* - - - - - - - - - - - - - - - - - news ENDE - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - Auto Uebersicht START - - - - - - - - - - - - - - - - - */

.kastenauto {
	background-color: #B4CBB2;
	height: 15px;
	padding: 2px 0 0 0;
}

.auto-ist-verkauft {
	font-weight: bold;
	padding: 10px;
	color: #f00;
	border: 2px solid #f00000;
	background-color: #FFA8A8;
	margin-bottom: 15px;
}


.headlineautodetail {
	font-weight: bold;
	margin: 0 0 0 5px;
	color: #000;
}
.headlineautolisting {
	font-weight: bold;
	margin: 0 0 0 165px;
	color: #000;
}
.autodetaillinks {
	width: 70px;
	margin: 0 10px 0 0;
	float:left;
	font-weight: bold;
/*	background-color: #f00; */
}

.autodetailrechts {
	float:left;
	width: 105px;
/*	background-color: #ff0; */
}


.autodetailrechtsgruen {
	float:left;
	width: 105px;
	color: #588F50;
	font-weight: bold;
}

.autodetaillinks2 {
	width: 95px;
	margin: 0 10px 0 0;
	float:left;
	font-weight: bold;
	color: #676767;
/*	background-color: #f0f; */
}

.autodetailrechts2 {
	float:left;
	width: 180px;
/*	background-color: #ff0; */
}



.autodetailbreit {
	float:left;
	width: 280px;
/*	background-color: #ff0; */
}



.autodetailrechts2gruen{
	float:left;
	width: 180px;
	font-weight: bold;
	color: #588F50;
}
.autodetailrechts2gruen a:link, .autodetailrechts2gruen a:visited{
	float:left;
	font-weight: bold;
	color: #588F50;
}

.sortierung {
	font-weight: bold;
	margin: 0 20px 20px 0;
}
	


#bildunddaten	{
		height: 200px;
		}

#schalter	{
		width: 250px
		}

#daten		{
		padding: 0 0 0 265px;
		}

#autobeschreibung {
		width: 400px;
		}

#bild1		{
		position: absolute;
		z-index: 5;
		}

#bild2		{
		position: absolute;
		z-index: 4;
		}

#bild3		{
		position: absolute;
		z-index: 3;
		}

#bild4		{
		position: absolute;
		z-index: 2;
		}

#bild5		{
		position: absolute;
		z-index: 1;
		}
/* - - - - - - - - - - - - - - - - - Auto Uebersicht ENDE- - - - - - - - - - - - - - - - - */


/* -------------- faq formatierungen ---------------------- */

#faq-links {
	width: 60px;
	border: 0px dashed #a00;	
	float: left;
	margin: 10px 10px; 
}

#faq-rechts {
	width: 330px;
	border: 0px dashed #a00;	
	float: left;
	margin: 10px 0px 10px 10px; 
}

#faq-links-listing {
	width: 70px;
	border: 0px dashed #a00;	
	float: left;
	margin: 2px 10px; 
}

#faq-rechts-listing {
	width: 310px;
	border: 0px dashed #a00;	
	float: left;
	margin: 2px 0px 2px 0px; 
}