/* Basis Elemente */
* {
margin:0;
padding:0;
}

html {
background:#FFF url(hg_body.gif);
}

body {
border-top:5px solid #000;
color:#000000;
}

/* Text-Formatierungen */
#inhalt p,#inhalt ul,#inhalt ol,#inhalt td,#inhalt th {
font-size:13px;
line-height:18px;
margin:5px 0;
text-align:justify;
}

#inhalt h1 {
color:#511314;
font:normal 24px Arial,Verdana,sans-serif;
margin:0 0 10px;
padding:0;
text-transform:uppercase;
}

#inhalt h2 {
color:#511314;
font:normal 16px Arial,Verdana,sans-serif;
padding-top:10px;
}

#inhalt h3 {
color:#511314;
font:normal 1.2em Arial,Verdana,sans-serif;
padding-top:12px;
}

/* Bilder im Text allgemein; der Rahmen kann im System deaktiviert werden */
#inhalt img {
border:1px #D2D2D2 solid;
padding:1px;
}

/* links bzw. rechts im Text eingefügte Bilder */
#inhalt img.left {
float:left;
margin:10px 10px 0 0;
}

#inhalt img.right {
float:right;
margin:10px 0 0 10px;
}

/* für die Bilder, die linksbündig vor einer Aufzählung liegen */
#inhalt span.left {
margin-top:0;
}

/* Links: unbesucht, besuchte */
#inhalt a:link,#inhalt a:visited {
color:#666865;
text-decoration:underline;
}

/* Links: beim überfahren mit der Maus, beim Klick */
#inhalt a:hover,#inhalt a:active {
color:#666;
text-decoration:none;
}

/* Listen */
#inhalt ul {
list-style-position:inside;
list-style-type:square;
}

#inhalt li {
margin-top:5px;
padding:0;
}

#inhalt ol {
list-style-position:inside;
list-style-type:dezimal;
}

/* ---------------------------------------------------------------- 
 Tabellen. Rahmen kann im System deaktiviert werden */
#inhalt table {
border-collapse:collapse;
margin:10px 0 10px 5px;
text-align:left;
}

#inhalt th {
border:1px #D2D2D2 solid;
font-weight:700;
padding:2px;
}

#inhalt td {
border:1px #D2D2D2 solid;
padding:2px;
}

/* Button für das Kontaktformular */
#inhalt .contactform button {
color:#511314;
font:normal 1.1em Arial,Verdana,sans-serif;
}

#contactForm {
border-color:#511314;
}

/* ---------------------------------------------------------------- 
 Logo-Bereich */
#logo {
height:100px;
position:absolute;
top:0;
width:445px;
}

/* im Logobereich eingefügtes Logo. Standard-Logo "Hier könnte ihr Logo stehen", kann im System durch eigenes Logo ersetz werden */
#logo_img {
background:url(../images/logo_weiss.gif) no-repeat top left;
height:110px;
width:455px;
}

/* Der "Container" umfasst "logo", "oben", "header", "inhalt", "unten", "navi" und "secondLevel" */
#container {
background:none repeat scroll 0 0 #FFF;
height:auto;
margin:0 auto 50px;
position:relative;
width:990px;
}

/* Zusätzliche DIV, kann z.B. oberhalb vom Header positioniert werden */
#oben {
height:165px;
width:100%;
}

#secondLevel {
font-size:14px;
position:absolute;
top:570px;
width:320px;
}

#navipunkte2 ul li {
border-bottom:1px solid #eaeaea;
line-height:25px;
margin:0;
padding:5px 0;
text-transform:uppercase;
}

#navipunkte2 ul li a {
color:#000000;
padding:5px 10px;
text-decoration:none;
}

/* Bei Verwendung eines wechselnden Heiders: Standard-Hintergund definieren, der solange angesägt wird, bis der Bildwechsel startet */
#header {
background:url("hg_header.jpg") no-repeat scroll center top transparent;
height:330px;
margin:0 0 0 10px;
width:970px;
}

/* Header-Grafik innerhalb des Headerbereichs */
#header_img {
background-color:transparent;
background-position:top right;
background-repeat:no-repeat;
height:330px;
width:970px;
}

#headerSlider {
height:330px;
width:650px;
}

/* ---------------------------------------------------------------- 
 Inhalts-Bereich */
#inhalt {
border-top:1px solid #EAEAEA;
line-height:16px;
margin:50px 10px 0;
padding-bottom:50px;

padding-top:25px;
text-align:justify;
}

#textHG {
background:transparent url(hg_inhalt.gif) repeat-y top left;
overflow:auto;
padding:0;
position:relative;
}

/* Text innerhalb von "Inhalt" */
#text {
float:left;
padding:8px 250px 25px;
}

/* Footer */
#footer {
border-top:1px solid #D2D2D2;
font-size:10px;
left:10px;
padding-top:5px;
position:absolute;
width:970px;
}

