/*------- Standardeinstellungen des Browsers --------------------------------------------*/
* {
    padding: 0;
     margin: 0;
      font-size: 100%;
       font-weight: normal;
 }


ul,ol,li { list-style:none; }

b,strong { font-weight:bold; }


img,a img { border:none; }

H1 {
     font-family: Verdana;
      font-size: 100%;
       color: #f9b600;
        line-height: normal;
         text-align: left;
          font-weight: bold;
           padding-bottom: 8px;

   }


H2 {
     font-family: Verdana;
      font-size: 15px;
       color: #f9b600;
        line-height: normal;
         text-align: left;
          font-weight: bold;
           padding-bottom: 5px;

   }

H3 {
     font-family: Verdana;
      font-size: 13px;
       color: #f9b600;
        line-height: normal;
         text-align: left;
          font-weight: bold;
           padding-bottom: 5px;

   }



/*------- Grundeinstellung vom Body -----------------------------------------------------*/
body {
       font-family: Arial,Helvetica,sans-serif;
        font-size: 100%;
         color: #666666;
          background-color: #EFEFEF;
           line-height: 1.5em;
            text-align: left;
     }

/*------- Verweise ----------------------------------------------------------------------*/
a:link,                                 /* für Verweise zu noch nicht besuchten Seiten */

a:visited {                             /* für Verweise zu bereits besuchten Seiten */
            color: #f9b600;
             text-decoration: none;
          }

a:hover,  /* für Elemente, während der Anwender mit der Maus darüber fährt */

a:focus,  /* für Elemente, die den Fokus z.B. durch "Durchsteppen" mit der Tabulator-Taste */

a:active {                              /* für gerade angeklickte Elemente */
           color: #e1ecf7;
            text-decoration: underline;

         }

p.text {
        font-size: 13px;
         color: #ffffff;
          line-height: 1.3em;
      }

p.text_ge {
            font-size: 13px;
             color: #ffffff;
              line-height: normal;
          }


p.aufz {
            font-size: 14px;
             color: #ffffff;
              line-height: normal;
          }

p.haftung {
            font-size: 13px;
             color: #ffffff;
              line-height: normal;
         }



/*------- LAYOUT ------------------------------------------------------------------------*/
#gesamt {
          width:100%;
           height: 570px;
            z-index:0;
             min-width: 600px;
              max-width: 1000px;
               background-color: #003262;
                border: 2px solid #f9b600;
                 position: relative;
                  border-bottom: 2px;
                   padding: 0px;
                    margin: auto;
        }


/*------- LAYOUT ---- gesamt oben -------------------------------------------------------*/
#header {
          background-color: #003262;
        }

#logo {padding-left: 10px;}


/*--------- Navigationsleiste im Kopfbereich --------------------------------------------*/


#main {
        width: 700px;
         height: 370px;
          top: -380px;
           margin-left: 300px;
            padding: 4px;
             position: relative;
              /*overflow: auto;*/
               border: 0px solid #000000;
        }

#main_wetter {
               width: 700px;
                height: 370px;
                 top: -380px;
                  margin-left: 300px;
                   padding: 4px;
                    position: relative;
                     /*overflow: auto;*/
                      border: 0px solid #000000;
               }



/*--- Formatierungen Routenplaner -----------------------------------------------------------------------------------*/
#main_karte {
               width: 680px;
                height: 370px;
                 top: -360px;
                  margin-left: 300px;
                   padding: 4px;
                    position: relative;
                     overflow: auto;
                      border: 0px solid #ffffff;
            }

p.anfahrt {
            font-size: 14px;
             color: #ffffff;
              line-height: normal;
               text-align: left;

          }

.anfahrt {
            width: 260px;
             height: 370px;
              position: absolute;
         }

.karte {
            width: 350px;
             height: 370px;
              position: absolute;
                margin-left: 280px;

         }

/*-----------------------------------------------------------------------------------------------------------------*/


#main_be {
           width: 660px;
            height: 370px;
             top: -400px;
              margin-left: 300px;
               padding: 4px;
                position: relative;
                 overflow: auto;
                  border: 1px solid #000000;

          }


.karte {
         width: 200px;
          height: 300px;
           float: right;
       }




#block {
         width: 650px;
          height: 350px;
           padding: 15px 5px 10px 0px;
            position: relative;
             overflow: auto;
              border: 0px solid #000000;
       }

#block3 {
         width: 640px;
          height: 340px;
           padding: 15px 5px 10px 0px;
            position: relative;
             overflow: auto;
              border: 0px solid #000000;
       }




#kue {
         width: 650px;
          height: 300px;
           padding: 15px 5px 10px 0px;
            position: relative;
             overflow: auto;
              border: 0px solid #000000;
       }


.aufz {
         width: 300px;
          height: 240px;
           padding: 15px 10px 10px 10px;
            margin-left: 25px;
             position: relative;
              border: 0px solid #000000;
       }

