@charset "utf-8";
/* CSS Document 
Verwendete Farben:
60K:           #888888
Zimmer:        #b86030
Arrangements:  #8e8e28
Restaurant:    #9b372c
Über uns:      #f49e00
Aktuelles:     #888888
Wandern:       #8f7d5e

20% back: #ece9e0
100% Balken: #6d5a37
40% Balken: #b3a58d
*/

* {
  margin: 0;
  padding: 0;
}

html {
  height:100%;
}

body {
	height:100%;
	margin: 0;
	padding: 0;
	font-size:100.1%;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-image: url(images/share/fetz_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#balken {
	background-color:#6d5a37;
	width:100%;
	height:70px;
}

#ausrichtung {
	width: 960px;	
	margin: -38px auto 0 auto; 
	text-align: left;
	padding:0;
}

#topnavi {
	width:960px;
	float:left;
	text-align:right;
	padding: 0 0 5px 0;
}

#topnavi a, #topnavi a:link, #topnavi a:visited {
  margin: 0 0 0 20px;
  color:#FFFFFF;
  text-decoration:none;
  font-size:11px;
}

#topnavi a:active, #topnavi a:hover, #topnavi a.active {
  color: #FFFFFF;
  text-decoration:underline;
}

#einstiegsbild {
	border: 5px solid #FFFFFF;
	float:left;
	background-color:#FFFFFF;
	width:950px;
}

#fuss {
width:950px;
height:25px;
font-size:11px;
margin:0 5px;
padding-top:8px;
float:left;
}

#fuss a, #fuss a:link, #fuss a:visited {
	color:#000000;
	text-decoration:none;
}

#fuss a:active, #fuss a:hover {
  color:#4b3b18;
}

.klein {
font-size:11px;
line-height:14px;
}

#buchenHome, #buchenSub {
	width:174px;
	height:75px;
	margin:5px 0 0px 0;
	padding: 10px 0 0 10px;
	float:left;
	background-attachment: scroll;
	background-image: url(images/share/buchen_sie_online_home.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #b3a58d;
}

#buchenSub {
	height:174px;
	margin:5px 0 0 5px;
	padding: 10px 0 0 10px;
	background-image: url(images/share/buchen_sie_online.jpg);
}

#buchenHome a, #buchenHome a:link, #buchenHome a:visited, #buchenSub a, #buchenSub a:link, #buchenSub a:visited {
	color:#888888;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	display:block;
}

#buchenHome a:active, #buchenHome a:hover, #buchenSub a:active, #buchenSub a:hover {
  text-decoration:underline;
}

a.teaser, a.teaser:link, a.teaser:visited {
	color:#000000;
	text-decoration:none;
	display:block;
}

a.teaser:active, a.teaser:hover {
  text-decoration:underline;
}

#navi {
width:950px;
background-color:#888888;
height:25px;
margin:0 5px;
float:left;
}

.right, .floatRight {
float:right;
}


#navi a, #navi a:link, #navi a:visited {
	padding-top:5px;
	height:20px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	display:block;
	width:94px;
	float:left;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #888888;
	background-color:#c8bfa5;
}

#navi a:active, #navi a:hover, #navi a.active {
  color: #FFFFFF;
}

#navi a.zimmer:hover, #navi a.zimmer.active {
background-color:#b86030;
}

#navi a.zimmer, #navi a.zimmer:link, #navi a.zimmer:visited {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#navi a.arrangements:hover, #navi a.arrangements.active {
background-color:#8e8e28;
}

#navi a.restaurant:hover, #navi a.restaurant.active {
background-color:#9b372c;
}

#navi a.ueber:hover, #navi a.ueber.active {
background-color:#f49e00;
}

#navi a.ueber, #navi a.ueber:link, #navi a.ueber:visited {
	border-right-width: 0px;
	width:93px;
}

#navi a.aktuelles:hover, #navi a.aktuelles.active {
background-color:#888888;
}

#navi a.wandern:hover, #navi a.wandern.active {
background-color:#8f7d5e;
}

/* Subnavi */

