/* Basis Elemente */

@import url(http://fonts.googleapis.com/css?family=Indie+Flower);
* {
margin:0;
padding:0;
}

html {
background:#E7E4E4;
}

body {
	
	color:#666865;

}
.gallery img {
	border: solid #A3131B 1px !important;
	margin-right:4px !important;
}

/* 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:#A3131B;
font:normal 24px 'Indie Flower', cursive,sans-serif;
margin:0 0 10px;
padding:0;

}

#inhalt h2 {
color:#A3131B;
font:bold 14px Arial,Verdana,sans-serif;
}

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

/* Bilder im Text allgemein; der Rahmen kann im System deaktiviert werden */
#inhalt img {
border:1px #fff 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:#A3131B;

}

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

/* 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 {


}

/* 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 {
z-index:999999;
position:relative;

}

/* im Logobereich eingefügtes Logo. Standard-Logo "Hier könnte ihr Logo stehen", kann im System durch eigenes Logo ersetz werden */
#logo_img {
z-index:999999;
position:relative;
}

/* Der "Container" umfasst "logo", "oben", "header", "inhalt", "unten", "navi" und "secondLevel" */
#container {
height:auto;
margin:0 auto 50px;
position:relative;
width:940px;
background: #ffffff;

}

/* Zusätzliche DIV, kann z.B. oberhalb vom Header positioniert werden */
#oben {

}



/* Bei Verwendung eines wechselnden Heiders: Standard-Hintergund definieren, der solange angesägt wird, bis der Bildwechsel startet */

#header {

	position:relative;
	top:100px;
	left:160px;
	height:401px;
	width:689px;
	background: url(hg_header.jpg) no-repeat top left;
	z-index:3;


}


#header_img {
	height:401px;
	width:689px;
	background-position: top left;
	background-color: transparent;
	background-repeat: no-repeat;
	z-index:3;
	position:relative;

}

#headerSlider {

}

/* ---------------------------------------------------------------- 
 Inhalts-Bereich */
.custom-extra1 {
	width: 220px;
	float:right;
	background-image:url(bg_right.gif);
	background-position: 0px 0px;	

} 
.custom-extra1 p {

	padding-left: 40px;
}
.custom-extra1 h1{

	padding-left: 40px !important;
}
.custom-extra2 {
width: 500px;
float:left;
margin-right: 20px !important;	
} 
.custom-extra3 {} 


#inhalt {
line-height:16px;
margin:90px 10px 0 !important;
padding-bottom:50px;
padding-left:124px;
text-align:justify;
}


#textHG {
background:transparent;
overflow:auto;
padding:0;
position:relative;
}

/* Text innerhalb von "Inhalt" */
#text {
float:left;
padding:8px 25px 25px;
	min-height:400px;
}

/* Footer */
#footer {
	
	left:0px;
	padding-top:0px;
	position:absolute;
	width:940px;
	background-image:url(footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #ffffff;
	
}

#footer p{
	

	font-size:11px !important;
}


#footer td {
width: 200px;

}





#footer table {
margin-left: 100px;
margin-top: 33px;

}

#footer a:link,#footer a:visited {
color:#A3131B;
padding:0;
font-size:11px !important;
text-decoration:none;

}

#footer a:hover,#footer a:active {
color:#A3131B;
font-weight: bold;
}

/* ---------------------------------------------------------------- 
*
 * 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 {
	font-size:12px;
	font-weight: bold;
	position:absolute;
	top:0px;
	text-align:right;
	width:100%;
	text-transform: uppercase;
	display:block;
	height:92px;
	background-image: url(bg_navi.jpg);
	z-index:3;
}

#navi ul {
float:left;
list-style:none outside none;
padding:0 0 10px;
width:100%;
margin-left:260px;

}

#navi li {
	float:left;
line-height: 40px;
	padding:55px 10px;

	

}

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

#navi a:hover, #navi ul #navi ul a:hover span {
	color: #fff;
	font-weight: bold;
	border-top: solid #A3131C 2px;	
	margin-top:-2px;
	
}
		
/* Aktuell ausgewähle Seite */
#navi ul li a#navaktuell {
	color: #fff;
	font-weight: bold;
	border-top: solid #A3131C 2px;
		margin-top:-2px;	
}

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

/* 2. Ebene */

#secondLevel {
font-size:12px;
position:absolute;
top:270px;
width:160px;
}

#navipunkte2 ul li {
line-height:18px;
margin:0;
padding:2px 0;
text-transform:uppercase;


}

#navipunkte2 ul li a {
	padding:2px 10px;
	text-decoration:none;
	background-image: url(sub.jpg);
color: #A3131C;
display:block;
min-width: 125px;

}

#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:#fff;
	font-weight: bold;
	background-image: url(sub_hover.jpg);
	min-width: 125px;
}



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