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

* {
margin:0;
padding:0;
border:0;
outline:none;
}

html, body {
margin: 0;
padding: 0;
height: 100%;
background-color:#C2B294;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#59413A;
}

#container-page {
width: 865px;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
background-image:url(../bilder/page_bg.gif);
background-repeat:repeat-y;
}

h2 {
width:470px;
height:40px;
}

h2 span {
display:none;
}

h3 {
font-size:12px;
font-weight:bold;
color:#000000;
margin:10px 0px 5px 0px;
}

.hotel_h2 {
background-image:url(../bilder/hotel_h2.gif);
background-repeat:no-repeat;
}
.hotel_h2_eng {
background-image:url(../bilder/hotel_h2_eng.gif);
background-repeat:no-repeat;
}

.kontakt_h2 {
background-image:url(../bilder/kontakt_h2.gif);
background-repeat:no-repeat;
}
.kontakt_h2_eng {
background-image:url(../bilder/kontakt_h2_eng.gif);
background-repeat:no-repeat;
}

.impressum_h2 {
background-image:url(../bilder/impressum_h2.gif);
background-repeat:no-repeat;
}
.impressum_h2_eng {
background-image:url(../bilder/impressum_h2_eng.gif);
background-repeat:no-repeat;
}

.galerie_h2 {
background-image:url(../bilder/galerie_h2.gif);
background-repeat:no-repeat;
}
.galerie_h2_eng {
background-image:url(../bilder/galerie_h2_eng.gif);
background-repeat:no-repeat;
}

.tagung_h2 {
background-image:url(../bilder/tagung_h2.gif);
background-repeat:no-repeat;
}
.tagung_h2_eng {
background-image:url(../bilder/tagung_h2_eng.gif);
background-repeat:no-repeat;
}

.lage_h2 {
background-image:url(../bilder/lage_h2.gif);
background-repeat:no-repeat;
}
.lage_h2_eng {
background-image:url(../bilder/lage_h2_eng.gif);
background-repeat:no-repeat;
}

.preise_h2 {
background-image:url(../bilder/preise_h2.gif);
background-repeat:no-repeat;
}
.preise_h2_eng {
background-image:url(../bilder/preise_h2_eng.gif);
background-repeat:no-repeat;
}

.serv_app_h2 {
background-image:url(../bilder/serv_app_h2.gif);
background-repeat:no-repeat;
}
.serv_app_h2_eng {
background-image:url(../bilder/serv_app_h2_eng.gif);
background-repeat:no-repeat;
}

.zimmer_h2 {
background-image:url(../bilder/zimmer_h2.gif);
background-repeat:no-repeat;
}
.zimmer_h2_eng {
background-image:url(../bilder/zimmer_h2_eng.gif);
background-repeat:no-repeat;
}

.buchung_h2 {
background-image:url(../bilder/buchung_h2.gif);
background-repeat:no-repeat;
}
.buchung_h2_eng {
background-image:url(../bilder/buchung_h2_eng.gif);
background-repeat:no-repeat;
}

.anreise_h2 {
background-image:url(../bilder/anreise_h2.gif);
background-repeat:no-repeat;
}
.anreise_h2_eng {
background-image:url(../bilder/anreise_h2_eng.gif);
background-repeat:no-repeat;
}

/* Links .............................................................. */

a:link, #container-content a:link {
color:#000000;
text-decoration:underline;
}

a:visited {
color:#000000;
}

a:hover {
text-decoration:line-through;
}

a:active {
color:#59413A;
text-decoration:underline;
}

/* Navi .............................................................. */

#navi ul {
position:absolute;
top:333px;
left:252px;
height:27px;
width:603px;
background-color:#C2B294;
}

#navi li {
float:left;
list-style:none;
}

#navi li a {
display:block;
width:120px;
height:27px;
background-color:#59413A;
color:#C2B294;
font-size:12px;
line-height:27px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin-right:1px;
}

#navi li a.last {
width:119px;
margin-right:0px;
}

#navi li a.lastaktiv {
width:119px;
margin-right:0px;
background-color:#C2B294;
color:#59413A;
}

#navi li a:hover, #navi li a:hover.aktiv {
background-color:#FFFFFF;
color:#59413A;
}

#navi li a.aktiv {
background-color:#C2B294;
color:#59413A;
}

#subnavi ul {
position:absolute;
top:445px;
left:33px;
width:186px;
}

