body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;

padding: 10px 0px 0px 0px;
margin: 0px auto;
width: 800px;
position:relative;
behavior:url("img/navi/csshover.htc");

background:url(img/bg-body.gif);
background-color:#e7e7e7;
}

/* ------------- Layout ------------- */
div#container {
background-color:#e1242a;
background-image:url(img/bg-container.gif);
border: 1px solid #000000;
width: 800px;
float:left;

}

div#footer {
clear:both;
margin: 0px 0px 8px 0px;
text-align:center;
color:#443b6e;
}

div#logo {
margin: 5px 5px 5px 25px;
}
div#logo img{
border:1px solid #000000;

}

div#navi {
float:left;
margin: 10px 10px 10px 17px;
width: 165px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#navi img{
margin: 0px 0px 0px 15px;
}

	div#navi ul,div#navi li,div#navi a {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}


	div#navi ul {
		width:150px;
		list-style:none;
	}
	
	div#navi ul ul {
	background-color:#e1242a;
	border:1px solid #000000;
	background-image:url(img/bg-navi-pulldown.gif);
	}

	div#navi li {
		position:relative;
		padding:1px;	
		z-index:9;
		line-height: 17px;
		border-bottom: 1px solid #731417;
	}
	
	div#navi li li {
	}
		div#navi li.folder	{ background:url("img/navi/navi-spacer.gif") no-repeat; }		
		div#navi li.folder ul {
			position:absolute;
			left:120px; /* IE */
			top:-1px;
		}		
			div#navi li.folder>ul { left:135px; } /* others */

	div#navi a {
		padding:2px 2px 2px 23px;
		text-decoration:none;
		color:#FFFFff;
		width:100%; /* IE */
	}
		div#navi li>a { width:auto; } /* others */

	div#navi li a#ueberuns-a, div#navi li a#kontakt-a, div#navi li a#leistungen-a {
		background:url("img/navi/sub.gif") right no-repeat;
	}

	/* regular hovers */

	div#navi a:hover, {
		border-color:54487c;
		background-color:#f03339;
		color:f8f200;
			
	}
		
		div#navi li.folder a:hover {
			background-color:#f03339;
		}
		
		
	/* hovers with specificity */
	
	div#navi li.folder:hover { z-index:10; }		
		
	div#navi ul ul, div#navi li:hover ul ul {
		display:none;
	}

	div#navi li:hover ul, div#navi li:hover li:hover ul {
		display:block;
	}	
	
#wappen-rdg {background:url(img/navi/wappen-rdg.gif) no-repeat;}
#wappen-rdg {background:url(img/navi/wappen-rdg.gif) no-repeat;}
#wappen-marlow {background:url(img/navi/wappen-marlow.gif) no-repeat;}	
#wappen-prerow {background:url(img/navi/wappen-prerow.gif) no-repeat;}
#kontaktformular {background:url(img/navi/kontakt-form.gif) no-repeat;}		
#ueberuns-pkw {background:url(img/navi/ueberuns-pkw.gif) no-repeat 0px 4px;}
#ueberuns-motorrad {background:url(img/navi/ueberuns-motorrad.gif) no-repeat 0px 4px;}
#ueberuns-team {background:url(img/navi/ueberuns-team.gif) no-repeat 0px 4px;}

a:hover#wappen-rdg, a:hover#wappen-prerow, a:hover#wappen-marlow,
a:hover#ueberuns-pkw, a:hover#ueberuns-motorrad, a:hover#ueberuns-team{
background-color:#f03339;}
/* -----Navi Hover----------- */

#home-li a:hover#home-a {background:url("img/navi/ihome.gif") no-repeat 0px 1px;}
#leistungen-li a:hover#leistungen-a  {background:url("img/navi/ileistungen.gif") no-repeat 0px 1px;}
#fuehrerschein-li a:hover#fuehrerschein-a {background:url("img/navi/ifuehrerschein.gif") no-repeat 0px 1px;}
#preisliste-li a:hover#preisliste-a {background:url("img/navi/ipreisliste.gif") no-repeat 0px 1px;}
#ueberuns-li a:hover#ueberuns-a {background:url("img/navi/iueberuns.gif") no-repeat 0px 1px;}
#kontakt-li a:hover#kontakt-a {background:url("img/navi/ikontakt.gif") no-repeat 0px 1px;}
#links-li a:hover#links-a {background:url("img/navi/ilinks.gif") no-repeat 0px 1px;}

/* -----Aktive Links hervorheben----------- */
body#home li#home-li,
body#leistungen a#leistungen-a,
body#fuehrerschein li#fuehrerschein-li, 
body#preisliste li#preisliste-li, 
body#ueberuns a#ueberuns-a,
body#kontakt a#kontakt-a, 
body#links li#links-li
{font-weight:bold;}

