#seitenbereich{
text-align:left;
width:950px;
margin: auto;
border: 0;
height:auto;
position: relative;
}

#header {
  position: relative;
  height: 183px;
}


#header-hintergrund-links {
  position: absolute;
  left: 0px;
  width: 213px;
  height: 183px;
  border: 0px;
  z-index: 1;
}
#header-hintergrund-rechts {
  position: absolute;
  right: 0px;
  width: 701px;
  height: 159px;
  border: 12px #ffffff solid;
  background: #ffffff url(../../grafik/layout/header-hochseilgarten.jpg);
  z-index: 2;
}

#header2 {
position: relative;
width:720px;
height:55px;
background: #ffffff url(../../grafik/layout/logo-hochseilgarten.gif) no-repeat left top;
padding-bottom:10px;
}

#news-header2 {
margin:0px 130px 0px 245px;
padding:10px 10px 10px 10px;
overflow:hidden;
max-height:43px;
color:#ffffff;
}

a.news-head, a.news-head:visited, a.news-head:hover, a.news-head:active {
color:#ffffff;
text-decoration:none;
}

#header-logo {
position: absolute;
border: 0;
top: 0px;
right: 0px;
width: 117px;
height: 54px;
z-index: 100;
}

#navigation {
background: #ffffff;
width: 201px;
left:0px;
height:auto;
position:absolute;
top:0px;
padding:5px;
border:0px;
}

#seiteninhalt {
position:relative;
margin: 15px 0 0 0;
width:950px;
}


#inhalt {
background: #ffffff;
margin: 0 201px 0 225px;
padding:7px;
height:auto;
height:700px;
}

#footer {
margin: 0 0 0 200px;
clear: both;
}

#teaser-rechts{
width: 189px;
right: 0px;
height:auto;
position:absolute;
top: 0px;
padding: 0px 0 0 0;
border:0px;
}

.teaser-ueberschrift{
margin: 0 0 0em 0px;
background: #fa7d00;
color: #ffffff;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.2em;
font-weight: bold;
line-height: 1.4em;
padding: 0 2px 0 2px;
border-top: 7px solid  #ffffff;
border-right: 7px solid  #ffffff;
border-left: 7px solid  #ffffff;
border-bottom: 0;
}

.teaser-box {
border-right: 7px solid  #ffffff;
border-left: 7px solid  #ffffff;
border-bottom: 7px solid  #ffffff;
margin: 0 0 2.0em 0;
padding: 2px 2px 0 2px;
background: #ffffff;
}

body{
background: #d6dee7;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
font-weight:400;
line-height:16px;
margin:10px;
}

.bild{
border:1px solid #222222;
}
.uebersicht-bild{
margin:0 0 0 0;
text-align:center;
float:left;
width:220px;
}
.uebersicht-text{
margin:0 0 0 232px;
width:228px;
}
.uebersicht-rahmen{
margin:10px 0 12px 0;
}

.textseite-bild-links{
margin:0 0 0 0;
text-align:center;
float:left;
width:220px;
}
.textseite-text-rechts{
margin:0 0 0 232px;
width:228px;
}

.textseite-bild-rechts{
margin:0 0 0 232px;
text-align:center;
width:220px;
}
.textseite-text-links{
margin:0 0 0 0;
float:left;
width:228px;
}

.textseite-rahmen{
margin:0px 0 0px 0;
}

hr.trenner{
color: #222222;
height:1px;
clear:both;
margin:0px;
border: 1 solid #333333;
}

div.trenner{
margin:10px 0 10px 0;
width:510px;
height:1px;
clear:both;
border-bottom: 1px solid #222222;
}
img.trenner{
margin:0px;
width:510px;
height:1px;
clear:both;
border-bottom: 1px solid #222222;
}
img.trenner-opera{
margin:15px 0 5px 0;
width:510px;
height:1px;
clear:both;
border-bottom: 1px solid #222222;
}

hr.trenner-leer{
color:#dcdcdc;
width:510px;
height:1px;
clear:both;
margin:0px;
border:0px;
}

div.trenner-leer{
color:#dcdcdc;
margin:10px 0 10px 0;
width:460px;
height:1px;
clear:both;
border:0px;
}
img.trenner-leer{
color:#dcdcdc;
margin:0px;
width:510px;
height:1px;
clear:both;
border:0px;
}
img.trenner-leer-opera{
color:#dcdcdc;
margin:15px 0 5px 0;
width:510px;
height:1px;
clear:both;
border-bottom: 1px solid #222222;
}

.float-ende{
clear:both;
}

/* SCHRIFT */

