/* ====================================================== */
/* ================== Aufbau generell =================== */
/* ====================================================== */
* {
	margin: 0;
	padding: 0;
}
	
body{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align:center;
}

#schatten_rechts{
	width:918px;
	margin:0 auto 40px auto;
	padding:0px;
	background: url('/bilderLayout/schatten_rechts.jpg') no-repeat top right;

}

#schatten_links{
	margin:0 13px 0 0;
	width:905px;
	padding:0px;
	background: url('/bilderLayout/schatten_links.jpg') no-repeat top left;		
	
}

#huelle{
	margin:0 0 0 13px;
	padding:0px;
	width:892px;
	text-align:left;
}






#kopf, #kopfbild{
	height:215px;
	width:892px;
	clear:both;
	margin:0px;
	padding:0px;
}

#hauptbereich {
	margin:0;
	padding:0px;
	width:892px;	
	border:0px;
	clear:both;
}


/* ====================================================== */
/* ===== Breitenangaben generell mit/ohne Container ===== */
/* ====================================================== */

		/* MIT Containern */
		
		#spalte-links {
			width:200px;
			padding:0px;
			margin:0px;
			
		}
		#inhalt {
			width:492px;
			padding:0px;
			margin:0px;	
			overflow:hidden;
		
		
		}
		#spalte-rechts {	
			width:200px;	
			padding:0px;
			margin:0px;
			overflow:hidden;
			
			
		}

/* ====================================================== */


#titelleiste{
	padding:0px;
	margin:0px;
	height:27px !important;
	background:#ececec;
}







/* ====================================================== */
/* Suchmaske */
/* ====================================================== */
#suchmaske {
	padding:15px 0px 10px 0px;
}
#suchmaske form {
	margin:0 10px 0 23px;
	padding:0px;
}

#suchfeld {
	width:120px;
	height:19px;
	border:none;
	background: url('/bilderLayout/suche_hintergrund.jpg') no-repeat top left;
	color:#9A9DB4;
	font-size: .9em;
	padding: 4px;
	margin:0px;
}

#suchmaske_senden{
	margin:0px;
	padding:0px;
	position:relative;
	
		top:-5px;
		left:-1px;
	
}

#suchfeld, #senden {
	vertical-align: bottom;
}
/* ====================================================== */


/* ====================================================== */
/* ======================= Untermenue =================== */
/* ====================================================== */
#untermenu { 
	height:auto;
	margin:24px 0 200px 0;
}
#untermenu ul {
	margin:0;
	padding-left: 0;
	list-style-type: none;
	
}
#untermenu li {
	margin:0;
	display:inline;
}	


#untermenu li.abstand_in_navi {
	margin:0;
	display:block;
	height:1.6em;
}

#untermenu a {
	display: block;
	padding: 3px;
	margin:0;
	font-weight:bold;
}
/* === Abstaende === */

#platzhalter_navi{
	height:60px;
	border:none;
}

/* erste Ebene */
.erste_ebene, .erste_ebene_active {
	padding-left:23px !important;
	font-weight:bold;
}
/* zweite Ebene */
.zweite_ebene, .zweite_ebene_active {
	padding-left:33px !important;
}
/* dritte Ebene */
.dritte_ebene, .dritte_ebene_active {
	padding-left:41px !important;
}
#untermenu a:link, .navlist a:visited {
	text-decoration: none;
	margin:0;
}
/* ====================================================== */




.pfadleiste{
	height:27px !important;
	margin:0px;
	padding:0px;
	font-size:10px;
	overflow:hidden;
}

.pfadleiste p {
	margin: 0px 30px !important;
	padding: 5px 0 !important;
}




#container-gesamt{
	margin:0 0 30px 0;
	padding:0;
	border:none;
	
	
}
.containerleiste{
	height:27px !important;
	margin:0px;
	padding:0px;
	background:#ececec;
}
.container{
	width:200px;
	margin:0px;
	padding:0px;
}
.container_innen {
	width:160px;
	overflow:hidden;
	margin:0px 20px;
	padding:0px;
	font-size:10px;
	
}


#footer {
	width:892px;
	padding:0px;
	clear:both;
	margin:0px;
	float:left;
	height:74px;
}

#footer_cpr{
	width:190px;
	float:left;
}

#footer_cpr span{
	float:left;
	margin:8px 0px 0px 20px;
	padding:0px 0px 0px 0px;
}

#footer .abstand ul{
	width:400px;
	margin:7px 0 0 90px;
	list-style-type:none;
	float:left;
	
}

#footer .abstand ul li{
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	
}
#footer .abstand ul li a{
	font-size:10px;
	padding:0 10px;
}


	
/* ====================================================== */
/* Innenabstaende */
/* ====================================================== */
.abstand {
	padding: .4em;
}

