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

#schatten_rechts{
	margin:0px auto;
	padding:0px;
	width:1000px;
	background:url('/bilderLayout/bg_schatten_rechts.jpg') no-repeat right top;
	border:none;
}
#schatten_links{
	margin:0 10px 0 0;
	padding:0px;
	width:990px;
	background:url('/bilderLayout/bg_schatten_links.jpg') no-repeat left top;
	border:none;
}

#huelle{
	margin:0px 0 0 10px;
	padding:0px;
	width:980px;
}


#obererkopfbereich{
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	width:980px;
	height:118px;
	clear:both;
	text-align:right;
	
	background:url('/bilderLayout/header_top_logo.gif') no-repeat 0px bottom;
	
	
}

#laender{
	/* wird erstmal noch nicht gebraucht */
	width:150px;
	height:50px;
	margin:0px 5px 10px 0px;
	float:right;
	
}

.btn_fl{
	width:25px;
	height:15px;
	margin:35px 10px 0 0;
	float:right;
}
.btn_fl a{
	cursor:pointer;
	display:block;
	width:25px;
	height:15px;
	text-decoration:none;
}

#btn_fl_de_aktiv a ,#btn_fl_de a:hover{
	background: url('/bilderLayout/deutsch_on.gif') no-repeat left top;
}
	
#btn_fl_de a{
	background: url('/bilderLayout/deutsch_off.gif') no-repeat left top;
}


#btn_fl_en_aktiv a, #btn_fl_en a:hover{
	background: url('/bilderLayout/english_on.gif') no-repeat left top;
}

#btn_fl_en a{
	background: url('/bilderLayout/english_off.gif') no-repeat left top;
}


/* ====================================================== */
/* Suchmaske */
/* ====================================================== */
#suchmaske {
	padding:0px 10px 0px 20px;
	clear:both;
}
#suchmaske form {
	margin: 0px auto 0px auto;
}

#suchfeld {
	width: 145px;
	height:20px;
	border:none;	
	background: url('/bilderLayout/suche_bg.jpg') no-repeat top left;
	color:#84858b;
	font-size: 10px;
	padding:3px 3px 3px 3px;
}

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

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


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


#hauptbereich {
	margin:0 0 0 0px;
	padding:0px;
	width:980px;	
	border:0px;
	clear:both;
	text-align:left;
}

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

		/* OHNE Container */
		#spalte-links {
			width:220px;
			padding:0px;
			margin:0px;
			text-align:left;
			valign:top;
		}
		#inhalt {
			width:760px;
			padding:0px;
			margin:0px;
			text-align:left;
			valign:top;
		}		
		#inhalt .abstand {
			width:700px;
			padding:0px;
			margin:30px 30px 35px 30px;
		}

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


#titelleiste{
	width:220px;
	height:28px !important;
	padding:0px;
	margin:0px;
}



/* ====================================================== */
/* ======================= Untermenue =================== */
/* ====================================================== */
#untermenu { 
	height:auto;
	width:220px;
	margin:30px 0 0 0px;
	padding:0px;
}
#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 === */



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

#platzhalter_navi{
	height:150px;
	width:220px;
	clear:both;
	
}


#pfadleiste{
	height:28px !important;
	margin:0px;
	padding:0px;
	font-size:11px;
	text-align:left;
	clear:both;
	border:none;
}
#pfadleiste a{
	font-size:11px !important;
}
#pfadleiste p {
	margin: 0px 20px !important;
	padding: 6px 0 !important;
}



#container-gesamt{
	margin:0 0 30px 0;
	padding:0;
	border:none;
	
	
}
.containerleiste{
	width:220px;
	height:28px !important;
	margin:0px 0 35px 0;
	padding:0px;
	clear:both;
}
.container{
	width:220px;
	margin:0px 0 20px 0;
	padding:0px;
}
.container_innen {
	width:180px;
	margin:0px 20px 0px 20px;
	padding:0px;
	font-size:11px;
	
}

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

.container_innen img, .container_innen object{
	border:0px;
	margin:7px 0px !important;
	padding:0px;
}


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

#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 100px;
	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 15px;
}


	
/* ====================================================== */
/* Innenabstaende */
/* ====================================================== */
.abstand {
	padding:0px;
	margin:0px;
}



#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 , #inhalt td a:link{
		
			text-decoration:none !important;
		
		font-weight:bold;
	}
	#inhalt a:visited, #inhalt td :visited {
		
			text-decoration:none !important;
		
		font-weight:bold;
	}
	#inhalt a:hover, #inhalt a:active, #inhalt a:focus, #inhalt td a:hover, #inhalt td a:active, #inhalt td 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 {
	
	margin: .2em 0 .6em 0;
	padding: 0px;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#3f8e83;
	line-height:24px;
}
#inhalt h2 ,#inhalt h2 a,#inhalt td h2 ,#inhalt td h2 a{
	
	margin: .2em 0 .5em 0;
	clear: both;
	font-size: 14px;
	font-weight: bolder;
	color:#3f8e83;
	line-height:20px;
}

#inhalt h3, #inhalt h3 a, #inhalt td h3, #inhalt td h3 a {
	
	margin: .2em 0 .4em 0;
	clear: both;
	font-size: 12px;
	font-weight: bolder;
	color:#3f8e83;
	line-height:16px;
	
}



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


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


#inhalt li {
	padding: .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;
}
#inhalt a, #inhalt td a ,#inhalt th a{
	font-size:12px;
}




/* 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:6px !important;
	display:inline;
	float:left;
	background:#eee !important;
	
}

#bildergalerie li div{
	margin:5px !important;
	width:130px;
	height:130px;
	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;
	width:130px;
}





.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;
}




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