@import url('reset.css');

.txtHellblau { color: #219ce6; }
.txtBlau { color: #1885c7; }
.txtDunkelBlau { color: #002c84; } /* Kontakt */
.txtTuerkis { color: #0cd4c3; }
.txtGruen { color: #97c132; }

.txtWeiss { color:#fff; }
.txtGrau { color:#373737; }
.txtSchwarz { color:#000; }
.txtRot { color:#ff0404 !important; }
.txtDebug { color:#f0f !important; }

.bgHellblau { background-color: #219ce6; }
.bgBlau { background-color: #1885c7; }
.bgDunkelblau { background-color: #002c84; }

.bgWeiss { background-color:#fff; }
.bgWeissTransp50prc { background-color: rgba(255, 255, 255, 0.5); }
.bgDebug { background-color:#f0f !important; }


body {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	color:black;
	font-size:14px;
	line-height:19px;
	height:100%;
	width:100%;
	-webkit-text-size-adjust: none;
}

#container { position: relative; }

#header { 
	width:940px; 
	z-index:9999; 
	vertical-align:top;
	margin:auto;
	position: relative; 
	z-index: 99999 !important;
}


#homeBoxenContainer { 
	width:792px; 
	margin:auto;
	position: relative; 
	z-index: 99999 !important;
}

.homeBox {
	width:233px;
	min-height:267px;
	padding-left:17px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius:7px;
	border-radius: 7px;
	color:white;
	background-repeat:repeat-x;
	background-image:url(../images/bgHomeBox.png);
	/*behavior: url(css/border-radius.htc);  IE 6-8 */
	vertical-align:top;
}
.homeBox a { color:white; text-decoration:none; }
.homeBox a:hover { color:#002c84; }

.boxOben { min-height:46px; }


.bgSliderTitel {
	width: 526px;
	height: 89px;
	border-radius: 8px;
	background-color: #ffffff;
}

.hm {
	font-family: 'Nunito', sans-serif;
	font-size: 32px;
	font-weight: 400;
	line-height: 32px;
	margin-top:75px;
	display:inline-block;
}
.hm a { text-decoration:none; }
.hm a:hover { color:#219ce6; }

.hmKontakt {
	font-family: 'Nunito', sans-serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 25px;
	margin-top:79px;
	margin-left:12px;
	display:inline-block;
}
.hmKontakt a { text-decoration:none; }
.hmKontakt a:hover { color:#219ce6; }

h1 {
	font-size:54px;
	font-family: 'Nunito', sans-serif;
	font-weight:400;
	width:233px;
	padding:48px 0 50px 0;
}
.h1Pfeil { font-family: 'Nunito', Helvetica, Arial, sans-serif; font-size:89px; line-height:1px; vertical-align:-5px; font-weight:200; }

h2 {
	font-size:18px;
	font-weight:400;
	padding-top:25px;
	margin-bottom:7px;
}
p { color:white; margin:0 0 6px 0; padding:0; width:220px; } /* default ist margin: 1em 0px */


/* ANFANG Layout generisch */
.mr16 { margin-right:16px; }
.mr19 { margin-right:19px; }

.visible { visibility:visible; }
.hidden { visibility:hidden; }

.inline { display:inline-block; }
.none { display:none; }

.left { float:left; }
.right { float:right; }
.clear { clear: both; margin: 0; padding: 0; font-size: 0; height: 0; line-height: 0; }

.fussbuendig { display: table-cell; vertical-align: bottom; }/* ACHTUNG: funzt nur ohne float */
.vEingemittet { display: table-cell; vertical-align: middle; }/* ACHTUNG: funzt nur ohne float */
.containerEinmitten { /* ACHTUNG: body muss height und width mit 100% haben */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -447px;
	margin-top: -273px; 
}

.eckenRunden {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius:7px;
	border-radius: 7px;
	/*behavior: url(css/border-radius.htc);  IE 6-8 */
	/*padding-left:0;  IE 8 Hack für NetRenderer */
}
/*.textSchatten { text-shadow: rgba(0, 0, 0, 0.5) 0px 3px 10px; }
.boxSchatten { box-shadow: 0px 0px 30px grey; }*/
/* ENDE Layout generisch */