.aufz1 {
         width: 380px;
          height: 220px;
           padding: 10px 10px 10px 10px;
            margin-left: 210px;
             position: relative;
              border: 0px solid #000000;
       }


.haft {
         width: 640px;
          height: 35px;
           padding: 5px 0px 0px 0px;
            margin-left: 5px;
             position: relative;

       }



.bild {
        float: left;
         margin-right:8px;
          margin-bottom:6px;
           width: 100px;
            height: 66px;
             border: 1px solid #f9b600;
       }


.bild_1 {
          float: left;
           margin-right:8px;
            margin-bottom:0px;
             width: 100px;
              height: 66px;
               border: 1px solid #f9b600;
       }


#bilder {
          width: 660px;
           float: left;
            height: auto;
             padding-top: 10px;
              position: relative;
               border: 0px solid #000000;
       }

.lok {
        float: left;
         margin-right: 10px;
          margin-top: 15px;
           width: 150px;
            height: 100px;
             border: 1px solid #f9b600;
       }








/*--------- Formatierungen Objektbeschreibung --------------------------------------------*/
.objekt {
            float: left;
             margin: 0px;
              padding: 0px 10px 0px 0px;
               width: 50px;
                height: 25px;

          }


.garten {
            float: left;
             margin: 0px;
              padding: 0px 10px 0px 0px;
               width: 78px;
                height: 25px;

          }

.essen {
         float: left;
          margin: 0px;
           padding: 0px 10px 0px 10px;
            width: 44px;
             height: 25px;

       }

.waschen {
           float: left;
            margin: 0px;
             padding: 0px 10px 0px 10px;
              width: 28px;
               height: 25px;

         }



.wohnen {
          float: left;
           margin: 0px;
            padding: 0px 10px 0px 10px;
             width: 92px;
              height: 25px;

         }


.schlafzi {
            float: left;
             margin: 0px;
              padding: 0px 10px 0px 10px;
               width: 100px;
                height: 25px;

          }

.kinderzi {
            float: left;
             margin: 0px;
              padding: 0px 10px 0px 0px;
               width: 98px;
                height: 25px;

          }

.zurueck {
            float: left;
             margin: 0px;
              padding: 0px 10px 0px 0px;
               width: 168px;
                height: 25px;

          }


.zurueck1 {
            float: left;
             margin: 0px;
              padding: 0px 10px 0px 0px;
               width: 268px;
                height: 25px;

          }




/*--------- Linkformatierung Beschreibung --------------------------------------------*/
li_be {
        font-family: Verdana;
         font-size: 14px;
         line-height: normal;
          font-style: italic;
      }




/*---------- Bilder Objekt -----------------------------------------------------------*/
.Bunkalow {
            float: left;
             margin-top: 5px;
              margin-right: 15px;
               padding: 0px;
                width: 200px;
                 height: 133px;
                  border: 1px solid #f9b600;

          }

.Bunkalow_1 {
                  float: left;
                   margin-top: 3px;
                    margin-right: 15px;
                     padding: 0px;
                      width: 146px;
                       height: 97px;
                        border: 1px solid #f9b600;

             }

.Bunkalow1 {
             float: left;
              margin-top: 5px;
               margin-right: 10px;
                padding: 0px;
                 width: 210px;
                  height: 210px;
                   border: 0px solid #f9b600;
           }

.kind {
            float: left;
             margin-top: 5px;
              margin-right: 15px;
               padding: 0px;
                width: 133px;
                 height: 200px;
                  border: 1px solid #f9b600;

          }


.buk {
            float: left;
             margin-top: 5px;
              margin-right: 15px;
               padding: 0px;
                width: 94px;
                 height: 142px;
                  border: 1px solid #f9b600;

          }


.segeln {
            float: left;
             margin-top: 5px;
              margin-right: 15px;
               padding: 0px;
                height: 95px;
                 width: 142px;
                  border: 1px solid #f9b600;

          }

.tauchen {
            float: left;
             margin-top: 5px;
              margin-right: 15px;
               padding: 0px;
                height: 89px;
                 width: 133px;
                  border: 1px solid #f9b600;

          }


.rad {
            float: left;
             margin-top: 5px;
              margin-right: 15px;
               padding: 0px;
                height: 107px;
                 width: 150px;
                  border: 1px solid #f9b600;

          }

.lori {
            float: left;
             margin-top: 5px;
              margin-right: 15px;
               padding: 0px;
                height: 90px;
                 width: 135px;
                  border: 1px solid #f9b600;

          }


.bild_kue {
            float: left;
             margin-right:8px;
              margin-bottom:6px;
               margin-top:14px;
                width: 95px;
                 height: 63px;
                  border: 1px solid #f9b600;
           }


.objekte {
            font-family: Arial,Helvetica,sans-serif;
             font-size: 14px;
              color: #ffffff;
               line-height: 1.3em;
                text-align: left;
                 font-weight: normal;



         }