#subnavi li {
line-height:27px;
list-style:none;
}

#subnavi li a {
width:186px;
display:block;
text-decoration:none;
color:#C2B294;
}

#subnavi li a:hover {
width:186px;
display:block;
text-decoration:underline;
color:#FFFFFF;
}

#subnavi li a.aktiv {
width:186px;
color:#FFFFFF;
}

#thirdnavi {
position:absolute;
width:218px;
height:27px;
top:99px;
left:637px;
background-color:#C2B294;
}

#thirdnavi ul {
font-size:10px;
text-align:center;
}

#thirdnavi li {
display:inline;
line-height:27px;
}

#thirdnavi li a:link, #thirdnavi li a:visited {
text-decoration:none;
color:#18110C;
}

#thirdnavi li a:hover, #thirdnavi li a.an {
text-decoration:none;
background-color:#18110C;
color:#C2B294;
}


/* Container .............................................................. */


#start, #start_foot {
width: 530px;
margin:0px auto;
}

#start h1 {
display:none;
}

#start h3 {
text-align:center;
color:#FFFFFF;
margin-top:27px;
font-size:14px;
font-weight:bold;
}

#start a:link, #start a:visited, #start a:active {
text-align:center;
color:#4B4848;
margin-top:27px;
font-size:14px;
font-weight:bold;
}

#start p, #start_foot p {
text-align:center;
color:#FFFFFF;
margin-top:27px;
font-size:11px;
font-weight:bold;
}

#start_foot a:link, #start_foot a:visited, #start_foot a:active {
color:#FFFFFF;
text-decoration:underline;
}

#start_foot a:hover, #start a:hover  {
text-decoration:none;
}

#header {
width: 252px;
height: 360px;
}

#header h1 {
display:none;
}

#bildershow {
position:absolute;
top:0px;
left:252px;
width:603px;
}

#bildershow p {
padding: 5px 20px 5px 20px;
}

#container-content, #reservierung {
width:480px;
padding:40px 0px 75px 305px;
}

#container-content p, #reservierung p {
margin:0px 0px 5px 0px;
}

.clear {
clear:left;
}

#container-content ul {
margin:5px 0px 5px 0px;
}

#container-content li {
list-style:square;
list-style-position:outside;
}

#container-content img {
margin:10px 10px 0px 0px;
}

#container-content a:hover img {
outline:3px solid #59413A;
}

#container-foot {
width: 855px;
position: absolute;
bottom: 0 !important;
bottom: -1px;
height: 45px;
background-color:#18110C;
}

#container-foot p {
color:#C2B294;
font-size:10px;
text-align:center;
line-height:45px;
}

#container-foot p a:link {
color:#C2B294;
font-size:10px;
}

#container-foot p a:visited {
color:#C2B294;
font-size:11px;
}

#container-foot p a:hover {
text-decoration:line-through;
}

#container-foot p a:active {
color:#C2B294;
}

table {
text-align:center;
margin: 5px 0px 20px 0px;
}

table td {
height:30px;
}

table tr.eins {
background-color:#A29079;
}

table tr.zwei {
background-color:#B7A68B;
}


/* Formular .............................................................. */


#reservierung .table {
width:100%;
}

#reservierung .align {
text-align:left;
}

#reservierung td {
text-align:left;
}

#reservierung .textarea {
width:300px;
background-color:#B7A68B;
color:#59413A;
font-family : Verdana, Helvetica, sans-serif;
font-size: 12px;
border : 1px solid #59413A;
}

#reservierung .input {
width:300px;
height:20px;
background-color:#B7A68B;
color:#59413A;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #59413A;
font-size: 12px;
}

#reservierung .input:hover {
width:300px;
height:20px;
background-color:#59413A;
color:#B7A68B;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #59413A;
font-size: 12px;
}

#reservierung .select {
width:70px;
background-color:#B7A68B;
color:#59413A;
font-size:11px;
border:1px solid #59413A;
}

#reservierung .button {
width:100px;
height:20px;
margin-right:10px;
background-color:#59413A;
color:#B7A68B;
}

#reservierung .button:hover {
width:100px;
margin-right:10px;
background-color:#B7A68B;
color:#59413A;
border: 1px solid #59413A;
}

#reservierung .foot {
padding-left:130px;
}

#reservierung .klein {
font-size:9px;
}