/* 1.0 | hannes | 2006-10-03 | template */
body { background: #DC5000 url(/grafik/body_bg.jpg) repeat-y center top; }
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
}
* html #maincontainer { height: 100%; }
#maincontainer, #menu, #panoramacontainer {
	width: 934px;
	text-align: left;
	margin: 0 auto; /* x FFox*/
}
#maincontainer {
	min-height: 100%; 
	position: relative;
}

#content, .tabelle td, .tabelle th, .formularvertical td, .formularvertical th, #content td, #content th { font-size: 14px; }
.menuleft, .menuright, #logo, #logo h2, .menuleft h2, .menuright h2, .menuleft blockquote.expressanfrage table td, .menuleft blockquote.expressanfrage table th, #footer td blockquote { font-size: 12px; }

/* HEADER */
#panoramacontainer {
	height: 380px!important;
	background: #FBC779 url(/grafik/logo.jpg) no-repeat left top;
	clear: both;
	overflow: hidden; /* x IE 6 */
	white-space: nowrap; /* x IE 6 */
}
#shadow {
	position: absolute;
	margin-left: 219px;
}
#panoramabild, #shadow { top: 0; }
#panoramabild {
	height: 380px;
	width: 715px;
	overflow: hidden;
	float: right;
}
#shadow { z-index: 10000; }
#logo {
	width: 219px;
	height: 380px;
	background: url(/grafik/logo_bg.jpg) no-repeat left top;
	position: absolute;
}
#languageselect { 
	height: 20px;
	line-height: 20px;
	color: #EAC385;
	padding-left: 10px;
	font-size: 10px;
	text-transform: lowercase;
}
#languageselect a { text-decoration: none; }

/* MENU */
#menu {
	height: 38px;
	background: url(/grafik/menu_bg.jpg) repeat-x left top;
/*	overflow: hidden; Verursachte Fehler auf FFox */
}

/* DROPDOWNMENU */
#menu, #dropdownmenu, #dropdownmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#dropdownmenu li { 
	float: left;
	display: block;
}
#dropdownmenu li a {
	display: block;
	padding: 0;
	text-decoration: none;
}

/* LEVEL 1 */
#dropdownmenu li li, #dropdownmenu li ul { width: 150px; } /* x Ffox | IE */
#dropdownmenu li ul {
	position: absolute;
	left: -9999px;
}
#dropdownmenu li ul { z-index: 1; /* formular bug */ }
#dropdownmenu li ul li a {
	color: #333;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background: #FFF;
	font-size: 11px;
	width: 100%;
	display: block;
	padding: 0 0 0 10px;
	margin: 0;
	line-height: 24px;
	z-index: 5; /* formular bug */
	font-size: 14px;
}
#dropdownmenu li ul li a:hover { 
	color: black;
	background: #F9F9F9; 
}
#dropdownmenu li:hover ul, #dropdownmenu li.sfhover ul, ul#dropdownmenu li.sfhover ul, ul#dropdownmenu li:hover ul, #dropdownmenu li.sfhover ul { 
	left: auto;
	background: white; /* BUG x IE 7 */
}

#dropdownmenu ul ul { z-index: 3; }

/* CONTENTCONTAINER */
#contentcontainer { 
	padding-bottom: 150px;
	background: #FFD487; /* zur schnelleren Darstellung während des Ladevorganges */
}

