@charset "utf-8";


/* ----- IMPORTS ------ */

@import url('reset.css');
@import url('farben_masse.css');



/* ----- TAG-ELEMENTE ------ */

body {
	font-size: 20px;
	color:#a66556;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	line-height: 1.45;
	font-weight: 400;
	background-color: #dce9e6;
	/*background-image:url(../images/bg-verlauf.png); Variante*/
	background-image:url(../images/bg_verlauf.png);
	background-position:center;
	background-repeat:repeat-y;
	/*-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:#e95b23; text-decoration:none; outline: none; }
a:hover { color:#a66556; text-decoration:none; }

/* --- FARBEN ---
.txtBraun { color:#a66556; }
.txtOrange { color:#e95b23; }
.txtHellOrange { color:#eea48c; }
.txtRosa { color:#f5d5ce; }
.txtGruen { color:#d3eae5; }
.txtBlau { color:#a1d7e0; }
.txtHelllau { color:#edf7f7; }
*/

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


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

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



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

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

.sectionLinks {
	float:left;
	width: 300px;
	z-index:2;
}
.sectionLinks img {
	margin-top: 0px;
	margin-bottom: 0px;
}
.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: #a1d7e0;
	color:white;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.4;
	max-height:5000em;
	position:relative;
}
#footer h1 {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color:white;
	margin-bottom: 19px;
}
#footer a {
	color:white;
}
#footer a:hover {
	color:white;
}
#floatform {
	width: 131px;
	height: 20px;
	right: 19px;
	bottom: 15px;
	text-align:right;
	position: absolute;
}
#floatform a {
	color:#b9eaf2;
}


/* BACK TO TOP BUTTON
================================================== */
#back-top {
	position: fixed;
	bottom: 33px;
    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 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:#e95b23; }
.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) {}
 */