/* CSS Document */

* {
margin:0;
padding:0;
}

#containerganzeseite {
float:left;
}
/* #################
					Definition von Überschriften, Schriften 
											########################### */
h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#7c7c00;
padding-bottom:10px;
}											
p {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#666666;
text-indent:0px;
padding-bottom:12px;
}
#footer p {
font-size:10px;
color:#7c7c00;
float:left;
text-indent:0px;
}

/*Rote Hervorhebung zu Textbeginn im Teaser z.B. Bildgalerie, Update o.ä.*/
#hervorhebung {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#ffffff;
background-color:#C10000;
float:left;
padding-left:5px;
padding-right:5px;
margin-right:5px;
}

#footer a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#7c7c00;
float:right;
padding-left:15px;
text-decoration:none;
}
/*Bilder float links*/
.links {
float:left;
padding-right:10px;
}
/*Bilder float rechts*/
.rechts {
float:right;
padding-left:10px;
}	
/*Textpassage float links, immer am Absatzbeginn positionieren*/
.linkstext {
float:left;
padding:0 20px 10px 0px;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7c7c00;
}
/*Textpassage float rechts, immer am Absatzbeginn positionieren*/
.rechtstext {
float:right;
padding:0 0 10px 20px;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7c7c00;
}	

/*Text für Bildanabe*/
.bildangabe {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
line-height:12px;
float:left;
padding-bottom:3px;
padding-top:4px;
width:240px;
postion:relativ;
top:0px;
left:0px;
}

/*Text für Bildanabe*/
.bildangabe170 {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
line-height:12px;
float:left;
padding-bottom:5px;
padding-top:3px;
width:170px;
}

/* Standard-Link zur übergordeneten Seite: zurück zur Übersicht */
/* zurück-Layout auch für die Ankerfunktion nach oben verwenden */
#zurück {
width:100%;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
margin-top:15px;
margin-bottom:20px;
vertical-align:middle;
text-align:center;
}
#zurück a {
color:#7c7c00;
text-decoration:none;
}
#zurück a:hover {
text-decoration:underline;
}
/* ###############################
				redaktionelle Teaser-Texte Box	
						################################### */		
#teaser {
width:100%;
min-height:80px;
height:auto;
margin:0;
padding:10px 0 15px 0;
border-bottom:1px dotted #7c7c00;
background-color:#ffffff;
color:#333333;
}		
#teaser h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#333333;
padding-bottom:10px;
}		
/*Teaser h2 für ergänzende Überschrift ohne Link (über Hauptüberschirft plaziert) */
#teaser h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#666666;
padding-bottom:5px;
}								
/*Teaser h3 nur für Tag und Datum verwenden */
#teaser h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#333333;
padding-bottom:10px;
}			
#teaser a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#7c7c00;
text-decoration:none;
}		
#teaser a:hover {
text-decoration:underline;
}




/* ###############################
				redaktionelle Special Box (3 Bilder horizontal, #e5e5cc Hintergrund
						################################################################### */
#special{
width:100%;
height:auto;
border-bottom:1px dotted #7c7c00;
background-color:#e5e5cc;
color:#7c7c00;
padding:10px 0 15px 0;
}
#tab_special {
width:385px;
height:auto;
border-collapse:1px;
background-color:#e5e5cc;
margin-left:5px;
}
.specialcol1 {
width:125px;
text-align:left;
vertical-align:top;
}				
.specialcol2 {
width:125px;
text-align:left;
vertical-align:top;
}				
.specialcol3 {
width:125px;
text-align:left;
vertical-align:top;
}				

#special h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#333333;
padding-bottom:10px;
padding-left:5px;
}		
/*Special h2 für ergänzende Überschrift ohne Link (über Hauptüberschirft plaziert) */
#special h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#666666;
padding-bottom:5px;
padding-left:5px;
}	
/*Special h3 nur für Tag und Datum verwenden */
#special h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#333333;
padding-bottom:10px;
}			
/* Specia H4 ist die Bildunterschrift, würde sonst mit Padding aus p kollidieren*/
#special h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#7c7c00;
padding-bottom:5px;
}
#special p 	{
padding-left:5px;
}		
#special a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#7c7c00;
text-decoration:none;
}		
#special a:hover {
text-decoration:underline;
}





/* ################################
				Seitenauswahl 1-4 auf Auswahlseite (redaktioneller) #teaser (Texte)
						################################### */
