/* -- Allgemeines -- */
body {
	color: black;
	margin: 0;
	padding: 1%;
	font-size: 100.01%;
	font-family: verdana, arial, sans-serif;
	background-color: #5C5C5C;
}
a { /* Alle unbesuchten Links bekommen eine leicht bläuliche Farbe und werden unterstrichen, damit man Sie gleich im Text erkennt. */
	color: #C86400;
	text-decoration: none;
} 
a:visited { /* Besuchte Links werden schwarz, bleiben dennoch unterstrichen. Somit erkennt man wo man sich schon befunden hat. */
	color: #C86400;
} 
h1, h2, h3, h4, h5, h6 {
	color: #9F9F9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 { /* unbenutzt */
	font-size: 2em;
	line-height: 0.8em;
	padding: 20px 0 5px 0;
	margin: 0;
	/* border-bottom: 1px dashed #aaa; */
	border-bottom-style: dashed;
	border-bottom-width: thin;
	border-bottom-color: #aaa;
}
h2 { /* Überschrift im Contentbereich */
	color: #2F2F2F;
	font-size: 12px;
	padding: 0px 0px 5px 0px;
	margin: 0;
	font-weight: bold;
}
h3 { /* unbenutzt */
	font-size: 0.8em;
	padding: 0 0 0 0;
	margin: 0;
	font-weight: normal;
	text-align: center;
	color: #9f9f9f;
}
h4 { /* unbenutzt */
	color: #000000;
	font-size: 0.9em;
	margin: 0;
	font-weight: normal;
}
h5 { /* unbenutzt */
	color: #000000;
	font-size: 0.85em;
	margin: 0;
	font-weight: normal;
	line-height: 1.15em;
}
h6 { /* unbenutzt */
	font-size: 1.2em;
	color: #9f9f9f;
	margin: 0;
	font-weight: bold;
	padding: 0.5em 0 0.5em 0;
	/*border-top: 1px dotted;
	border-top-color: #D9D9D9;*/
}
img {
 border: 0px;
 /*padding: 4px 0 0 0;*/
}
.fleft { /* Bild steht links, Text rechts */
 float: left;
 margin: 0px 10px 0px 0px;
}
.fright { /* Bild steht rechts, Text links */
 float: right;
 margin: 0px 0px 0px 10px;
}

/* -- Layoutspezifisches -- */
#container { /* Ist dafür gedacht dass die viele Formatierungen einfacher werden, und auch ein gemeinsammer Rand entstehen kann, der nicht ganz außen am Fenster ist. */
 font-size: 12px;
 /*height: 475px;*/
 width: 775px;
 margin: auto; /* Hiermit zentrieren wir unsere Seite */
 border: 10px solid #3F3F3F; /* Rahmen 10px */
 border-top: 0; /* Oben kein Rand */
 border-bottom: 0; /* Unten kein Rand */
}
/* - Menü - */
#header {
	height: 38px;
	padding: 7px 0px 0px 0px;
	margin: 0;
	text-align: left;
	color: #CCCCCC;
	background-color: #3F3F3F;
	background-image: url(img/head_logo.jpg);
	position: relative;
}
/* - Der Hauptinhaltsbereich - */
#content {
	height: 340px;
	text-align: left;
	padding: 35px 35px 0px 35px;
	/*line-height: 54px;*/
	font-size: 12px;
	/*letter-spacing: -3px;*/
	margin: 0;
	background-color: #E2E2E2;
}
/* - Der Galerie- und Kalenderbereich - */
#galerie {
	height: 325px;
	overflow: hidden;
	padding: 50px 0px 0px 0px;
	font-size: 11px;
	background-color: #3F3F3F;
	color: #999999;
}
/* - Footer - */
#footer {
	height: 42px;
	padding: 10px 0px 0px 0px;
	margin: 0;
	color: #CCCCCC;
	background-color: #3F3F3F;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	position: relative;
}
/* Einbindung des Footer-Image für die Menübereiche */
.ftaktuell  {background-image: url(img/footer_aktuell.gif);}
.ftgalerie  {background-image: url(img/footer_galerie.gif);}
.ftkontakt  {background-image: url(img/footer_kontakt.gif);}
.ftkalender {background-image: url(img/footer_kalender.gif);}
/* Oberste Menuleiste */
#mainmenu {
	margin: 0;
	text-align: left;
	border-left: 1px solid #CCCCCC;
	padding: 0px 4px 0px 8px;
	color: #CCCCCC;
	font-size: 12px;
	position: absolute;
 	top: 10px;
 	width: 100px;
 	height: 15px;
 	z-index:10;
	/*background-color: #3F3F3F;*/
}
#mainmenu a {
 color: #CCCCCC; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
 text-decoration: none;
}
#mainmenu a:hover{
 color: #D37F41; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. F28E00*/
 text-decoration: none;
}
/* Positionierung Mainmenu */
.mm01 {left:0px;}
.mm02 {left:56px;}
.mm03 {left:112px;}
.mm04 {left:188px;}
.mm05 {left:280px;}
/* Oberes Untermenu */
#submenu {
	padding: 2px 0px 0px 0px; /* wegen Safari einen weniger als bei Liste*/
	margin: 0;
	text-align: left;
	color: #999999;
}
#submenu li {
	font-size: 12px;
	display: inline;
	list-style-type: none;
	border-left: 1px solid #999999;
	padding: 3px 4px 0px 8px;
}
#submenu li a {
 color: #999999; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
 text-decoration: none;
}
#submenu li a:hover{
 color: #D37F41; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. F28E00*/
 text-decoration: none;
}
/* Positionierung Menu Galerie */
.gm01 {left:0px;}
.gm02 {left:24px;}
.gm03 {left:48px;}
.gm04 {left:72px;}
.gm05 {left:96px;}
.gm06 {left:120px;}
.gm07 {left:144px;}
.gm08 {left:168px;}
.gm09 {left:192px;}
.gm10 {left:216px;}
.gm11 {left:248px;}
.gm12 {left:280px;}
.gm13 {left:312px;}
.gm14 {left:344px;}
.gm15 {left:376px;}
/* Positionierung Menu Kalender */
.km00 {left:0px;}
.km01 {left:41px;}
.km02 {left:76px;}
.km03 {left:114px;}
.km04 {left:152px;}
.km05 {left:188px;}
.km06 {left:224px;}
.km07 {left:260px;}
.km08 {left:294px;}
.km09 {left:334px;}
.km10 {left:372px;}
.km11 {left:410px;}
.km12 {left:449px;}
/* Texteinblendung zu den Bildern */
#footertitel {
 position: absolute;
 top: 25px;
 width: 350px;
 height: 15px;
 z-index:11;
 font-size: 12px;
 padding: 2px 0px 0px 8px;
 margin: 0;
 text-align: left;
 border-left: 1px solid #CCCCCC;
 color: #D37F41;
}