body    { background: transparent url(../upload/layout/hintergrundmuster.jpg); margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.8em; }


  /***********************************************************/
 /******************** SITE STRUCTOR ************************/
/***********************************************************/ 

#Container  { width: 1000px; margin: 0 auto; padding: 0;  }


   
    #Adress     { color: #96a398; width: 407px;  display: inline-block; float: left; height: 30px; padding: 65px 0 0 10px; }
    #Adress a   { color: #96a398; }
    #Logo       { display: inline-block; float: left; }
    #Language   { display: inline-block; float: left;  width: 407px; text-align:right; height: 15px; padding: 80px 10px 0 0;}
    #Language a { text-decoration: none; color: #96a398; }
    #Language a:hover { text-decoration: underline; color: #96a398; }
    

#HeaderImg     { z-index: 4; position: relative; }    
#HeaderImg  img { border-top: 2px solid #fff; border-bottom: 2px solid #fff; }


#MainMenu ul        { margin: 0; padding:4px 0 0 0; list-style: none; height:30px; background: transparent url(../upload/layout/bg_menu.png); }
#MainMenu ul li     { float: left; }
#MainMenu ul li a   { display: block; width:200px; text-align:center; color: #fff; text-decoration:none; font-size:1.1em; margin-top: 6px; }

    
    
#Content    { background: transparent url(../upload/layout/bg_content.png) repeat-y; }
    #Content #Left  { width: 247px; float:left; background: transparent url(../upload/layout/bg_content.png) repeat-y; min-height: 450px; }
    #Content form td a    { color: #808080; }
    #Content #Right { width: 610px; display: inline-block; background-color: #fff; padding: 20px 120px 20px 20px; }


#Footer     { margin: 0; text-align:center; background: transparent url(../upload/layout/bg_footer.gif) no-repeat bottom left; height: 71px; font-size: 0.9em;  }   
    #Footer p       { margin: 0 0 0px 0; padding:0 0 0 0; background-color: #FFF; color: #000; line-height: 16px;}
    #Footer p a     { color: #2a4f52; }
    #Footer ul      { margin: 0; padding: 11px 0 0 0; list-style: none; background-color: #fff;; }
    #Footer ul li   {display: inline; border-left: 1px solid #4a8c82; padding: 1px 5px; }
    #Footer ul li:first-child { border-left: 0px;}
    #Footer ul li a { color: #4a8c82;   }

#Info       { margin: 10px 0; display: inline-block; }
    #Info .Box1     { background-color:#b4690e; width:250px; height: 200px; display: inline-block; float: left; color: #fff;}
    #Info .Box2     { background-color:#4a8c82; width:480px; height: 200px; margin: 0 10px; float: left; }
    #Info .Box3     { background-color:#2a4f52; width:250px; height: 200px; float: left;}
    #Info form label a    { color: #fff; }    
    
    
  /***********************************************************/
 /******************** CONTENT PARTS ************************/
/***********************************************************/


