/* ------------------------ BODY ------------------------ */


body {
  margin-left:15px;
  margin-right:15px;
  margin-top:0px;
  margin-bottom:0px;
  background-color:#ecf0f1;
  font-family: Arial, sans-serif;
  font-size: 1em;
  color: #1f1f1f;
  text-align:left;
}


@media (max-width: 1366px) {body { font-size: 90%; }}


/* ------------------------ SCHRIFTEN ------------------------ */


@media (max-width: 600px) {
.ueberschrift {
  font-size: 1em;
  color: white;
  text-align: left;
}
}
@media (min-width: 601px) {
.ueberschrift {
  font-size: 1.6em;
  color: white;
  text-align: left;
}
}


.ueberschrift2 {
  font-size: 1.9em;
  color: #34495e;
  text-align: left;
}


.ueberschrift3 {
  font-size: 1.3em;
  color: #34495e;
  text-align: left;
}


p {
  font-size: 1em;
  color: #2c3e50;
  text-align: left;
}


li {
  color: #2c3e50;
  font-size: 1em;
  text-align: left;
}


a:link {
  text-decoration: none;
  font-size: 1em;
  color: #2573A6;
  text-align: left;
}


a:visited {
  text-decoration: none;
  font-size: 1em;
  color: #2573A6;
  text-align: left;
}


a:hover {
  text-decoration: none;
  font-size: 1em;
  color: #b0c4de;
  text-align: left;
}


a:active {
  text-decoration: none;
  font-size: 1em;
  color: black;
  text-align: left;
}


/* ------------------------ DESIGN ------------------------ */

input[type=number] {
	width: 2.5em;
	border: 1px solid #2573A6;
	padding: 2px;
	text-decoration: none;
	font-size: 1em;
	text-align: center;
	vertical-align: center;
    -moz-appearance:textfield;
	-webkit-appearance:textfield;
}

input[type=submit] {
	border: 1px solid #2573A6;
	padding: 3px;
	text-decoration: none;
	font-size: 1em;
	text-align: center;
	vertical-align: center;
	color: white;
	background-color: #2573A6;
	border-radius: 4px;
}

img {
  height: auto;
  width: 100%;
}


@media (max-width: 600px) {
#header {
  max-width:600px;
  padding-right:10px;
  padding-left:10px;
}
#subheader {
  max-width:600px;
  padding-right:10px;
  padding-left:10px;
}
#container {
  max-width:600px;
  padding-right:10px;
  padding-left:10px;
}
}


@media (min-width: 601px) and (max-width: 800px) {
#header {
  max-width:600px;
  padding-right:15px;
  padding-left:15px;
}
#subheader {
  max-width:600px;
  padding-right:15px;
  padding-left:15px;
}
#container {
  max-width:600px;
  padding-right:15px;
  padding-left:15px;
}
}


@media (min-width: 801px) and (max-width: 1366px) {
#header {
  max-width:750px;
  padding-right:15px;
  padding-left:15px;
}
#subheader {
  max-width:750px;
  padding-right:15px;
  padding-left:15px;
}
#container {
  max-width:750px;
  padding-right:15px;
  padding-left:15px;
  overflow:auto;
}
#inhalt {
  float: left;
  width: 250;
}
#content {
  float: right;
  width: 475;
}
}


@media (min-width: 1367px) {
#header {
  max-width:900px;
  padding-right:15px;
  padding-left:15px;
}
#subheader {
  max-width:900px;
  padding-right:15px;
  padding-left:15px;
}
#container {
  max-width:900px;
  padding-right:15px;
  padding-left:15px;
  overflow:auto;
}
#inhalt {
  float: left;
  width: 300;
}
#content {
  float: right;
  width: 575;
}
}


#header {
  background-color: #2573A6;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  padding-top:7px;
  padding-bottom:7px;
}


#subheader {
  background-color: white;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  margin-top:0px;
  padding-top:7px;
  padding-bottom:7px;
}


#container {
  background-color: white;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  margin-top:10px;
  padding-top:10px;
  padding-bottom:10px;
}