* {
margin: 0;
padding: 0;
}
html {
height: 100%;
margin-bottom: 5px;
} 
body {
font: 80% Verdana, Arial, Helvetica, sans-serif;
color: #fff;
background: #fff;
padding-top: 5px;
text-align: center;
}
h1 {
font-size: 1.0em;
font-weight: bolder;
text-transform: uppercase;
color: #d49f2c;
margin: 0 0 1.0em 0; /* unten */
padding: 0 0 0 0; /* oben */
}
h1.following {
margin-top: 1.5em;
}
h2 {
font-size: 1.0em;
font-weight: bolder;
}
p {
font-size: 1.0em;
line-height: 1.3em;
color: #005a43;
padding-bottom: 1.0em;
}
a {
text-decoration: none;
}

/* IDs */
#container {
position: relative;
color: #000000;
background: #fff;
width: 820px;
text-align: left;
margin: 0 auto;
}
#header {
width: 820px;
background: #fff url(../img/topborder.gif) top left no-repeat;
clear: left;
}
#header2 {
position: absolute;
top: 5.5em;
right: 0px;
text-transform: uppercase;
font-size: 1.0em;
font-weight: bolder;
color: #005a43;
z-index: 20;
}
#h2bottom {
position: absolute;
top: 22em;
right: 0;
padding-bottom: 2.0em;
text-transform: uppercase;
font-size: 1.0em;
font-weight: bolder;
color: #005a43;
z-index: 20;
}

#header p {
font-size: 1.4em;
font-style: italic;
color: #005a43;
padding-top: 38px;
}
#header img {
float: right;
border: 0;
}
#main {
position: relative; /* peekaboo bug */
background: transparent;
color: #000;
margin-top: 9.5em; /* abstand zu header */
}
#clear {
clear: both; 
margin-top: -9.5em; 
padding: 0;
}
#main a,
#main a:link,
#main a:visited {
color: #005a43;
}
#main a:hover,
#main a:focus {
color: #d49f2c;
}
#main img {
padding: 10px;
border: 1px solid #d49f2c;
}

#main img.noborder {
padding: 0;
}
/* Osterrieder */
#main img.imgfloatleft {
float: left;
padding: 0;
margin-right: 20px;
}
#main ul {
list-style-type: none;
color: #005a43;
padding: 0;
margin: 0;
}
#main li {
font-size: 1.0em;
line-height: 1.3em;
color: #005a43;
margin: 0;
padding: 0 0 1.0em 1.0em;
background: transparent url(../img/pfeile.gif) no-repeat 0 0.35em;
}
#mainbot {
position: relative;
clear: both;
background: #fff;
padding-top: 1.0em;
}
/* Osterrieder */
#mainbot img {
float: left;
padding: 0;
margin-right: 20px;
margin-left: 300px;
}
#column {
position: relative; /* peekaboo bug */
float: left;
width: 390px;
background: #fff;
color: #000;
}
#bottom {
color: #d9d9d9;
clear: both;
padding-top: 4.0em;
margin-bottom: 2.0em;
width: 820px;
height: 35px;
background: transparent url(../img/bottomborder.gif) bottom left no-repeat;
}
#bottom p {
color: #d9d9d9;
font-size: 0.85em;
text-align: right;
font-weight: bold;
padding: 15px 5px 0px 0px;
}
#bottom.noecken {
background-image: none;
position: absolute;
top: 475px;
padding-top: 25px;
}
#content {
margin-left: 410px;
}
div#contentimg {
	position: relative;
	top: 0; left: 0;
	margin: -1px 0 0 0;
	border: 0;
	padding: 0;
	width: 820px;
}
div#contentindex {
	position: relative;
	top: 0; left: 0;
	width: 818px;
	margin: -4px 0 0 0;
	padding: 0;
	border: 1px solid #d49f2c;
	background-color: #fff;
}
div#contentimg img {
	border: 1px solid #d49f2c;
	background-color: #fff;
}
div#contentindex.i5 { /* Oldtimer */
	margin: 5px 0 0 0;
	border-top: 1px solid #d49f2c;
	border-bottom: 1px solid #d49f2c;
	border-right: 1px solid #d49f2c;
}
#contentindex ul div {
    clear: left;
}
#contentindex ul {
    margin: 0; padding: 0;
    text-align: center;
}
#contentindex ul li {
    list-style: none;
    display: inline;
 	margin: 0; 
	padding: 0;
}
#contentindex ul a, #contentindex ul a:link, #contentindex ul a:visited {
    float: left; 
	padding: 0.4em 0;
	color: #d49f2c;
    text-decoration: none; 
	font-weight: bold;
	letter-spacing: -0.01em;
    border-right: 1px solid #d49f2c;
}
#contentindex ul a:hover, #contentindex ul a:focus {
    color: #d9d9d9;
}
#contentindex ul a img {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: middle;
}
#contentindex ul a.last, #contentindex ul a.last:link, #contentindex ul a.last:visited {
   border-right: 0;
}
#contentindex.i2 ul a, #contentindex.i2 ul a:link, #contentindex.i2 ul a:visited, 
#contentindex.i2 ul a:hover, #contentindex.i2 ul a:focus {
	width: 408px;
}
#contentindex.i2 ul a.last, #contentindex.i2 ul a.last:link, #contentindex.i2 ul a.last:visited, 
#contentindex.i2 ul a.last:hover, #contentindex.i2 ul a.last:focus {
	width: 408px;
}
#contentindex.i4 ul a, #contentindex.i4 ul a:link, #contentindex.i4 ul a:visited, 
#contentindex.i4 ul a:hover, #contentindex.i4 ul a:focus {
	width: 272px;
}
/* Oldtimer-Vermietung */