h1  { }
h2  { color: #73122a; }
h3  { color: #fff; text-transform:uppercase; font-weight:normal; font-size: 1.2em; letter-spacing: 5px; margin: 20px 0 0 10px;}
h4  { color: #4A8C82; font-size: 1.0em; }
h5  { color: #fff; font-weight: normal; font-size: 1.0em; margin: 10px 0 0 0px; padding: 2px 10px; background-color: #bb7013;}

p   { color: #808080; font-size: 1.0em; line-height:22px; }

p a { color: #808080; }

.TextList { color: #808080; }
.TextList li { line-height: 22px;}

.pik { color: #808080; list-style-image: url(../upload/layout/pik.png); }
.pik li { line-height: 22px;}

.kreuz { color: #808080; list-style-image: url(../upload/layout/kreuz.png); }
.kreuz li { line-height: 22px;}

.sitemapStandardMainCat { margin: 0 0 30px 30px; }
.sitemapStandardMainCat li {list-style-type:none; list-style-image:url(../upload/layout/ok.png);     }
.sitemapStandardMainCat a { color: #666; padding-left: 10px; text-decoration: none;  }
.sitemapStandardMainCat a:hover  { text-decoration: underline;  }
li.sitemapStandardLevel_1 { margin: 25px 0 0 0; font-size: 1.1em;}
li.sitemapStandardLevel_2 { margin-left:15px;}
    
   

#inhalt table    { border: 1px solid #ccc; margin: 30px 0; }
#inhalt table td { border: 1px solid #ccc; } 
#inhalt a        { color:#666; }

.Rezept { border: 1px solid #b2b2b2; width: 260px; float: left; margin: 10px; padding: 10px; }
.Rezept ul { color:#808080; margin: 10px; padding: 10px; }
.Rezept ul li {  margin: 0px; padding: 0px; line-height: 22px; }

ul.Entfernungen  { color:#808080; margin: 10px 10px 10px 30px; padding: 0px; }
ul.Entfernungen li {  margin: 0px; padding: 0px; line-height: 22px; }
ul.Entfernungen li span { padding: 0 0 0 30px; }

.Visitenkarte a { color:#808080; margin: 0;}
.Visitenkarte img  { margin: 0 10px 0 0 ; }

p.hotel {background: transparent url(../upload/layout/logo_gasteigerhof2.gif) no-repeat right ;}
p.lucerna {background: transparent url(../upload/layout/logo_lucerna.png) no-repeat right ;}

    #vpnavigation {
        height: 90px; 
        background: transparent url(../upload/layout/bg_menu.png);
        z-index: 5;
        position: relative;
        }

    #vpnavigation, #vpnavigation ul { /* alle Listen */
       padding: 0;
       margin: 0;
       list-style: none;
    }

    #vpnavigation a {
       /*display: block;line-height: 90px; width:200px; text-align:center; color: #fff; text-decoration:none; font-size:1.45em; letter-spacing: 2px; text-transform:uppercase;*/
   display: block; height: 60px; padding: 30px 0 0 0; width:200px; text-align:center; color: #fff; text-decoration:none; font-size:1.45em; letter-spacing: 2px; text-transform:uppercase;
    
    }

    #vpnavigation li { /* alle Listenelemente */
       float: left;
    }

    #vpnavigation li ul { /* Listen 2. Ebene */
       position: absolute;
       width: 10em;
       left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
    }

    #vpnavigation li li {
       position: relative;
       background:transparent url(../upload/layout/bg_white_trans.png); padding: 0;
    }
    
    #vpnavigation li li a {
    display: block; height: auto; padding: 0px 0 0 0; width:200px; line-height: 30px; text-align:center; color: #666; text-decoration:none; font-size:1.0em; letter-spacing: 0; text-transform:none;
    }

    #vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */
       
    }

    #vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
       left: auto;
    }

    #vpnavigation li#active { /* Listen zur aktuellen Kategorie */
       font-style: normal!important;
    }


.TabWellnesPreise        { border: 1px solid #b2b2b2; color:#fff; background-color: #bb7013; width: 100%; margin: 5px 0 0 0; line-height: 22px; }
.TabWellnesPreise td     { width: 75%; padding: 0 10px; }
.TabWellnesPreise .preis { width: 25%; text-align: right; }

.TabFamilienPreise       {border: 1px solid #b2b2b2; width: 100%; font-weight: normal; font-size: 0.9em; }
.TabFamilienPreise th     { width: 25%; background-color: #bb7013; font-weight: normal; text-align:left; color:#fff; padding-left: 10px; line-height:18px;}
.TabFamilienPreise td     { background-color: #f8f1e7; color: #808080; line-height: 24px; padding: 0 0 0 10px;}
.TabFamilienPreise td.line2 { background-color: #fff; color: #808080; line-height: 24px; padding: 0 0 0 10px;}

#Preisliste             { border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; }
#Preisliste th          { width: 110px; background-color: #bb7013; font-weight: normal; text-align:left; color:#fff; padding-left: 10px; line-height:24px;}
#Preisliste .top { border-top: 1px solid #b2b2b2; }
#Preisliste .leer     { width: 125px; border-right: 1px solid #b2b2b2; }
#Preisliste .borderleft { border-left: 1px solid #b2b2b2;}
#Preisliste td.datum    {  font-size: 0.85em; border-left: 1px solid #b2b2b2; background-color: #F3E6D6; color: #808080; line-height: 24px; padding: 0 0 0 5px;}
#Preisliste td.datum2    { font-size: 0.85em; border-left: 1px solid #b2b2b2; background-color: #ECD3B4; color: #808080; line-height: 24px; padding: 0 0 0 5px;}
#Preisliste td.Preis_1  { color: #808080; line-height: 24px; padding: 0 10px; background-color: #FAF3EB; text-align: right;}
#Preisliste td.Preis_2  { color: #808080; line-height: 24px; padding: 0 10px; background-color: #FBF6F2; text-align: right;}
#Preisliste td.Preis_3  { color: #808080; line-height: 24px; padding: 0 10px; background-color: #F6EADC; text-align: right;}
#Preisliste td.Preis_4  { color: #808080; line-height: 24px; padding: 0 10px; background-color: #F8F1E7; text-align: right;}
#Preisliste td.Preis    { color: #808080; border-left: 1px solid #b2b2b2; line-height: 24px; padding: 0 0 0 10px;}
#Preisliste td.Zimmer   { vertical-align:top; color: #8E8985; background-color: #F6EADC; border-left: 1px solid #fff;  }
#Preisliste td.Zimmer2   { vertical-align:top; color: #8E8985; background-color: #F8F1E7; border-left: 1px solid #fff;   }
#Preisliste td.Zimmer p { padding: 0px 5px 0 5px; font-size: 0.8em; line-height: 14px;}
#Preisliste td.Zimmer2 p { padding: 0px 5px 0 5px; font-size: 0.8em;  line-height: 14px;}
#Preisliste img { border-left: 1px solid #fff;  }
       

#Anfragepage             { border: 1px solid #b2b2b2; color: #808080;}
#Anfragepage  th         { width: 25%; background-color: #bb7013; font-weight: normal; text-align:left; color:#fff; padding-left: 10px; line-height:24px;}
#Anfragepage textarea    { width: 99%; border: 1px solid #d7ccaf;  }
#Anfragepage input { border: 1px solid #d7ccaf;  }
#Anfragepage select { border: 1px solid #d7ccaf;  }
#Anfragepage #submit {background-color: #4a8c82; border: 2px solid #d7ccaf; color: #fff; font-weight: bold; margin: 30px 0 0 0;}
#Anfragepage .text_backlink { background-color: #4a8c82; border: 2px solid #d7ccaf; color: #fff; font-weight: bold; }
#Anfragepage a { color: #2a4f52;}


#Anfragepageantwort             { border: 1px solid #b2b2b2; color: #808080;}
#Anfragepageantwort th         { width: 25%; background-color: #bb7013; font-weight: normal; text-align:left; color:#fff; padding-left: 10px; line-height:24px;}
#Anfragepageantwort td { line-height: 24px; border-bottom: 1px  dotted #ccc;  }
#Anfragepageantwort #submit {background-color: #4a8c82; border: 1px solid #d7ccaf; color: #fff; font-weight: bold; margin: 30px 0 0 0; padding: 2px 20px;}
#Anfragepageantwort .text_backlink { background-color: #4a8c82; border: 1px solid #d7ccaf; color: #fff; font-weight: bold; padding: 2px 20px;  }

#Schnellanfragepage             { color: #808080; margin: 24px 5px;}
#Schnellanfragepage  th         { letter-spacing : 2px; text-transform: uppercase; font-size: 1.1em; width: 25%; font-weight: normal; text-align:left; color:#bb7013; padding: 10px 10px 10px 2px; line-height:24px;}
#Schnellanfrgaepage td { linie-height: 24px;  }
#Schnellanfragepage textarea    { color: #808080; width: 142px; border: 1px solid #ccc;  }
#Schnellanfragepage input { color: #808080; border: 1px solid #ccc;  }
#Schnellanfragepage select { color: #808080; border: 1px solid #ccc;  }
#Schnellanfragepage select#zimmer1 { color: #808080; width: 142px; border: 1px solid #ccc;  }
#Schnellanfragepage #submit { width: 142px; background-color: #bb7013; border: 1px solid #d7ccaf; color: #fff; font-weight: normal; margin: 0 0 0 0;}
#Schnellanfragepage .text_backlink { background-color: #4a8c82; border: 2px solid #d7ccaf; color: #fff; font-weight: bold; }
#Schnellanfragepage .pflicht { font-size: 0.85em; }

.abschnitt { padding: 10px; }
.anfrageart { width: 100%;} 
.anfrageart  td { padding: 3px; } 

.zeitraum {}


.personen {  width: 100%; }
.personen td { padding: 5px 3px;  }

.kinder select { margin: 0 5px 0 0 ;}

.daten td { padding: 3px; }

.daten td.interessen input { margin: 0 5px 0 2px;}

   
.OffersBox      { border: 1px solid #b2b2b2;  height: 177px; }
.OffersBox h4   { background-color: #bb7013; color: #ffffff; font-weight: normal; line-height:30px; margin: 0; padding: 0 0 0 2%; width: 68%; display: inline-block; float: left;  }
.OffersBox h4 a { color: #fff; text-decoration: none;}
.OffersBox span { background-color: #bb7013; color: #ffffff; font-weight: normal; line-height:30px; margin: 0; padding: 0 2% 0 0; width: 28%; display: block; float: left; text-align: right; }
.OffersBox ul   { margin: 10px 0 20px 40px;  padding: 0; color:#808080;  display: inline-block; }
.OffersBox p    { width: 60%; display: block; margin: 0 0 0 0; padding: 0 0 0 15px; }
.OffersBox img  { float: right; border: 1px solid #ccc; margin: 10px; }
.OffersBox a    { color: #808080; }
.OffersBox p span { padding:0; margin:0; float: right; display: block; background-color: #fff; color: #808080; line-height:22px;}



.artikelliste2     { border: 0px; margin: 0; padding: 0;}
.artikelliste2 h2  { display: none; }
.artikelliste2 p   { display: none; }
.artikelliste2 .OffersBox       { border: 0px solid #b2b2b2; height: 0; }
.artikelliste2 .OffersBox h4    { background-color: #4a8c82; color: #ffffff; font-weight: normal;  margin: 0 0 0 15px; font-size: 1.3em; padding: 0 0 0 205px; width: 180px; display: inline;   }
.artikelliste2 .OffersBox h4 a  { color: #fff;}
.artikelliste2 .OffersBox span  { clear:both; line-height: 18px; background-color:  #4a8c82; color: #ffffff; font-weight: normal;  margin: 0 0 0 15px; padding: 0 0 0 205px; font-size: 1.1em;  width: 180px; display: inline; text-align: left; }
.artikelliste2 .OffersBox ul    { display: none; }
.artikelliste2 .OffersBox p     { line-height: 18px; font-size: 0.9em; width: 240px; display: inline-block; margin: 0; padding: 10px 0 0 5px; color: #364f39; position: relative; left: 215px; top: 0px; font-weight: bold; }
.artikelliste2 .OffersBox img   { display: inline; position: relative; top: -25px; left: -260px; border: 1px solid #364f39; margin: -15px 10px 10px 10px; }
.artikelliste2 .OffersBox a     { color: #364f39; text-decoration: none;}
.artikelliste2 .OffersBox p span { display: inline; background-color: #4a8c82; font-weight: bold; color: #fff;  text-align: left; margin:0; padding: 0 0 0 0px; font-size: 1.0em;}


.anreiselinks { border: 1px solid #ccc; width: 600px; margin: 20px 0; }
.anreiselinks th { background-color: #bb7013;  color: #fff; font-weight: normal; text-align: left; padding: 5px; }
.anreiselinks td { line-height: 32px; }
.anreiselinks a { color: #666; padding: 0 5px;   }

.googlemap a {color: #666; }
iFrame {padding: 1px; border: 1px solid #ccc;}

.Box3 h2 { color: #fff; text-transform:uppercase; font-weight:normal; font-size: 1.2em; letter-spacing: 5px; margin: 20px 0 0 20px; }
.Box3 table.wetter { color: #364f39; background-color: #fff; border: 1px solid #6a8082; padding: 5px 0; margin: 10px 20px 10px 20px; display: block; }
.Box3 td.wetter_img { width: 70px; padding: 0px 0;}
.Box3 td.wetter_data { width: 70px; padding: 2px 0;}
.Box3 table table td { width: 70px; padding: 5px 25px;}


.webcam { font-size: 11px; color: #2a4f52; text-align: center; }
.webcam a { color: #2a4f52;}


/******NEWSLETTER******/

#contactForm { margin: 0 0 0 5px;}
#contactFormSubmit {margin: 10px 0 0 0}
#contactFormSubmitLeft input {width: 115px; background-color: #47664e; color: #fff; font-weight: bold; border: 1px solid #dbb385; float: left; margin: 0 5px 0 5px; cursor: pointer;}
#contactFormSubmitRight input {margin-left: 85px; width: 144px; background-color: #47664e; color: #fff; font-weight: bold; border: 1px solid #dbb385; cursor: pointer;}
.contactRowclearfix {color: #fff; font-weight: bold; margin: 0 5px 5px 5px;}
.contactRowclearfixright {text-align: right; margin: 0 5px 5px 5px;}
.eingabetext {display: block; width: 80px; float: left;}
.eingabe {width: 144px;}
#contactForm input { color: #808080; border: 1px solid #ccc;  }
#contactForm select { color: #808080; border: 1px solid #ccc;  }
.pflicht {color: #ffffff; background-color: #73122a;}







.credits  {border: 1px solid #b2b2b2; width: 100%; font-weight: normal; font-size: 0.9em; }
.credits  th     { width: 25%; background-color: #bb7013; font-weight: normal; text-align:left; color:#fff; padding-left: 10px; line-height:18px;}
.credits  td     { background-color: #f8f1e7; color: #808080; line-height: 24px; padding: 0 0 0 10px; border: 0px; }
.credits  td.line2 { background-color: #FBF6F2; color: #808080; line-height: 24px; padding: 0 0 0 10px; border: 0px; }