@charset "utf-8";


/* Basisvorlage CSS
Autohaus Gretenkort
www.leasingunion.com
Start: 13.01.2010
Letzte Aenderung: 13.01.2010
*/
/* CSS Document */

/* Reset
------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF;
}
.dns {display: none;}
/* Globals und Typo
------------------------------------------------*/
html, body{height:100%;margin:0; padding:0;}
html>body {	font-size: 12px;}
a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover{color:#CCCCCC;}
a:hover {text-decoration:underline;}
p {padding: 0 0 20px 0;}



/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
body {
	font-size:75%;
	line-height:1.5;
	background-image: url(../bilder/all/bg_body.png);
	background-repeat: repeat-x;
}
/*ie6 hack*/
* html body{background-color: #000; background-image:none;}
h1, h2, h3 { margin-top:0; margin-bottom:0; }
h1 { font-family: Helvetica, Tahoma, Arial, sans-serif; font-weight:normal; font-size:2.11538em; padding: 30px 39px 10px 39px; }
h1.seitenbeginn { text-transform:uppercase;background-image:url(../bilder/all/bg_verlaufblau.png); padding: 30px 39px 10px 39px; height: 56px; line-height: 56px; background-repeat:repeat-x; margin-top: 0px;}
h2 { font-size:1.61538em; padding: 0px 39px 10px 39px;  font-weight:normal;}
h3 { font-size:1.30769em; padding: 0px 0 10px 0;  font-weight:normal;}

/* box positioning
------------------------------------------------*/
#page { margin:0 auto; width: 960px;}
#menutop { width: 960px; margin: auto;height: 34px; background-color: #003b68; line-height: 34px; text-align: right; }
#header {width: 960px; height: 273px; margin: auto;}
/*ie7 hack*/
*+html #header {width: 930px; height: 273px;}
.headerlinks {float: left;}
.headerechts {float: right; width: 199px;}
#content {width: 960px; min-height: 206px; margin: auto; background: url(../bilder/all/bg_content.jpg) no-repeat;}
.padd39 {padding-left: 39px;padding-right: 39px;}
.padd0 {padding-left: 0px; padding-right: 0px;}
#abschluss {
	height: 20px;
	background-image: url(../bilder/all/bg_body.png);
	margin: 20px 0 0px 0;
}
* html #abschluss {
	background-color: #003b6e; background-image:none;
}
.highlight {width: 170px; padding-right: 6px;}
.bildhighlight {margin: 0 0 10px 0;}
td {padding: 5px;}
/* menmu rechts
------------------------------------------------*/
ul {
	float: right;
	list-style-position: inside;
	list-style-type: none;
}
ul.neuwagen {
	float: left; margin-top: 15px;
	list-style-position: inside;
	list-style-type: none;
}
ul.leistungen {
	float: left; margin-top: 15px;
	list-style-position: outside; margin-left: 12px;
	list-style-type:disc;
}
#menutop ul li{float: left;}

a.top{height:34px; display: block; padding: 0 14px 0 14px; border-right: 1px solid #00193e;border-left: 1px solid #4381c6; text-decoration: none;position: relative;}
a.top:hover, .menutopaktiv{border-left: 1px solid #4381c6;  background-image:url(../bilder/all/bg_verlaufblau.png);}
* html a.top{
	width: 1px; white-space: nowrap;
}
* html a.top:hover, .menutopaktiv{
	background-color: #2b6aab; background-image:none;
}
ul#menurechts {
	width: 199px;
	height: 273px;
	background-color: #000;
	list-style-position: inside;
	list-style-type: none;
}
ul#menurechts li a {text-decoration: none; display: block; width: 199px; height: 67px; line-height: 67px; background-image:url(../bilder/all/bg_menubutton.png);}
* html ul#menurechts li a {text-decoration: none; display: block; width: 199px; height: 67px; line-height: 67px; background-image:url(../bilder/all/bg_menubutton_ie6.png);}

ul#menurechts li a:hover, .menurechtsaktiv {color: blue; background-position: 0 -67px;}
.bildmenurechts {margin: 12px 0 0 90px;}
/* macht gepunktete linie um geklickte links unsichtbar
------------------------------------------------*/
a:focus {outline:none;}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}
/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0 0 0;
}

.rechts {
	float: right;
	margin: 0 0 0 0;
}
/* spalten
--------------------------------------------------------------------------------------- */
.zweispalten {width: 420px;}
.dreispalten {width: 280px; float: left;}
.abstand21{margin-right: 21px;}

/*formulare*/
.form { width: 600px;}
.form form {margin: 0px; padding: 0px;}
.form .separator {margin:0px; padding: 0px;}

.form .element {
    margin: 0px 0px 15px 0px;
    clear: both;
}

.form .element .description {
    float: left;
    width: 100px;
}

.form .element .description .note {
    display: block;
    font-size: 10px;
    color: #aaa;
}

.form .element .field input {
    width: 550px;
    text-align: left;
    border: 1px;
    color: white;
    border-color: #aaa;
    border-style: solid;
    background: none;
}

.form .element .field select {
    width: 550px;
    text-align: left;
    border: 1px;
    color: #000;
    border-color: #aaa;
    border-style: solid;
    background: none;
}

.form .element .field textarea {
    width: 550px;
    height: 100px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    border: 1px;
    color: Wwhite;
    border-color: #aaa;
    border-style: solid;
	background: none;
}

.form .element .field .checkbox {
    width: 20px;
    border: 0px;
    background: none;
}

.form .element .field .radio {
    width: 20px;
    border: 0px;
    background: none;
}

.form .element .field .submit {
    text-align: center;
    width: 100px;
    color: #000;
    border: 1px solid #fff; background-color: #6c0000;
	cursor: pointer; color:#FFFFFF; float: left;
}

.form .element .field input.error {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 12px;
    color: white;
	background-color: red;
}
.form .element .field div.error {color: red; font-size: 12px;}