@charset "utf-8";
/* CSS Document */

/* ------ ganze Seite ------ */

body{
    background-image:url(../upload/Layout/back_leaves.jpg);
    background-repeat: repeat;
    background-color:#5b0d0d;
    font-family:Verdana, Geneva, sans-serif;
    color:#5b0d0d;
    font-size:12px;
    margin:0;
    padding:0;
}

h1{
    font-size:18px;
    /*font-weight:bold;*/
    color:#5b0d0d;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
    }

p{
    font-size:12px;
    margin-left:35px;
    }
    
hr{
  border-color:#9e403c;
    }

div#pagina{
    background-image:url(../upload/Layout/hg_streifen_neu.png);
    background-repeat:repeat-y;
/*    background-color:#5b0d0d; */
    width:1028px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

a:link{
    text-decoration:none;
    color:#511a0e;
    
    }
 a:visited{
    text-decoration:none;
    color:#511a0e;
    
    }
 a:hover{
    text-decoration:underline;
    color:#8b2c1f;
    
    }


/* ------ header  -  Menu ------- */

/*div#header{
    height:350px;
    background-image:url(../upload/bildergalerie/bild1.png);
    background-repeat:no-repeat;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    }*/

div#link{
    margin:0;
    padding:0;
    /*margin-top:-33px;
    margin-left:12px;*/
    position:absolute;
    top:320px;
    left:12px;
    z-index:4;
    height:40px;
    width:1003px;
    background-color:#5b0d0d;
    }

div#link ul li{
    margin:0;
    display:inline;
    text-decoration:none;
    /*padding:13px; */
    padding-left:34px;
    padding-right:32.5px;
    border:0;
    }

div#link ul{
    margin-top:10px;
    /*margin:0;*/
    padding:0;
    height:35px;
    text-align:center;
    }

div#link ul li a{
    margin:0;
    padding-top:10px;
    padding:0;
    color:white;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:16px;
    text-decoration:none; 
    text-align:center;
    height:30px;
    }

div#link ul li a:hover{
    text-decoration:underline; 
  }
   
div#link ul li a:active{
    text-decoration:underline;
    color:#000000;
 }

 
/* li#tradition{
    background-color:#5E0626;

    }
      
li#geschichte{
    background-color:#AE2620;

        }
        
li#spezialitaeten{
    background-color:#422C21;

    }
li#buschenschank{
    background-color:#DE7C20;

    }
li#tip{
     background-color:#394136;
     }
    
li#glosar{
    background-color:#b1705c;

    }
    */
    
img#logo{
position:absolute;
top:198px;
left:40px;
z-index:5;
}



/* ------ Spalte links -  TEXT ------- */

div#storia{
    width:440px;
    margin-top:40px;
    margin-bottom:100px;
    margin-left:40px;
    text-align:left;
    line-height:17px;
    }
    

table.info{
    width:440px;
    background-color:#f8e7d2;
    height:173px;;
}

td.titel{
    background-color:#5b0d0d;
    color:white;
    font-size:17px;
    height:30px;
    }




img.icon{
    float:right;
    padding:0;

    }
    
/* ------ Spalte rechts HOTELS ------- */

div#alberghi{
    float:right;
    width:450px;
    margin-right:30px;
    margin-top:55px;
    
    }
td.hotel{
    font-size:17px;
    color:white;
    background-color:#5b0d0d;
    height:30px;
    valign:center;
    }
    
td.hotel a:link{
    font-size:17px;
    color:white;
    background-color:#b1705c;
    height:30px;
    text-decoration:none;
    valign:center;
    }
td.hotel a:visited{
    font-size:17px;
    color:white;
    background-color:#b1705c;
    height:30px;
    text-decoration:none;
    valign:center;
    }
td.hotel a:hover{
    font-size:17px;
    color:#511a0e;
    background-color:#b1705c;
    height:30px;
    text-decoration:none;
    valign:center;
    }
    
td.beschreibung{
    font-size:11px;
    padding-left:6px;
    text-align:left;
    }
    }
    
td.preis{
    background-color:#b1705c;
    color:white;
    font-size:12px;
    font-weight:bolder;
    height:30px;
    align:right;
    }
    
td.zumhotel{
    padding:0;
    border:none;
    text-align:left;
    }
    
/* ------ Text Impressum -  Datenschutz ------- */

div#impressum{
    margin-left:40px;
    width:950px;
    text-align:left;
    margin-top:-90px;
    }

    
/* ------ Links Impressum -  Datenschutz ------- */

a.imprint:link{
    font-size:11px;
    color:#6c372c;
    text-decoration:none;
    }
a.imprint:visited{
    font-size:11px;
    color:#6c372c;
    text-decoration:none;
    }
a.imprint:hover{
    font-size:11px;
    color:#6c372c;
    text-decoration:underline;
    }
    
   



/* ------ Footer ------- */

a.link_bottom:link{
    color:#f8e7d2;
    font-size:11px;
    text-decoration:none;
    font-weight:normal;
    }
    
a.link_bottom:visited{
    color:#f8e7d2;
    font-size:11px;
    text-decoration:none;
    font-weight:normal;
    }

a.link_bottom:hover{
    color:#f8e7d2;
    font-size:11px;
    text-decoration:underline;
    font-weight:normal;
    }
    
/* ------ Button + - ------- */


.button {
/*border-bottom: 1px solid #5B0D0D;
border-right: 1px solid #5B0D0D;
color:white;*/
border:none;
background-image:url(../upload/Layout/plus_button.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-repeat:no-repeat;
}

.button_close {
/*border-bottom: 1px solid #5B0D0D;
border-right: 1px solid #5B0D0D;
color:white;*/
border:none;
background-image:url(../upload/Layout/minus_button.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-repeat:no-repeat;
}

/* ------ Roter Hahn------- */

#roterhahn{
float:right;
margin:0;
padding:0;
}

/* ------ Glossar------- */
a.essen:hover{
color:#511a0e;
}

/* ------ Info Datenschutz ------ */

span.info:hover{
    text-decoration:underline;
    cursor:pointer;
}

.infobox {
    display:none;
    opacity:0;
    position:absolute;
    top:380px;
    right:50px;
    background-color:#fff;
    border:2px solid #5b0d0d;
    padding:5px;
}