﻿
/* ===== konfigurierbare Styles ===== */

/*
logo_height:      54
logo_width:       128
werbebild_height: 0
*/


/* FARBEN, SCHRIFTEN */

body {
 font-family:MS Trebuchet, Arial, Helvetica;
 color:#000000; background-color:#FFFFFF;}

/* Schmuckbalken: */

/* Farbe oben mitte: */
#leiste3 {
 background-color:#CC0000;}

/* Farbe oben rechts: */
#leiste1 {
 background-color:#CC6666;}

/* Farbe rechts neben Schmuckbild: */
#leiste2,
#topnavi {
 background-color:#CC0000;}

/* Hintergrundfarbe Schmuckbilder: */
#header {
 background-color:#F0F0F0;}

/* Dynamisch angepasste Linkfarben */

/* Fuer die gesamte Seite Grundeinstellung */

a:link,
a:visited {
 color:#CC0000; background-color:transparent;}
a:hover,
a:active,
a:focus {
 color:#CC0000; background-color:transparent;}

// Logo: Link active-Status entfernt
a img,
a:link img,
a:visited img,
a:hover img,
a:active img,
a:focus img {
 background-color:#FFFFFF;}

/* Fuer die obere Navigation #navoben (home, kontakt,...), jeweils Text- und Hintergrundfarbe mit mouse-over und aktiv Zustand */

#navoben a:link,
#navoben a:visited {
 color:#000000; border-color:#000000; background-color:transparent;}
#navoben a:hover,
#navoben a:active,
#navoben a:focus {
 color:#CC0000; background-color:transparent;}
#navoben a.akt:link,
#navoben a.akt:visited {
 color:#CC0000; background-color:transparent;}

/* Fuer die Navigation #topnavi (eigene Seiten), jeweils Text- und Hintergrundfarbe mit mouse-over und aktiv Zustand */

#topnavi a:link,
#topnavi a:visited {
 color:#000000; background-color:#F0F0F0;}
#topnavi a:hover,
#topnavi a:active,
#topnavi a:focus {
 color:#CC0000; background-color:#FFFFFF;}
#topnavi a.akt:link,
#topnavi a.akt:visited {
 color:#CC0000; background-color:#FFFFFF;}

/* Fuer die Navigation im Inhaltsbereich, die wahlweise auch unten eingebunden werden kann, jeweils Text- und Hintergrundfarbe mit mouse-over und aktiv Zustand */
/* Anm.1: siehe mail, diese Styles greifen, sobald die Navigation als <ul class="navsub"> formatiert ist. */

#inhalt .subnav a:link,
#inhalt .subnav a:visited {
 color:#000000; background-color:transparent;}
#inhalt .subnav a:hover,
#inhalt .subnav a:active,
#inhalt .subnav a:focus {
 color:#CC0000; background-color:#FFFFFF;}
#inhalt .subnav a.akt:link,
#inhalt .subnav a.akt:visited {
 color:#CC0000; background-color:#FFFFFF;}

/* LINKE NAVIGATION */

/* Allgemein Linke Navigation, jeweils Text- und Hintergrundfarbe mit mouse-over und aktiv Zustand */

#login {
 background-color:#EAE9EE;}
#navlinks a:link,
#navlinks a:visited {
 color:#000000;}
#navlinks a:hover,
#navlinks a:active,
#navlinks a:focus {
 color:#000000;}
#navlinks a.akt:link,
#navlinks a.akt:visited {
 color:#000000;}

/* Hersteller Linke Navigation, jeweils Text- und Hintergrundfarbe mit mouse-over und aktiv Zustand */

#navlinks .nav a:link,
#navlinks .nav a:visited {
 color:#000000; background-color:#EAE9EE;}
#navlinks .nav a:hover,
#navlinks .nav a:active,
#navlinks .nav a:focus {
 color:#CC0000; background-color:#FFFFFF;}
#navlinks .nav a.akt:link,
#navlinks .nav a.akt:visited {
 color:#000000; background-color:#cccccc;}

/* Aufbauten Linke Navigation, jeweils Text- und Hintergrundfarbe mit mouse-over und aktiv Zustand */

#navlinks .subnav a:link,
#navlinks .subnav a:visited {
 color:#000000; background-color:#F5F5F5;}
#navlinks .subnav a:hover,
#navlinks .subnav a:active,
#navlinks .subnav a:focus {
 color:#CC0000; background-color:#FFFFFF;}
#navlinks .subnav a.akt:link,
#navlinks .subnav a.akt:visited {
 color:#CC0000; background-color:#F5F5F5;}


/* Navigation oben: */

/* Fett: */
#navoben a,
#navtopsep a {
 font-weight: normal;
}

/* Schnellsuche */
#schnellsuche a,
#schnellsuche a:link,
#schnellsuche a:visited,
#schnellsuche a:hover,
#schnellsuche a:active,
#schnellsuche a:focus {
 color:#CC0000; background-color:#EAE9EE;}


/* Sonstige */

/* Textfarbe der Subline (links oben) */
#banner {
 color:#FFFFFF;}

/* Hintergrundfarbe der Subline (links oben) */
#banner {
 background-color:#333333;}

/* Hintergrundfarbe geparkte Fzg. */
#navlinks .navleft,
#navlinks .navleft a {
 background-color:#dddddd;}

/* Textfarbe Fahrzeugezähler: */
#navlinks .counter {
 color:#999999;}

/* Hintergrundfarbe rechte Spalten: */
#rechtespalte {
 background-color:#CCCCCC;}




/* ABSTAENDE */


/* abhaengig von Logogroesse */

#leiste1,
#leiste3,
#banner {
 top: 54px;
}

#leiste2,
#schnellsuche,
#topnavi {
 top: 76px;
}

#header {
 top: 74px;
}

