@charset "UTF8";



/* Stand: 19.03.2016 */



article,figcaption,figure,footer,header,menu,nav,section {

	display:block

	}



body, img, p, header, footer, #Haupt, figure, h1, h2, h3, h4, .Bilderzeile, .Bilderzeile_kalv  {

	border:0px;

	margin:0px;

	padding:0px;

}



body {

	font-family: "Segoe UI","Lucida Sans Unicode",Verdana,  Tahoma, Arial; 

	background-color:#E0E0E0;

	font-size: 16px; 

	color:#000000;

} 



/* Allgemeines Beginn */



.Klaeren {

	clear:both;

}



.Seitenbereich {

	margin-top:0px;

	margin-right:auto;

	margin-bottom:0px;

	margin-left:auto;

	padding:0px;

	width: 100%;

	/* Responsive */	

}



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

.Seitenbereich {

	width: 1170px;

	/*color:gray;*/

}

}



@media screen and (min-width: 1061px) and (max-width: 1190px){

.Seitenbereich {

	width: 1040px;

	/*color:green;*/

}

}



@media screen and (min-width: 861px) and (max-width: 1060px){

.Seitenbereich {

	width: 840px;

	/*color:red;*/

}

}



@media screen and (min-width: 651px) and (max-width: 860px){

.Seitenbereich {

	width: 630px;

	/*color:yellow;*/

}

}



@media screen and (max-width: 650px){

.Seitenbereich {

	width: 100%;

	min-width: 300px;

}

}





.Inhalt {
  position: relative;

	margin: 0px 0px 0px 0px;

	padding: 10px 10px 20px 10px;

}



.InhaltStart {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 30px 0px;

}



/* Allgemeines Ende */



/* Header Beginn */



header {

	margin:0px;

}



.Titelzeile {

	margin: 0px;

	padding: 15px 0px 15px 0px;

	height: 70px;

	background-color: #fff;

}





h1 {

	font-size:48px;

	text-shadow: 0.1em 0.1em 0.2em black;

	font-family: Arial;

	font-weight: bold;

}



h1 .Punkt{

	color:red;

}









#LogoInhalt {

	text-align: center;

}



#LogoInhalt a {

	text-decoration: none;

	color:black;

	border: 0px;

}



#LogoInhalt a:focus {

	outline: none

}





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

#Logo {

	margin-top:5px;

	width:20%;

	float:left;

}



#BalkenInhalt {

	margin-top:10px;

	padding-top: 4px;

	padding-bottom: 2px;

	padding-right:10px;

	height: 30px;

	text-align: right;

}



#Balken {

	float:right;

	width: 80%;

}



#BalkenInhalt p {

	font-size: 20px;

	font-weight: bold;

	color: #666;

}



#BalkenInhalt p .Unterzeile {

	font-size: 14px;

	font-weight: normal;

	font-style: italic;

}





}



@media screen and (max-width: 650px){

#Logo {

	text-align:center;

}



h1 {

	font-size:40px;

	text-shadow: 0.1em 0.1em 0.2em black;

	font-family: Arial;

	font-weight: bold;

}



h1 .Punkt{

	color:red;

}



#BalkenInhalt {

	margin-top:2px;

	padding-top: 4px;

	padding-bottom: 2px;

	padding-right:10px;

	height: 30px;

	text-align: right;

}



#BalkenInhalt p {

    text-align: center;

	font-size: 18px;

	font-weight: bold;

	color: #666;

}



#BalkenInhalt p .Unterzeile {

	visibility: hidden;

	line-height: 0px;

}

}







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

.Menuezeile  {

	margin: 10px 0px 10px 0px;

	padding: 0px 0px 0px 0px;

	background-color: #9C0F16;

	text-align: center;

}



.Menuezeile  ul {

	padding: 0px; 

	margin:0px;

	border: 0px;

}



.Menuezeile li a {

	text-decoration: none;

	color: #fff;

	width: 100%;

}



.Menuezeile a:first-of-type {

	margin-left: 2px;

}



.Menuezeile li:hover {

	color: black;

	background-color: #ddd;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	}





.Menuezeile li {

	display:inline-block;

	list-style-type:none;

	padding: 6px 1px 6px 1px; 

	font-size:18px;

	font-weight: 600;

	color: #fff;

	width: 16%;

	text-align: center;

	-webkit-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

} 

}