#auswahl {
width:100%;
height:auto;
vertical-align:middle;
text-align:center;
}
#auswahl a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#7c7c00;
text-decoration:none;
}						
#auswahl a:hover {
text-decoration:underline;
}
						
/* ################################
				Definition des Boxmodells
						#################################### */
											
/*XXL Banner*/
#xxl {
width:auto;
height:auto;
margin-top:4px;
position:relative;
top:10px;
left:810px;
border:none;
float:left;
}
/* Skyscraper Banner */
#skyscraper {
width:auto;
height:auto;
/* top-Angabe ohne XXL-Banner gleiche Höhe Datum mit fixierte Positionierung*/
top:2px; 
position:absolute;
/* top-Angabe ohne XXL-Banner gleiche Höhe main-box top:148px; position:absolute; */
/* top-Angabe mit XXL-Banner gleiche Höhe main-box top:242px; position:absolute; */
left:825px;
border:none;
float:right;
}
/*Header Datum*/
#header {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#7c7c00;
background-color:#ffffff;
width:780px;
padding:0 10px 0 10px;
text-align:right;
margin-top:4px;
height:15px;
position:relative;
top:0px;
left:10px;
border-bottom:1px dotted #7c7c00;
}
/*Banner 120/240 unterhalb von Partner unter s1*/
#banner120240 {
left:5px;
width:auto;
height:250px;
text-aling:center;
padding:5px 0 5px 20px;
background-color:#ffffff;
float:left;
margin-bottom:10px;
}
/*Header mit Logo (links) und 468/60 Banner*/
#logo {
background-color:#ffffff;
width:790px;
height:90px;
padding-left:10px;
margin-top:4px;
position:relative;
left:10px;
border:none;
}
/* Positionierung 468/60 Banner in Header*/
#banner468 {
background-color:transparent;
position:absolute;
left:290px;
top:15px;
border:none;
z-index:5;
}
#werbung {
background-color:transparent;
position:absolute;
left:279px;
top:15px;
border:none;
z-index:5;
}

#werbung_partner {
background-color:transparent;
position:absolute;
border:none;
z-index:5;
margin-top:50px;
margin-bottom:10px;
}
/* Main */
#main {
background-color:#ffffff;
width:780px;
height:inherit;
padding:10px;
margin-top:4px;
position:relative;
left:10px;
border:1px solid #7c7c00;
float:left;
}
#partner {
width:145px;
height:auto;
padding:5px;
background-color:#f2f2e5;
text-align:center;
float:left;
margin-bottom:40px;
}
/* class logo beschreibt Abstand des OBERSTEN Logos unter Box Partner #partner siehe oben */
.logo_top {
padding-top:10px;
padding-bottom:15px;
}

/* class logo beschreibt Abstand der WEITEREN Logos unter Box Partner #partner siehe oben */
.logo {
padding-bottom:15px;
}
.s1 {
position:relative;
width:150px;
padding-right:10px;
border:none;
float:left;
}
.s2 {
position:relative;
width:418px;
height:auto;
padding-left:15px;
padding-right:15px;
border-left:1px dotted #7c7c00;
border-right:1px dotted #7c7c00;
float:left;
}
.s3 {
position:relative;
width:150px;
padding-left:10px;
border:none;
float:left;
}
/* Footer */
#footer {
width:780px;
height:auto;
padding:0 10px 5px 10px;
margin-top:4px;
margin-bottom:20px;
position:relative;
left:10px;
border-bottom:1px dotted #7c7c00;
background-color:#ffffff;
float:left;
}
.copyright {
text-align:center;
}
/* ##########################
							Navigation primär 
										##################### */
#navi1 {
background-color:#ffffff;
width:800px;
height:auto;
padding:0;
margin-top:10px;
position:relative;
top:inherit;
left:10px;
border:none;
list-style:none;
}
#navi1 ul {
list-style-type:none;
padding:0;
margin:0;
}
#navi1 li {
width:140px;
height:30px;
display:inline;
padding-left:10px;
margin-bottom:10px;
}
#navi1 a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
background-color:#7c7c00;
text-decoration:none;
display:inline;
margin:0;
padding:3px 10px 3px 10px;
border:1px solid #7c7c00;
text-align:center;
}
#navi1 a:hover {
background-color:#ffffff;
color:#7c7c00;
text-decoration:none;
}

/* #################
					Navigation sekundär (in Main-Box eingebunden)
											##########################	*/
											