#contentindex.i5 ul a, #contentindex.i5 ul a:link, #contentindex.i5 ul a:visited, 
#contentindex.i5 ul a:hover, #contentindex.i5 ul a:focus {
width: 818px;
color: white;
background: #d49f2c;
border: 0;
}


#kontaktrahmen {
border: 1px solid #d49f2c;
padding: 20px;
}
#anfahrtrahmen {
color: #d49f2c;
font-weight: bold;
border-bottom: 1px solid #d49f2c;
border-left: 1px solid #d49f2c;
border-right: 1px solid #d49f2c;
padding-left: 20px;
margin-bottom: 7em;
}
#anfahrtrahmen p {
display: block;
padding: 0.4em 0 0.4em 1.5em;
background: transparent url(../img/pfeile.gif) no-repeat 0 9px;
}
#anfahrtrahmen p a,
#anfahrtrahmen p a:link,
#anfahrtrahmen p a:visited {
color: #d49f2c;
}
#anfahrtrahmen p a:hover,
#anfahrtrahmen p a:focus {
color: #d9d9d9;
}


/* NAVIGATION */

#navigation {
position: absolute;
top: 72px;
left: 0px;
width: 820px;
color: #d9d9d9;
}

div#Rahmen {
	border: 1px solid #d49f2c;
}
/*  * html div#Rahmen {   Korrektur fuer IE 5.x 
    width: 48.7em;
    w\idth: 47.1em;
  }*/
div#Rahmen div {
    clear: left;
}
ul#navi, ul#subnavi {
    margin: 0; padding: 0;
    text-align: center;
}
ul#subnavi {
  border-bottom: 1px solid #d49f2c; 
}
  
ul#navi li, ul#subnavi li {
    list-style: none;
    float: left;
    /* width: 8.6em; */
    position: relative;
    margin: 0; 
	padding: 0;
}
* html ul#navi ul li, * html ul#subnavi ul li {   /* Korrektur Abstand zwischen Subsubnavi fuer den IE */
    margin-bottom: -1.3em;
} 


ul#navi a, ul#navi a:link, ul#navi a:visited,  ul#navi span, 
ul#subnavi a, ul#subnavi a:link, ul#subnavi a:visited, ul#subnavi span  {
  display: block;
  padding: 0.4em 25px;
  color: #d49f2c;
  text-decoration: none; font-weight: bold;
  border-right: 1px solid #d49f2c;
}
ul#navi a, ul#navi a:link, ul#navi a:visited,  ul#navi span {
  padding: 0.4em 0;
  text-align: center;
}

/* bereits besuchte Links */
ul#navi li a#grey, ul#navi li a#grey:link, ul#navi li a#grey:visited,
ul#subnavi li a#grey, ul#subnavi li a#grey:link, ul#subnavi li a#grey:visited {
color: #d9d9d9;
}
ul#navi li a#grey:hover, ul#navi li a#grey:focus,
ul#subnavi li a#grey:hover, ul#subnavi li a#grey:focus {
color: white;
}

/* Navi Breite und Rahmen letztes Element */
ul#navi a.top1, ul#navi a:link.top1, ul#navi a:visited.top1, ul#navi span.top1,
ul#navi a:hover.top1, ul#navi a:focus.top1 {
  text-align: left;
  padding-left: 25px;
  width: 68px;
}
ul#navi a.top2, ul#navi span.top2 {
  width: 160px;
}
ul#navi a.top3, ul#navi span.top3 {
  width: 160px;
}
ul#navi a.top4, ul#navi span.top4 {
  width: 160px;
}
ul#navi a.top5, ul#navi span.top5 {
  width: 120px;
}
ul#navi a.top6, ul#navi span.top6{
  width: 120px;
  border-right: 0px;
}

  /** html ul#Navigation a, * html ul#Navigation span {   nur fuer IE erforderlich 
    width: 100%;
    w\idth: 6.4em;
  }*/
