/****************************
+++ 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;
}