.text-navigation{
color:#ffffff;
font-family: Arial,Helvetica,sans-serif;
font-size:1.1em;
font-weight: 600;
line-height:1.4em;
background: #707070;
margin: 0 0 5px 0;
padding: 2px 5px 2px 15px;
}
p.text-navigation{
margin: 0px;
}
a {
 text-decoration: none;
 color: #333333;
}
a:visited {
 color: #333333;
}
a:hover {
 text-decoration: none;
 color: #222222;
}
a:active {
 color: #222222;
}
a.link-navigation {
 text-decoration: none;
 color: #ffffff;
}
a.link-navigation:visited {
 color: #ffffff;
}
a.link-navigation:hover {
 text-decoration: none;
 color: #fa7d00;
}
a.link-navigation:active {
 color: #fa7d00;
}
a.link-navigation-active {
 text-decoration: none;
 color: #fa7d00;
}
a.link-navigation-active:visited {
 color: #fa7d00;
}
a.link-navigation-active:hover {
 text-decoration: none;
 color: #fa7d00;
}
a.link-navigation-active:active {
 color: #fa7d00;
}

.text-unternavigation{
color:#ffffff;
font-family: Arial,Helvetica,sans-serif;
font-size:1.1em;
font-weight: 600;
line-height:1.4em;
background: #bbbbbb;
margin: 0 0 5px 0;
padding: 2px 5px 2px 35px;
}
p.text-unternavigation{
margin: 0px;
}
a.link-unternavigation {
 text-decoration: none;
 color: #ffffff;
}
a.link-unternavigation:visited {
 color: #ffffff;
}
a.link-unternavigation:hover {
 text-decoration: none;
 color: #fa7d00;
}
a.link-unternavigation:active {
 color: #fa7d00;
}
a.link-unternavigation-active {
 text-decoration: none;
 color: #fa7d00;
}
a.link-unternavigation-active:visited {
 color: #fa7d00;
}
a.link-unternavigation-active:hover {
 text-decoration: none;
 color: #fa7d00;
}
a.link-unternavigation-active:active {
 color: #fa7d00;
}

a.link-brotkrumen {
 text-decoration: none;
 color: #ffffff;
}
a.link-brotkrumen:visited {
 color: #ffffff;
}
a.link-brotkrumen:hover {
 text-decoration: none;
 color: #ffffff;
}
a.link-brotkrumen:active {
 color: #ffffff;
}

.text-ueberschrift{
color:#222222;
font-family: Arial,Helvetica,sans-serif;
font-size:1.6em;
font-weight:400;
line-height:1.6em;
}
h2.text-ueberschrift{
margin: 0 0 0 0;
line-height:1.0em;
margin-bottom:0.6em;
}
h3.text-ueberschrift{
font-family: Arial,Helvetica,sans-serif;
color:#333333;
margin: 0 0 0 0;
font-size:1.0em;
line-height:1.2em;
margin-bottom:0.3em;
}


.text-normal{
color:#333333;
font-family: Arial,Helvetica,sans-serif;
font-size:1.1em;
font-weight:400;
line-height:1.6em;
}

p.text-normal{
margin: 0 0 2em 0;
}

.klein-normal{
color:#333333;
font-family: Arial,Helvetica,sans-serif;
font-size:0.9em;
font-weight:400;
line-height:1.6em;
}

.feld{
color:#333333;
font-family: Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:400;
line-height:1.6em;
}

.textarea{
color:#333333;
font-family: Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:400;
line-height:1.6em;
}

.brotkrumen-text-normal{
color: #ffffff;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.2em;
font-weight:600;
line-height: 1.4em;
padding: 0 2px 0 2px;
background: #fa7d00;
}

.navigation-border{

padding:0px 0 6px 0;
}
.navigation-border-abstand{

padding:3px 0 6px 0;
}

ul.liste{
margin:0 0 1.2em 20px;
}

ul.liste-p{
margin:-1.2em 0 1.2em 20px;
}

li.listenpunkt{
margin-bottom:2px;
font-family: Arial,Tahoma,Helvetica,sans-serif;
font-size:1em;
font-weight:400;
line-height:1.6em;
color:#333333;
}

.kommentar{
font-style:italic;
}

ul.liste-downloads{
margin:0 0 25px 20px;
}

/* Module */

.veranstaltungen-klein-normal{
color:#333333;
font-family: Arial,Helvetica,sans-serif;
font-size:0.9em;
font-weight:400;
line-height:1.6em;
width:150px;
border-bottom: 1px solid #222222;
}

