body, html {
      background:#93B1CF;
      font-family: Arial;
      font-size:12px;
      line-height:140%;
      text-align: center;
      margin:1px 0px 1px 0px;
      padding:0;
}
 * html body {margin:2px 0px 2px 0px;}


#temp
{
/* steht hier weils sonst nich funzt  */
}


#navtop {
           margin: 2px auto 2px auto;
           background:#EFF4F8;
           color: black;
           text-align: right;
           height: 20px;
           padding:0px 30px 0px 0px;
           width: 940px;
}
 * html #navtop {width: 940px;}
 * html #navtop {height:20px;}

#navtop  a:link
{
color: black;
text-decoration: none;
}

#navtop a:hover, #navtop a:active, #navtop a:focus
{
text-decoration: underline;
color: #DEAE1C;
}

#banner {
           margin: 0px auto 0px auto;
           background-color: #D1E0F0;
           text-align: left;
           background-image: url(grafiken/banner-ruegen-seite.jpg);
           background-repeat: repeat-x;
           height: 100px;

}
 * html #banner {width: 970px;}
 * html #banner {height: 100px;}



#gesamt {
           margin: 0px auto 0px auto;
           background-color: #93B1CF;
           text-align: center;
}
 * html #gesamt {width: 970px;}



#container {

           text-align: left;
           margin: 0px auto 2px auto;
           background: #D1E0F0;
           float: left;
           padding: 0px 0px 0px 10px;
           width: 960px;
           border-color: #93B1CF;
           border-width: 2px;
           border-style: none none solid none;
}
* html #container {width: 960px;}
* html #container {margin: 0px auto 0px auto;}
* html #container {border-width: 0.5px;}


#navigation {
           width: 160px;
           float: left;
           margin: 10px 5px 0px 0px;
           background-color: #D1E0F0;
           display: block;
}
* html #navigation {width: 150px;}


#navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        background-color: #D1E0F0;
}
#navigation li {
          background-color: #8CA3B4;
          padding: 0px 0px 0px 5px;
          font-weight: bold;
          color: black;
          font-size:12px;
}
* html #navigation li {width: 160px;}


#navigation li a:link, #navigation li a:visited {
        margin: 0px 0px 0px -5px;
        display: block;
        text-decoration: none;
        font-weight: normal;
        padding: 2px 0px 2px 5px;
        background-color: #EFF4F8;
        border-style: none none solid none;
        border-color: #D1E0F0;
        border-width: 1.5px;
        color: black;
        width: 155px; /* damit der Internetexplorer auch funzt */
        font-size:11px;
}
* html #navigation li a:link, * html #navigation li a:visited
{width: 160px;}
* html #navigation li a:link, * html #navigation li a:visited
{border-width: 2px;}



#navigation li a:hover, #navigation li a:active, #navigation li a:focus {
         background-color: #EFF4F8;
         text-decoration: underline;
         color: #93B1CF;
        
}


/* Ende der animierten menüleiste */

 
#inhalt {
           background-color:#ffffff;
           color: black !important;
           width:600px; /* damit der Internetexplorer auch funzt */
           margin: 0px 0px 0px 5px;
           border: 0px;
           padding: 0px 5px 5px 5px;
           float: left;
}
* html #inhalt {width: 595px;}


#inhalt a:link, #inhalt a:visited {
        text-decoration: underline;
        color: black;

}
#inhalt a:hover, #inhalt a:active, #inhalt a:focus {
         text-decoration: none;
         color: #93B1CF;
}



#onlinebuchung {
           background-color:#ffffff;
           color: black !important;
           width:770px; /* damit der Internetexplorer auch funzt */
           height: 100%;
           margin: 0px 0px 0px 5px;
           border: 0px;
           padding: 0px 5px 5px 5px;
           float: left;
}
* html #onlinebuchung {width: 765px; height: 100%;}


#onlinebuchung a:link, #onlinebuchung a:visited {
        text-decoration: underline;
        color: black;

}
#onlinebuchung a:hover, #onlinebuchung a:active, #onlinebuchung a:focus {
         text-decoration: none;
         color: #93B1CF;
}



#rechts
 {
           padding: 0px;
           background-color:#D1E0F0;
           width:170px;
           border: 0px;
           margin: 10px 0px 0px 790px;

}
* html #rechts {width: 170px;}
* html #rechts {margin: 10px 0px 0px 785px;}

#footer
{
           margin: 0px auto 0px auto;
           padding: 5px 0px 5px 0px;
           background:#EFF4F8;
           text-align: center;
}
 * html #footer {width: 970px;}

#footer a:link, #footer a:visited
{
color: black;
text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus
 {
        font-weight: normal;
        text-decoration: underline;
        color: #93B1CF;
 }
#banner, #gesamt, #footer
{
width: 970px;
}
#zentrieren
{
text-align:center;
}

.rechtstop
{
background-image: url(grafiken/hotline.gif);
width: 160px;
height: 400px;
text-align:center;
background-repeat: repeat-x;
}

#blaubox
{
background:#EFF4F8;
}

.header
{
background:#4A63A3;
text-align:center;
border-bottom-width: 5px;
border-color: #EFF4F8;
border-style: solid;
}
.einzug
{
padding: 0px 10px 0px 10px;
margin: 0px;
}


p {
           margin: 0px 0px 0px 0px;
           font-size: 1.0em;
           color:black !important;
}
h1 {
           margin: 0;
           padding:5px 0 5px 0;
           font-size: 1.5em;
           color: black;
}


   
h4 {
     font-size: 0.9em;
     margin: 0;
     padding:0;
}

h3 {
     font-size: 0.8em;
     margin: 0;
     padding:0;
    color: #D1E0F0;
}

h2 {       margin: 0;
           font-size: 1.3em;
           color: #EEDDCA;
           padding: 2px 2px 2px 2px;
   }