body    { background-color: #400101; margin: 0; padding: 0; font-size: 0.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }


.TabMassage { width: 400px; font-size: 14px; color: #808080; font-weight:bold; }
.TabMassage td { padding: 0 0 20px; }
.TabMassage td span { display: block;font-size: 12px; font-weight:normal;  }


#Anfrage { width: 435px; border: 1px solid #808e6d; }
#Anfrage th { background-color:#808e6d;  color:#fff; font-weight:normal; text-align:left; line-height: 20px; text-transform:uppercase; padding: 0 10px; } 



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


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

#Languages       { color: #fff; text-align: right; padding: 0 20px 2px 0;  }
    #Languages a { color: #fff; font-size:11px; }

#Title { height: 391px; background: transparent url(../upload/layout/bg_title.jpg); }
    #Title h2 { width: 195px; line-height: 30px; margin: 0; padding:0 0 0 15px; float: left; font-size:16px; font-weight: bold; color: #fff; background-color: #d9b36c;   }

#Logo { height: 310px; float: left; border: 0px;  }
#Logo img { border: 0px; }
   
.navmainStandardLevel_1Gästeblog { }
   
  /***********************************************************/
 /******************** NAVIGATION TOP  **********************/
/***********************************************************/  

#vpnavigation {
        z-index: 10000;
        position: relative;
        height: 51px;
        }
        
#vpnavigation #nav { margin: 0; padding: 0 0 0 300px; width: 700px; display: block; list-style: none; }

    .png5 { background: transparent url(../upload/layout/mt_1.png) no-repeat; }
    .png6 { background: transparent url(../upload/layout/mt_2.png) no-repeat; }
    .png7 { background: transparent url(../upload/layout/mt_3.png) no-repeat; }
    .png8 { background: transparent url(../upload/layout/mt_4.png) no-repeat; }

    #vpnavigation a {
       display: block;  
       font-weight:bold;  
       padding: 0 0 0 32px; 
       width:auto;  
       height: auto;
       color: #400101; 
       text-decoration:none; 
       font-size:13px; 
       text-transform:uppercase;    
    }

    #vpnavigation li { /* alle Listenelemente */
       float: left; 
       width: 168px;  
       line-height: 51px; 
       text-transform:uppercase; 
       padding: 0 0 0 0;
    }

    #vpnavigation li ul { /* Listen 2. Ebene */
       margin:0; 
       padding: 0; 
       list-style: none;
       position: absolute;
       width: 168px;
       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 {
       line-height: 26px; 
       text-transform:none; 
       padding: 0;  
       width: 168px;
       position: relative;       
       background:transparent url(../upload/layout/bg_white_trans.png);
    }
    
    #vpnavigation li li  a {
       height: auto;
       display: block; 
       text-align: left; 
       padding: 0 0 0 4px; 
       color: #333; 
       font-size: 12px; 
       font-weight:normal;  
       background: transparent url(../upload/layout/bg_mb_sub.png);
    }
    
    #vpnavigation li li a {
       display: block; 
       height: auto; 
       padding: 0; 
       width:168px; 
       line-height: 26px; 
       text-align:center; 
       color: #666; 
       text-decoration:none; 
       font-size:1.0em; 
       text-transform:none;
    }

    #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:hover {
       background: transparent url(../upload/layout/bg_mt.png); 
    } 
        
    #vpnavigation li li:hover {
     background: transparent url(../upload/layout/bg_mb_sub_ro.gif);
    }
   
    #vpnavigation li#active { /* Listen zur aktuellen Kategorie */
       font-style: normal!important;
    } 
    
    
  /***********************************************************/
 /******************** NAVIGATION BOTTOM ********************/
/***********************************************************/ 

#nav2 { background: transparent  url(../upload/layout/bg_menubottom.jpg) no-repeat; list-style: none; margin: 0; padding:0; width:490px;  float: left; height: 30px;    }