@media screen and (min-width: 651px) and (max-width:860px){

.Menuezeile  {

	margin: 10px 0px 10px 0px;

	padding: 0px 0px 0px 0px;

	background-color: #9C0F16;

	text-align: center;

}



.Menuezeile li a {

	text-decoration: none;

	color: #fff;

	width: 100%;

}



.Menuezeile  ul {

	padding: 0px; 

	margin:0px;

	border: 0px;

}





.Menuezeile a:first-of-type {

	margin-left: 2px;

}



.Menuezeile li:hover {

	color: black;

	background-color: #ddd;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	}





.Menuezeile li {

	display:inline-block;

	list-style-type:none;

	padding: 6px 1px 6px 1px; 

	font-size:18px;

	font-weight: 600;

	color: #fff;

	width: 30%;

	text-align: center;

	-webkit-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

} 

}





@media screen and (max-width: 650px){

.Menuezeile  {

	margin: 7px 0px 7px 0px;

	padding: 0px 0px 0px 0px;

	text-align: center;

}



.Menuezeile  ul {

	padding: 0px; 

	margin: 0px;

	border: 0px;

}



.Menuezeile li a {

	text-decoration: none;

	color: #fff;

	width: 100%;

}



.Menuezeile li:hover {

	color: black;

	background-color: #ddd;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	}



.Menuezeile li {

	background-color: #9C0F16;

	list-style-type:none;

    margin:2px 0px 2px 0px;

    padding: 6px 1px 6px 1px; 

	font-size:18px;

	font-weight: 600;

	color: #fff;

	text-align: center;

	-webkit-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

} 

}



.Bilderzeile, .Bilderzeile_kalv {

	margin: 0px;

	padding: 0px;

	/* Responsive */

}



.Bilderzeile a {

	text-decoration: none

}



.Bilderzeile a:focus {

	outline: none

}



.Bilderzeile figcaption {

	margin:2px 10px 2px 10px;

	padding:0px;

	position:relative;top:-2.5em;

	font-size:14px;

	font-style:italic;	

	color: #eee;

	text-align:right

}



.Meldung {

	margin: 10px 0px 0px 0px;

	padding: 3px 5px 3px 15px;

	background-color:#fff;

	border: 1px solid #9C0F16;

	/*border-left: 3px solid #9C0F16;*/

}



.Meldung .Titel{

	font-weight: bold;

}



.Meldung a {

	text-decoration: none

}



.Meldung a {

	color: #000;

}





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

.Bilderzeile {

	max-width: 1180px;

	max-height: 210px;

}

.Bilderzeile_kalv {

	max-width: 1180px;

	max-height: 380px;

}

}



@media screen and (min-width: 1061px) and (max-width: 1190px){

.Bilderzeile {

	max-width: 1040px;

	max-height: 210px;

}

.Bilderzeile_kalv {

	max-width: 1040px;

	max-height: 380px;

}

}



@media screen and (min-width: 861px) and (max-width: 1060px){

.Bilderzeile {

	max-width: 840px;

	max-height: 210px;

}

.Bilderzeile_kalv {

	max-width: 840px;

	max-height: 380px;

}

}



@media screen and (min-width: 651px) and (max-width: 860px){

.Bilderzeile {

	max-width: 630px;

	max-height: 210px;

}

.Bilderzeile, .Bilderzeile_kalv {

	max-width: 630px;

	max-height: 380px;

}

}



@media screen and (max-width: 650px){

.Bilderzeile, .Bilderzeile_kalv {

	width: 100%;

	height: auto; 

}

}



.Bilderzeile img, .Bilderzeile_kalv img {

	width: 100%;

}



/* Header Ende */



/* Main Beginn */



#Main {

	margin-top:0px;

}



.InhaltGanzeSeite {

	max-width: 1180px;

	margin: 0px;

}



.InhaltGanzeSeite h2 {

	padding:0px 0px 20px 0px;

}



.InhaltGanzeSeite h3 {

	margin:10px 0px 20px 0px;

	padding:10px 0px 0px 0px;

	border-bottom: 0.5px dotted #ccc;

	font-size: 18px;

}

	

.InhaltGanzeSeite p {

	margin-top:10px;

	margin-bottom:10px;

	padding: 0px;

	}



.InhaltLinks {

	margin: 0px;

	padding: 0px;

}



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

.InhaltBlock {

	margin: 10px 0px 0px 0px; 

	padding: 0px;

	background-color: #fff;

}

	

.InhaltLinks {

	float: left;

	width: 830px;

}

}



@media screen and (min-width: 1061px) and (max-width: 1190px){

.InhaltBlock {

	margin: 10px 0px 0px 0px; 

	padding: 0px;

	background-color: #fff;

}

	

.InhaltLinks {

	float: left;

	width: 700px;

}

}



@media screen and (min-width: 861px) and (max-width: 1060px){

.InhaltBlock {

	margin: 10px 0px 0px 0px; 

	padding: 0px;

	background-color: #fff;

}

	

.InhaltLinks {

	width: 840px;

}

}



@media screen and (min-width: 651px) and (max-width: 860px){

.InhaltBlock {

	margin: 10px 0px 0px 0px; 

	padding: 0px;

	background-color: #fff;

}

	

.InhaltLinks {

	width: 630px;

}

}



@media screen and (max-width: 650px){

.InhaltBlock {

	margin: 5px 0px 0px 0px; 

	padding: 0px;

	background-color: #fff;

}

	

.InhaltLinks {

	width: 100%;

}



}



.InhaltLinks h2 {

	padding:0px 0px 20px 0px;

}



.InhaltRechts {

	margin: 0px;

	padding: 0px;



}





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

.InhaltRechts {

	float: right;

	width: 330px;

}

}



@media screen and (min-width: 1061px) and (max-width: 1190px){

.InhaltRechts {

	float: right;

	width: 330px;

}

}



@media screen and (min-width: 861px) and (max-width: 1060px){

.InhaltRechts {

	width: 840px;

}

}

@media screen and (min-width: 651px) and (max-width: 860px){

.InhaltRechts {

	width: 630px;

}

}



@media screen and (max-width: 650px){

.InhaltRechts {

	width: 100%;

}

}



/* Main Ende */



/* Bereiche Beginn */



.Schlagworte h3 {

	margin:0px 0px 20px 0px;

	padding:0px;

}



ul.Schlagworte {

	padding: 0px;

	margin: 10px 0px 0px 0px;

	}