/* MENULEFT | MENURIGHT */
.menuleft, .menuright { color: #955E28; }
.menuleft blockquote, .menuright blockquote {
	margin: 6px 0 0 0;
	padding: 0;
}
.menuleft h2, .menuright h2 {
	color: #D85300;
	padding: 10px;
	margin: 0;
	font-size: 14px;
}

/* MENULEFT */
.menuleft { width: 219px; }
.menuleft blockquote { 
	background: url(/grafik/left_blockquote_bg.jpg) no-repeat right bottom;
	margin-left: 8px;
	padding-bottom: 1px; /* x linie vom letzen Menüpunkt bei MouseOver */
}
.menuleft blockquote.menubox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 210px;
}
.menuleft blockquote.menubox ul li a {
	color: #955E28;
	text-decoration: none;
	display: block;
	border-top: 1px solid #FEE4B7;
	padding: 6px 2px 6px 30px;
	background: url(/grafik/menubox_ul.gif) no-repeat left center;
}
.menuleft blockquote.menubox ul li a:hover { background-color: #FFF6E5; }

.menuleft blockquote h2 a {
	color: #D85300;
	text-decoration: none;
}
.menuleft blockquote h2 a:hover {
	color: #C73025;
	text-decoration: underline;
}

/* MENULEFT BOXEN */
.menuleft blockquote.suche { height: 70px; }
.menuleft blockquote.suche input { 
	width: 160px;
	margin: 0 4px 0 10px;
	float: left;
	border: 1px solid #FFDFA6;
}
.menuleft blockquote.selected { 
	height: 112px; 
	padding-top: 20px;
	padding-left: 62px;
	
}
.inputfield {
	color: #955E28;
	font-size: 11px;
	padding: 2px;
}
.menuleft blockquote.wetter td { text-align: center; }
.menuleft blockquote.webcam img {
	margin: 5px;
	border: 0;
}

/* MENURIGHT */
.menuright { width: 227px; }
.menuright a { color: #955E28; }
.menuright blockquote { 
	background: url(/grafik/right_blockquote_bg.jpg) no-repeat right bottom;
	margin-left: 8px;
	margin-right: 8px;
}

/* MENURIGHT KONTAKT */
#logo ul.kontakt {
	margin: 0;
	padding: 0;
	list-style: none;
}
#logo ul.kontakt li {
	line-height: 36px;
	border-top: 1px solid #FEE4B7;
	padding-left: 40px;
	margin-left: 0;
}
#logo ul.kontakt li.telefon { background: url(/grafik/kontakt_telefon.gif) no-repeat -5px center; }
#logo ul.kontakt li.emailadresse { background: url(/grafik/kontakt_email.gif) no-repeat -5px center; }
#logo ul.kontakt li.anfrage { background: url(/grafik/kontakt_anfrage.gif) no-repeat -5px center; }
#logo ul.kontakt li.pdfdownload { background: url(/grafik/kontakt_pdfdownload.gif) no-repeat -5px center; }
#logo ul.kontakt li, #logo ul.kontakt li a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #955E28;
}

/* MENURIGHT SHOWCASE */
.menuright blockquote.showcase { padding: 10px; }
#logo blockquote.showcase h2, .menuright blockquote h2 { 
	margin: 0;
	padding: 0 0 10px 0;
}
.menuright blockquote div.link { 
	text-align: right;
	padding: 5px 0 0 0;
}

/* MENURIGHT SHOWCASEWANDERN */
.menuright blockquote.wandern { 
	background: url(/grafik/right_blockquote_wandern_bg.jpg) no-repeat right bottom;
	margin-left: 0px;
	margin-right: 8px;
}
.menuright blockquote.wandern div, .menuright blockquote.sauna div { padding: 0 0 16px 8px; }
.menuright blockquote.wandern div img, .menuright blockquote.saun div img { 
	float: left;
	margin: 0;
}

.menuright blockquote.sauna { 
	background: url(/grafik/right_blockquote_sauna_bg.jpg) no-repeat right bottom;
	margin-left: 0px;
	margin-right: 8px;
}

/* CONTENT */
#content { 
	padding: 0 8px 0 12px;
	line-height: 140%;
}
#content h1 { 
	font-size: 24px;
	font-weight: normal;
	margin-top: 16px;
}
#content h2 { font-size: 16px; }
#content h3 { font-size: 14px; }

#content div.submenu {
	background-color: #FFF6E5;
	border: 1px solid #E98C53;
	margin-top: 12px;
	padding: 5px;
	text-align: justify;
}
#content div.submenu a {
	text-decoration: none;
	color: #955E28;
}
#content div.submenu a:hover, #content div.submenu a.aktiv { text-decoration: underline; }

/* footer */
#footer {
	position: absolute;
	bottom: 0; 
	left: 0;
	width: 100%;
	height: 125px;
	background: #FBC779;
	padding: 0;
	color: #D3601A;
}
#footer a { color: #D3601A; }
#footer table { margin-top: 5px; }
#footer td { vertical-align: middle; }
#footer td blockquote {
	margin: 0 auto;
	padding: 0 0 0 30px;
}
#footer th.logos {
	text-align: center;
	width: 219px;
}

/* COPYRIGHT */
#copyright {	
	vertical-align: bottom;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	padding: 4px;
}
#copyright a { 
	text-decoration: none;
	color: #D3601A;
	padding-right: 3px;
}
#copyright a:hover { text-decoration: underline; }


/* KLASSEN */
/*TABELLEN*/
.tabelle { 
	border-top: 1px solid #FFD486;
	border-left: 1px solid #FFD486;
	margin: 0.5em 0;
}
.tabelle td, .tabelle th { 
	padding: 2px;
	border-bottom: 1px solid #FFD486;
	border-right: 1px solid #FFD486;
}
.tabelle th {
	padding: 4px;
	background-color: #FFCA66;
}
.tabelle td { background-color: #FFE3AF; }

/* BILDBOXEN */
.imagebox { 
	margin: 1em 0;
	width: 468px!important; /* xIE */
}
.imagebox img { margin: 1px 1px 0 0; }

#printadresse { display: none; }

/* EXPRESSANFRAGE */
.inputlarge { width: 100px; }
.inputmedium { width: 50px; }
.inputsmall { width: 25px; }
input { z-index: 0; }