body {background: #EFEFEF;
     color: #000000;
     font-family: verdana,arial,helvetica;
     font-size: 1em;
     margin: 0px auto;
     padding: 0px;
     width: 750px;
     }

div.container {width: 750px;
              height: 100%;
              }

a:link, a:visited {text-decoration:none; color: #005F00; font-weight: bold;}
a:hover {text-decoration:underline; color: #0000FF;}
a:active {text-decoration:none; color: #FF0000;}

h2 {
    font-size: 1em;
    font-weight: bold;
    }

h3 {
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px 0px;
    margin: 0px
    }

seite {
       width: 100%;
       height: 100%;
       }

/* seitenkopf */
h1.titel {
            width:100%;
            margin:0px auto;
            height: 35px;
            font-size: 35px;
            letter-spacing: 10px;
            font-weight: 100;
            color: #005F00;
            vertical-align: sub;
            padding-top: 15px;
            padding-left: 5px;
          }

div.navigation    {
                   width:100%;
                   height: 12px;
                   text-align: right;
                   border-bottom: thin solid #005F00;
                   font-size: 12px;
                   font-weight: 100;
                   padding: 5px 0px;
                   margin: 0px;
                   }

div.navigation2    {
                   width: 100%;
                   height: 12px;
                   text-align: right;
                   font-size: 12px;
                   font-weight: 100;
                   padding: 0px 0px;
                   margin: -20px 0px;
                   float: left;
                   }

a.navi:hover {margin-left: 21px; font-weight: normal; text-decoration: none;}
a.navi:link, a.navi:visited, a.navi:active {margin-left: 21px; font-weight: normal; text-decoration: none;}
a.navi1 {font-weight: normal; text-decoration: none;}
a.navi2 {font-weight: bold; text-decoration: none;}
/* seitenkopf */

/* index*/
/* linke seite */

div.linkeseite {
                width: 45%;
                height: 100%;
                float: left;
                text-align:center;
                padding: 10px 5px;
                margin: 10px 10px;
                border: 0px;
       }

div.fotorahmen {
               border-style: none none solid none;
               border-color: #4F4F4F;
               border-width: 0px 0px 10px 0px;
               background-color: #4F4F4F;
               }

img.fotoportal {
          margin-left: -20px;
          margin-top: -10px;
          border: 0px;
          width: 150%;
          }

          img.foto {
          margin-left: -20px;
          margin-top: -10px;
          border: 0px;
          width: 100%;
          }

img.latourette {
          margin-left: -20px;
          margin-top: -10px;
          border: 0px;
          width: 80px;
          }

p.untertitel {
             text-align: left;
             font-size: 0.8em;
             color: #000000;
             margin-top: 0px;
             }

/* linke seite */

/* mitte */
div.text {
            width: 70%;
            height: 100%;
            float: left;
            font-size: 0.8em;
            margin: 10px 10px;
            text-decoration: none;
            border: 0px;
            }
div.text2 {
            width: 35%;
            height: 100%;
            float: left;
            font-size: 0.8em;
            margin: 10px 10px;
            text-decoration: none;
            border: 0px;
            }

div.zitate {
              width: 95%;
              height: 100%;
              background-color: #DFDFDF;
              line-height: 18px;
              font-size: 0.8em;
              border: 1px dotted #000000;
              padding: 10px 5px;
              margin: 10px 5px;
               }

div.zitate2 {
              width: 43%;
              height: 100%;
              line-height: 18px;
              font-size: 0.9em;
              padding: 10px 5px;
              margin: 10px 5px;
               }

p.quellenangabe {
             text-align: left;
             font-size: 0.9em;
             color: #000000;
             margin-top: 0px;
             }

p.quellenangabe2 {
             text-align: left;
             font-size: 0.8em;
             color: #000000;
             margin-top: 0px;
             }

/* mitte */

/* rechte seite */
div.verweise  {
              width: 22%;
              height: 100%;
              background-color: #DFDFDF;
              line-height: 18px;
              font-size: 0.6em;
              border: 1px dotted #000000;
              padding: 10px 5px;
              margin: 10px 5px;
              float: right;
               }

p.linktitel {
             font-weight: bold;
             text-decoration: underline;
            }

p.links     {
             font-weight: bold;
             text-decoration: none;
            }

p.banner2 {
         text-align: center;
         height: 100%
          }

a.marks:hover {font-weight: normal;}
a.marks:link, a.marks:visited, a.marks:active {font-weight: normal;}

/* rechte seite */

/* fuss */
div.fuss {
          background-color: #EFEFEF;
          float: left;
          width: 100%;
          height: 100%;
          border-top: thin solid #005F00;
          padding-top: 10px;
          }

img.banner1, div.valid {
          float: left;
          }

p.fuss {
         font-size: 0.6em;
         text-align: right;
         color: #005F00;
       }


/* fuss */
/* index */

/* impressionen */
/* linke seite */

div.traumlinks {width: 22%;
                height: 100%;
                float:left;
                }

div.traumlinks2 {width: 20%;
                height: 200px;
                float:left;
                padding-top: 70px;
                }

div.traumlinks3 {width: 22%;
                height: 100px;
                float:left;
                margin-left: 50px;
                margin-top: 20px;
                margin-bottom: 210px;
                }

div.traumlinks4 {width: 22%;
                height: 100%;
                float:left;
                margin-left: 50px;
                padding-top: 70px;
                padding-bottom: 70px;
                }

div.traummitte {width: 22%;
                 height: 100%;
                 float:left;
                 }

div.impression {
                width: 60%;
                height: 100%;
                text-align:center;
                padding: 10px 5px;
                margin: 10px 10px;
                border: 0px;
                text-decoration: none;
                }

div.fotorahmen1 {
               border-style: none none solid none;
               border-color: #4F4F4F;
               border-width: 0px 0px 10px 0px;
               background-color: #4F4F4F;
               }

div.fotorahmen2 {
               border-style: none none solid none;
               border-color: #4F4F4F;
               border-width: 0px 0px 10px 0px;
               background-color: #4F4F4F;
               }

div.fotorahmen3 {
               border-style: solid;
               border-color: #4F4F4F;
               border-width: 10px 10px;
               background-color: #4F4F4F;
               }

div.verweise2  {
              width: 22%;
              height: 100%;
              background-color: #DFDFDF;
              line-height: 18px;
              font-size: 0.6em;
              border: 1px dotted #000000;
              padding: 10px 5px;
              margin: 10px 5px;
              float: right;
               }
/* linke seite */


/* logbook */

div.logbook {
            width: 100%;
            font-size: 0.8em;
            margin: 10px 10px;
            text-decoration: none;
            }

/* logbook */


/* kontakt */
/* linke seite */

div.impressum {
               font-size: 0.7em;
               margin: 10px 0px;
               width: 45%;
               height: 100%;
               float: left;
               }

/* linke seite */

/* rechte seite */

div.kontakt {
            width: 50%;
            font-size: 0.8em;
            margin: 10px 10px;
            text-align: right;
            text-decoration: none;
            float: right;
            }

/* rechte seite */
/* kontakt */


/* linke seite */

div.linkeseite2 {
          width: 15%;
          height: 100%;
          float: left;
          text-align:center;
          padding: 10px 5px;
          margin: 10px 10px;
       }

div.linkeseiteich {
          width: 20%;
          height: 100%;
          float: left;
          text-align:center;
          padding: 10px 5px;
          margin: 10px 10px;
          }

/* linke seite */

/* mitte */

div.hiddensee {
               width: 55%;
               font-size: 0.8em;
               margin: 10px 10px;
               text-decoration:none;
               float:left;
               }

div.passagen {
               width: 55%;
               font-size: 0.8em;
               margin: 10px 10px;
               text-decoration:none;
               float:left;
               }


div.fotomitte {
            width: 45%;
            font-size: 0.8em;
            margin: 30px 30px 0px 30px;
            text-decoration: none;
            float: left;
            text-align: center;
            padding: 5px 15px;
            margin: 5px 30px;
            }

div.fotomitteneu {
            width: 50%;
            font-size: 0.8em;
            margin: 30px 30px 0px 30px;
            text-decoration: none;
            float: left;
            text-align: center;
            padding: 5px 15px;
            margin: 5px 30px;
            }

div.fotomitteneu2 {
            hight: 50%;
            font-size: 0.8em;
            margin: 30px 30px 0px 30px;
            text-decoration: none;
            float: left;
            text-align: center;
            padding: 5px 15px;
            margin: 5px 30px;
            }

div.fotomitte2 {
            width: 25%;
            font-size: 0.8em;
            margin: 20px 105px 0px 105px;
            text-decoration: none;
            float: left;
            text-align: center;
            padding: 5px 15px;
            }

div.fotomitte3 {
            width: 50%;
            font-size: 0.8em;
            margin: 50px 0px 0px 5px;
            float:left;
            padding: 5px 15px;
            }

div.fotomitte4 {
            width: 28%;
            font-size: 0.8em;
            margin: 10px 0px 0px 100px;
            float:left;
            padding: 5px 15px;
            }

div.fotoklein {
          width: 50px;
          height: 100%;
          float: left;
          text-align:center;
          padding: 5px 5px;
          margin: 5px 5px;}

div.galerie {
             width: 30%;
             margin: 0px -30px 0px 0px;
             float:right;
             }

div.galerie2 {
             width: 100%;
             margin: 0px -30px 0px 0px;
             float:right;
             }

div.hesperiden {
              width: 38%;
              height: 100%;
              background-color: #DFDFDF;
              float: right;
              line-height: 18px;
              border: 1px dotted #000000;
              padding: 0px 0px;
              margin: 10px 0px;
              font-size: 0.6em;
            }

/* mitte */

/* rechte seite */

div.fotorechts {
          width: 15%;
          height: 100%;
          float: left;
          text-align:center;
          padding: 10px 5px;
          margin: 10px 10px;
       }

div.fotorechts2 {
          width: 15%;
          height: 100%;
          float: left;
          text-align:center;
          padding: 10px 5px;
          margin: 10px 10px;
          }

div.pfeillinks {
          width: 1%;
          height: 100%;
          float: left;
          text-align:center;
          padding: 40px 0px 0px 0px;
          margin: 0px 10px 0px 0px;
          }

div.pfeilrechts {
          width: 1%;
          height: 100%;
          float: left;
          text-align:center;
          padding: 40px 0px 0px 0px;
          margin: 0px -10px 0px 0px;
          }
          /* rechte seite */