/* ################ Layout ################ */
body { 
margin:0px;
padding:0px;
background: url(../segmente/hg_verlauf.jpg) #ffd589 repeat-x;
font: normal 0.8em/130% Verdana Arial, sans-serif;
color: #555;
}
#layout {
background: url(../segmente/hg_layout.gif) repeat-y;
margin:0 auto;
width: 1200px;
}
#header {
background: url(../segmente/hg_verlauf.jpg) #fd9 repeat-x;
}
#headerSubHead {
background: url(../segmente/hg_headerTop.jpg) no-repeat;
height:37px;
}
#headerSubHead h1 {
margin:0;
padding: 10px 0 0 300px;
font-size: 130%;
font-weight: normal;
color: #ffa;
}
#headerBilder {
background: url(../segmente/header_left.jpg) no-repeat top left;
margin-left: 140px;
height:293px;
}
#headerBilder #imgRight {
float:right;
margin-right: 112px;
}
#middle {
background: url(../segmente/hg_blaetter.jpg) no-repeat top left;
clear:both;
padding-right:112px;
padding-left:140px;
}
#content {
background: #fff;
padding: 20px 50px 20px 80px;
margin-right: 280px;
}
#content img {
padding: 0;
margin-left: 20px;
border: 3px solid #fe9;
}
#content .impressionen {
width:530px;
margin-bottom:20px;
}
#content .impressionen img {
margin:0 5px 5px 0 ;
padding:0;
float:left;
}
#contentFooter {
border-top: 1px solid #804;
font-size: 90%;
padding: 5px 0px;
margin-top: 30px; 
}
#content #contentFooter a {
text-decoration: none;
}
#right {
background: #feb23a;
float:right;
width: 276px;
}
#bildgalerie .thumb {
padding: 0;
margin: 10px;
margin-left: 50px;
border: 3px solid #fe9;
}
#bildgalerie a {
text-decoration: none;
border: none;
}
#footer {
clear:both;
background: #ffd589;
text-align: center;
font-size: 90%;
padding-bottom: 10px;
}
#footerAdresse {
background: url(../segmente/hg_footer.jpg) no-repeat;
padding: 10px;
color: #804;
height:37px;
}
#footer a {
color: #804;
text-decoration: underline;
}
#footer a:hover {
color: #fe9;
}
#copyright a {
color: #555;
}
#copyright a:hover {
color: #804;
}
/* ################ Navigation ################ */
#topNav {
float:right;
padding-right:112px;
margin-top: 80px;
font-size: 90%;
color: #804;
}
#topNav a {
color: #804;
text-decoration: none;
}
#topNav a:hover {
color: #ffa;
text-decoration: underline;
}
#headerBilder #mainNav {
padding-top: 270px;
padding-left: 60px;
}
#headerBilder #mainNav a {
color: #ffa;
font-weight:bold;
text-decoration: none;
padding: 10px 20px;
}
#headerBilder #mainNav a:hover {
color: #feb23a;
font-weight:bold;
}
/* ################ Navigation ausgewählt ################ */
body.hotel a#navHotel,
body.zimmer a#navZimmer,
body.preise a#navPreise,
body.zimmeranfrage a#navZimmeranfrage,
body.restaurant a#navRestaurant,
body.angebote a#navAngebote {
background: #4b6937;
color: #804;
text-decoration: none;
}	
body.kontakt a#navKontakt,
body.anfahrt a#navAnfahrt,
body.impressum a#navImpressum {
color: #ffa;
text-decoration: none;
}	
/* ################ Text ################ */
#content h1 {
font-size: 130%;
color: #804;
}
#content h2 {
font-size: 110%;
color: #804;
}
#content h3 {
font-size: 110%;
color: #f70;
}
#content h4 {
font-size: 110%;
color: #804;
border-bottom: 1px solid #fa3;
padding: 12px 0px 0px;
}
#content b {
color: #804;
}
#content a {
color: #804;
text-decoration: underline;
}
#content a:hover {
color: #f70;
}
#content hr {
	background-color:#fc9;
	color:#777; 
	height:1px; 
	border-style:none;
}
#linkliste ul {
padding:10px;
padding-left: 50px;
margin:0px;
list-style: none;
font-size: 90%;
line-height: 160%;
}
#linkliste ul a {
color: #804;
text-decoration: none;
}
#linkliste ul a:hover {
color: #ffa;
text-decoration: underline;
}
.print {
display:none;
}
/* ################ Tabelle Preise ################ */
table.zimmerpreise {
background: #fff7d9;
width:300px;
padding: 10px 20px 0px 10px;
font: normal 100%/130% Verdana Arial, sans-serif;
color: #555;
}
table.zimmerpreise td {
vertical-align: top;
}
td.zimmer, td.preis {
font-weight:bold;
color: #804;
padding:0px;
}
td.preis {
text-align: right;
padding-left: 50px;
}
td.beschreibung {
padding-bottom: 10px;
}
/* ################ Tabellen Anfrage ################ */
table.anfrage {
width:400px;
margin-bottom: 10px;
}
table.anfrage td, table.anfrageKontaktaufnahme td {
padding: 4px 8px;
background: #fff7d9;
}
form td.tableHead1, form td.tableHead2 {
background: #fe9;
color: #804;
font-weight:bold;
}
table.anfrage td.tableHead1, td.col1 {
text-align:center;
width: 50px;
}
table.anfrageKontaktaufnahme td.col1 {
width:20px;
}
table.anfrageKontaktaufnahme {
width: 540px;
margin-bottom: 20px;
}
/* ################ Formularelemente ################ */
form input, form textarea, form select {
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
color:#555;
border: 1px solid #ffce79;
}

form textarea {
width: 255px;
height:100px;
border:1px solid #ffce79;
padding: 8px;
background: #fff;
}
form select {
margin-left: 10px;
}
form div.formAbschnitt {
background: #fff7d9;
padding:8px;
}
form .select {
width:380px;
}
form input.button {
background: #fe9;
padding:4px 8px;
cursor: hand;
cursor: pointer;
}
form input.button:hover {
background: #ffce79;
}
table.anfrageKontaktdaten input {
width: 155px;
}

table.anfrageKontaktdaten input.short1 {
width: 45px;
margin-right: 3px;
}

table.anfrageKontaktdaten input.short2 {
width: 103px;
}

table.anfrageKontaktdaten .colKontakt2 {
padding-left: 10px;
}