ul#navi a:hover,  ul#navi a:focus, ul#navi span, ul#navi li a#aktuell {
  color: white; 
  background-color: #005a43;
}
ul#subnavi a:hover, ul#subnavi a:focus, ul#subnavi span, ul#subnavi li a#aktuell {
  color: white; 
  background-color: #d49f2c;
}
 
/* aktuelle Unterseite kennzeichnen - kein Link */
ul#navi li ul span {  
   background-color: #005a43;
}
ul#subnavi li ul span { 
   background-color: #d49f2c;
}

/* anfahrtskizze anfrageformular */

ul#navi li ul,
ul#subnavi li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.9em; left: -1px;
}

ul#navi li ul li, 
ul#subnavi li ul li {
  float: none;
  display: block;
}
ul#navi ul a, ul#navi ul a:link, ul#navi ul a:visited,
ul#subnavi ul a, ul#subnavi ul a:link, ul#subnavi ul a:visited {
  text-align: left;
  padding-left: 25px;
  color: #d9d9d9;
  border-right: 0;
  background: transparent url(../img/leftborder_grey.gif) no-repeat left bottom;
}
ul#navi ul a:hover, ul#navi ul a:focus, ul#navi ul li span, 
ul#subnavi ul a:hover, ul#subnavi ul a:focus, ul#subnavi ul li span {
  text-align: left;
  padding-left: 25px;
  color: #d49f2c;
  border-right: 0;
  background: transparent url(../img/leftborder.gif) no-repeat left bottom;
}


/* Formular */

div#formular {
}
div#formclear {
	clear: both;
}
/* Bezeichnung des Eingabefeldes */
div#formbez {
	margin: -1px 0 0 0;
	padding: 0.4em 15px;
	color: #d49f2c;
	font-weight: bolder;
  	background: transparent url(../img/pfeile.gif) no-repeat 0 0.7em;	
}
/* gr?ne Notizen */
div#formnote {
	margin: -1px 0 0 0;
	height: 20px;
	padding: 0.6em 0 0 5px;
	color: #005a43;
	font-size: 0.85em;
	font-weight: normal;
  	background: transparent url(../img/borderleft.gif) no-repeat bottom left;	
}
span#note {
	display: block;
	color: #005a43;
	font-size: 0.85em;
	font-weight: normal;
	}
/* Formularfeld */
div#formfeld {
	float: right;
	margin: -1px 0 0 -1px;
	padding: 0;
	border: 1px solid #d49f2c;
	height: 26px;
	width: 598px;
}
div#formfeld input {
	padding: 0.3em 0.5em 0.3em 0.5em;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005a43; 
	text-align: left;
	background-color: transparent;
}
div#formtext {
	float: right;
	margin: -1px 0 0 -1px;
	padding: 0;
	border: 1px solid #d49f2c;
	width: 598px;
	height: 170px;
}
div#formtext textarea {
	padding: 0.3em 0.5em 0.3em 0.5em;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #005a43; 
	text-align: left;
	overflow: hidden;
	background-color: transparent;
}
div#formbutton {
	float: right;
	margin: -1px 0 0 -1px;
	padding: 0;
	color: #005a43; 
	border-top: 1px solid #d49f2c;
	border-left: 1px solid #d49f2c;
	width: 599px;
	height: 26px;
	background: #fff url(../img/bottomborder.gif) no-repeat bottom right;
}
div#formbutton input {
	width: 26px;
	height: 26px;
	padding: 0.3em 0;
	text-align: center;
	background-color: #005a43;
	border: 1px solid #d49f2c;
	font-weight: bolder; 
	color: #fff; 
}
div#formcheck {
	float: right;
	margin: 0 0 0 -2px;
	padding: 0;
	border: 0;
	color: #005a43;
	border: 0;
	height: 28px;
	width: 600px;
}
div#box {
 	float: left;
	height: 26px;
	width: 26px;
	text-align: center;
	border: 1px solid #d49f2c;
}
div#box input {
	margin-top: 0.3em;
}
div#text {
	float: left;
	color: #005a43;
	margin: 0.3em 40px 0.3em 0.3em;
}


.right {float: right;}
.standard {width: 598px;}
.green {color: #005a43;}