.neuigkeiten-klein-normal{
color:#333333;
font-family: Arial,Helvetica,sans-serif;
font-size:0.9em;
font-weight:400;
line-height:1.6em;
width:150px;
border-bottom: 1px solid #222222;
}

.gaestebuch-top-text-normal{
color:#333333;
font-family: Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:400;
line-height:1.6em;
width:445px;
border-top: 1px solid #222222;
margin-top:20px;
}
.gaestebuch-bottom-text-normal{
color:#333333;
font-family: Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:400;
line-height:1.6em;
width:445px;
border-bottom: 1px solid #222222;
}

table.kalender{
width:219px;
font-size:1.1em;
font-weight:600;
font-family: Arial,Helvetica,sans-serif;
vertical-align:middle;
border-spacing:2px;
border:1px solid #222222;
padding:0px;
margin-top:10px;
}
table.kalender-wochentag{
width:219px;
font-size:1.1em;
font-weight:600;
font-family: Arial,Helvetica,sans-serif;
vertical-align:middle;
border-spacing:0px;
border:1px solid #222222;
padding:0 0 0px 0;
margin-top:10px;
}

td.kalender{
width:26px;
height:26px;
border:0;
text-align:center;
color:#222222;
padding:0px;
}
td.kalender a{
color:#222222;
text-decoration:none;
}

td.kalender-angezeigt{
width:24px;
height:24px;
border:1px solid #222222;
text-align:center;
color:#222222;
padding:0px;
}
td.kalender-angezeigt a{
color:#222222;
text-decoration:none;
}

td.kalender-tag{
width:26px;
height:26px;
border:0;
text-align:center;
color:#222222;
padding:0px;
}

td.kalender-wochentag{
width:30px;
height:23px;
border:0;
text-align:center;
color:#222222;
padding:0px;
}

td.kalender-uhrzeit{
width:60px;
height:29px;
border:0;
text-align:center;
color:#222222;
padding:0px;
}

td.kalender-teilbelegung{
width:26px;
height:26px;
border:0;
text-align:center;
color:#f7941d;
padding:0px;
}
td.kalender-teilbelegung a{
color:#f7941d;
text-decoration:none;
}

td.kalender-teilbelegung-angezeigt{
width:24px;
height:24px;
border:1px solid #222222;
text-align:center;
color:#f7941d;
padding:0px;
}
td.kalender-teilbelegung-angezeigt a{
color:#f7941d;
text-decoration:none;
}

td.kalender-vollbelegung{
width:26px;
height:26px;
border:0;
text-align:center;
color:#ff0000;
padding:0px;
}
td.kalender-vollbelegung a{
color:#ff0000;
text-decoration:none;
}

td.kalender-grau{
width:26px;
height:26px;
border:0;
text-align:center;
color:#aaaaaa;
padding:0px;
}
td.kalender-grau a{
color:#aaaaaa;
text-decoration:none;
}

th.kalender-head{
font-size:1.6em;
width:26px;
height:26px;
border:0;
text-align:center;
color:#222222;
padding:0px;
}
th.kalender-head a{
color:#222222;
text-decoration:none;
}
th.kalender-head-datum{
width:144px;
height:26px;
border:0;
text-align:center;
color:#222222;
padding:0px;
}

th.kalender-wochentag-head{
font-size:1.6em;
width:30px;
height:29px;
border:0;
text-align:center;
color:#222222;
padding:0px;
}
th.kalender-wochentag-head a{
color:#222222;
text-decoration:none;
}
th.kalender-wochentag-head-datum{
width:150px;
height:29px;
border:0;
text-align:center;
color:#222222;
padding:0px;
}

div.kalender-links{
margin:0 0 0 0;
text-align:center;
float:left;
width:225px;
}
div.kalender-rechts{
margin:0 0 0 230px;
width:225px;
}

td.hochseilgarten-belegt{
width:30px;
height:29px;
border:0;
text-align:center;
background-color:#222222;
}

td.haus-belegt{
width:30px;
height:29px;
border:0;
text-align:center;
background-color:#af8977;
}


.bilder-seitenanzeige {
margin-bottom:5px;
width:450px;
padding-right:10px;
border-bottom: 1px solid #222222;
text-align:right;
}

.bilder-galerie-seitenanzeige {
width:450px;
border-bottom: 1px solid #222222;
text-align:right;
margin-top:25px;
margin-bottom:15px;
}

.bilder-galerie-seitenanzeige-unten {
width:450px;
border-top: 1px solid #222222;
text-align:right;
margin-top:15px;
}

.bilder-wechsel{
font-size:1.3em;
font-weight:800;
font-family:Arial,Verdana,Helvetica,sans-serif;
}