#nav2 li a  {color: #400101; text-decoration:none; font-size:16px; font-weight:bold; display: block; text-align:center; }
#nav2 li a:hover { background: transparent url(../upload/layout/bg_mb_ro.png);  }
    /*#nav2 ul { position:relative; top:180px; margin:0; padding: 0; list-style: none; }*/
    #nav2 ul#nav2_2 { position:relative; top:-186px; margin:0; padding: 0; list-style: none; }
    #nav2 ul#nav2_3 { position:relative; top:-108px; margin:0; padding: 0; list-style: none; }
    #nav2 ul#nav2_4 { position:relative; top:-82px; margin:0; padding: 0; list-style: none; }
       
    
    #nav2 ul li a { text-align:left; padding: 0 0 0 4px; color: #333; font-size: 12px; font-weight:normal;  background: transparent url(../upload/layout/bg_mb_sub.png); }
    


    #vpnavigation2 {
        height: 30px; 
        z-index: 5000;
        position: relative;
        }

    #vpnavigation2 { 
       padding: 0 10px 0 300px;
       margin: 0;
       list-style: none;
    }
    
    #vpnavigation2 ul { 
       padding: 0;
       margin: 0;
       list-style: none;
    }

    #vpnavigation2 a {
      display: block; height: 30px; padding: 0 0 0 0; width:160px; text-align:center; color: #fff; text-decoration:none; font-size:16px; 
    }

    #vpnavigation2 li { /* alle Listenelemente */
       float: left;
       line-height: 30px;
       width: 160px;
    }

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

    #vpnavigation2 li li {
       position: relative;
       padding: 0;
       line-height: 26px;
    }
    
    #vpnavigation2 li li a {
    display: block; height: auto; padding: 0px 0 0 0; width:160px; line-height: 26px; text-align:center; color: #666; text-decoration:none; font-size:12px; 
    }

    #vpnavigation2 li:hover ul, #vpnavigation2 li li:hover ul, #vpnavigation2 li.sfhover ul, #vpnavigation2 li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
       left: auto;
    }
    
    #vpnavigation2 li li:hover {
       background: transparent url(../upload/layout/bg_mb_sub_ro.gif); 
    }

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


#Slideshow { height: 310px;  padding: 0; margin: 0; float: left;}
#Slideshow img { padding: 0; margin: 0; }

#Content { width: 1000px; background: transparent url(../upload/layout/bg_content.png);  }
    #Left   {  width: 246px; padding: 30px 27px; float: left; }
    #Center {  width: 435px; margin:0; padding: 25px 30px 25px 25px; float: left; line-height:23px;  }
    #Right  {  width: 210px; float: left; }
    
#Footer { clear:both; font-size: 11px; color: #808080; height: 80px; margin: 0;  width: 675px; background: transparent url(../upload/layout/bg_footer.gif)0 10px no-repeat; padding: 20px  0 0 325px; }
    #Footer ul { margin: 0; padding: 0; list-style: none;  width: 320px; float: left;}
    #Footer ul li { display: inline; padding: 0 8px 0 0px;  }
    #Footer a { color: #808080; }
    #Footer ul li:last-child { border-right: 0px; }
/*  #Footer ul li:first-child { padding-right:-5px;}*/

  /***********************************************************/
 /******************** INTRO LAYOUT  ************************/
/***********************************************************/ 


#Intro { background: #400101; width:1000px; }

