/* mobil */

/* 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-regular.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: 32px}
.Stil2 {font-family: 'Rosario Bold',  Verdana, sans-serif; font-size: 32px; padding:0px}
.Stil3 {font-family: 'Rosario',  Verdana, sans-serif; font-size: 28px; padding:0px; margin-left: 3px; color: #e6e6e6}
.Stil4 {font-family: 'Rosario Bold',  Verdana, sans-serif; font-size: 28px; padding:0px; margin-left: 3px; color: #e6e6e6}
.Stil5 {font-family: 'Rosario',  Verdana, sans-serif; font-size: 18px; padding:0px; border: 0px}
.Stil7 {font-family: 'Rosario Bold',  Verdana, sans-serif; font-size: 24px; padding:0px}
.Stil8 {font-family: 'Rosario',  Verdana, sans-serif; font-size: 24px; padding:0px; border: 0px}
.Stil9 {font-family: 'Rosario',  Verdana, sans-serif; font-size: 24px; padding:0px; border: 0px; color: #e6e6e6}
-->

<!--
.typA {width: 190px; height: 55px; padding: 11px 10px 15px;}
.typB {width: 190px; height: 55px; padding: 25px 10px 1px;}
.typC {width: 185px; padding: 7px 10px 7px;}
-->

/* folgende Definition bezieht sich auf die Überschriften h1 ... */
h1 {
 
  font-size: 36px;
  padding:0px;
  font-family: 'Rosario Bold',  Verdana, sans-serif;
}

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

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

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

<style type="text/css">
/* Wechselbild */
#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;
}



/* gms_slider */
.gms_sliderbox {position:relative}
#gms_slider_nav {z-index:2; position:absolute; left:5px; top:100%; margin:0; margin-top:-28px; padding:0!important; list-style-type:none; font-weight:normal; line-height:1em; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; overflow:hidden; display:none}
#gms_slider_nav li {margin:0; padding:0; float:left; text-align:center; line-height:1em}
#gms_slider_nav li a {background:#444; display:block; font-size:12px; font-weight:normal; padding:2px 6px; text-decoration:none; color:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; margin-right:4px; border-radius:8px; -moz-border-radius:8px; border-radius:8px}
#gms_slider_nav li.current a {background-color:#224d82}
#gms_slider_nav li a:hover { background-color:#3e9fd6; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s}
.gms_slider_offstage {visibility:hidden; display:none}
.gms_slider_default {visibility:visible}
</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.0em; margin-left: 1.2em; padding: 1em;
    
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }
 
  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 4.6em; 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.3em;
  }
  ul#Navigation li:hover ul {
    display: block; background-color: rgba(153, 153, 153, 0.6); /* Unternavigation in modernen Browsern einblenden */

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

  }
 
  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 */
    w\idth: 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;
  }