.Schlagworte li {

	background-color:#ddd;

    border-radius: 5px;

	padding: 5px 10px 5px 10px;

	margin: 3px;

	display:inline-block;

	list-style-type:none;

	font-size:14px;

}



.Schlagworte li:hover {

	background-color:#aaa;

}



.Schlagworte a li {

    text-decoration: none;

    color:black;

}



table { 

	margin: 15px;

    border-collapse:collapse; 

}



tr { 

    border-bottom: 1px solid #ddd;    

}



thead tr { 

    background-color: #f1f1f1;	

    font-weight: bold; 

    border-bottom: 1px solid #ccc;    

}



tr:hover { 

    background-color: #eee; 

}



thead tr:hover { 

    background-color: #eee;	

    border-bottom: 1px solid #ccc;    

}



td { 

    padding:10px;

}



tr.Vereindetails { 

    background-color: #fff; 

    margin:0px;

    padding:0px;

	display:none;

}



td.Vereindetails { 

    margin:0px;

    padding:0px;

}



div.Vereindetails {

	width: 97%;

	margin-left: 5px;

	margin-bottom: 10px;

	padding:5px;

   	border-left:1px solid #ccc;

	border-bottom:1px solid #ccc;

	border-right:1px solid #ccc;

	background-color:#fafafa;

	font-size: 14px;

}



.Vereindetails .Anschrift {

	list-style-type:none;

	float:left;

	width: 300px;

}



.Vereindetails .Kontakt {

	list-style-type:none;

	margin-left: 350px;

} 



.Verein {
  position: relative;
	margin:20px 0px 20px 0px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	}



.Verein:hover {

	background-color: #eee;

}



.Verein h3 {

	font-size: 18px;

	font-weight: normal;

}



.Verein-oH {

	margin:0px 0px 0px 0px;

	padding:5px 2px 5px 2px;

	}



.Verein-oH h3 {

	font-size: 18px;

	font-weight: normal;

}



.Verein-oH h4 {

	font-size: 16px;

	font-weight: normal;

	font-style: italic;

}



.Verein-oH p {

	margin:0px 0px 10px 0px;

}

.Verein-oH p.Quelle {

	text-align: right;
  font-size: 11px;
	font-style: italic;
	margin:0px 0px 0px 0px;

}


.Verein ul {

	list-style-type: none;

}



.Termin {

	margin:10px 0px 10px 20px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	}



.Termin:hover {

	background-color: #eee;

}



.Termin h3 {

	font-size: 18px;

	font-weight: normal;

}



.Termin ul {

	list-style-type: none;

}





div#Kasten1 {

	display:block;

}

/* Neue Inhalte */

ul.Wertstoffe  {
	list-style-type: none;
  
}

ul.Wertstoffe li {
  margin-top: 4px;
  margin-bottom: 4px;   
}

li.Muellkalender {
  padding-top: 2px;
  padding-bottom: 2px;   
}


li.WSGlas  {
    border-left: 20px solid green;
    padding-left: 10px;
}

li.WSMetall {
    border-left: 20px solid blue;
    padding-left: 10px;
}

li.WSPapier {
    border-left: 20px solid red;
    padding-left: 10px;
}

li.WSKunststoff  {
    border-left: 20px solid yellow;
    padding-left: 10px;
}

li.WSBiomuell {
    border-left: 20px solid brown;
    padding-left: 10px;
}

li.WSRestmuell {
    border-left: 20px solid black;
    padding-left: 10px;
}

ul.Wertstoffe2  {
	list-style-type: none;
  margin-top: 10px;
  margin-bottom: 0px;
  
}

ul.Wertstoffe2 li {
float:left;
width: 95px;
  margin-top: 4px;
  margin-left: 0px;
  margin-bottom: 4px;   
  margin-right: 15px;
}

li.WSGlas2  {
  color:white;
      background-color: green;
    padding: 5px;
    font-weight: 600;
    text-align: center;}

li.WSMetall2 {
  color:white;
      background-color: blue;
    padding: 5px;
    font-weight: 600;
    text-align: center;}

li.WSPapier2 {
    background-color: red;
    color:white;
    padding: 5px;
    font-weight: 600;
    text-align: center;
}

li.WSKunststoff2  {
  color:white;
      background-color: yellow;
    padding: 5px;
    font-weight: 600;
    text-align: center;
    color: black}

li.WSBiomuell2 {
  color:white;
      background-color: brown;
    padding: 5px;
    font-weight: 600;
    text-align: center;}

li.WSRestmuell2 {
    background-color: black;
    color:white;
    padding: 5px;
    font-weight: 600;
    text-align: center;
}


.Meldung_Alarm {

	margin: 10px 0px 0px 0px;

	padding: 1px 3px 1px 13px;

	background-color:#fff;

	border: 10px solid #9C0F16;
  
  min-height: 200px;

	/*border-left: 3px solid #9C0F16;*/
  font-size:24px;
  
  padding-top: 40px;
  padding-bottom: 40px;
}  


.Meldung_Alarm .Titel{
  text-align: center;
	font-weight: bold;

}



.Meldung_Alarm a {

	text-decoration: none

}



.Meldung_Alarm a {

	color: #000;

}

/* Neue Inhalte Ende*/

