/* GLOBAL STYLES
 ===================================================================*/

@import url('reset.css');
@import url('farben_paddings_margins.css');
@import url('fontawesome.min.css');

/*.bgHellblau { color:#F2FAFD; }
.txtGelb { color:#eed500; }
.txtGruen { color:#008f35; }*/

body {
	font-size: 20px;
	color:#008f35;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	line-height: 1.45;
	font-weight: 400;
	background-color: #F2FAFD;
	/*-webkit-font-smoothing:antialiased;  Safari: Schrift wird dünner */
	/*text-rendering: optimizeLegibility !important; z.B. für Ligaturen Fonts < 20px */
	/*width:100%;
	height:100%;*/
}
p { margin:0 0 6px 0; padding:0; } /* default ist margin: 1em 0px */

hr { color:#678181; background-color:#678181; height:1px; margin-bottom:10px; margin-top:10px; border:0; width:550px; text-align:left; }

a { color:#008f35; text-decoration:none; outline: none; }
a:hover { color:#eed500; text-decoration:none; }

h1, h2 { 
	color:#eed500;
	line-height:1.36; 
  	font-family: "Sansita One", Arial, Helvetica, sans-serif; /* prop Um-Navi */
	font-weight:400;
}
h2 a { color:#eed500; }
h1 { 
	font-size:36px;
	margin-top:-4px;
	margin-bottom:5px;
}
h2 { 
	font-size:26px;
}
h2 a:hover { 
	color:#008f35;
}


#container {
	margin: auto;
	width: 980px;
	background-color:white;
}

#header {
	margin: auto;
	width: 900px;
	height:211px;
	
}
#headerBild {
	margin: auto;
	width: 900px;
}
#logo {
	float:left;
	width:300px;
}
#rechteSpalte {
	float:right;
	width:600px;
	text-align:right;
}
#adresse { font-size: 17px; line-height:1.2; margin-top: 12px;}



#chart {
	margin: auto;
	width:900px;
	margin-top:46px;
}

.hTrennlinie {
	width:900px;
	height:42px;
	margin:26px auto 26px auto;
	background-image:url(../images/pfoten.png);
}

.sectionLinks {
	float:left;
	width: 300px;
	z-index:2;
}
.sectionLinks img {
	margin-top: 29px;
}
.sectionRechts {
	float:right;
	width: 600px;
	z-index:2;
}
.sectionRechts ul { 
	margin:0;
	padding:10px 0 0 0;
    list-style: none outside none;
	line-height:1.4;
}
.sectionRechts ul li {
	line-height:1.4;
	padding:0px 0px 0px 29px;
	background: url(../images/li-zeichen.png) 0 5px no-repeat;
}
.sectionRechts ol { 
	margin:0;
	padding:0px 0 0 19px;
	line-height:17px;
}
.sectionRechts ol li {
	line-height:18px;
	padding-bottom:3px;
	padding-left:0px;
}


#footer {
	margin:auto;
	width: 814px;
	padding:30px 43px;
	border-radius: 10px;
	background-color: #008f35;
	color:white;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4;
	max-height:5000em;
}
#footer h1 {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color:white;
	margin-bottom: 12px;
}
#footer a {
	color:white;
}
#footer a:hover {
	color:white;
}



