@charset "utf-8";
/* CSS Document */

html, body {
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
}
body {
	display: table;
	width: 100%;
	margin: 0 auto;
	background-color: white;
}
hr {
	border: 0;
	height: 1px;
	background:#808080;
}


.tabellen_zelle {
	background-color: white;
	display: table-row;
	text-align:center;
}
nav {
	background-color: limegreen !important;
}
.maximale_hoehe {
	height: 100%;
	background-color: #FC3;
}
.inhalt {
	width: 80%;
 background-color:;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.links {
	width: 50%;
	float:left;
	text-align:right;
}
.mitte1 {
	max-width: 450px;
	min-width: 210px;
	background-color:#FFEAA8;
	float:right;
	margin-right:10px;
	padding:15px;
	text-align:center;
}
.mitte2 {
	max-width: 450px;
	min-width: 210px;
	background-color:#FFEAA8;
	float:left;
	margin-left:10px;
	padding:15px;
	text-align:center;
}
.rechts {
	width: 50%;
	float:right;
}
 @media only screen and ( min-width: 950px ) {
    /* breites Browserfenster */
     .mitte1, {
 margin-right:20px;
 
}
    .mitte2, {
 margin-left:20px;
}
}
@media only screen and ( max-width: 440px ) {
/* mobile Geräte */
.inhalt {
	width: 99%;
}
.links, .mitte1, .mitte2, rechts {
	float:none;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
}


.links {
	width: 100%;
}
.rechts {
	width: 100%;
}
}
 @media only screen and ( min-width: 440px ) and ( max-width: 950px ) {
/* Tablets und mittlere Bildschirme */
.inhalt {
	width: 95%;
}

}