body#home li#home-li {background:url("img/navi/ihome.gif") no-repeat 1px 2px;}
body#leistungen li#leistungen-li {background:url("img/navi/ileistungen.gif") no-repeat 1px 2px;}
body#fuehrerschein li#fuehrerschein-li {background:url("img/navi/ifuehrerschein.gif") no-repeat 1px 2px;}
body#preisliste li#preisliste-li {background:url("img/navi/ipreisliste.gif") no-repeat 1px 2px;}
body#ueberuns li#ueberuns-li {background:url("img/navi/iueberuns.gif") no-repeat 1px 2px;}
body#kontakt li#kontakt-li {background:url("img/navi/ikontakt.gif") no-repeat 1px 2px;}
body#links li#links-li {background:url("img/navi/ilinks.gif") no-repeat 1px 2px;}

/* ----- Normale Links hover----------- */
div#inhalt a:link {color:#990000; text-decoration:underline;}
div#inhalt a:visited {color:#990000; text-decoration:underline;}
div#inhalt a:hover {color:#000066; text-decoration:underline;}

div#footer a:link {color:#990000; text-decoration:underline;}
div#footer a:visited {color:#990000; text-decoration:underline;}
div#footer a:hover {color:#000066; text-decoration:underline;}
/* ------------- Inhalt allg------------- */
div#inhalt {
margin: 5px 10px 10px 184px;
padding: 8px 8px 8px 8px;
width: 575px;
background-color:#ffffff;
border: 1px solid #000000;
color:#443b6e;
background-image:url(img/bg-inhalt.gif);
}

div#inhalt p {
margin: 10px;
}

div#inhalt img {
border: 1px solid #443b6e;
background-color:#ffffff;
}

h1 {
font-size:14px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
text-align:center;
padding: 4px;
margin: 0px 15px 15px 10px;
}

/* ------------- Tabellen + spez inhalt -------------*/
table, table th, table td{
padding: 4px;
text-align:left;
vertical-align:top;
}
table a {margin: 0px; padding:0px;}

/* -------------- Links ---------------*/
body#links div#inhalt img {
border: none;
background-color:#ffffff;
}
body#links table td{
text-align:center;
padding: 8px;
}

body#links div#inhalt ul{
line-height: 19px;
font-size: 13px;
}

body#links div#inhalt a:link {color:#000066; text-decoration:none;}
body#links div#inhalt a:visited {color:#000066; text-decoration:none;}
body#links div#inhalt a:hover {color:#000066; text-decoration:none;}
/* -------------- Preisliste ---------------*/
body#preisliste table td{
font-size:10px;
}
body#preisliste table th{
font-size:11px;
}
body#preisliste p {
font-size:10px;
}
body#preisliste table th.h1{
padding: 15px 0px 0px 5px;
vertical-align:middle;
color:#000066;
}
body#preisliste table th.dunkl,
body#preisliste table td.dunkl {
background-image:url(img/bg-inhalt-dunkler.gif);
}
/* ------------- Preisliste Hover ---------------*/
body#preisliste table tr:hover,
body#preisliste table tr.dunkl:hover{
background-image:url(img/bg-inhalt-hover.gif);
}
/* ---------- Ueber uns ----------*/
body#ueberuns table,
body#ueberuns td{
text-align:center;
margin: 0px auto;
}
body#ueberuns div#inhalt{
text-align:center;}

body#ueberuns table.collage td,
body#ueberuns table.collage img{
vertical-align:bottom;
border:none;
}
/* ---------- Kontakt ----------*/
body#kontakt table.kontakt-index img{
border:none;
}
body#kontakt table.kontakt-index td{
text-align:center;
}
/* -------------- Fueherscheine ---------------*/
body#fuehrerschein table {
border:1px solid #000066;
padding:0px;
}

body#fuehrerschein table td{
font-size:10px;
}
body#fuehrerschein table th{
color:#000066;
font-size:11px;
background-image:url(img/bg-inhalt-dunkler.gif);
}

body#fuehrerschein p {
font-size:10px;
}
body#fuehrerschein table th.pics{
text-align:center;
}
body#fuehrerschein table th.dunkl,
body#fuehrerschein table td.dunkl {
background-image:url(img/bg-inhalt-dunkler.gif);
}
/* ------------- Fueherscheine Hover ---------------*/
body#fuehrerschein table tr:hover,
body#fuehrerschein table tr.dunkl:hover{
background-image:url(img/bg-inhalt-hover.gif);
}
/* ------------- Home ---------------*/
body#home div#inhalt{
text-align:center;}
body#home div#inhalt img{
border:none;}