#inhalt .abstand {
	padding: 30px;
}

#inhalt .beitrag_abstand{
	height:0px;
	clear:both;	
}


#footer .abstand{
	margin:0px;
	padding:0px;
}




/* ====================================================== */




/* ====================================================== */
/* Dinge unsichtbar machen */
/* ====================================================== */
.zusatzinfos {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0px;
	height:0px;
	overflow:hidden;
	display:inline;
}
/* ====================================================== */


















/* ====================================================== */
/* ================= diverse Links ================= */
/* ====================================================== */





	/* Inhalte generell */
	#inhalt a:link {
		
			text-decoration:none !important;
		
		font-weight:bold;
	}
	#inhalt a:visited {
		
			text-decoration:none !important;
		
		font-weight:bold;
	}
	#inhalt a:hover, #inhalt a:active, #inhalt a:focus{
		
			text-decoration:underline !important;
		
		font-weight:bold;
	}

	/* Pfadleiste */
	
	.pfadleiste a{
		font-weight:bold;
	}
	
	.pfadleiste a:link {
		
			text-decoration:none !important;
		
	}
	.pfadleiste a:visited {
		
			text-decoration:none !important;
		
	}
	.pfadleiste a:hover, .pfadleiste a:active, .pfadleiste a:focus {
		
			text-decoration:underline !important;
		
	}





	/* Container */
	.container a{
		font-weight:bold;
	}	
		
	.container a:link {
		
			text-decoration:none !important;
		
	}
	.container a:visited {
		
			text-decoration:none !important;
		
	}
	.container a:hover, .container a:active, .container a:focus {
		
			text-decoration:underline !important;
		
	}

	




	/* Seitenabschluss - Footer */
	#footer a:link {
		
			text-decoration:none;
		
	}
	#footer a:visited {
		
			text-decoration:none;
		
	}
	#footer a:hover, #footer a:active, #footer a:focus {
		
			text-decoration:underline;
		
	}

/* ====================================================== */




/* ====================================================== */
/* ======================= Typografie =================== */
/* ====================================================== */

#inhalt h1,#inhalt h1 a, #inhalt td h1,#inhalt td h1 a {
	color: #4c5277 !important;
	margin: .2em 0 .6em 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.1em;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}
#inhalt h2 ,#inhalt h2 a,#inhalt td h2 ,#inhalt td h2 a{
	color: #4c5277 !important; 
	margin: .2em 0 .6em 0;
	clear: both;
	line-height: 1.1em;
	font-size: 18px;
	font-weight: bold;
}

#inhalt h3, #inhalt h3 a, #inhalt td h3, #inhalt td h3 a {
	color: #4c5277 !important;
	margin: .2em 0 0 0;
	clear: both;
	line-height: 1.1em;
	font-size: 14px;
	font-weight: bold;
	
}



#inhalt hr {
	border:1px solid #ccc;
	margin-bottom:10px;
	margin-top:15px;
}


#inhalt ul, #inhalt ol {
	line-height: 1.1em;
	margin: 0 0 1em 2em;
	list-style-type: none;
}


#inhalt li {
	padding: 0.3em 0 .3em 1em;
	 /* border-bottom: 1px dotted #9AAED0; */
	background: url(/bilderLayout/punkt_aufzaehlung.gif) no-repeat .3em .7em;
}
#inhalt .abstand {
/*	background: #ff00ff;*/ /*zum Test der Flaechen und Abstaende im IE*/
	margin-bottom: 0;
}
#inhalt p {
	margin:1px 0 8px 0;
}
#inhalt table{
	margin-bottom:5px;
}


#inhalt input,#inhalt textarea,#inhalt select{
	border:1px solid #A7ABAE;
	font: 12px Arial, Helvetica, Verdana,  sans-serif;
	line-height: 1.3em;
	padding:2px;
}

#inhalt option{
	font: 12px Arial, Helvetica, Verdana,  sans-serif;
	line-height: 1.3em;
	padding:2px;
}

#inhalt td{
	
		font-size:12px;
	
}
#inhalt td, #inhalt th{
	vertical-align:top;
}

/* bildergalerie ################################ */

#bildergalerie{
	list-style-type:none !important;
	clear:both; 
	padding:0 !important;
	margin:1em 0 0 0 !important;
}
#bildergalerie li{
	padding:0 0 0 0 !important;
	margin:3px !important;
	display:inline;
	float:left;
	background:#eee !important;
	border:1px solid #aaa;
}

#bildergalerie li div{
	margin:10px !important;
	width:95px;
	height:95px;
	text-align:center;
	overflow:hidden;	
}