.Sitz:before {

    content: '\f409';

    display: inline;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.Kalender:hover {

	color:#646464;

}

.Kalender:before {

    content: '\f305';

    display: inline;

    -webkit-font-smoothing: antialiased;

    font: normal 32px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -20px;

}



.Sitz:hover {

	color:#646464;

}

.Mail:before {

    content: '\f410';

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.Mail:hover {

	color:#646464;

}



.Webadresse:before {

    content: '\f475';

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.Webadresse:hover {

	color:#646464;

}



.Facebook:before {

    content: '\f203';

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.Facebook:hover {

	color:#646464;

}


.Information:before {

    content: '\f455';

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.Information:hover {

	color:#646464;

}





.Person:before {

    content: '\f304';

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.Person:hover {

	color:#646464;

}



.Telefon:before {

    content: '\f50c';

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.Telefon:hover {

	color:#646464;

}



.Detail:before {

    content: '\f429';

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.Detail:hover {

	color:#646464;

}



.Zeit:before {

    content: '\f303';

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.Zeit:hover {

	color:#646464;

}



.LogoHinweis:before {

    content: '\f456';

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font: normal 16px/1 'Genericons';

    vertical-align: text-bottom;

    position:relative;

    left: -10px;

}



.LogoHinweis:hover {

	color:#646464;

}



.LogoHinweis {

   font-weight:600;

}



.Kalenderdatum {

	font-size: 18px;

	font-weight: bold;

}



.Hinweis {

	padding: 10px 0px 20px 0px;

	font-size: 14px;

	border-bottom: 1px solid #ccc;

}



.Hinweis:hover {

	background-color: #eee;

}





.Hinweis:last-child {

	border-bottom: 0px solid #ccc;

}



.WetterDetailTagDetail:hover {

	background-color: #eee;

}





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

.WetterDetailTagDetail {

	float:left;

	width: 26%;

	margin:2px 2px 2px 2px;

	padding:20px 30px 20px 30px;

	background-color: #f5f5f5;

	text-align: center;

}



.WetterDetailTagDetail .Bild {

	padding: 5px 0px 5px 0px;

	vertical-align: middle;

	min-height: 60px;

}



.WetterDetailTagGesamt {

	width: 89%;

	margin:2px 0px 2px 0px;

	padding:20px 30px 20px 30px;

	background-color: #f5f5f5;

	text-align: center;

}

}



@media screen and (min-width: 1061px) and (max-width: 1190px){

.WetterDetailTagDetail {

	float:left;

	width: 26%;

	margin:2px 2px 2px 2px;

	padding:20px 30px 20px 30px;

	background-color: #f5f5f5;

	text-align: center;

}



.WetterDetailTagDetail .Bild {

	padding: 5px 0px 5px 0px;

	vertical-align: middle;

	min-height: 60px;

}



.WetterDetailTagGesamt {

	width: 90.5%;

	margin:2px 0px 2px 0px;

	padding:20px 30px 20px 30px;

	background-color: #f5f5f5;

	text-align: center;

}}



@media screen and (min-width: 861px) and (max-width: 1060px){

.WetterDetailTagDetail {

	float:left;

	width: 28%;

	margin:2px 2px 2px 2px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	text-align: center;

}



.WetterDetailTagDetail .Bild {

	padding: 5px 0px 5px 0px;

	vertical-align: middle;

	min-height: 60px;

}



.WetterDetailTagGesamt {

	width: 90%;

	margin:2px 0px 2px 0px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	text-align: center;

}}



@media screen and (min-width: 651px) and (max-width: 860px){

.WetterDetailTagDetail {

	float:left;

	width: 28%;

	margin:2px 2px 2px 2px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	text-align: center;

}



.WetterDetailTagDetail .Bild {

	padding: 5px 0px 5px 0px;

	vertical-align: middle;

	min-height: 60px;

}



.WetterDetailTagGesamt {

	width: 92%;

	margin:2px 0px 2px 0px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	text-align: center;

}}



@media screen and (max-width: 650px){

.WetterDetailTagDetail {

	float:left;

	width: 28%;

	margin:2px 2px 2px 2px;

	padding:5px 5px 5px 5px;

	background-color: #f5f5f5;

	text-align: center;

}



.WetterDetailTagDetail .Bild {

	padding: 5px 0px 5px 0px;

	vertical-align: middle;

	min-height: 60px;

}



.WetterDetailTagGesamt {

	width: 89%;

	margin:2px 0px 2px 0px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	text-align: center;

}}



.WetterDetailTag h3 {

	font-size: 18px;

	font-weight: bold;

	margin:20px 0px 20px 0px;

}



.WetterDetailTagGesamt:hover {

	background-color: #eee;

}



/* Bereiche Ende */



/* Footer Beginn */



footer {

	margin-top: 15px;

	margin-bottom: 15px;

	font-size:12px;

}



.Seitenverweise {

	margin: 30px 0px 10px 0px;

	padding: 50px 0px 50px 0px;

	min-height: 150px;

	background-color: #555555;

	color: #ffffff;

	font-size:14px;

}





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

.Seitenverweise .SeitenverweiseTeil {

	float:left;

	width: 25%;

	margin: 0px 50px 0px 0px;

	padding: 0px 0px 0px 0px;

}

}



@media screen and (max-width: 850px){

.Seitenverweise .SeitenverweiseTeil {

	padding: 0px 0px 30px 10px;

}

}





.Seitenverweise .SeitenverweiseTeil .Ueberschrift {

	font-size:16px;

	margin: 0px;

	padding: 0px;

	font-weight: 600;	

}



.Seitenverweise .SeitenverweiseTeil a {

	color: #ffffff;

	text-decoration:none;

}



.Seitenverweise .SeitenverweiseTeil a:hover {

	text-decoration:underline;

}



.InhaltRechts .Wetter {

	margin:0px 0px 10px 0px;

	padding:5px;

	/*background-color:#ffff80;*/

}



.InhaltRechts .Wetter h3 {

	margin:0px 0px 10px 0px;

	padding:0px;

}



.InhaltRechts .Wetter .WetterTage {

	margin:15px 0px 15px 0px;

	/* Responsive */	

	padding-left:20px;

	padding-right:0px;

}



.InhaltRechts .Wetter a:focus {

	outline: none

}





.InhaltRechts .Wetter .WetterTag {

	text-align:center;

	width:30%;

	float:left;

	margin:0px;

	padding:0px 0px 20px 0px;

	background-color:#ffffd2;

	border-left: 2px solid white;

	color:black;

}



.InhaltRechts .Wetter .h4 {

	margin:0px;

	padding:0px 0px 10px 0px;

}



.InhaltRechts .Wetter .WetterTag:first-child {

	padding-left:0px;

	border-left: 0px solid white;

}



.InhaltRechts .Wetter .WetterTag p{

	font-size:14px;

	margin:0px;

	padding:0px;

	border:0px;

}



.InhaltRechts .Wetter .WetterTag .Bild{

	min-height:60px;

	margin:0px;

	padding:0px;

}



.WetterCopy {

	margin:10px 0px 5px 0px;

	font-size:10px;

	text-align: right;

}





.InhaltRechts .TermineBL {

	margin:0px 0px 10px 0px;

	padding:10px;



}



.InhaltRechts .TermineBL h3 {

	margin:0px;

	padding:0px;

}



.InhaltRechts .TermineBL .TerminBL {

	margin:5px 0px 5px 0px;

	padding:5px 0px 5px 0px;

	border-bottom: 2px solid #F1F1F1;

	min-height: 55px;

	color:black;

}



.InhaltRechts .TermineBL a {

	text-decoration: none;

}



.InhaltRechts .TermineBL a:focus {

	outline: none

}



.InhaltRechts .TermineBL .Datum {

	float:left;

	width:50px;

	margin:0px;

	padding:0px;

	background-color:#E0E0E0/*#ffffc0;*/;

	/*border:1px solid #E0E0E0;*/

	

}



.InhaltRechts .TermineBL .Datum p{

	font-size:10px;

	margin:0px;

	padding:0px;

	text-align:center;

}



.InhaltRechts .TermineBL .Datum p.Tag{

	font-size:20px;

	font-weight:bold;

	margin:0px;

	padding:0px;

	text-align:center;

}



.InhaltRechts .TermineBL .TerminDetailBL {

	margin:0px;

	margin-left:60px;

	margin-right:10px;

	padding:0px;

}





.InhaltRechts .TermineBL .TerminDetailBL p{

	font-size:12px;

	margin:0px;

	padding:0px;

}



.InhaltRechts .TermineBL .TerminDetailBL p.TerminTitel {

	font-size:16px;

	font-weight:600;

	margin:0px;

	padding:0px;

}







.InhaltLinks .Notdienste {

	margin:20px 0px 20px 0px;

	padding:0px;

}





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

.InhaltLinks .NotdienstAe {

	padding:10px;

	float:left;

	margin:5px 5px 5px 0px;

	width: 45%;

}

}



@media screen and (max-width: 640px){

.InhaltLinks .NotdienstAe {

	padding:20px;

	margin:10px 0px 10px 0px;

}

}



.InhaltLinks .NotdienstAe {

	background-color:#F1F1F1;

}



.InhaltLinks .NotdienstAe:hover {

    opacity: 0.9;

    filter: alpha(opacity=90); /* For IE8 and earlier */

}





.InhaltLinks .NotdienstAe h3 {

	margin:0px;

	padding:0px;

}



.InhaltLinks a .NotdienstAe  {

	text-decoration:none;

	color:black;

}



.InhaltLinks .NotdienstAe p {

	margin:0px;

	padding:0px 0px 0px 15px;

}





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

.InhaltLinks .NotdienstAp {

	padding:10px;

	float:left;

	margin:5px 5px 5px 0px;

	width: 45%;

}

}



@media screen and (max-width: 650px){

.InhaltLinks .NotdienstAp {

	padding:20px;

	margin:10px 0px 10px 0px;

}

}



.InhaltLinks .NotdienstAp {

	background-color:#F1F1F1; /* #fffdcc;*/

}



.InhaltLinks .NotdienstAp h3 {

	margin:0px;

	padding:0px;

}



.InhaltLinks .NotdienstAp p {

	margin:0px;

	padding:0px 0px 0px 15px;

}



.InhaltLinks .Artikel a{

	text-decoration: none;

	color: black;

}



.InhaltLinks .Artikel a:focus {

	outline: none

}





.InhaltLinks .Artikel:nth-child(1){

	margin-top: 0px;

}



.InhaltLinks .ArtikelListe a{

	text-decoration: none;

	color: black;

}



.InhaltLinks .ArtikelListe a:focus {

	outline: none

}





.InhaltLinks .ArtikelListe:nth-child(1){

	margin-top: 0px;

}





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

.InhaltLinks .Artikel .ArtikelBild {

	float:left;

}



.InhaltLinks .Artikel .ArtikelBild img{

	width: 400px;

	height: auto;

}



.InhaltLinks .ArtikelListe .ArtikelBild {

	float:left;

}



.InhaltLinks .ArtikelListe .ArtikelBild img{

	width: 400px;

	height: auto;

}

}



@media screen and (min-width: 1061px) and (max-width: 1190px){

.InhaltLinks .Artikel .ArtikelBild {

	float:left;

}



.InhaltLinks .Artikel .ArtikelBild img{

	width: 300px;

	height: auto;

	}



.InhaltLinks .ArtikelListe .ArtikelBild {

	float:left;

}



.InhaltLinks .ArtikelListe .ArtikelBild img{

	width: 300px;

	height: auto;

	}



}



@media screen and (min-width: 861px) and (max-width: 1060px){

.InhaltLinks .Artikel .ArtikelBild {

	float:left;

}



.InhaltLinks .Artikel .ArtikelBild img{

	width: 400px;

	height: auto;

}



.InhaltLinks .ArtikelListe .ArtikelBild {

	float:left;

}



.InhaltLinks .ArtikelListe .ArtikelBild img{

	width: 400px;

	height: auto;

}

}



@media screen and (min-width: 651px) and (max-width: 860px){

.InhaltLinks .Artikel .ArtikelBild {

	float:left;

}



.InhaltLinks .Artikel .ArtikelBild img{

	width: 300px;

	height: auto;

}



.InhaltLinks .ArtikelListe .ArtikelBild {

	float:left;

}



.InhaltLinks .ArtikelListe .ArtikelBild img{

	width: 300px;

	height: auto;

}

}



@media screen and (max-width: 650px){

.InhaltLinks .Artikel .ArtikelBild img{

	width: 100%;

	height: auto;

}



.InhaltLinks .ArtikelListe .ArtikelBild img{

	width: 100%;

	height: auto;

}

}



.InhaltLinks .Artikel .ArtikelBild figcaption {

	margin:2px 10px -31px 10px;

	padding:0px;

	position:relative;top:-3em;

	font-size:11px;

	color: #eee;

	text-align:right

}



.InhaltLinks .ArtikelListe .ArtikelBild figcaption {

	margin:2px 10px -31px 10px;

	padding:0px;

	position:relative;top:-3em;

	font-size:11px;

	color: #eee;

	text-align:right

}



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

.InhaltLinks .Artikel .ArtikelText {

	margin-left: 420px;

	margin-top: 0px;

	padding-right: 10px;

	height: 234px;

}



.InhaltLinks .ArtikelListe .ArtikelText {

	margin-left: 420px;

	margin-top: 0px;

	padding-right: 10px;

	height: 234px;

}



.SchaltflaecheDetails {

	width: 100px;

}

}



@media screen and (min-width: 1061px) and (max-width: 1190px){

.InhaltLinks .Artikel .ArtikelText {

	margin-left: 320px;

	margin-top: 0px;

	padding-right: 10px;

	height: 210px;

}



.InhaltLinks .ArtikelListe .ArtikelText {

	margin-left: 320px;

	margin-top: 0px;

	padding-right: 10px;

	height: 210px;

}



.SchaltflaecheDetails {

	width: 100px;

}

}



@media screen and (min-width: 861px) and (max-width: 1060px){

.InhaltLinks .Artikel .ArtikelText {

	margin-left: 420px;

	margin-top: 0px;

	padding-right: 10px;

	height: 234px;

}



.InhaltLinks .ArtikelListe .ArtikelText {

	margin-left: 420px;

	margin-top: 0px;

	padding-right: 10px;

	height: 234px;

}



.SchaltflaecheDetails {

	width: 100px;

}

}





@media screen and (min-width: 651px) and (max-width: 860px){

.InhaltLinks .Artikel .ArtikelText {

	margin-left: 320px;

	margin-top: 0px;

	padding-right: 10px;

	height: 250px;

}



.InhaltLinks .ArtikelListe .ArtikelText {

	margin-left: 320px;

	margin-top: 0px;

	padding-right: 10px;

	height: 250px;

}



.SchaltflaecheDetails {

	width: 200px;

}

}





@media screen and (max-width: 650px){

.InhaltLinks .Artikel .ArtikelText {

	margin-top: 0px;

	padding: 0px 3px 10px 3px;

}



.InhaltLinks .ArtikelListe .ArtikelText {

	margin-top: 0px;

	padding: 0px 3px 10px 3px;

}



.SchaltflaecheDetails {

	width: 250px;

	padding: 6px 10px 6px 10px;

	margin: 10px 3px 3px -10px;

	font-size:14px;

}

}





.InhaltLinks .Artikel .ArtikelText h3 {

	font-size:30px;

	margin:0px;

	padding:5px 0px 10px 0px;

}



.InhaltLinks .Artikel .ArtikelText .Metadaten {

	font-size:10px;

	font-style: italic;

	margin-bottom:25px;

}



.InhaltLinks .Artikel:nth-child(1){

	background-color:#f4f4f4;

	/*border-bottom: 0px solid #f4f4f4;*/

}





.InhaltLinks .ArtikelListe .ArtikelText h3 {

	font-size:22px;

	margin:0px;

	padding:5px 0px 2px 0px;

}



.InhaltLinks .ArtikelListe .ArtikelText .Metadaten {

	font-size:10px;

	font-style: italic;

	margin-bottom:25px;

}



.InhaltLinks .ArtikelListe:hover{

	background-color:#f4f4f4;

	/*border-bottom: 0px solid #f4f4f4;*/

}







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

.InhaltLinks .Artikel{

	margin: 0px;

	padding: 0px;

	width: 100%;	

}



.InhaltLinks .ArtikelListe{

	margin: 10px 0px 10px 0px;

	padding: 0px;

	width: 100%;	

}



.InhaltLinks .WeitereArtikel {

    margin: 20px 0px 30px 0px;

	padding: 10px 0px 20px 0px;

	

}

	

.InhaltLinks .WeitereArtikel .Artikel{

	width:30%;

	float:left;

	background-color:#ffffff;

    border-left: 3px solid #f1f1f1;

    margin: 0px 0px 0px 0px;

	padding: 10px 10px 0px 10px;

	

}

}



@media screen and (max-width: 860px){

.InhaltLinks .Artikel{

	margin: 0px;

	padding: 0px;

}



.InhaltLinks .ArtikelListe{

	margin: 10px 0px 10px 0px;

	padding: 0px;

}



.InhaltLinks .WeitereArtikel {

    margin: 10px 0px 0px 0px;

	padding: 0px;

	

}

	

.InhaltLinks .WeitereArtikel .Artikel {

	background-color:#ffffff;

    margin: 0px;

    border-bottom: 1px solid #f1f1f1;

	padding: 5px;

	

}

}





.InhaltLinks .WeitereArtikel .Artikel:first-child {

	border-left: 0px none #f1f1f1; 

	paddig-left:0px;	

}





.InhaltLinks .Artikel .ZusatzA {

	font-size:10px;

	font-style: italic;

}



.InhaltLinks .ArtikelListe .ZusatzA {

	margin: 0px 0px 5px 0px;

	padding: 0px;

	font-size:10px;

	font-style: normal;

}





.Schaltflaeche {

	background-color:#9C0F16;

    border-radius: 5px;

	padding: 5px 10px 5px 10px;

	margin: 10px 3px 3px 3px;

	font-size:14px;

	text-align: center;

	font-weight: 600;

}



.Schaltflaeche:hover {

	font-weight: bold;

}





.Schaltflaeche a {

	text-decoration:none;

	color:#fff;

}



.SchaltflaecheLinks {

	background-color:#9C0F16;

    border-radius: 5px;

	padding: 5px 10px 5px 10px;

	margin: 10px 10px 5px 10px;

	font-size:14px;

	text-align: center;

	font-weight: 600;

}



.SchaltflaecheLinks:hover {

	font-weight: bold;

}





.SchaltflaecheLinks a {

	text-decoration:none;

	color:#fff;

}



.SchaltflaecheDetails {

	background-color:#9C0F16;

    border-radius: 5px;

	padding: 4px 8px 4px 8px;

	margin: 10px 3px 3px -10px;

	font-size:12px;

	text-align: center;

	font-weight: 600;

}



.SchaltflaecheDetails:hover {

	font-weight: bold;

}





.SchaltflaecheDetails a {

	text-decoration:none;

	color:#fff;

}





.SchaltflaecheDetails a:focus {

	outline: none

}



 .BlockArtikel img {

	margin:0px;

 max-width: 100%;

}

.BlockArtikel figure {

	margin:20px;

	text-align:center;
  
  max-width: 100%;

}



.BlockArtikel figcaption {

	font-size:11px;

}



.BlockArtikel p {

	margin-bottom: 5px;

}





.Untertitel {

	font-style: italic;

	padding-bottom:10px;

}





.BlockVerweise {

	margin:20px 0px 20px 0px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	}



.BlockVerweise h3 {

	font-size: 18px;

	font-weight: normal;

}



.BlockVerweise ul {

	list-style-type: none;

}



	

.BlockBilder {

	margin:20px 0px 20px 0px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	}



.BlockBilder h3 {

	font-size: 18px;

	font-weight: normal;

}



.BlockBilder ul {

	list-style-type: none;

}



.BlockInfo {

	margin:20px 0px 20px 0px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	}



.BlockInfo h3 {

	font-size: 18px;

	font-weight: normal;

}



.BlockInfo ul {

	list-style-type: none;

}



.Metadaten {

	margin:20px 0px 20px 0px;

	padding:10px 10px 10px 10px;

	background-color: #f5f5f5;

	}



.AktuellerTermin {

	border: 1px solid #9C0F16;

	border-left: 10px solid #9C0F16;

	background-color: #ffffd2;

}



.VeranstaltungHinweis {

	margin-top: 10px;

	padding:10px;

	float:right;

	height: 234px;

	width: 350px;


}



.Verein-oH {

	margin:0px 0px 0px 0px;

	padding:5px 2px 5px 2px;

	}



.Verein-oH h3 {

	font-size: 18px;

	font-weight: normal;

}



.Verein-oH h4 {

	font-size: 16px;

	font-weight: normal;

	font-style: italic;	

}



.Verein-oH p {

	margin:0px 0px 10px 0px;

}



.Papier {

	border: 2px solid red;

	border-left: 15px solid red;

}



.KunststoffN {

	border: 2px solid yellow;

	border-left: 15px solid yellow;

}



.KunststoffS {

	border: 2px solid yellow;

	border-left: 15px solid yellow;

}



.Biomuell {

	border: 2px solid brown;

	border-left: 15px solid brown;

}



.Restmuell {

	border: 2px solid black;

	border-left: 15px solid black;

}



.Restmuell2 {

	border: 2px solid black;

	border-left: 15px solid black;

}


.Kalender:before {

    content: '\f305';
    display: inline;
    -webkit-font-smoothing: antialiased;
    font: normal 32px/1 'Genericons';
    vertical-align: text-bottom;
    position:relative;
    left: -5px;
    top: 5px;

}

li.Kalender2 {
    width: 120px;
    background-color:#ffffd2;
    color:black;
    padding:2px;
    border-color: rgb(217,217,217);
    
}

li.Kalender2:hover {
    border: 1px solid grey;
    padding:1px;
}


a.Kalender {
    text-decoration: none;
    font-size: 12px;
    position:relative;
    left: 15px;
    top:-5px;
    height: 50px;
}


.TerminMetadaten .RahmenTM {
  margin:0px;
  padding:0px;
	}

.TerminMetadaten .Bild_QR {
  height: 130 px;
  float:left;
	margin:0px 10px 0px 10px;
  padding:0px;
	}

  
.TerminMetadaten .Bild_QR img{  
	width: 123px;
  height: auto;
  margin:0px;
  padding:0px;
}
  
.TerminMetadaten .Metadaten_QR {
  height: 130px;  
	margin:20px 30px 0px 130px;
  padding:5px 5px 5px 5px;
	}
  
.TerminMetadaten .Metadaten_QR li{
  text-align: left;
  font-size: 12px;
	}  

.TerminMetadaten .Metadaten_QR li:first-child{
  font-weight: bold;
 	}  
  
.TerminMetadaten .Metadaten_QR li:last-child{
  font-weight: bold;
  font-size: 16px; 
	}  


  
  
.Meldung_Wichtig {

	margin: 10px 0px 0px 0px;

	padding: 1px 3px 1px 13px;

	background-color:#fff;

	border: 4px solid #9C0F16;

	/*border-left: 3px solid #9C0F16;*/

}  


.Meldung_Wichtig .Titel{

	font-weight: bold;

}



.Meldung_Wichtig a {

	text-decoration: none

}



.Meldung_Wichtig a {

	color: #000;

}

.Kurznachricht {
	background-color:#f4f4f4;

	padding: 5px 10px 5px 10px;

	margin: 15px 0px 15px 0px;

}


.Kurznachricht .Titel {

	font-weight: 600;

}


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

.Emblem {
  position: absolute;
  top: 0px;
  right: 0;
  margin: 0px;
  padding: 0px;
  z-index: 99;
}

.GuZi {
  position: relative;
  padding: 0px;
  right: 0px;
  width: 194px;
  top:50px;
  border: 0px;
  z-index: 99;
}

.SitzZirl {
  position: absolute;
  top: 0px;
  padding: 10px 5px;
  right: 0px;
  width: 180px; 
  background-color: #73AD21;
  font-weight:600;
  text-align:center;
  color:#fff;
  border: 3px solid #73AD21;
}

}



@media screen and (max-width: 651px){
.Emblem {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.GuZi {
  margin-bottom: 10px;
  padding: 0px 5px;
  height: 63px;
  /*background-color: #73AD21;
  font-weight:600;
  color:#fff;*/    
  text-align:center;
}


.SitzZirl {
  margin-bottom: 10px;
  padding: 10px 5px;
  height: 27px;
  background-color: #73AD21;
  font-weight:600;
  text-align:center;
  color:#fff;    
}

}





.InhaltRechts .IRB {
	margin: 0px;
	padding: 0px;
    width: 100%;
}

.InhaltRechts .IRB img {
	margin: 0px;
	padding: 0px;
    width: 100%;
    height: auto;

}


main .Videoinhalt .Videofeld {
	text-align:         center;
    padding:            10px;
}

main .Videoinhalt video {
    width:              100%;
    max-width:          479px;
}

.Bilderreihe * {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

tr.Vereindetails { 

    background-color: #fff; 

    margin:0px;

    padding:0px;

	display:none;

}



td.Vereindetails { 

    margin:0px;

    padding:0px;

}



div.Vereindetails {

	width: 97%;

	margin-left: 5px;

	margin-bottom: 10px;

	padding:5px;

   	border-left:1px solid #ccc;

	border-bottom:1px solid #ccc;

	border-right:1px solid #ccc;

	background-color:#fafafa;

	font-size: 14px;

}



.Vereindetails .Anschrift {

	list-style-type:none;

	float:left;

	width: 300px;

}



.Vereindetails .Kontakt {

	list-style-type:none;

	margin-left: 350px;

} 



.Advent {
  position: relative;
	margin:20px 0px 20px 0px;
	padding:10px 10px 10px 10px;
	background-color: #f5f5f5;
	}



.Advent:hover {

	background-color: #eee;

}



.Advent h3 {
	font-size: 18px;
	font-weight: 600;
    margin-bottom:20px;
}

.Advent h4 {
    margin-top:20px;
    margin-bottom:20px;
}

.Advent audio {
margin-top: 20px;
margin-bottom: 20px;
}


.Advent figure {
    margin-top: 10px;
    margin-bottom: 20px;
}

.Advent figure img {
    max-width: 100%;
}

.Advent figure figcaption {
    font-style: italic;
    font-size: 12px;
}

.Advent p {
    margin-bottom: 10px;
}

.Advent .Zitat {
    margin: 25px 35px;
    font-style: italic;
}

.Advent figure img.Basteln {
text-align:center;
    margin: 5px;
    padding: 0px;
    float:left;
    width: 340px;
}

.Advent .Videoinhalt .Videofeld {
	text-align:         center;
    padding:            10px;
}

.Advent .Videoinhalt video {
    width:              100%;
    max-width:          479px;
}