/* ----------allgemein-------------- */
* {/
  padding: 0;
  margin: 0;
}

html, body {
  font-family:  Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 100.01%;
  background: #d4d4d4;
  color: #000;
  margin-bottom: 20px;
}

/* ueberschriften */

h1 {
  font-size: 14pt;
  font-weight: bold;
  margin: 0 0 15px;
  color: #a8000b;
}

/* Elemente */

img {
  margin: 0;
  padding: 0;
}

a, a:visited {
  color: #a8000b;
}

a:hover {
  color: #a8000b;
}
a img {
  border: 0;
}

/* rahmen  */
#wrapper {
  border: 1px solid #333333;
  width: 800px;
  margin: 20px auto;
  text-align: left;
  background: #ffffff;
}

/*  header */
#header {
  height: 102px;
  width: 797px;
  padding-top:3px;
  padding-right:3px;
  TEXT-ALIGN:right;
  background:  url('header_mit_altstadt.gif');
}
* + html #header {
  background: url('header_mit_altstadt.gif');
}
* html #header {
  background: url('header_mit_altstadt.gif');
}

/*  navi */

#navi {
  width: 800px;
  height: 33px;
  background: 0px 0px url('reiterbg.gif'); no-repeat;
  border: 3px solid #333;
  border-width: 0px 0px 3px 0;
}

#navi a.aktiv {  background: url('reiter-activ.gif') no-repeat; }


/* style the outer div to give it width */
.menu {
  width: 800px;
  font-size: 0.85em;
  padding: 0 20px 0 20px;
  z-index: 100;
}
* html .menu { padding-bottom: 11px; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.menu ul ul {
  width: 108px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
  float: left;
  width: 108px;
  position: relative;
}

.menu li aktiv{
  float: left;
  width: 108px;
  position: relative;
background: url('reiter-activ.gif');
}

/* style the links for the top level */
.menu a, .menu a:visited {
  display: block;
  font-size: 11px;
  text-decoration: none;
  color: #fff;
  width: 108px; /* Breite abzgl. Innenrand */
  height: 33px;

  background: url('reiterbg.gif');
/*  -moz-opacity: 0.95;
  filter:alpha(opacity=95); */
text-align:center;
  line-height: 31px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
  width:108px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background: black;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
  background: yellow;
}
.menu ul ul :hover > a.drop {
  background: green;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
  background: blue;
}
/* style the third level hover */
.menu ul ul ul a:hover {
  background: #b2ab9b;
}
.menu ul ul ul :hover > a {
  background: #b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 30px;
  left: 0;
  width: 108px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
  top:30px;
  t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
  left:108px;
  top:0;
  width:108px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-108px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background: #333333;
text-align:left;
color: #FFFFFF;
height: auto;
line-height: 1em;
padding: 5px 10px;
width: 108px; /* Breite Untermenü */
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:108px;
w\idth:121px;
}

/* style the top level hover */
.menu a:hover {
color:#fff;
background: transparent url('reiter-activ.gif');
}
.menu ul ul a:hover {background: #679fcd;} /* unterpunkte menü beim hover */
.menu ul ul :hover > a {
color:#fff;
background: #333333;
}
/* top level beim hover */
.menu :hover > a { background: transparent url('reiter-activ.gif'); }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}

.menu .drop {}


/*  content */
#content {
  width: 800px;
  background: #ffffff;
}



#inhalt {
background: #ffffff;
float: left;
width: 510px;
padding:20px;
font-family:Verdana;
font-size:10pt;
text-decoration:none;
color:black;
TEXT-ALIGN:justify;
VERTICAL-ALIGN:top;
}
#inhalt A {font-family:Verdana; font-size: 10pt; text-decoration:none; color:#a8000b;}
#inhalt A:link {font-family:Verdana; font-size: 10pt; color:#a8000b; text-decoration:none;}
#inhalt A:visited {font-family:Verdana; font-size: 10pt; color:#a8000b; text-decoration:none;}
#inhalt A:active {font-family:Verdana; font-size: 10pt; color:#a8000b; text-decoration:none;}
#inhalt A:hover {font-family:Verdana; font-size: 10pt; color:#a8000b; text-decoration:underline;}

#inhalt ul {
float: left;
width: 510px;
padding-left:20px;
padding-bottom:15px;
font-size:10pt;
}

#inhalt ol {

padding-left:20px;
}

#inhalt ol ul {
float: left;
width: 490px;
font-size:10pt;
}

#rechts {
float: right;
width: 208px;
padding:20px;
z-index:100;
background:#ffffff;
VERTICAL-ALIGN:top;
font-family:Verdana; font-size: 9pt; text-decoration:none; color:black;
}
#rechts A {font-family:Verdana; font-size: 9pt; text-decoration:none; color:#a8000b;}
#rechts A:link {font-family:Verdana; font-size: 9pt; color:#a8000b; text-decoration:none;}
#rechts A:visited {font-family:Verdana; font-size: 9pt; color:#a8000b; text-decoration:none;}
#rechts A:active {font-family:Verdana; font-size: 9pt; color:#a8000b; text-decoration:none;}
#rechts A:hover {font-family:Verdana; font-size: 9pt; color:#a8000b; text-decoration:underline;}



/*  footer  */
#footer {
width:794px;
height:17px;
float: left;
font-size: 0.60em;
padding-top:5px;
padding-left:5px;
z-index:1;
background:#ffffff;
background: url('footerbg.gif');
font-family:Verdana; font-size: 8pt; text-decoration:none; color:#000000;
}

#footer A {font-family:Verdana; font-size: 8pt; text-decoration:none; color:#000000;}
#footer A:link {font-family:Verdana; font-size: 8pt; color:#000000; text-decoration:none;}
#footer A:visited {font-family:Verdana; font-size: 8pt; color:#000000; text-decoration:none;}
#footer A:active {font-family:Verdana; font-size: 8pt; color:#000000; text-decoration:none;}
#footer A:hover {font-family:Verdana; font-size: 8pt; color:#000000; text-decoration:underline;}
}