﻿* {		margin: 0;			padding: 0;			font-family: Arial, sans-serif;	}


body{
    background-color:rgb(230,230,230);
	width: 100%; /* max-width:1500px; */
	height: auto; 
	}
	
	
 

 
header 			{	background-color: gray;			/* width: 100%;	*/	float: left;	border-bottom: 1px solid black;	}

#bereichlogo 	{	background-color: limegreen;	/* width: auto;*/		float: left;	color: white;		
					display: block;					padding: 0.5em;		text-decoration: none;			font-size: 1.5em;}
#steuerung		{	float:right;	}					

#steuerung li 	{	list-style: none;	float: left;		font-size: 1.2em;	}

#steuerung a 	{	display: block;		height: 100%;		/* width: 100%; */	padding: 0.5em;	text-decoration: none;
					color: white;		background-color: gray;	}
#steuerung a:hover {color: black;		background: orange;	}					
section a		{	display: block;		/*height: 150%;*/		width: auto;	margin: 0 0.3em; padding:0.3em;	text-decoration: none;
					color: white;		background-color: gray;		float:left; 	text-align:center;	font-size: 1em;}	
section a:hover {	color: black;	background: orange;		}					


/* ***************** Allgemein Anweisungen ************************* */
section {
	margin-left: 2%; 
	float: left;
	 width: 97%; 
	color:rgb(0,0,0); 

}
section img
{
width:85%; 
height:auto;
}
h1, h2 {
	padding: 0 0.5em ;
}
/* Vorgabe einspaltig */
	.textblock
	{
		float:left; padding: 0 1% ; 
		 width:95%;			
	}
.textblock li { margin-left: 4%;}	
	.size_S {display:none;}					/* für kurzes iframe-Fenster */

@media only screen and (min-width:700px) /* bewirkt zweispaltunge Darstellung */
{	/* body, section {padding:0; margin:0;}*/
	.section.inhalt { padding:auto;}

	
	.size_L {display:none;}
	.size_S {display:block;}
	
	.textblock
	{
		float:left;
		width:45%;				/* eingebaut statt 95% 14.12.2018 */

		/* padding:auto;	*/		/* eingebaut 14.12.2018 */
	}
	  .Titelbild
	{
	float: right;
	width: 70%;
	padding-right:2%;
	height: auto;
	}
	
  
}


/* 	************************** von mir eingebaut 	Nur Desktop mit Mindest-Pixelzahl, schmaleres Titelbild und Hintergrund ************************/
@media only screen and (min-width:1400px) 
{
	
	body		
	{
	width: 75%; margin-left:12%; margin-right:auto; /* margin mit 4 Angaben ging nicht */
	float:left; border:2px solid; border-color:silver;
	}
	

	
  
		

} 
/* Ende der bedingten Anweisungen*********************************/




