/*ACHTUNG: 

Das IE7.js/IE8.js-Skript (um Darstellungsprobleme beim IE6 zu umgehen) hat Schwierigekleiten mit Umlauten in CSS-Dateien, AUCH IN DEN KOMMENTAREN!!! Die typische Fehlermeldung in der Javascript-Konsole lautet: "style ist null oder kein Objekt" 

Ansonsten:
Die Schrift Lucida NIE benutzen, sie rendert stark unterschiedlich
"floated"-Divs muessen ein display:inline und overflow:hidden notiert haben
Container, die Floatende Divs enthalten, muessen overflow:auto und eine width und/oder height-Angabe haben

*/

/* RESET fuer alle Abstaende etc: */
@import"reset.css";

body{
	background: url(../m/bg_seite.jpg) repeat-x #FFF;	
}
/* Wichtige Farben
Name Farbe 1 		= #
Name Farbe 2		= #
*/


body, html, p, div, td, input, textarea, select, h1, h2, h3, h4, h5, h6, ul, ol{
    /* font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif; */
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.5em;
	margin:0;
	padding:0;
}
p, #s2 div, #s3 div, #s2 td, #s3  td, h1, h2, h3, h4, h5, h6, table, #s2 ul, #s2 ol, #s3 ul, #s3 ol{
    margin-bottom:10px;
}

/* Bug im IE:  Inputfelder haben immer einen Margin oben*/
input { margin:-1px 0; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px 0; }      /* targets IE7 */

/* Hier allgemeingültige Formatierungen */
a {
   color:#9DB0BA;
}
#s3 a , #s1 a, .csc-frame-frame1 a{
   color:#000;
}
#s2 ol, #s3 ol{
	margin-left:15px;
} 
#s2 ul li, #s3 ul li{
	background:url(../m/li-dot.gif) no-repeat left 0.7em;
	padding-left:10px;
}
#s2 ul ul, #s3 ul ul{
	margin-bottom:0;
}
hr {
	background-color:#B9C8D0;
	border:none;
	height:1px;
}
h2, #s2 h2.uebersicht{
	font-size:14px;
	text-transform:uppercase;
}
#s2 h2{
	font-size:16px;
}
h3{
	margin:0;
}
th{
	background:#CCC;
}
.tx-flseositemap-pi1 li{
	line-height:25px;
}
#s2 .tx-flseositemap-pi1 li{
	background:url(../m/li-dot.gif) no-repeat left 0.9em;
}

/* Beginn CLEAR-Problematik */
	/* Oft ist das Clearen gar nicht noetig: Man kann dem umgebenden Container ein "overflow:auto;" oder auch ein "overflow:hidden;" geben und eine Breitenangabe. Floatende Divs benoetigen eine Breitenangabe, "diplay:inline" und "overflow:hidden;". Das Layout muss bei Anwendung bitte in den verschiedenen Browsern getestet werden. */
	.cl{
		clear:both;
		height:0;
		font-size:1px;
		line-height:1px;
		overflow:hidden;
	}
	/* ALTERNATIV kann auch dem umgebenden Container die Klasse .clearfix migeben, die nachfolgend definiert ist. */
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {display:inline-block;	}
	/* Hide from IE Mac \*/
		.clearfix {display:block;}
	/* End hide from IE Mac */
	/*Angabe fuer IE6*/
	* html .clearfix{height:1px;}
	/*Ende Angabe fuer IE6*/
/* Ende CLEAR-Problematik */

/* Klasse sinnvoll bei Dingen, die beispielsweise nur im Drucklayout abgezeigt werden sollen */
.inv{
	display:none;
}


