/****************************
+++ HTML-Standards +++
****************************/

html {
	min-height:100.05%;
}

body {
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	font-size:80%;
	color:#666666;
	background: #50573D url(../upload/design/hg.gif) repeat-x left top;
	line-height:1.3em;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
	color:#666666;
	line-height:1em;
}

h1 {
	margin:0.4em 0 1.4em 0;
	font-size:1.6em;
	font-weight:lighter;
	text-transform:uppercase;
}

h2{
	padding-bottom:0.2em;
	margin-bottom:0.2em;
	color:#405800;
	text-transform:uppercase;
	border-bottom: solid 1px #E4E4E4; 
}

h3 {
	font-size:1.5em;
	font-weight:lighter;
	color:#96A285;
	margin-bottom:0.3em;
	padding-bottom:0.3em;
	border-bottom: solid 1px #E4E4E4;
}

.trenner {
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
}

a {
	color:#405800;
}

p {
	margin-top:0px;
}

.rechts {
	float:right;
	padding-left:5px;
	margin-top:-15px;
}

.links {
	float:left;
	padding-right:5px;
}

.gruen {
	color:#405800;
}

.intern {
	margin:2em 0;
	background:#FFE6E6;
}

/****************************
+++ Grundlayout +++
****************************/

#top {
	width:970px;
	margin:11px auto 0px auto;
	position:relative;
}

#verlinkungen {
	position:absolute;
	top:42px;
	left:0px;
	width:970px;
}

#header {
	width:950px;
	margin:0 auto;
	padding: 0 10px;
	background: url(../upload/design/hg-header.gif) no-repeat left top;
}

#linksheader {
	position:relative;
	width:250px;
	float:left;
	background:#49403A;
	height:335px;
}

#rechtsheader {
	width:700px;
	float:left;
}

#events {
	font-size:90%;
	width:250px;
	padding:0px;
	height:244px;
	overflow:auto;
}

#suche {
	position:absolute;
	font-size:90%;
	width:250px;
	height:52px;
	bottom:0px;
	left:0px;
	background:#150809;
}

#imagebild {
	position:relative;
}

#schatten {
	position:absolute;
	top:0px;
	left:0px;
	width:700px;
	height:295px;
	background: url(../upload/design/schatten.png) no-repeat left top;
}

#inhaltsbereich {
	width:950px;
	margin:-1px auto 0px auto;
	padding: 0 10px;
	background: white url(../upload/design/hg-inhaltsbereich.gif) repeat-y left top;
}

#links {
	width:250px;
	float:left;
}

#unternavigation {
	padding:30px 37px 30px 30px;
}

#aktivitaeten {
	padding:15px 37px 15px 30px;
	background:#E4E4E4;
}

#aktivitaeten img.button:hover {
	cursor:pointer;
}

#sommer {
	padding-bottom:10px;
}

#sommer ul, #winter ul {
	display:none;
}

#inhalt {
	width:370px;
	padding:50px 40px 50px 60px;
	float:left;
	background: url(../upload/design/blume.gif) no-repeat 1px 0px;
}

#rechts {
	width:200px;
	padding:50px 15px 50px 15px;
	float:left;
}

#rechts h3 {
	color:#666666;
	border-bottom: solid 1px #cccccc;
	margin:15px 0;
}

#rechts img {
	margin-bottom:15px;
}

#fussbereich {
	position:relative;
	width:950px;
	height:53px;
	margin:0px auto 20px auto;
	padding: 0 10px;
	background: white url(../upload/design/hg-fussbereich.gif) repeat-y left top;
}

#fusszeile {
	position:absolute;
	bottom:22px;
	left:30px;
	text-transform:uppercase;
	font-size:90%;
}


/****************************
+++ Verlinkungen +++
****************************/

#verlinkungen .copyright {
	float:left;
}

#verlinkungen ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	margin-right:25px;
}

#verlinkungen ul li {
	float:left;
}

#linkhome{
	display:block;
	width:80px;
	height:28px;
	margin-left:28px;
	background: url(../upload/design/pix.gif);
}

#linkmodriach,
#linkstmartin,
#linkhirschegg,
#linkpack {
	display:block;
	height:25px;
	margin-left:10px;
	background: url(../upload/design/pix.gif);
}

#linkmodriach {
	width:77px;
}

#linkstmartin {
	width:82px;
}

