@charset "utf-8";
body {
	font-family: Calibri;
	font-size: 12pt;
	color: #8B8D8E;
}
#containerTop {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#layerTop {
	height: 175px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#imgLogo {
	max-width: 100%;
	height:auto;
	}
#layerQRCode {
	position: absolute;
	right: 20px;
	top: 35px;
}
.navi {
	display: flex;
	justify-content: center;
}
.navi li {
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
}
.linkGray {
	color:#8B8D8E;
	text-decoration: none;
}
.linkGray:link {
	color:#8B8D8E;
}
.linkGray:visited {
	color:#8B8D8E;
}
.linkGray:hover {
	color:#8B8D8E;
	text-decoration: underline;
}
.linkGray:active {
	color:#8B8D8E;
}
#containerContent {
	background-color:#E4E4E4;
	padding-top: 1.25em;
}
.layerContent {
	/* Ältere Webkit Browser wie Safari 6.0 */
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	/* Neuere Webkit Browser, Safari ab 6.1, Chrome ab Version 21 */
	display:-webkit-flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: center;
	-webkit-align-content: stretch;
	/* IE 10 */
	display: -ms-flexbox;
	-ms-flex-direction: row;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: center;
	-ms-flex-line-pack: stretch;
	-ms-flex-align: stretch;
	/* IE 11, Firefox ab 22, Chrome ab 29 */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	align-content: stretch;
}
.containerBox {
	text-align: left;
	width: 27.5em;
	min-height: 10em;
	background-color:#fff;
	padding: 1.25em;
	margin-top: 0em;
	margin-right: 1.25em;
	margin-bottom: 1.25em;
	margin-left: 0em;
	border: 2px outset #EEE;
	position: relative;
}
.layerContact {
	float: left;
	width: 200px;
}

.containerBoxTitle {
	display: flex;
	display:-webkit-flex;
}
.layerBoxSymbol {
	height: 3.75em;
	width: 3.75em;
	border: 1px solid #000;
	background-color:#FFF;
	float: left;
	margin-bottom: 10px;
}
#layerBoxSymbol1 {
	background-color:#005A8B;
}
#layerBoxSymbol2 {
	background-color:#EEAF30;
}
#layerBoxSymbol4 {
	background-image: url(../img/logoContact.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.layerBoxTitle {
	font-size: 16pt;
	padding-left: 20px;
	font-weight: bold;
	margin-top: 10px;
}

/*** Hidden Container ***/
#containerHiddenPage {
	background-color:#E4E4E4;
	padding-top: 0;
}
#layerHiddenPage {
	/* Ältere Webkit Browser wie Safari 6.0 */
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	/* Neuere Webkit Browser, Safari ab 6.1, Chrome ab Version 21 */
	display:-webkit-flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: center;
	-webkit-align-content: stretch;
	/* IE 10 */
	display: -ms-flexbox;
	-ms-flex-direction: row;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: center;
	-ms-flex-line-pack: stretch;
	-ms-flex-align: stretch;
	/* IE 11, Firefox ab 22, Chrome ab 29 */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	align-content: stretch;
}

/*** Impressum ***/

#containerImpressum, #containerTechnisches, #containerDatenschutz {
	background-color:#FFF;
	width: 900px;
	min-height: 480px;
	border: 2px outset #EEE;
	text-align: left;
	padding: 3.125em;
	margin-bottom: 1.25em;
}