/* Sektionsweite Formatierungen */
.floatklammer{
	overflow:auto;	
}
.floatleft{
	float:left;
	display:inline;
	overflow:hidden;
	min-height:1px;
}
#komplettrahmen{
	width:919px;
	margin:15px auto 40px auto;
}
#hauptteil{
	background:url(../m/bg_komplettrahmen.png);
	min-height:500px;
	padding:5px 15px;
	position:relative;
}
#suche{
	position:absolute;
	left:15px;
	top:12px;
	padding:0;
	width:197px;
	height:21px;
	background: url(../m/bg_suche.png) no-repeat;
}
#kopfzeile{
	height:127px;
	width:889px;
	overflow:hidden;
}
#ks1{
	width:670px;
}
#ks2{
	width:219px;
}
#hauptmenue{
	height:36px;
	overflow:hidden;
	background:url(../m/bg_hauptmenue.jpg) no-repeat left bottom;
}
#hauptmenue li{
	float:left;	
	text-align:center;
	
}
#hauptmenue a{
	display:block;	
	height:21px;
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
	color:#515255;
	font-weight:bold;
	margin-top:9px;
	padding-top:6px;
}
#hauptmenue a:hover{
	background: url(../m/hauptmenue_a_hover.gif) no-repeat #d3dde4;	
}
#hauptmenue .on a{
	background: url(../m/bg_hauptmenue_highlight.jpg);
}
.hm1{
	width:112px;
}
.hm2{
	width:143px;	
}
.hm3{
	width:114px;	
}
.hm4{
	width:94px;	
}
.hm5{
	width:106px;
}
.hm6{
	width:100px;
}
.hm7{
	width:100px;
}
.hm8{
	width:120px;
}
#zwischenzeile{
	background:url(../m/bg_zwischenzeile_rot.gif) no-repeat;
	height:35px;
}
#inhaltsklammer{
	width:889px;
	background:url(../m/bg_inhalt.jpg) no-repeat #fff;
	min-height:473px;
}
#slogan_bottom{
	position:absolute;
	bottom:10px;
	right:35px;
}
#s1{
	width:225px;
}
#menue_links{
	background:url(../m/bg_s1.gif) repeat-y;
	/*min-height:350px;*/
	padding:28px 27px 10px 0px;
}
#menue_links ul, #menue_links ol{
	line-height:normal;
}
#menue_links li{
	padding-left:10px;
}
#menue_links a:hover{
	background-color: #c4cbd6;
}
#menue_links .on{
	background: url(../m/bg_e2_on.gif);
}
#menue_links .on a:hover{
	background:none;
}
#menue_links .on li a:hover{
	background:#c4cbd6;
}
#menue_links .e3{
	margin-left:-10px;
	background:#CAD7DD;
}
#menue_links .e3 li{
	padding-left:25px;
}
#menue_links .e3 .cur{
	background:url(../m/dot.gif) no-repeat 10px 8px;
}
#menue_links .e4{
	margin-left:-25px;
	background:#CAD7DD;
}
#menue_links .e4 li{
	padding-left:40px;
}
#menue_links .e4 .cur{
	background-position:25px 6px;
}
#menue_links .e5{
	margin-left:-40px;
	background:#CAD7DD;
}
#menue_links .e5 li{
	padding-left:55px;
}
#menue_links .e5 .cur{
	background-position:40px 6px;
}

#menue_links a{
	padding:5px 0;
	border-bottom:1px solid #a1aeb8;
}
#menue_links .last a{
	border-bottom:0px solid #a1aeb8;
}
#menue_links li a{
	text-transform:uppercase;
	color:#515255;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	display:block;
}
#menue_links ul ul a{
	text-transform:none;
}
#fusszeile{
	height:24px;
	line-height:24px;
	margin-bottom:5px;
	padding-left:10px;
}
#fusszeile, #fusszeile a{
	font-size:11px;
	color:#9DB0BA;
}
#fusszeile a{
	margin:0 3px;
	text-decoration:none;
}
#s2{
	width:641px;
	padding-bottom:50px;
	margin-right:13px;
	margin-top:28px;
	padding-left:10px
}
#s3{
	width:181px;
	margin-top:28px;
	padding:0 15px 50px 15px;
	display:none;
}

#s3 h2, #s1 h2, #s3 h3, #s1 h3, h2.uebersicht{
	margin:0;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:10px;
	background: url(../m/bg_s3_h_rot.jpg) repeat-x #e10020;
	color:#FFF;
	padding:5px 15px;
	text-transform:uppercase;
}
#s3 h3, #s1 h3{
	font-size:13px;
	padding:1px 15px;
}
h2.uebersicht{
	margin:0;
	background: url(../m/bg_s3_h_graublau.jpg) repeat-x #748E9B;
	color:#FFF;
	padding:5px 15px;
	text-transform:uppercase;
}

