div#Rahmen {
    width: 680px;
	hight:100px;
	margin: 0px 10px 0px 10px;
    padding: 0.0em;
    /*border: 1px solid #c1002c;*/
    /*background-color: #ffffff;
	background-image:url(http://www.strandhotel-kuehlungsborn.de/deutsch/images/stern2hg31.jpg); vertical-align:bottom; */
	
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 670px;
    w\idth:690px;
	
  }
  div#Rahmen div {
     clear: left;
	 
  }
  ul#Navigation {
    margin: 0em; padding: 0;
    text-align: center;
	background-color:#FFF;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.5em 0.1em 0.5em 0.2em; padding: 0;
	
  }
  * 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: 1.6em; left: -0.4em;
    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:#c1002c; padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0em;
  }

  div#Rahmen ul#Navigation a, div#Rahmen ul#Navigation span {
    display: block;
    padding: 0.3em;
	margin: 0em 0em 0em 0em;
    text-decoration: none; font-weight: bold;
    border: 1px solid #c1002c;
	/*border: 1px solid #fae2a6;*/
    border-left-color: #ffffff; border-top-color:#ffffff;
    color: #c1002c; background-color: #ffffff;
  }
  
  div#Rahmen ul#ohne a{
    display: block;
    padding: 0.3em;
	margin: 0em 0.3em 0em 0.3em;
    text-decoration: none; font-weight: bold;
    border: 1px solid #fff;  
    border-left-color: #ffffff; border-top-color:#ffffff;
    color: #c1002c; background-color: #ffffff;
	text-decoration:underline
  }
  
 
  
  * html ul#Navigation a, * html ul#Navigation span {
    width: 5.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 5.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
	background-color:#F00;
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: #ffffff;
    border-left-color:#000000; border-top-color:#000000;
    color: #ffffff; background-color: #c1002c;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #fff; background-color:#000;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color:#FFF;
  }
  

.first, .first-active {text-align:center; width: 80px; padding: 0.1em;/*Breite den in li enthaltenen Elementen zuweisen */}
.first2, .first-active2 {text-align:center; width: 65px; padding: 0.1em;/*Breite den in li enthaltenen Elementen zuweisen */}
.firsta, .first-active {text-align:center; width: 70px; padding: 0.1em;/*Breite den in li enthaltenen Elementen zuweisen */}
.second, .second-active {text-align:center; width: 100px; padding: 0.1em;}
.third,  .third-active {text-align:center; width: 120px; padding: 0.2em;}
.fourth, .fourth-active {width: 90px; text-align:center}
.fifth, .fifth-active {width: 120px; text-align:center}
.sixth, .sixth-active {width: 80px; text-align:center}
.seventh, .seventh-active{width: 90px; text-align:center}
.eight, .eigth-active{width: 100px; text-align:center}
.neuf, .neuf-active{display: block;
    width: 15.4em;   /*Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    color: #c1002c; background-color:#ffffff;
	text-align:left;}

  .first:hover,   .first-active { text-decoration:none;text-align:center;width: 80px;padding: 0.1em;}
  .first2:hover,   .first-active2 { text-decoration:none;text-align:center;width: 65px;padding: 0.1em;}
  .firsta:hover,   .firsta-active { text-decoration:none;text-align:center;width: 70px;padding: 0.1em;}
  .second:hover,   .second-active { text-decoration:none;text-align:center;width: 100px;padding: 0.1em;}
  .third:hover,   .third-active { text-decoration:none;text-align:center;width: 120px;padding: 0.2em;}
  .fourth:hover,   .fourth-active { text-decoration:none; text-align:center}
  .fifth:hover,   .fifth-active { text-decoration:none; text-align:center}
  .sixth:hover,   .sixth-active { text-decoration:none; text-align:center}
  .seventh:hover,   .seventh-active { text-decoration:none; text-align:center}
  .eight:hover,   .eigth-active { text-decoration:none; text-align:center}
  .neuf:hover,   .neuf-active { text-decoration:none; text-align:left}