/* Abschalten der Abstände zwischen den DIV containern und zwischen p Bereichen bzw. Überschriften*/





* {


    margin:0;


    padding:0;


}





/* Einstellung für mobiles surfen 


Der erste body-Regelblock zentriert den Inhaltsbereich. 


Dieser ist für sehr große Bildschirme auf 75em begrenzt. 


Wird der Viewport schmaler, passt sich der Inhaltsbereich an, sodass immer alles sichtbar bleibt.





Bei Viewports unter 60em dehnt sich die Navigation auf 100% aus, die einzelnen Elemente werden zweispaltig dargestellt.


Für Smartphones mit einer Auflösung von 30em und weniger werden die Listenelemente der Navigation untereinander auf 100% Breite dargestellt. */





/* body {


      max-width:75em;      


      margin: 0 auto; 


    }


    nav li {


      display: inline;


    }


 


    @media screen and (max-width: 60em) {


      nav li {


        display: block;


        width: 50%;


      }


    }


 


    @media only screen and (max-width : 30em) {


      nav li {


        width: 100%;


    }


  }*/


  


/* Hier wird dem Typ-Selektoren „html, body“ und dem Bereich #wrapper die Höhe über die CSS-Anweisung height:100%; mitgegeben */  








html, body {





	max-width:75em;      


    margin: 0 auto; 


    height:auto;


}





p{


	font-family: Arial, verdana, sans-serif;


}











#wrapper {


   min-height:90%;


} 


  


  





#navigation ul {


    height: 50px;


    background-color: silver;


    border-radius:20px;


 	padding: 20px; /*setzt einen Rand um das textfeld des Menüs*/


    margin: 0px; /*setzt einen Rand um die gesamte Navigation*/


}





#navigation li {


    


    display: block;


    list-style-type: none;


    float:left;


	font-size: 20px;


	font-family:"comic sans", cursive;


    border-right: 1px solid #dfdfdf;


    padding-left: 20px;


    padding-right:10px;


}











#wrapper2 {


	


	width: 100%;


	height: 100%;


	


}





#newsbereich {


	word-wrap:break-word; /*sorgt für Wortumbrüche innerhalb des containers*/


	width: 14em;


	float:left;


}





#newsbereich h2 {


    padding-bottom: 0.5em;


    text-align: center;


    text-align: center;


}





#newsbereich h3 {


    padding-bottom: 0.5em;


    text-align: center;


}





#newsbereich p {


     padding-bottom: 1em;


}




















#inhaltsbereich  {


	word-wrap:break-word; /*sorgt für Wortumbrüche innerhalb des containers*/


	


	margin-left: 16em;


	height: 100%;


}








#foto {


    background-color: lightgrey; /* Den Pfad zum .jpg */


    background-repeat: no-repeat; /* Keine Wiederholung des Bildes */


    width: 100%; /* Breite des Containers bzw. Hintergrundbildes */


    height: 300px; /* Höhe des Containers bzw. Hintergrundbildes */


    margin: 0 auto; /* Container in der mitte */


    text-align: left; /* Text in der Mitte */


}





#foto h2 {


    padding-bottom: 0.5em;


    text-align: center;


}





#foto p {


     padding-bottom: 1em;


     margin: 0px 10px 0px 10px;


}

















#inhaltsbereichohnenews  {


	word-wrap:break-word; /*sorgt für Wortumbrüche innerhalb des containers*/


	


}





#inhaltsbereichohnenews h2 {


    padding-bottom: 0.5em;


    text-align: center;


  


}    





#inhaltsbereichohnenews h3 {


    padding-bottom: 0.5em;


    text-align: center;


}





#inhaltsbereichohnenews p {


     padding-bottom: 1em;


     margin: 0px 10px 0px 10px;


}








table{


	font-size:1.2em;


	border-spacing:4px;


	border-collapse: separate;


	border:4px solid darkgrey;


	margin-left:100px;





}





th{


	background-color: lightgrey;


	padding:0.4em 0.5em;





}





td{


	background-color: lightgrey;


	padding:0.4em 0.5em;


	text-align: center;


	border:1px dashed #000;


}	





figure,


figcaption {


	margin: 0;


	padding: 0;


}





figure.einzel {


	position: relative;


	display: inline-block;


	width: 32.9%;


}





figure.einzel2 {


	position: relative;


	display: inline-block;


	width: 45%;


}

figure.einzel3 {


	position: relative;


	display: inline-block;


	width: 100%;


}



figure img {


	width: 100%;


	display: block;


}





figcaption {


	position: absolute;


	bottom: 0;


	width: 100%;


	text-align: center;


	font-family: Arial, verdana, sans-serif;


	line-height: 3em;


	color: white;


	background: rgba(0, 0, 0, 0.5);


}





.gesamt {


	position: relative;


	color: black;


	background: white;


}








/* Definiert die padding-Abstände für den inhaltsbereich */





#inhaltsbereich h1 {


    padding-bottom: 0.5em;


}





#inhaltsbereich p {


     padding-bottom: 1em;


}























#fussbereich {


	background-color: silver; 


	clear:both;


	height:100px;


	width:100%;


	background:  silver;


	/*margin-top:-100px;*/


	border-radius:20px;


}	





#ueberuns {





	float:right;


	width:250px;


	padding:15px;


	color: white;


	


}





#ueberuns p{





	font-size: 10pt;


}








#zaehler {





	float: left;


	font-size: 10pt;


	


	


}








#fotogen {


	


	padding:15px;


	float: left;


	width:45%;


		color: red;


	font-size: 10pt;

}