/* PC */

/* rosario-regular - latin */
@font-face {
  font-family: 'Rosario';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rosario-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rosario'), local('Rosario-Regular'),
       url('../fonts/rosario-v12-latin-reguklar.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rosario-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rosario-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rosario-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rosario-v12-latin-regular.svg#Rosario') format('svg'); /* Legacy iOS */
}

/* rosario-bold - latin */
@font-face {
  font-family: 'Rosario Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rosario-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Rosario'), local('Rosario-Bold'),
       url('../fonts/rosario-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rosario-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rosario-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rosario-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rosario-v12-latin-700.svg#Rosario') format('svg'); /* Legacy iOS */
}

<!--
.Stil1 {font-family: 'Rosario',  Verdana, sans-serif; font-size: 20px}; color: #ffffff
.Stil2 {font-family: 'Rosario Bold',  Verdana, sans-serif;  font-size: 20px; padding:0px}
.Stil3 {font-family: 'Rosario',  Verdana, sans-serif; font-size: 16px; padding:0px; margin-left: 3px; color: #e6e6e6}
.Stil4 {font-family: 'Rosario Bold',  Verdana, sans-serif; font-size: 16px; padding:0px; margin-left: 3px; color: #e6e6e6}
.Stil5 {font-family: 'Rosario',  Verdana, sans-serif; font-size: 12px; padding:4px; border: 0px}
.Stil6 {color: #D8D8D8}
.Stil7 {font-family: 'Rosario Bold',  Verdana, sans-serif; font-size: 14px; padding:0px}
.Stil8 {font-family: 'Rosario',  Verdana, sans-serif; font-size: 14px; padding:0px; border: 0px; table-header-weight: normal}
.Stil9 {font-family: 'Rosario',  Verdana, sans-serif; font-size: 14px; padding:0px; border: 0px; color: #e6e6e6}

-->

<!--
.typA {width: 130px; height: 34px; padding: 7px 7px 7px;}
.typB {width: 130px; height: 34px; padding: 14px 7px 0.1px;}
.typC {width: 125px; padding: 7px 7px 7px;}
-->


/* folgende Definition bezieht sich auf die Überschriften h1 usw */
h1 {
  font-size: 24px;
  font-family: 'Rosario Bold',  Verdana, sans-serif;
  padding: 0px;
}
h2 {
  font-size: 18px;
  font-family: 'Rosario Bold',  Verdana, sans-serif;
  font-weight: normal;
  padding: 0px; border: 0px;
}

h3 {
  font-size: 14px;
  font-family: 'Rosario',  Verdana, sans-serif;
  font-weight: normal;
  padding: 0px; border: 0px;
}

p { margin-top: 1px; margin-bottom: 1px; font-size: 16px}

<style type="text/css">
/* Wechselbild mit Fader-Workframe*/
#gallery img {
        width: 100%;
        margin: 0;
        padding: 0;
}

.fader {
    position: relative;
    display: inline-block;
}

.fader img {
    vertical-align: top;
}

.fader img.next {
    position: absolute;
    top: 0;
    left: 0;
}

</style>



table, th,td {
  border: 0px solid black;
  border-collapse: separate;
  width: 100%;
}

table.doFixed {
   table-layout: fixed;
   width: 100%;
}

body {
    margin: 0px;
    padding: 0px;
}
#Inhalt {
    position: absolute;
    left: 50%;
    width: 900px;

    margin-left: -450px;
    background-color: #f78181;
}


  div#Rahmen {
    width: 100%;
    border: 0px solid black;
    background-color: #d8d8d8;
    background-color: rgba(153, 153, 153, 0.6);
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 90%;
    w\idth: 90%;
  }
  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;

  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin-top: 0.2em; margin-left: 0.2em; left: 0.0em; empadding: 0;

  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.3em; margin-left: -0.0em
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em; margin-left: 0.2em
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 3.1em; left: 0.1em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:silver;  padding-bottom:0.4em; margin-left: 0.0em
  }
  ul#Navigation li:hover ul {
    display: block; background-color: rgba(153, 153, 153, 1); /* Unternavigation in modernen Browsern einblenden */

  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.0em;

  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    text-decoration: none; font-weight: normal;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: black; background-color: #ccc; background-color: rgba(153, 153, 153, 0.6);
  }


/* Nur Firefox */
@-moz-document url-prefix() {
    ul#Navigation a, ul#Navigation span {
    display: block;



    }

* html ul#Navigation a, * html ul#Navigation span {
    width: 136px;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    wid\th: 8.0em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }