@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img { 
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}



a {
	color: #1447A1;
}

.NewsBody a {
	text-decoration:none;
}

.fluid.NewsBody .NewsTitel a {
	color: #E51F2F;
	color: #1447A1;
	font-weight: bold;
	font-size: 1.2em;
}
.fluid.NewsBody .NewsText a {
	color: #000;
}
.fluid.NewsBody .NewsText a:hover {
	color: #1447A1;
}
.fluid.NewsBody > div.NewsText > a > span {
	font-weight:bold;
	color: #1447A1; 
}
#div1a {
	width:70%;
	/*max-width:79%;*/
}

#div3 #AdressenTitel {
	margin-bottom:1em;
}
#div3 #AdressenTitel #AdressenTitelName {
	font-size: 1.5em;

}
#div3 #AdressenTitel #AdressenStadtteile {
	float:right;
	margin-right:2em;
	margin-top:3px;
} 


.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 83.05%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
	max-width: 1190px;
}


#MainNav .nav li {
	float: left;
	display:inline-block;
}

#MainNav ul.nav li:first-child, #MainNav ul.nav li:last-child{
	border-left-width: 0px;
	border-right-width: 0px;
	}

#MainNav ul.nav a, #MainNav ul.nav a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen das Erscheinungsbild einer Schaltfläche beibehalten. */
	padding-top: 0.24em;
	padding-right: 0.938em;
	padding-left: 0.938em;
	padding-bottom: 0.0em;
	display: block;  /*Mit dieser Breite reagiert die gesamte Schaltfläche in IE6 auf Mausklicks. Kann entfernt werden, wenn IE6 nicht unterstützt werden muss. Berechnen Sie die exakte Breite durch Subtrahieren der Auffüllung für diesen Hyperlink von der Breite des Containers für die Seitenleiste. */
	text-decoration: none;
	color: #000066;
}
#MainNav ul.nav a:hover,#MainNav  ul.nav a:active, #MainNav ul.nav a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	color: red;
}
#MainNav  ul.nav a.current {
	color: #922602;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #922602;	
}



#div2 {
	margin-bottom: 2em;
}
#div3 {
	width: 79%;
	
}

#div4 {
	width: 20.4%;
	margin-left: 0.0em;
	float:right;
	clear: none;
/*	background-color: #5EF439;*/
}

#div4a {
	width: 20.4%;
	margin-left: 0.0em;
	float:right;
	
	clear: none;
	max-width: 170px;
}
#div5 {
	width: 100%;
	margin-left: 0;
	clear: none;
	max-width:170px; 
	float:right;
}

#rS {
width: 21.0526%;
}

#MainNav {
	position: relative;
}
.zeroMargin_mobile {
	margin-left: 0;
}
.hide_mobile {
	display: none;
}


#div3 .fluid.News .fluid.NewsBild , .NewsBild {
	width: 18.2%;
	float: left;
	font-size:11px;
}
#div3 .fluid.News .fluid.NewsBody, .NewsBody {
	float: right;
	width: 77.627%;
	clear: none;
	margin-left: 1.6949%;
}
.gridContainer.clearfix #div3 .fluid.News {
	margin-bottom: 1em;
}
.NewsText .rest {
	visibility: hidden;
	font-size: 0em;
}
.fluid.News .fluid.NewsBody .NewsTitel {
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #848C9F;
	line-height: 20px;
	margin-bottom:2px;
}

#suchbox  #Suche {
	width: 93%;
	margin-top: 1em;
	margin-left:2px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}


 #suchbox  #suchetext {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
}
#suchbox  #suchetext a {
	color: #FFFFFF;
	text-decoration: none;
}

#suchbox {
	background-color: #4D85CA;
	margin-bottom: 2em;
	text-align: right;
	padding-right: 1em;
}	

#Suchergebnis p {
	font-size: 0.9em !important;
}



#search, #menu-icon, #filter #submitbutton, #filter #resetbutton, #searchHandy {
	color: darkgrey;
}
#themen {
	background-color: #4D85CA;
	/*margin-bottom: 2em;*/
	text-align: left;
	/*padding-bottom: 1em;*/
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#FFFFFF;
}
#themen label {
	display: block;
	padding-left:1.3em;
	text-align:left;
	margin-right:1.4em;
	font-size: 0.7em;
	padding-bottom:0.5em;
	color:#FFF;
	width:84%;
}
#themen #select {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	width: 89%;
	font-size: 0.9em;
	margin-left:1em;
}

a.mehr {
	cursor:pointer;
}

div#Kat-container.accordian {
	font-size:1em;
	background-color: #dbe7f4;
}

div#Kat-container.accordian a.ajax-link {
	text-decoration:none;
}

div#Kat-container.accordian a.ajax-link:hover, div#Ergebnis a:hover {
	color:#e17009;
}

div#Ergebnis {
	font-size: 0.9em;
	display: block;
}
div#Ergebnis .link {
	/*line-height: 2em; */
	text-indent: -3em;
	padding-left: 3em;
	margin-bottom: 1em;
}

div#Ergebnis a ,div#Ergebnis a:visited {
	text-decoration:none;
	color:#00e;
}

.boxRechts {
	width: 100%;
	margin-bottom: 15px;
}
#div3 .Header_seite {
	margin-left: 20%;
	padding-left: 2.4%;
	color: #B1B9Bd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#fusszeile {

	font-size: 0.8em;
	

}
#fusszeile a, #fusszeile a:visited{
	text-decoration: none;
	color:blue;
}
#fusszeile a:hover {
	color: #E51F2F;
}

#fusszeile > p > span.right {
	float:right;
}

.firstNews {
	clear: left;
	padding-top: 1em;
}

#Filter  select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #4C4C4C;
}
.FilterGruppe {
	width: 25%;
	margin-bottom: 5px;
	float: left;
	margin-right:5px;

}
#Filter label {
	display: block;
	width: 10em;
	float: left;
	font-size: 0.8em;
}
#Filter .fluid.element {
	width: 20%;
	clear:none;
	margin-right:1em;
}
#Archiv a {
	text-decoration:none;
}
#Archiv a:hover {
	color: #E51F2F;
}
#Jahrarchiv {
	padding-bottom:1em;
}

#Jahrarchiv ul {
	padding:0;
	margin:0;
	font-weight:bold;
}

#Jahrarchiv ul li {
	float: left;
	list-style-type: none;
	margin-right: 0.8em;
	cursor: pointer;
}

#Jahrarchiv ul li a {
	width: 100%;
	font-size: 1.2em;
	color: #000;
	
}

#Jahrarchiv ul li.selected, #Monatsarchiv ul li.selected{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}

#Monatsarchiv {
	font-size: 1em;
	padding-bottom: 1.1em;
}

#Monatsarchiv ul {
	padding:0;
	margin:0;
}
#Monatsarchiv ul li {
float: left;
list-style-type: none;
margin-right: 0.8em;
cursor: pointer;
}
#Monatsarchiv ul li a {
	color: #000;
}
#Monatsarchiv ul li a:hover, #Archiv .Nachricht a:hover {
	color: #F90;
}

#Archiv .Nachricht {
	padding:4px;
	font-size:0.8em;
}

#Archiv .Nachricht a {
    color: #000;
}

#Archiv .Nachricht a .hdatum {
	font-weight: bold;
    color: #BBBABA;
}

#Archiv .Nachricht a .titel {
    font-weight: bold;
    color: #1447A1;
}



.artikelEnde {
	clear: left;
	width:77.5%;
	margin-left: 22.5%;
	margin-right:2.5%;
	height: 1em;
	border-bottom: 1px dotted rgba(0,0,0,1.00);
}

#Archiv > div.Nachricht > table > tbody > tr > th {
	text-align:left;
}