.LangSelect { float: left; margin: 55px 0 0 0; padding: 0; list-style: none; color: #400101; }
.LangSelect li { text-transform: uppercase; /*width: 300px;*/ text-align: center; padding: 2px 0; }
.LangSelect li img { margin: 0 0 30px 0; }
.LangSelect li a { color: #400101; font-size: 1.4em; text-decoration: none;  } 

.IntroAdress  { color: #fff; text-align:center;  }
.IntroAdress a  { color: #fff; }
.IntroDesc    { margin: 80px 0 0 0;color: #d7b16c; text-align:center;  }
.IntroDesc  a{color: #d7b16c; }
/*#Intro .slideshow-box { width: 700px; padding: 0 0 0 300px;}*/

.intro_links{
    background-image: url(http://www.hotel-alpenhof.info/cms/upload/layout/bg_intro.jpg);
    background-repeat:no-repeat;
    height: 600px;
    width:300px;
    float:left;
    }
    
.intro_slide{
    width:700px;
    float:right;
    }

  /***********************************************************/
 /******************** CONTENT LAYOUT  **********************/
/***********************************************************/ 

h1 { color: #400101; font-size: 22px; font-weight:normal; }
h2 { color: #400101; font-size: 18px; font-weight:normal; }
 
p { color: #808080; }

strong, b { color: #d7b16c; }

#Center a { color: #808080;  }

.Box { width: 246px; margin: 10px 0 10px 0; }
.BoxContent { min-height: 132px; background-color: #400101;  background:  url(../upload/layout/bg_boxcenter.png); padding:5px 20px;}
.BoxContent h2 { color: #bd2805; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 12px; margin: 0; padding:2px 0 6px 0; }

.wetter { background-color: #fbf3db; padding: 5px 0; font-size: 11px; color: #814641; border: 1px solid #82906d; display: block;  }
.wetter_img { width: 67px; padding: 5px 0; }

#Schnellanfrage { height: 200px; }

#Right ul { margin: 0; padding: 0; list-style:none; }
#Right ul li { display: block; height: 30px; background-color: #f1e0c0; margin: 0 0 1px 0; padding: 0;}
#Right ul a { color: #808080; line-height: 30px; font-size: 15px; text-decoration:none; padding: 0 0 0 60px; margin: 0; display:block;  }
    .navmainStandardLevel_1Gästebilder       { background:url(../upload/layout/icon_blog.png) no-repeat; }
    .navmainStandardLevel_1FOTO       { background:url(../upload/layout/icon_blog.png) no-repeat; }
    .navmainStandardLevel_1Guest     { background:url(../upload/layout/icon_blog.png) no-repeat; }
    .navmainStandardLevel_1Download       { background:url(../upload/layout/icon_download.png) no-repeat; }
    .navmainStandardLevel_1Webcam       { background:url(../upload/layout/icon_webcam.png) no-repeat; }
    .navmainStandardLevel_1Partner       { background:url(../upload/layout/icon_partner.png) no-repeat; }


#Gutschein { height: 75px; padding: 8px 16px; background:url(../upload/layout/bg_gutschein.png); }
#Gutschein h2 { margin: 0; padding: 0 0 4px 0; color: #b31621; font-size: 14px;  }
#Gutschein img { float: left; margin-right: 5px; }
#Gutschein p { margin: 0; padding: 0; color: #666; line-height: 14px; }
#Gutschein p a { line-height: 30px;color: #666; }

.preise { width: 435px; border: 1px solid #5b0d0d; color: #666; }
.preise td.title { background-color: #5b0d0d; color: #fff; font-size: 11px; font-weight:normal; text-align:right; padding: 2px;}
.preise td.title a, .preise td.title h3 a { color: #fff;}
.preise td { line-height: 22px; padding: 2px;  text-align: right; width: 80px; }
.preise td.title h3  { font-weight:normal; text-transform:uppercase; margin:0; padding:0; font-size: 14px;}
.preise td.datum2 { background-color: #5b0d0d; color: #fff; text-align:left; width: 125px; font-size: 11px; font-weight:normal;  padding: 2px;}
.preise td.datum2 h3 { font-weight:normal; text-transform:uppercase; margin:0; padding:0; font-size: 14px;}
.preise .datum {  text-align:left; width: 125px; }

.Spezialangebote                { width: 380px; background-color: #f9f4e9; padding: 0;}
.Spezialangebote a              { text-decoration:none; }
.Spezialangebote p              { width: 200px; font-size: 12px; float: left; margin: 0; padding: 10px 10px 0 10px; line-height: 14px;}
.Spezialangebote span           { color: #bb2805; text-transform:uppercase; font-weight:normal; margin: 0; padding: 0; }
.Spezialangebote img            { border: 1px solid #d9b36c; margin: 10px 8px 0 6px;}
.SA_Preise                      { background-color: #d8a64d; color: #fff; margin: 10px 0 0 0;   }
.SA_Preise td.info              { width: 130px; padding: 5px 0 5px 5px; }
.SA_Preise td.info2             { display: block; width:375px; padding: 5px 0 5px 5px;}
.SA_Preise td.typA              { width: 90px; padding: 5px 5px 5px 0; text-align:right; }
.SA_Preise td.typA i            { display: none; }
.SA_Preise td.typA span         { color: #fff; text-transform:none; }
.SA_Preise td.typB              { width: 90px; padding: 5px 5px 5px 0; text-align:right; }
.SA_Preise td.typB span         { color: #fff; text-transform:none; }
.weiter                         { display: none; }

.BoxContent .Spezialangebote            { width: 206px; background-color: #fffef1; margin: 0;  padding: 0;}
.BoxContent .Spezialangebote a          { text-decoration:none; }
.BoxContent .Spezialangebote p          { color: #5b0d0d; font-size: 12px; float: left; margin: 0; padding: 10px 0px 0 0px; line-height: 14px;  }
.BoxContent .Spezialangebote span       { color: #5b0d0d; text-transform:uppercase; font-weight:bold; margin: 0; padding: 0; }
.BoxContent .Spezialangebote img        { border: 1px solid #d9b36c; position:relative; top: -155px; left: 145px;  margin: 10px 0px 0 0px; width: 50px;}
.BoxContent .Spezialangebote img.img2   { border: 1px solid #d9b36c; position:relative; top: -198px; left: 145px;  margin: 10px 0px 0 0px; width: 50px;}
.BoxContent .Spezialangebote img.img2_en { border: 1px solid #d9b36c; position:relative; top: -183px; left: 145px;  margin: 10px 0px 0 0px; width: 50px;}
.BoxContent .SA_Preise                  { background-color: #fffef1; color: #814641; margin: -40px 0 0 0 ;   }
.BoxContent .SA_Preise td.info          { width: 130px; padding: 5px 0 5px 5px; }
.BoxContent .SA_Preise td.info2         { display: block; width:186px; padding: 5px 0 5px 5px;}
.BoxContent .SA_Preise .tr_info2        { display: none; }
.BoxContent .SA_Preise td.typA          { width: 90px; padding: 5px 5px 5px 0; text-align:right; }
.BoxContent .SA_Preise td.typA span     { display: none; padding: 0; margin:0; }
.BoxContent .SA_Preise td.typA i        { display: inline; font-style:normal;}
.BoxContent .SA_Preise td.typB          { display: none;}
.BoxContent .weiter                     { display: block; color: #5b0d0d; text-align: right; padding: 0; margin:0;  }
.BoxContent .weiter a                   { color: #5b0d0d; background: transparent url(../upload/layout/weiter.jpg) top right no-repeat; padding: 0 10px 0 0;  }

.textItem table {color: #808080;}
.textItem ul li {color: #808080; }

.textItem ol { list-style-type: lower-latin; color: #808080; }

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

  /***********************************************************/
 /******************** ANFRAGE LAYOUT  **********************/
/***********************************************************/

#Anfragepage { width: 435px; font-size: 11px; border: 1px solid #d9b36c; color: #5b0d0d;  }
#Anfragepage th { background-color:#d9b36c;  color:#fff; font-weight:normal; text-align:left; line-height: 20px; text-transform:uppercase; padding: 0 10px; } 
#Anfragepage input { margin: 2px 0;  }
#Anfragepage select { margin: 4px 0; border: 1px solid #f0d6a5; }


.anfrageart { padding: 0 0 10px 0; }
.anfrageart p { float: left; line-height: 20px; width: 155px; margin:0; color:#5b0d0d; }
.anfrageart p input { width:20px;  display: block; float:left; border: 0px;  }

.zeitraum { padding: 0 0 5px 0; }

.personen input.inputsmall2 { width: 30px; border: 1px solid #f0d6a5;}

.Daten {}
.Daten .firstcol { width: 80px; }
.Daten .secondcol { width: 70px; }
#Anfragepage input.inputsmall1 { width: 90px; border: 1px solid #f0d6a5;}
#Anfragepage input.inputsmall2 { width: 30px; border: 1px solid #f0d6a5;}
.Daten input { width: 126px; border: 1px solid #f0d6a5; }
.Daten select { width: 127px; }

.interessen { }
.interessen p { float: left; line-height: 22px; width: 105px; margin:0; color:#5b0d0d; }
.interessen p input { width:20px; display: block; float:left;  }
.interessen textarea {border: 1px solid #f0d6a5; width: 160px; margin: 0 10px 0 0 ;}
.interessen a { color:#808080; }
.interessen #submit { background-color: #d9b36c; border: 0px; padding: 2px 0; margin: 6px 0 0 0; display: block; width: 150px; color: #fff; text-transform:uppercase;}


.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;}


.credits { border: 1px solid #5b0d0d; }
.credits td { border-top: 1px solid #5b0d0d; padding: 5px 2px 5px 5px;  }
.credits .title  { background-color: #5b0d0d; padding: 2px 2px 2px 5px; color: #fff; font-weight: bold; }


/*Schnellanfrage*/

#Schnellanfragepage input{
    width:110px;
    color: #808080;
    font-size:12px;
    }
    
 #Schnellanfragepage select {
    color: #808080;
    font-size:9px;}
    
 #Schnellanfragepage{
    color: #808080;
    font-size:11px;
    margin:10px;}


#Schnellanfragepage #anrede, #Schnellanfragepage #zimmer1 {
    width:115px;
    color: #808080;
    font-size:12px;
    }
    
#Schnellanfragepage #personen_adult,#Schnellanfragepage #personen_children{
    width:40px;
    color: #808080;
 font-size:10px;}
 
 #Schnellanfragepage #zeitvomY, #Schnellanfragepage #zeitbisY{
    width:42px;
    font-size:10px;}
    
#Schnellanfragepage #zeitvomd, #Schnellanfragepage #zeitbisd, #Schnellanfragepage #zeitbism, #Schnellanfragepage #zeitvomm{
    width:35px;
    font-size:10px;
    }
    
#Schnellanfragepage #submit{
    background-color:#d9b36c;
    color:#FFFFFF;
    text-transform:uppercase;
    border:none;
    width:180px;
    }
    
#Schnellanfragepage #datenschutz{
    width:30px;
    }