/* BACK TO TOP BUTTON
================================================== */
#back-top {
	position: fixed;
	bottom: 0px;
    left: 4px;
	margin:auto;
	padding:0;
	z-index: 9;
}
#back-top a {
	text-decoration: none;
	width: 36px;
	height: 42px;
	display: block;
	background-image: url(../images/goTop.png);
	background-size:100%; /*funzt nicht in IE8*/
	background-repeat: no-repeat;
	background-position: center center;
}
#back-top a:hover {
	background-image: url(../images/goTopOver.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Retina Images (High Resolution)
====================================================================== */
@media (-Webkit-min-device-pixel-ratio: 1.5),
 (-moz-min-device-pixel-ratio: 1.5),
 (-o-min-device-pixel-ratio: 3/2),
 (min-device-pixel-ratio: 1.5),
 (min-resolution: 1.5dppx) {
	#back-top a { background-image: url(../images/goTop@2x.png); }
	#back-top a:hover { background-image: url(../images/goTopOver@2x.png); }
}



/* --- KLASSEN --- */
.textSchatten { text-shadow: 0px 0px 6px #111111; }

.accordionInhalt {
	font-size: 20px;
	width: 576px;
	margin:10px 0 0 0;
	padding:12px;
	background-color:#f8f8f8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius: 10px;
	
	display:none;
}
.accordionInhalt h2 { margin: 26px 0 5px 0; }
.accordionClose {
	margin:19px 0 0 6px;
	width:100px;
	height:23px;
	background:url(../images/close.png) no-repeat;
}
.accordionClose:hover { background:url(../images/closeOver.png) no-repeat; }

.linkMargin { margin-top:1px; }


.btnTransitionZeit {
	-webkit-transition: 0.3s ease-out;
	-moz-transition:  0.3s ease-out;
	-o-transition:  0.3s ease-out;
	transition:  0.3s ease-out; 
}
.btnTransitionTyp:hover {
	/*-webkit-transform: translate(0,-5px);*/
	-webkit-transform: scale(1.03);
	-moz-transform:  scale(1.03);
	-o-transform:  scale(1.03);
	-ms-transform:  scale(1.03);
	transform:  scale(1.03);
}

.morePfeilDown {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	width:0px;
	height: 0px;
	font-size:70px;
	/*line-height:1;*/
	display:inline-block;
	margin:6px -26px 0 70px;
	vertical-align: top;
}
.morePfeilUp {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width:0px;
	height: 0px;
	font-size:70px;
	display:inline-block;
	margin-left:-46px;
	margin-top: 11px;
}


/* ANFANG Sprite-Button */
/*.btnSprite {
	padding:2px 0;
	height:19px;
	width:132px;
	text-align:center;
	background-image:url(../images/btnSprite.png);
	background-size:28px 42px;
}
.btnSprite:hover {
	background-position: 0 -19px;
}
.btnSprite a {
	line-height:18px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	display:block;
}
.btnSprite a:hover {
	color:#00ffff;
}*/
/* ENDE Sprite-Button */

/* ANFANG Div-Tabelle */
/*.divTblReihe {
	width: 670px; 
	padding:0; 
	margin: 0;
	overflow: hidden; 
}
a:hover .divTblReihe p { color:#ff0000; }
.tabellenZelle {
	float: left; 
	padding:3px 0;
	margin: 0;
	color:#333;
}

.breiteZelle1 { width: 105px; }
.breiteZelle2 { width: 75px; }
.breiteZelle3 { width: 160px; }
.breiteZelle4 { width: 330px; }

.divTblTrennlinie { height:2px; margin:11px 0; }*/
/* ENDE Div-Tabelle */


/* ANFANG PDF-Link */
/*.pdfLinkMitLi ul { 
	margin-left:0;
	padding-left:0;
	list-style:none;
}
.pdfLinkMitLi li {
	color:#fff;
	line-height:21px;
	padding:0 0 0 17px;
	margin:0;
	background: url(../images/pdfIcon.png) 0 3px no-repeat;
}
.pdfLinkMitLi li a { color:#f00; }
.pdfLinkMitLi li:hover { background: url(../images/pdfIconOver.png) 0 3px no-repeat; }

.pdfLinkMitLi li a:hover { color:#fff; }*/
/* ENDE PDF-Link */


/* ANFANG Text-Pfeil. TO DO: mit css-before oder -after lösen */
.linkTextPfeil { font-size:49px; line-height:1px; vertical-align:-6px; }
/* ENDE Text-Pfeil */


.eckenRunden {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius: 10px;
}
/*.eckenRundenOben {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.eckenRundenUnten {
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}*/


/* ANFANG Browser-Patches */
/*.ie8imgPatch { max-width: none; }
.androidUmbruchPatch { background-image: url(../images/shim.gif); }*/
/* ENDE Browser-Patches */


/* ANFANG Layout generisch */
.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; }

.bild100prztDiv { max-width:100%; }

.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; 
}
/*
.bgHellblau { color:#F2FAFD; }
.txtGelb { color:#eed500; }
.txtGruen { color:#008f35; }

.textSchatten { text-shadow: rgba(0, 0, 0, 0.5) 0px 3px 10px; }
.txtGluehen { text-shadow: 0 0 0.2em #fff, 0 0 0.1em #fff; }
.boxSchatten { box-shadow: 0px 0px 30px grey; }
*/
/* ENDE Layout generisch */



/* 	MEDIA QUERIES
====================================================================== */
/*@media (-Webkit-min-device-pixel-ratio: 1.5),
 (-moz-min-device-pixel-ratio: 1.5),
 (-o-min-device-pixel-ratio: 3/2),
 (min-device-pixel-ratio: 1.5),
 (min-resolution: 1.5dppx) {
	#back-top a {
		background-image: url(../images/goTopOff_2x.png);
	}
	#back-top a:hover {
		background-image: url(../images/goTop_2x.png);
	}
 }
 
@media only screen and (min-width: 768px) and (max-width: 959px) {}
@media only screen and (max-width: 980px) {}

@media screen and (orientation: landscape) {}
*/