#bildergalerie a{
	border:none;
	height:#(conf_thumbnail_hoehe)#px;
	margin:auto;
}
#bildergalerie li p{
	font-size:.8em;
	
		width:124px;
	
	height:40px;
	padding:2px;
	background: #eee;
	border:1px solid #aaa;
}
#bildergalerie img{
	margin:0px !important;
	border:none;
	height:95px;
}





.sitemapListe{
	margin: 0 0 40px 50px;
	white-space:pre-wrap;
}
.sitemap{
	font-size:90%;
	width:140px;
	margin:0 2px 10px 0;
	padding:2px 5px 10px 5px;
	float:left;
	border:1px solid #A7ABAE;
	white-space:pre-wrap;
}
.sitemap h3{
	background:#ddd;
	padding:3px;
	white-space:pre-wrap;
}
.sitemap h3 a{
	color:#ffffff !important;
	white-space:pre-wrap;
}


.container {
	font-size:11px;
	margin:15px 0 5px 0;
}

.container p {
	padding:5px 0;
	margin: 3px 6px;
}

.container_innen img{
	border:0px;
	margin:7px 0px ;
	padding:0px;
}

#footer {
	font-size:10px;
}



/* ======================= Veranstaltungskalender ==================== */

.veranstaltung_container{
	width:180px;	
	margin-bottom:15px;
	padding:5px 5px 5px 0px;
	font-size:90%;
}

.veranstaltung_container strong{
	padding-left:10px;
	background:url('/bilderLayout/umenue_btn.gif') no-repeat 0em 4px;
}


.veranstaltung_container select  {
	font-size:110%;
	width:175px;
}

.veranstaltung_container_submit{
	width:175px;
	margin:3px auto;
	background:url('/bilderLayout/button_bg.gif') repeat-x;
	border:1px solid #08387A;
	
	
}
#veranstaltung_container_select, #faq_seite, #faq_suchbegriff{
	width:175px;
}


#verSelectMonth {
	width:110px;
	margin-right:2px;
}
#verSelectYear {
	width:55px;
}



#verTab {
		
		margin:5px 5px 10px 0px;	
	
	font-size:100%;
}

#verTab th{
	border:none;
	text-decoration:none;
}

#verTab th abbr{
	margin-left:2px;	
	border:none;
	text-decoration:none;
}

#verTab td{
	width:29px;
	height:25px;
	font-size:110%;
	padding:0px;
}

#verTab td div{
	padding:4px 0px 2px 0px;
}

#verTab td a{
	width:100%;	
	display:block;
	font-weight:bolder;
	text-decoration:none;
	
		padding:4px 0px;
	
}
#verTab td a:hover{
	background:#DCDDDF;
}


#verTab caption{
	margin-top:10px;
	padding-bottom:5px;
}



/* ====================================================== */




/* ====================================================== */
/* ======================= Formulare ==================== */
/* ====================================================== */
.formfeld {
width: 16em;
color: #173266;
font: 100% Arial, Helvetica, Verdana, sans-serif;
border: 1px solid #0E2654;
margin:0.1em;
padding: 0.2em;
}
.formlabel {
width: 8em;
float:left;
text-align: left;
padding-right: .4em;
}
.form_button {
border:1px solid #0E2654;
margin:3px 3px 3px 0;
vertical-align: bottom;
background:#0E2654;
color: #FFFFFF;
}
fieldset {
border: 1px solid #5677AD;
border: none;
margin-bottom: .5em;
}
legend {
display: none;
}
/* ====================================================== */




/* ====================================================== */
/* ======================= Bilder ======================= */
/* ====================================================== */
bild_links {
	float: left;
}
.bild_text {
	clear: both;
	margin-bottom: 1em;
/*	border: 1px dotted #00ff00;*/ /* Border nur zur Kontrolle. Hinweis: hier fehlt noch ein automatisches Clearing (einmal bitte Border sichtbar machen, dann wird es klar!*/
}
.bild_text img {
	float: left;
  	}
.bild_text p {
	margin-left: 120px;
}
/* ====================================================== */




/* ====================================================== */
/* ============ Abkuerzungen und Akronyme  ============== */
/* ====================================================== */
abbr {
	speak: spell-out;
/*	border-bottom:1px solid #FF00FF; Nur zur Eingabehilfe*/
}
abbr[title] {
	border-bottom: 1px dashed #FFFFFF;
	cursor:help;
}
abbr, acronym {
	text-transform: none; 
	font-variant:normal;
}
acronym[title] {	
	border-bottom: 1px dashed #FFFFFF;
	cursor:help;
}


/*
.lu a {
	clear:both;
	position:relative;
	overflow:hidden;
}
*/