.csc-frame-frame1{
	background:#ECF2F5;
	padding: 0 15px 10px 15px;
}
.csc-frame-frame1 h2.uebersicht{
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:10px;
}
/* Indexed Search */
.tx-indexedsearch-searchbox{
	display:none;
}
/* TT_NEWS */
.news-latest-container p{
	margin-bottom:0;
}
.news-latest-morelink{
	text-align:right;
}
.news-latest-date,#s2 .news-single-timedata{
	color:#E20020;
	margin-bottom:3px;
}
 .news-single-imgcaption{
	font-size:11px;
	color:#000;
	line-height:normal;
}
#s2 .news-single-img{
	float:right;
	margin: 0 0 0 10px;
}
/* Mailform */
.csc-mailform-field{
}
.csc-mailform-field label{
	float:left;
	width:150px;
	display:inline;
	font-weight:bold;
}
.mf-text, .mf-input{
	width:350px;
}
.csc-mailform-radio legend{
	display:none;
}
.csc-mailform-radio label{
	width:auto;
	float:none;
}
.csc-mailform-radio fieldset{
	overflow:hidden;
}
.mf-radio{
	margin-right:10px;
}
.mf-submit{
	margin-left:150px;
}
/* RTE */
table.zellenabstand td, table.zellenabstand th{
	padding:3px;
}
table.zellenabstand_rechts td{
	padding-right:9px;
}
td.zellenabstand_rechts{
	padding-right:9px;
}
.klein{
	font-size:11px;
}
.mini{
	font-size:10px;
}
.abstand_oben{
	padding-top:10px;
}
.indent{
	margin-left:15px;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
/*tx-3sbathseventplan-pi1*/
.bath_name{
	font-size:20px;
}
.event_name{
	font-weight:bold;
	color:#000;
}
.date{
	border:1px solid #E9F0F6;
	padding:20px;
}
.date .ident, .date .date, .date .beginning, .date .duration, .date .cost, .date .num_attendees, .date .chief, .date .details{
	overflow:auto;
	width:600px;
}
.select{
	overflow:auto;
	width:200px;
	line-height:30px;
}
.select label{
	float:left;
	display:inline;
	overflow:hidden;
	padding:0 8px 0 0;
}
.date .date{
	padding:0;
	border:none;
	overflow:auto;
}
.label{
	font-weight:bold;
}
#s2 .tx-3sbathseventplan-pi1 .date .label{
	margin-bottom:0;
}
.date .content{
	margin-bottom:0;
	float:left;
	display:inline;
	overflow:hidden;
}
#s2 .date .content{
	margin-bottom:0;
}
#s2 .date .label{
	margin-bottom:0;
	float:left;
	display:inline;
	overflow:hidden;
	padding:0 10px 0 0;
}
.registration a{
	background: #C9DAE2;
	padding:5px 8px 5px 8px;
	color:#515255;
	font-weight:bold;
	border:1px solid #E4EEF0;
	text-decoration:none;
}
.tx-3sbathseventplan-pi2 form{
	width:599px;
	padding:20px;
	border:1px solid #E9F0F6; 
}
.tx-3sbathseventplan-pi2 .input{
	width:200px; 
}
.tx-3sbathseventplan-pi2 .input label{
	width:210px; 
	overflow:hidden;
}
.tx-3sbathseventplan-pi2 .input input{
	width:210px; 
}
.tx-3sbathseventplan-pi2 .select select{
	float:left;
	display:inline;
	overflow:hidden;
}

/*tx-3sbathseventplan-pi1 NEU TABELLE*/
.dates{
	border-collapse:collapse; 
	margin-bottom:40px;
	width:100%;
}
.dates th, .dates td{
	padding:5px;
	border:1px solid #CCC;
	vertical-align:middle;
}
.dates th {
	background:#CCC;
	
}
.dates th.light {
	width:7%;
}
.dates th.ident {
	width:10%;
}
.dates th.date {
	width:20%;
}
.dates th.beginning {
	width:16%;
}
.dates th.duration {
	width:20%;
}
.dates th.cost {
	width:15%; 
}
.dates th.registration {
	width:12%; 
}

.tx-indexedsearch-browsebox .browsebox{
	overflow:auto;
}
.tx-indexedsearch-browsebox .browsebox li{
	float:left;
	padding:0 5px!important;
	list-style-type:none!important;
	background:none!important;
}