#linkhirschegg {
	width:77px;
}

#linkpack {
	width:48px;
}

/****************************
+++ Events +++
****************************/

.event {
	line-height:1.6em;
	margin-bottom:10px;
	padding:5px 15px 5px 20px;
}

.event a {
	text-decoration:none;
	color:#EAEAE6;
	display:block;
}

.event:hover {
	background:#63544A;
}

.event h3 {
	background: url(../upload/design/pfeil-runter.gif) no-repeat 0px 0.5ex;
	padding: 0px 0px 0px 15px;
	text-transform:uppercase;
	font-size:100%;
	color:#666666;
	border:none;
	margin:0px;
	line-height:1.2em;
}

.event .datum, .event .ort {
	padding-left: 15px;
}

/****************************
+++ Suche +++
****************************/

#suche form {
	margin-top:13px;
}

#suche input {
	border: solid 1px #797979;
	float:left;
	margin:5px 0 0 20px;
	width:auto;
}

#suche input.submit {
	border:none;
	float:right;
	margin:0px 10px 0 0px;
	width:auto;
}

/****************************
+++ Hauptnavigation +++
****************************/

#hauptnavigation {
	height:40px;
	background:#150809;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	color: #8D8C8C;
}

#hauptnavigation a {
	text-decoration:none;
	color:#C4D6E9;
}

#hauptnavigation ul {
	margin:0;
	padding:15px 0 0 25px ;
}

#hauptnavigation ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#hauptnavigation ul li.act a {
	font-weight:bold;
	color:white;
}

#hauptnavigation span {
	padding:0 4px;
}

/****************************
+++ Unternavigation +++
****************************/
#unternavigation, #sommer, #winter {
	line-height:1em;
}

#unternavigation a, #sommer a, #winter a {
	text-decoration:none;
	color:#3D2F23;
}

#unternavigation ul, #sommer ul, #winter ul {
	padding:0;
	margin:0;
	margin-top:5px;
	padding-left: 26px;
}

#unternavigation ul ul, #sommer ul ul, #winter ul ul  {
	margin:0;
	padding: 4px 0px 0px 0px;
}

#unternavigation li, #sommer li, #winter li {
	list-style:none;
	padding:0;
	padding: 4px 0px 4px 10px;
	margin:0;
	background: url(../upload/design/pfeil-navi.gif) no-repeat 0px 0.8ex;
}

#unternavigation li.act, #sommer li.act, #winter li.act {
	padding-left:10px;
	background: url(../upload/design/pfeil-navi-act.gif) no-repeat 0px 1.2ex;
}

#unternavigation li.act li a, #sommer li.act li a, #winter li.act li a {
	color:#3D2F23;
}

#unternavigation li.act a, #unternavigation li.act li.act a, #unternavigation li.act li.act li.act a, 
#sommer li.act a, #sommer li.act li.act a, #sommer li.act li.act li.act a, 
#winter li.act a, #winter li.act li.act a, #winter li.act li.act li.act a {
	color:#A9B540;
}

/****************************
+++ Fusszeile +++
****************************/

#fusszeile a {
	text-decoration:none;
	color:#666666;
}

#fusszeile ul {
	padding:0;
	margin:0;
	display:inline;
}

#fusszeile ul li {
	list-style:none;
	display:inline;
}

#fusszeile span {
	padding:0 3px 0px 2px;
}

/****************************
+++ Übersicht +++
****************************/

#uebersicht {
	padding-top:10px;
}

#uebersicht h1 {
	margin-bottom:0.4em;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.1em;
}

#uebersicht .bild {
	float:left;
	margin-right:18px;
	border: solid 1px #666666;
}

#uebersicht .text {
	float:left;
	width:200px;
}

#uebersicht .trenner{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: solid 1px #E4E4E4;
}

.zureckzuruebersicht {
	margin-top:3em;
}

/****************************
+++ Suchergebnis +++
****************************/

.suchergebnis {
	margin:1em 0;
	padding:1em 0;
	border-bottom: dotted 1px black;
}

/****************************
+++ Buchungsbox +++
****************************/

#buchungsbox {
	margin-top:1em;
	padding:20px;
}

.buchungsboxheader {
	background-color: #49403A;
	color:white;
	padding:5px;
	font-weight:bold;
}

.buchungsbox {
	background-color: #E4E4E4;
	padding:5px;
	color:black;
}