﻿body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #1E90FF;
	width: 99%;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-weight: bold;
  color: #2d2d2d;
}

h1 {
  font-size: 1.33em;
}

h2 {
  font-size: 1.22em;
}

h3 {
  font-size: 1.17em;
}

h4 {
  font-size: 1.11em;
}

h5 {
  font-size: 1.06em;
}

h6 {
  font-size: 1.02em;
}

.rowParent, .columnParent {
  display: flex;
  -webkit-box-orient: horizontal;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

.columnParent {
  -webkit-box-orient: vertical;
  flex-direction: column;
}

.flexChild {
	flex: 1 1 0%;
	align-self: auto;
	background-color: #1E90FF;
}

#menueleiste {
  border-radius: 0.7em 0.7em 0em 0em;
  background-color: dodgerblue;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 99%;
}

#header {
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 99%;
  background-color: white;
}

#mainContent {
  background-color: white;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  top: 12em;
}

#linkespalte {
  float: left;
  background-color: white;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 48%;
  top: 12em;
}

#rechtespalte {
  float: left;
  background-color: white;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 49%;
  top: 12em;
}

#mehrthema {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 99%;
}

#footer {
  background-color: dodgerblue;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  width: 99%;
  border-radius: 0em 0em 0.6em 0.6em;
  text-align: center;
}

#banner {
  display: table-column;
  height: 60px;
  width: 500px;
  float: right;
  visibility: visible;
  background-color: white;
}

#wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
}