#navlinks {
 top: 74px;
}

/* Bei der oberen Navigationsleiste muessen sowohl die Top- als auch die Left-Position angepasst werden: */
/* neben dem Logo: */
#navoben {
 top: 34px;
 left: 145px;
}
#rechtespalte {
 top: 274px;
}



/* Navigation links */

#login,
#navlinks .navleft {
 margin-top: 1px;
 margin-bottom: 1px;
 padding-top: 1px;
 padding-bottom: 1px;
 text-align: center;
 font-size: 12px;
}

#navlinks .nav a {
 margin-top: 1px;
 margin-bottom: 1px;
 padding-top: 1px;
 padding-bottom: 1px;
 text-align: left;
 font-size: 14px;
}

#navlinks .subnav a {
 margin-top: 1px;
 margin-bottom: 1px;
 padding-top: 1px;
 padding-bottom: 1px;
 text-align: right;
 font-size: 12px;
}

#navlinks .navleft,
#login {
 border-width: 0px;
 width: 141px;
 wid\th: 141px;
}

#navlinks .nav a,
#navlinks .subnav a {
 border-width: 0px;
 padding-left: 7px;
 padding-right: 5px;
 width: 141px;
 wid\th: 129px;
}


#topnavi,
#topnavi a:link,
#topnavi a:visited,
#topnavi a:hover,
#topnavi a:active {
 font-size: 14px;
 line-height: 28px;
}


img.tableicon {
vertical-align: middle;
}

img.tableiconr {
 float:right;
 margin-top:4px;
 margin-left:3px;
}

td.preisfeld {
 white-space:nowrap;
 padding:1px;
}


/* ===== ALTE STYLES ===== */


/* Register fuer Extras und Serienausstattungen */
h4.register { color:#CC0000; margin-top:10px; margin-bottom:2px; font-weight:bold;   }
h5.register { color:#CC0000; margin-top:2px;  margin-bottom:2px; font-weight:normal; }


/* Warnung: JavaScript nicht aktiv */
p.noscript {
 margin-left:30px;
 margin-right:30px;
 border-width:1px;
 border-style:solid;
 border-color:#CCCCCC;
 padding:2px;
 text-align:center;
 color:#CC0000; font-weight:bold;
}


/* Fahrzeugname in Rechnung */
.fahrzeug { font-size: 14px; font-weight: bold; }


/* grauer Kasten um Text  */
.box {
 border-width:1px;
 border-style:solid;
 border-color:#CCCCCC;
 padding:2px;
 padding-left:5px;
 padding-right:5px;
}


/* Seitenblaettern */
table.pager {
 margin-top:5px;
 border-width:1px;
 border-style:solid;
 border-color:#CCCCCC;
 padding:2px;
 padding-left:5px;
 padding-right:5px;
}


/* gruene Zellen fuer Spalte "online" */
td.online,th.online { background-color:#99CC00; text-align:center; }
th.fahrzeugvorgaben { background-color:#CCCCCC; font-weight:normal; }


/* gestreifte Tabellen */
th.th, tr.th  { background-color:#CCCCCC; font-weight:normal; }
td.td0,tr.td0 { background-color:#DDDDDD; }
td.td1,tr.td1 { background-color:#EEEEEE; }
td.td0baureihen { background-color:#DDDDDD; vertical-align:bottom; }
td.td1baureihen { background-color:#EEEEEE; vertical-align:bottom; }
td.td0resourcen { background-color:#DDDDDD; color:#666666; }
td.td1resourcen { background-color:#EEEEEE; color:#666666; }
th.haendler    { background-color:#FFFF66; }
td.td0haendler { background-color:#FFFF66; }
td.td1haendler { background-color:#FFFFCC; }


/* Buttons und Eingabefelder */
input.submit,
input.submitabstand,
#login input.submit {
 color:#000000; background-color:#F0F0F0; border-color:#CC0000;}
input.extrasregister    {
 color:#CC0000; background-color:#FFFFFF;}
input.extrasregisterakt {
 color:#FFFFFF; background-color:#CC0000;}
input.einkaufspreis { background-color:#EAEAEA; }
input.listenpreis   { background-color:#F4F4F4; }


div.guestbook_article_0 {
 margin-top:10px;
 padding:10px;
 background-color:#EEEEEE;
 color:#000000;
}
div.guestbook_article_1 {
 margin-top:10px;
 padding:10px;
 background-color:#DDDDDD;
 color:#000000;
}
div.guestbook_article_head {
 font-weight:bold;
}



/* Rich Text Editor */

.rteImage {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	background: #D3D3D3;
	border: 1px outset;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	background: #D3D3D3;
	border: 1px inset;
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #D3D3D3;
	padding: 0;
}

.rteDiv {
	display: block;
	position: relative;
}