#navi2 {
width:140px;
height:auto;
padding:0;
margin-bottom:20px;
}
#navi2 ul {
list-style-type:none;
padding:0;
margin:0;
}
#navi2 li {
margin:0 0 1px 0;
}
#navi2 a {
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
text-decoration:none;
font-weight:bold;
display:block;
padding:5px 5px 5px 0.5em;
border:1px solid #7c7c00;
background-color:#ffffff;
color:#7c7c00;
}
#navi2 a:hover {
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
text-decoration:none;
font-weight:bold;
display:block;
padding:5px 5px 5px 0.5em;
border-left:5px solid #7c7c00;
border:1px solid #7c7c00;
background-color:#7c7c00;
color:#ffffff;
}

/* ####################################
						Themen-Boxen für linke Spalte s3
								############################## */
#themen {
width:150px;
height:auto;
float:left;
}

#themen dt {
width:150px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
background-color:#7c7c00;
padding:3px 5px 3px 5px;
}
#themen dd {
width:143px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#7c7c00;
padding:2px 5px 3px 10px;
border:1px solid #7c7c00;
line-height:1.4;
margin-bottom:20px;
}
#themen a {
text-decoration:none;
color:#ffffff;
}
#themen a:hover {
text-decoration:underline;
}
#bildlink_s3 {
margin-bottom:10px;
}


/* EXTERNE TEXTLINKS aus dem Fliesstext von Artikeln zu anderen Websites */
#extern {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#666666;
text-indent:0px;
}

#extern a {
color:#666666;
text-decoration:none;
}

#extern a:hover {
color:#666666;
text-decoration:none;
border-bottom:1px dotted #7c7c00;
}


/* ###########################
					Suche für Google Suche-Box unter Spalte s3 #################*/
				 
#suche {
font:Arial 10px #666666;
width:148px;
height:auto;
border:1px solid #7c7c00;
background-color:#ffffff;
vertical-align:middle;
padding:10px 5px 5px 5px;
position:relative;
}

/* #########################
					ZUMTHEMA sind weiterführende Links zu Artikel die bereits veröffentlicht wurden
					besonders unter Artikeltexten und Eventseiten einfügen
														#################################*/
#zumthema_headline {
height:auto;
width:100%;
padding:15px 0 0 0;
border-bottom:1px dotted #7c7c00;
}				

#zumthema_ende {
margin-bottom:50px;
border-bottom:1px dotted #7c7c00;


}
										
#zumthema {
height:auto;
width:100%;
padding:10px 0 5px 0;
border-bottom:1px dotted #7c7c00;
}														
#zumthema h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#666666;
}			
#zumthema h1{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7c7c00;
}														
#zumthema a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7c7c00;
text-decoration:none;
}														
#zumthema a:hover{
text-decoration:underline;
}														

#zumthema tab_veranstaltung h1 {
padding-bottom:5px;
}

/* ############# LINKS ZUR BILDERGALERIE (Artikel und Event) #######################*/

#bildergalerie {
border:1px solid #7c7c00;
width:380px;
margin: 5px 0px 5px 10px;
padding:5px 10px 5px 10px;
}

#bildergalerie h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7c7c00;
text-decoration:none;
padding-top:7px;
}

#bildergalerie h1 a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7c7c00;
text-decoration:none;
padding-top:7px;
}

#bildergalerie h1 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7c7c00;
text-decoration:underline;
padding-top:7px;
}

#bildergalerie img {
padding-right:10px;
}

#bildergalerie fieldset{
border: 1px solid #7c7c00;
padding-left:20px;
}

#bildergalerie legend {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#7c7c00;
}


/*############################
								Frühere und Ältere Meldungen (ersetzen Zahlen)
																	###########################*/
																	
#meldungen_vorzuruck{
margin-top:15px;
width:420px;
hight:auto
}

#meldungen_links {
width:150px;
float:left;
}
#meldungen_links a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7c7c00;
text-decoration:none;
}						
#meldungen_links a:hover {
text-decoration:underline;
}

#meldungen_rechts {
float:right
}
#meldungen_rechts a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7c7c00;
text-decoration:none;
}						
#meldungen_rechts a:hover {
text-decoration:underline;
}


/* interner Link-Verweiss auf einen anderen Artikel innerhalb der Website, aus css Artikel entnommen*/
#intern a {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#7c7c00;
text-decoration:none;
}
#intern a:hover {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#7c7c00;
text-decoration:underline;
}