* {
        margin: 0;
        padding: 0;
}
html {
        color: #000;
        background-color: #f7f7f7;
        font-family: Verdana, ariel, helvetica, sans-serif;
        font: 70%/1.2 verdana, ariel, helvetica, sans-serif;
}
#top  {
        background-color: #FFFFFF;
        background-image: url('./images/logo.jpg');
        background-repeat: no-repeat;
        background-attachment: scroll;
        border-bottom: 1px solid #FFB5C6;
        margin-left: 10px;
        background-position: 0%;
}
#top p {
        height: 142px;
}

/* Menü --------------------------------------------------------------------------------------------- */
#menue  {
        position: absolute;
        top: 142px;
        left: 0px;
        background-color: #f7f7f7;
        width: 20%;
        margin: 10px;
}
#menue ul {
        border: 1px solid red;
        padding: 10px;
}
#menue ul ul{
        border: 0px solid red;
}
#menue li {
        background-color: #eeeeee;
        width: 100%;
        list-style: none;
        margin-bottom: 10px;
        margin-top: 10px;
        
        padding: 5px 0px 5px 0px;
}
#menue li a {
        text-decoration: none;
        color: black;
        padding-left: 10px;
}
#menue ul ul li a {
        padding-left: 20px;
}
#menue li.inaktiv a:hover {
        color: red;
}
#menue ul li.aktiv a {
        color: red;
        font-weight: bold;
}
#menue ul li.inaktiv a {
        color: black;
        font-weight: normal;
}
/* Mitte ------------------------------------------------------------------------------------- */
#mitte {
        position: absolute;
        left: 0px;
        width: 60%;
        margin-left: 20%;
}
p.text      {
        padding: 10px 10px 10px 20px;
        margin: 0px 30px 0px 30px;
        background-color: #ddddee;
}

 h1{
        font: bold large Arial, sans-serif;
        color: red;
        background-color: #ffeeee;
        margin: 30px 30px 0px 30px;
        padding: 10px 10px 10px 10px;
        text-align: center;
        }
#mitte a {
        text-decoration: none;
}
#mitte a:hover {
        text-decoration: underline;
        color: red;
}
.reiter_passiv  {
        display: inline;
}
.reiter_aktiv {
        display: inline;
        padding-right: 5px;
        padding-left: 5px;
        color: red;

}
li.reiter_passiv  a {
        border-top: solid black 1px;
        border-right: solid black 1px;
        border-left: solid black 1px;
        padding-right: 5px;
        padding-left: 5px;
        margin-right: 3px;

        color: black;
}
li.reiter_aktiv  {
        border-top: solid red 1px;
        border-right: solid red 1px;
        border-left: solid red 1px;
        padding-top: 5px;
        padding-right: 5px;
        padding-left: 5px;
        margin-right: 3px;
}
ul.reiter {
        margin-top: 20px;
        margin-left: 20px;
}


/* menu for home,contact,sitemap config */

#menutrailer {
  width:245px;
  float:left;
  height:100px;
  padding-left:450px;
}

#menutrailer ul {
  margin:108px 0 0 350px;
  padding:0;
}

#menutrailer ul li {
  padding:0 7px 0 0;
  margin:0;
  display:inline;
  list-style-type:none;
}

#menutrailer .iconhome {
  background: url(images/icon_home.gif) 10px 0px no-repeat;
}

#menutrailer .contact {
  background: url(images/icon_contact.gif) 10px 0px no-repeat;
}

#menutrailer .sitemap {
  background: url(images/icon_sitemap.gif) 10px 0px no-repeat;
}

#menutrailer .iconclose {
  background: url(images/icon_close.gif) 10px 0px no-repeat;
}

#menutrailer a {
  padding-left:30px;
  margin-top:40px;
  color:#424242;
}
#menutrailer a:hover {
  color:#CC0E1B;
  text-decoration:none;
}

/* Infokasten -------------------------------------------------------------------------------- */
.infokasten {
        width: 90%;
        border: 1px solid red;
        margin: 5%;
        font: 120%/1.4 verdana, ariel, helvetica, sans-serif;
}
.infokasten h1 {
        width: 100%;
        text-align: center;
        color: white;
        background-color: red;
        font: 150%/1.2 verdana, ariel, helvetica, sans-serif;
        margin: 0px;
        padding: 5px 0px 5px 0px;
}
.infokasten p {
        padding: 10px;
}
.infokasten ul {
        padding: 10px;
}
.infokasten li {
        list-style: none;
        text-indent: -10px;
        padding-left: 10px;
}
.infokasten li.datum  {
        list-style: none;
        text-indent: -90px;
        padding-left: 90px;
}
.infokasten a {
        color: red;
        text-decoration: none;
}
.infokasten a:hover {
        text-decoration: underline;
}