/*Dies ist das Hauptstylesheet für die Webseiten des Hotel Heinisch*/

body {
background-image: url(tapete.png);
background-repeat: repeat;
font-family: serif;
font-size: 100.1%;
padding: 0;
margin: 0;
text-align: center;
letter-spacing: 1px;
line-height: 1.2em;
color: #666666;}

p {
font-size: 0.8em;}

h1 {
margin: 0;
font-size: 1.4em;
color: #ff6633;}

h2 {
margin: 0;
font-size: 0.95em;
}

address {
line-height: 1.2em;
font-size: 0.8em;
font-weight: bold;
font-style: normal;
}

table {
text-align: right;
line-height: 1.2em;
font-size: 0.8em;
font-weight: normal;
font-style: normal;
margin-top: 4px; 
margin-left: 4px;
margin-bottom: 4px;
margin-right: 4px;
border-spacing: 0em 0em;}

td {
padding-left: 0.5em;}

ul {
margin-top: 0;
margin-bottom: 0;
padding-top: 0; 
padding-bottom: 0;
}

li {
list-style-type: none;
list-style-position: outside;
text-align: right;
text-indent: -1.4em;}

#diashow ul {
float: right;
margin-right: 1px;
padding-left: 1em;
}

#diashow li {
display: inline; 
text-align: right;
margin-left: 0em;
font-size: 0.8em;
font-weight: normal;}

#container {
position: absolute; 
top: 15px; 
left: 50%;
margin-left: -440px;
width: 880px;
text-align: left; }

#bild {
position: absolute;
top: 0px;
left: 0px;
z-index: 10;}

#inhalt {
background-color: #ffffff;
position: relative;
top: 10px; 
left: 20px;
height: 437px;
width: 605px;
padding-top: 68px;
padding-left: 235px;
padding-right: 20px;
}

#sprachwahl {
padding-top:20px;
padding-right: 20px;
text-align: right;
position: absolute;
top: 0px; 
right: 0px;
width: 100px;
height: 30px;
}

#navigation {
margin-top: 3px;
margin-bottom: 3px; 
float: left;
margin-right: 20px;}

#diashow {
float: right;
width: 380px;

}

#dia-navigation {
margin-top: 4px;
}

#preise {
margin-top: 0.6em;
float: right;
margin-left: 1em;
border: 0px #999999 solid;
background-color: #dddddd;}

#entfernungen {
float: right;
margin-top: 0.6em; 
margin-left: 1em;
border: 0px #999999 solid;
background-color: #dddddd;}

#text {float: right; 
background-color: #ffffff;
margin-top: 40px;
width: 510px;}

#fuss {
text-align: right; 
padding-top: 8px;
position: relative;
float: right;
margin-right: 20px;
margin-top: 10px;
}

a {
color: #ff6633;
font-weight: bold;
padding-left: 2px;
padding-right: 1px;
}

a:link {
color: #ff6633;
text-decoration: none;}

a:visited {
font-weight: bold;
text-decoration: none;}

a:hover {
text-decoration: underline;
}

a:active {
text-decoration: underline;
}

#navigation a, 
#dia-navigation a {
padding-left: 2px;
font-weight: bold;
}

#navigation a:link, 
#dia-navigation a:link {
color: #666666;
text-decoration: none;}

#navigation a:visited, 
#dia-navigation a:visited {
color: #666666;
text-decoration: none;
}

#navigation a:hover, 
#dia-navigation a:hover {
color: #999999;
text-decoration: none;}

#navigation a:active, 
#dia-navigation a:active{
text-decoration: none;
color: #999999;
text-align: right;
}

#willkommen #navigation-willkommen a {
color: #ff6633;
border: 1px #ffffff solid;
}

#lage #navigation-lage a {
color: #ff6633;
border: 1px #ffffff solid;
}

#zimmer #navigation-zimmer a {
color: #ff6633;
border: 1px #ffffff solid;
}

#kontakt #navigation-kontakt a {
color: #ff6633;
border: 1px #ffffff solid;
}

#partner #navigation-partner a {
color: #ff6633;
border: 1px #ffffff solid;
}

#dia-navigation.dia-1 #navigation-dia-1 a {
color: #ff6633;
border: 1px #ffffff solid;
}
#dia-navigation.dia-2 #navigation-dia-2 a  {
color: #ff6633;
border: 1px #ffffff solid;
}
#dia-navigation.dia-3 #navigation-dia-3 a  {
color: #ff6633;
border: 1px #ffffff solid;
}
#dia-navigation.dia-4 #navigation-dia-4 a  {
color: #ff6633;
border: 1px #ffffff solid;
}
#dia-navigation.dia-5 #navigation-dia-5 a  {
color: #ff6633;
border: 1px #ffffff solid;
} 

#willkommen #dia-1 {
height: 100px;
width: 380px;
background-image: url(bilder/hotelfront.png);
}
#willkommen #dia-2 {
height: 100px;
width: 380px;
background-image: url(bilder/eingang.png);
}
#willkommen #dia-3 {
height: 100px;
width: 380px;
background-image: url(bilder/diele.png);
}

#zimmer #dia-1 {
height: 100px;
width: 380px;
background-image: url(bilder/sonnenzimmer.png);
}
#zimmer #dia-2 {
height: 100px;
width: 380px;
background-image: url(bilder/spiegelzimmer.png);
}
#zimmer #dia-3 {
height: 100px;
width: 380px;
background-image: url(bilder/plastikzimmer.png);
}
#zimmer #dia-4 {
height: 100px;
width: 380px;
background-image: url(bilder/blaueszimmer.png);
}
#zimmer #dia-5 {
height: 100px;
width: 380px;
background-image: url(bilder/holzzimmer.png);
}

#partner #dia-1 {
height: 100px;
width: 380px;
background-image: url(bilder/fruestueck.png);
}
#partner #dia-2 {
height: 100px;
width: 380px;
background-image: url(bilder/mittagstisch.png);
}
#partner #dia-3 {
height: 100px;
width: 380px;
background-image: url(bilder/foyer.png);
}

#kontakt #dia-1 {
height: 100px;
width: 380px;
background-image: url(bilder/osterbuffet.png);
}
#kontakt #dia-2 {
height: 100px;
width: 380px;
background-image: url(bilder/betten.png);
}

#lage #dia-1 {
height: 100px;
width: 380px;
background-image: url(bilder/treppenaufgang.png);
}
#lage #dia-2 {
height: 100px;
width: 380px;
background-image: url(bilder/sitzgruppe.png);
}