@charset "utf-8";
html{
height:101%;	
}
.twoColFixRtHdr #container #header img {
	margin: 0px;
	padding: 0px;
}


*
{
	margin:0;
	padding:0;
}
.invisible {
	display:none;
}
body   { color: #000000; font: 12px/16px Trebuchet, Arial, Helvetica, sans-serif; background: #d8eeff; text-align: center; margin: 0; padding: 0 }
#buchung .col_1{
	
	padding-bottom:10px;
	padding-left:10px;
}
#buchung .txtarea{
	
height:75px;
width:225px;
margin-top:20px;
	
}
#buchung .explanation{
	font-size:10px;
	padding-left:128px;
	
}

.twoColFixRtHdr #container {
	width: 827px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 7px solid #FFFFFF;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	margin-top: 10px;
} 
.twoColFixRtHdr #header  { background: #ffffff; padding: 0 0; position: relative; height: 150px } 
.twoColFixRtHdr #header h1  { margin: 0; padding: 10px 0 }
.twoColFixRtHdr #right {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 400px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0px 10px;
	text-align: left;
}
.twoColFixRtHdr #right h1 { color: #0199d5; font-size: 16px; line-height: 20px; padding-bottom: 10px }

.twoColFixRtHdr #right h2 { color: #0199d5; font-size: 14px; line-height: 16px; padding-top: 10px; padding-bottom: 5px }

#container #main h1  { color: #0199d5; font-size: 16px; line-height: 20px; padding-bottom: 10px }

#container #main h2  { color: #0199d5; font-size: 14px; line-height: 16px; padding-top: 10px; padding-bottom: 5px }

#container #main .mod_eventlist .event h2 a {
	font-size: 14px;
}

.twoColFixRtHdr #main  { margin: 55px 450px 0 0; padding: 0 10px } 
.twoColFixRtHdr #footer {
	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#FFFFFF;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#container #main .ce_text.block p{
margin-bottom:6px;

}
#container #right .ce_text.block p{
margin-bottom:6px;

}
#container #main LI{
margin-left:15px;	/**Abstand Aufzählungszeichen von links **/
}

#container #right LI{
margin-left:15px;	/**Abstand Aufzählungszeichen von links **/
}
#container img{
margin-right:15px;
border:0;
}

#container #right img{
float:left;	
}

#container #main img{
float:left;	
}

#container .bg_hellblau{
	display:block;
background-color:#e2f4f4;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}

#container #main .mod_eventlist .bg_hellblau{
	display:block;
background-color:#e2f4f4;
padding:0px 10px 0px 10px;
margin-top:2px;
margin-bottom:2px;
}



#container .startimg{
	
	
	
}
#container #main .startimg img{
float:none;
}
#container #header #logo { color: #767676; text-align: right; display: block; position: absolute; top: 0; right: 0 }
#container #header #logo #greenstyle   { color: #00b5ff; font-weight: bold; text-align: right }
#greenstyle  { font-size: 25px; line-height: 25px; margin-left: 10px; height: 27px }
.date, .day
{
   top:-7px;
   position:relative;
   font-weight: bold;
}
#container #main .mod_eventlist p.teaser
{
	margin-top: -5px;
}
#container #right .mod_eventreader .event p
{
   display:block;
   margin: 5px 0px 5px 0px;
}
#container #right .mod_eventreader .event p.info
{
   font-weight: bold; 
}
#container #right .ce_form .radio_container span
{
	display:block;
}
#container #main .mod_eventlist > h2
{
    font-size: 16px;
}