/* Stylesheet für Autohaus Ell GmbH, Achern / Bühl
	Ersteller: RealityWEB.de / Peter Bohn
*/
body{
	margin:0;
	padding:0;
	background:#ddd;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color:#000;
}
#seite, #links, #mitte, #rechts, #logo, #adresse1, #oeffnungszeiten {
	position:relative;
	float:left;	
}
#seite {
	width:950px;
	border-right:1px solid #fff;
	background:url(img/back_main.gif) repeat-y;
}
#head {
	position:relative;
	width:950px;
	height:100px;
	background:#ddd;
	font-size:75%;
	font-weight:bold;
	line-height:120%;
}
#logo {
	margin-left:112px;
	margin-top:12px;
}
#adresse1 {
	margin-top:14px;
	margin-left:80px;
}
#oeffnungszeiten {
	margin-top:14px;
	margin-left:80px;
}
#links {
	width:200px;
}
#links_oben {
	height:20px;
	border-bottom:1px solid #fff;
	background:#c00;
}
#links_main {
	background:#db4c4c;
}
#mitte {
	width:200px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#mitte_oben {
	position:absolute;
	z-index: 3;
	top:0;
	left:0;
	height:20px;
	width: 200px;	
	border-bottom:1px solid #fff;
	background:#c00;
	/* Transparenz einstellen */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
}
#bild {
	height:211px;
}
#nav {
	background:#c00;
}
#rechts {
	width:548px;
}
#rechts_oben {
	height:20px;
	background:#c00;
	border-bottom:1px solid #fff;
}
#header {
	height:210px;
	background:#999;
}
#header p {
	color:#666;
	font-size:200%;
	font-weight:bold;
	margin:0; padding:0;
	padding-top:120px;
	padding-left:50px;
}
#content {
	margin:5px;
	background:#fff;
	color:#000;
	font-size:80%;
}
#content p {
	margin:0; padding:0;
	margin-bottom:1em;
}

/* --- immer ------------------------------------------------------------------------ */

.stopfloat {
  clear: both;
  display: block;
  float: none;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}
img, table {
	border:0;
}
td {
	vertical-align: top;
}
th {
	text-align:left;
}
.formular {
	color:#000;
	background-color:#eee;
	border:1px solid #dd0000;
}
.formular, input, label, select, option {
	margin:0;
	padding:0;
	margin-bottom:12px;
}
form.form {
	font-size:80%;
}

/* --- NAV ------------------------------------------------------------------------------ */

#nav ul {
  padding:0;
  margin:0;
  margin-top:21px;
  margin-bottom:80px;
  list-style: none;
}

#nav li {
  font-size: 90%;
  line-height: 200%;
}

/* Schriftgröße der inneren Liste auf die Größe der äußeren Liste zurücksetzen */
li li {
  font-size: 100% !important;
}

/* Links in Blockelemente umwandeln, dass die kompl. Zeile anklickbar ist (funktioniert nicht im IE, dafür der Hack darunter)
   Abstand links einstellen (gilt auch für verschachtelte Listen
*/
#nav a {
  display: block;
  padding-left: 10px;
/*  border-bottom: 1px solid #FFF; */
  /* IE: dadurch wird die komplette Zeile anklickbar, nicht nur der Linktext */
  position: relative;
  color:#fff;
}
/* IE-Hack: IE kommt nicht mit in block umgewandelten Listenelementen klar */
* html #nav li {
  display: inline;    /* Wird fuer IEs gebraucht */
}
* html #nav a { height: 1em; } /* IE5: damit border komplett bis zum Rand durchgezogen wird */

/* innere Liste weiter einrücken */
#nav li li a {
  padding-left: 20px;
  color:#fff !important; 
}

/* 1. weisse Linie oben wird angezeigt */
#nav ul {
}
/* Erste weisse Linie oben (zuvor definiert) hier für die inneren Listen wieder abschalten, da sonst doppelt 
   Alle Untermenüs ausblenden mit display:none
*/
#nav ul ul {
	background: #db0000;
}
/* Untermenü mit class="on" einblenden (nur dieses - alle anderen wurden zuvor abgeschaltet) */
.aktiv {
	background:#db0000;
	display: block;
	color:#fff !important;
}
.xlink {
	background:url(img/xlink.gif) no-repeat;
	display: block;
	color:#fff !important;
}
#nav a:focus.xlink, #nav a:hover.xlink, #nav a:active.xlink {
	background:#db0000 url(img/xlink.gif) no-repeat;
	display: block;
	color:#fff !important;
}
#nav a:link, #nav a:visited {
	color:#fff;
	text-decoration:none;
	padding-left:26px;
}
#nav a:focus, #nav a:hover, #nav a:active {
	text-decoration: none;
	background:#db0000;
	color:#fff;	
}
.ueberschrift {
	font-size:90%;
	font-weight:bold;
	color:#000;
	border-right:1px solid #db0000;
	border-bottom:1px solid #db0000;
}