#div4 > div.werbung {
	margin-top:1em;	
}

.impressumBlockLinks {
  float: left;
  width: 150px;
  margin-right: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.plakat {
  float: left;
  margin-right: 0.625em;
  margin-bottom: 0.625em;
  height: 17em;
}
.plakatthemen {
  float: left;
  margin-right: 0.625em;
  margin-bottom: 0.625em;

}






/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) and (max-width: 768px)  {
	


.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
	max-width: 1190px;

}
#div2 {
}
#div3 {
	/*background-color:#99A3C8;*/
}

#datepicker {
	font-size:0.7em;
		
}

#ZusatzNaviheader {
	display:none;
}

#div4 {
	width: 15.8974%;
	margin-left: 2.5641%;
	clear: none;

}
#MainNav {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}


#rS {
width: 23.0769%;
}

}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.5%;
	max-width: 1190px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div2 {
}
#div3 {

}
#div4 {
width: 15.254%;
clear: none;
margin-left: 1.6949%;
}
	
	

#datepicker {
	font-size:1em;
		
}

#MainNav {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}


#div3 .Header_seite {
}

#rS {
width: 15.2542%;
}

}
@media only screen and (max-width: 980px)  and (min-width: 840px){
#datepicker {
	font-size:0.85em;
	
}


}

@media only screen and (max-width: 840px)  {
#datepicker {
	font-size:0.75em;

}
	#div3 {
		width: 99%;
	}
	#div4 {
    	width: 100%;
}
	#div5 {
		max-width: none;
		
	}
	
	#div5 .boxRechts {
		width: 30%;
		margin-right: 15px;
	}
	#div5 .fluid {
		clear:none;
		
	}
	.werbung {
		display:none;
	}
	
}




@media only screen   and (min-width: 600px){
	.firstNewsHandy {
		display:none;
		
	}
	.firstNews_gross {
		display:block;
	}


}


@media only screen and (max-width: 600px)  {
	
	#ZusatzNaviheader {
		display:none;
	}

	#datepicker {
		font-size:0.75em;
	}

		body {
			font-size: 10px;
		}

	#div2 {
		margin-bottom:0;
	}
	
	#div3 {
		width: 99%;
		min-width: 320px;
	}

	.gridContainer { 
		width: 90.675%;
		padding-left: 0;
		padding-right: 0;
	}
	
	#under {
		margin-left:5%;
		margin-right: 5%;
		margin-top:2px;
		font-size:0.7em;
	}
	
	.firstNewsHandy img {
		width:100%;
		max-width: 100%;
		max-height: 100%;
	}

	
	
	.NewsBild {
		display:none;
	}
	
	.nachrichtenblock {
		margin-left:5%;
		margin-right: 5%;
	}
	
	#NachrichtenBody {
		margin-left:5%;
		margin-right: 5%;
		margin-bottom:2%;
	}
	
	#Jahrarchiv {
	
	font-size: 0.7em;

	}
	
	#Jahrarchiv  ul{
		margin-left:8px;
		
	}
	
	#Jahrarchiv  ul li{
		margin-right: 0.6em;
	}
	
	#FussBoxrechts {
		display: none;
	}
	
	.NachrichtenBildLinks, .NewsBild   {
		display: none;
	}
	#NachrichtenBody{
		width: 100% !important;
	}
	
	#div3 .fluid.News .fluid.NewsBody, .NewsBody {
		width: 100% !important;
	}
	

	#div1a {
		position: relative;
		float: left;
		width: 89%;
		margin-left:10px;
	} 
	
	.firstNewsHandy {
		width:100% !important;
	}
	.NachrichtenText {
		padding-right:5%;
	}
	.scroll {
		margin-bottom:10px;
	}
	
	#navHandy a.current {
		color: red;
	}

}

#nav-wrapHandy {

	position: relative;
	left:0;
	z-index:50;
}