.subZimmer a, .subZimmer a:link, .subZimmer a:visited,
.subRestaurant a, .subRestaurant a:link, .subRestaurant a:visited,
.subWandern a, .subWandern a:link, .subWandern a:visited,
.subUeber a, .subUeber a:link, .subUeber a:visited {
	padding-top:5px;
	height:20px;
	color:#b86030;
	text-decoration:none;
	font-size:11px;
	display:block;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
}

.subRestaurant a, .subRestaurant a:link, .subRestaurant a:visited {
	color:#9b372c;
}

.subWandern a, .subWandern a:link, .subWandern a:visited {
	color:#8f7d5e;
}

.subUeber a, .subUeber a:link, .subUeber a:visited {
	color:#f49e00;
}

.subZimmer a:active, .subZimmer a:hover, .subZimmer a.active,
.subRestaurant a:active, .subRestaurant a:hover, .subRestaurant a.active,
.subWandern a:active, .subWandern a:hover, .subWandern a.active,
.subUeber a:active, .subUeber a:hover, .subUeber a.active {
  color: #4b3b18;
}

/* Spalten */
.back20 {
background-color:#ece9e0;
}
.back40 {
background-color:#b3a58d;
}


.marginLeft {
margin-left:5px;
}

.marginTop {
margin-top:5px;
}

.paddingBottom {
padding-bottom:15px;
}

.floatLeft {
float:left;
}

#spalten, .spalte4, .spalte3, .spalte2, .spalte1 {
min-height: 181px;
height:auto !important;
height:181px;
float:left;
}

.spalteOhne {
float:left;
width:166px;
padding:5px 10px 0px 10px;
}

#spalten {
width:950px;
margin:5px 5px 0 5px;
}

#spalte5 {
float:left;
width:950px;
}

#spalte4 {
float:left;
width:759px;
}

#spalte1, #spalte1_1 {
float:left;
width:186px;
}

.spalte4 {
width:739px;
padding:5px 10px 0px 10px;
}

.spalte3 {
width:548px;
padding:5px 10px 0px 10px;
}

.spalte2inline {
width:350px;
padding:0;
}

.spalte2 {
width:357px;
padding:5px 10px 0px 10px;
}


.spalte1 {
width:166px;
padding:5px 10px 0px 10px;
}

.spalte_15 {
width:274px;
padding:0;
float:left;
}

/* Typo */

h1 {
color:#4b3b18;
font-size:17px;
font-weight:bold;
padding:3px 0 4px 0;
}

h2 {
color:#4b3b18;
font-size:13px;
font-weight:bold;
padding:10px 0 4px 0;
line-height:18px;
}

h3 {
color:#4b3b18;
font-size:13px;
font-weight:bold;
padding:0 0 4px 0;
line-height:18px;
}

p {
color:#000000;
font-size:12px;
padding-bottom:5px;
line-height:17px;
}

table.zimmer {
	color:#000000;
	font-size:12px;
	margin:5px 0 5px 0;
	line-height:17px;
}

table.zimmer tr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


table.sk {
	color:#000000;
	font-size:12px;
	margin:5px 0 5px 0;
	line-height:17px;
}

table.sk tr td {
padding:5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
table.sk tr td.oben {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

table.sk tr td.beide {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

table.sk tr td.ohneLinie {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


table.zimmer tr th {
color:#FFFFFF;
text-align:left;
background-color:#b86030;
}

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

a:active, a:hover {
  color:#4b3b18;
}




form input, form select, form textarea {
	border: 1px solid #4b3b18;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	width: 250px;
	margin-bottom:10px;
	}


form input.submit {
	width:auto;
	margin:10px 0 20px 110px;
	padding:5px;
}


form label {
 	width: 110px;
 	float:left;
	display:block;
}

.gmapDirLabel, .gmapDir {
	font-size: 12px;
	line-height: 18px;

}

#spalten ul {
	padding:0 0 0 16px;
	margin:0;
	font-size:12px;
	color: #000000;
	}


#spalten li {
	padding:0;
	margin:0 0 5px;
	list-style-position: outside;
	list-style-type: square;
	line-height:17px;
	color: #000000;
}

hr {
height:1px;
background-color:#b86030;
border:none;
margin:10px 0;

}