#footer p {
color:#000000;
font-size:1.1em;
text-align:right;
}

#footer a:link,#footer a:visited {
color:#999;
padding:0;
text-decoration:underline;
}

#footer a:hover,#footer a:active {
color:#6f0804;
text-decoration:underline;
}

/* ---------------------------------------------------------------- 
*
 * Navigation: Erste Ebene (z.B. horizontal)
 * Diese Ebene enthält eine kombinierte verschachtelte Navigation, wenn Template 1 ausgewählt ist.
 * Wenn Template 2 ausgewählt ist, ist nur die oberste Navigationsebene enthalten.
 */
#navi {
background:transparent;
font-size:14px;
position:absolute;
text-align:left;
top:115px;
width:100%;
}

#navi ul {
border-bottom:1px solid #eaeaea;
float:left;
list-style:none outside none;
padding:0 0 10px;
width:100%;
}

#navi li {
float:left;
letter-spacing:0.05em;
line-height:25px;
margin:0 20px;
text-transform:uppercase;
}

#navi a,#navi a:link,#navi a:visited {
color:#999;
margin:0;
padding:0;
text-decoration:none;
}

#navi a:hover, #navi ul #navi ul a:hover span {
color: #fff;
}
		
/* Aktuell ausgewähle Seite */
#navi ul li a#navaktuell {
	color: #fff;
}

#navi a:hover,#navi ul #navi ul a:hover span,#navi ul li a#navaktuell {
color:#6f0804;
}

/* 2. Ebene */
#navi ul li#navaktuell ul {
display:block;
}

#navi ul ul {
display:none;
margin:0;
padding:0 0 5px;
}

#navi ul li ul li {
padding:0 0 0 15px;
text-align:left;
}

#navipunkte2 ul,#navi #navi2 {
margin:0 10px;
}

#navipunkte2 ul li a:hover, #navipunkte2 ul li a#navaktuell {
color:#6f0804;
}



/* Größe eines Vorschaubildes im Format "großes Quadrat" */
div.gallery.format_xl img {
margin:0 2% 2% 0;
width:47%;
}

/* Größe eines Hochformat-Vorschaubildes mit Untertitel */
#inhalt div.gallery.hasSubtitle.format_hf a {
width:12.4%;
}

#inhalt div.gallery.hasSubtitle.format_qf a {
width:19.9%;
}

/* Größe des Bildes bei Mouse Over (Lupeneffekt) */
#hoverThumbnail img {
height:auto;
width:322px;
}

/* ---------------------------------------------------------------- 
*
 * Belegungs-Kalener
 * (ist per Default schon so definiert, muss nur bei Abweichungen angepasst werden)
 
 vollständiges Kalenderjahre */
#text .calendar {
clear:both;
height:620px;
margin:1em 0;
}

/* Einzelner Kalendermonats */
#text .calTable {
border:1px solid #CCC;
border-collapse:collapse;
border-spacing:0;
margin:0;
width:165px;
}

#text .calTableDiv {
float:left;
height:185px;
margin:10px 15px 0 0;
}

#text .calTable td,#text .calTable th {
background:none repeat scroll 0 0;
border:1px solid #DFDFDF;
color:#333;
padding:2px 1px 3px;
text-align:center;
width:21px;
}

/* Tabellen-Titel für Monatsname und Wochentage */
#text .calTable th.cell-header {
color:#0D2A6F;
white-space:nowrap;
}

/* Tabellen-Titel für Wochentage des Wochenendes */
#text .calTable td.cell-weekend {
color:#898;
}

/* Markierung des aktuellen Tages */
#text .calTable td.today {
font-weight:700;
}

/* Belegtes Datum */
#text .calTable td.belegt {
background:none repeat scroll 0 0 #EBB;
}

/* Erstes belegtes Datum eines mehrtägigen Termins */
#text .calTable td.belegt.start {
background:url("/img/hg_cal_start.gif") no-repeat scroll center center transparent;
}

/* Letztes belegtes Datum eines mehrtägigen Termins */
#text .calTable td.belegt.ende {
background:url("/img/hg_cal_ende.gif") no-repeat scroll center center transparent;
}

/* Datum, das gleichzeitig Ende eines mehrtägigen Termins und Beginn eines Tarauf folgenden Mehrtägigen Termins ist */
#text .calTable td.belegt.start.ende {
background:url("/img/hg_cal_start_ende.gif") no-repeat scroll center center transparent;
}

/* Tabellenzelle eines Tages */
#text .calTable td.default {
background:none repeat scroll 0 0 #E2F2DD;
}

/* Datum, das als "Nicht verfügbar" markiert ist */
#text .calTable td.nicht-verfuegbar {
background:none repeat scroll 0 0 #DDD;
color:#999;
}

div.gallery.format_l img,div.gallery.format_qf img,div.gallery.format_hf img {
margin:0 2% 2% 0;
width:22%;
}