@font-face {
    font-family: 'frenteh';
    src: url('frenteh-webfont.eot');
    src: url('frenteh-webfont.eot?#iefix') format('embedded-opentype'),
         url('frenteh-webfont.woff') format('woff'),
         url('frenteh-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yanone';
    src: url('yanonekaffeesatz-regular-webfont.eot');
    src: url('yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('yanonekaffeesatz-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.invisible {
	display: none;
}

body {
	background-color: #819ecb;
	font-family: "yanone";
	color: #204085;
	font-size: 18px;
	line-height: 24px;
}

#content a, a:active, a:visited {
	text-decoration: none;
	color: #dd8f2a;
}

#content a:hover { 
	color: #204085;
}

#content ul {
	list-style: square url("bullet.png");
	padding-left: 0;
}

#content li {
	margin-bottom: 20px;
	margin-left: 15px;
}

#content .tinylist li {
	margin-bottom: 0;
}

#container {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -490px;
	width: 960px;
	background-color: #d3deef;
}

#logo { 
/*	position: absolute; */
	width: 375px;
	height: 85px;
/*	top: 85px; */
/*	left: 50%; */
/*	margin-left: 138px; */
	margin-top: 85px;
	margin-left: 585px;
	margin-bottom: 50px;
}

#ie7 #logo {
	padding-top: 85px;
}

#navigation {
	position: relative;
	width: 726px; /* 690 zzgl. 36px (s.u.) */
	height: 100px;
	margin-left: 234px; /* 270px abzgl. 36px (Abstand rechts muss 55px sein: 19 im li, 36 zstzl.) */
}

#navigation ul {
	float: left;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
/*	width: 690px; */
	width: 726px;
/*	height: 50px; */
	border: 0;
	background-color: #fff;
}

#navigation ul ul {
	display: none;
/*	position: absolute; */
/*	left: 50%; */
/*	margin-left: -345px; */
/*	top: 50px; */
/*	width: 690px; */
	width: 726px;
	height: 50px;
	background-color: #e5ebf5;
	
	position: absolute;
	top: 50px; 
	left: 0px;
}

#navigation ul li:hover ul {
	display: block;
}

#navigation ul li:hover ul li a {
	color: #204085;
}

#navigation ul li:hover ul li a:hover {
	color: #dd8f2a;
	background-color: #e5ebf5;
}

#navigation li {
/*	padding-top: 13px; */
	display: block;
/*	height: 37px; */
	float: left;
/*	padding-right: 19px;
	padding-left: 19px; */
	margin: 0;
	margin-left: 0;
	border-right: 1px solid #d3deef;
/*	background-color: #fff; */
	
	padding: 0;
	height: 50px;
}

#navigation li a {
	display: block;
	float: left;
	
	height: 50px;

	line-height: 50px;
	vertical-align: middle;
	padding-left: 18px;
	padding-right: 18px;
}

#navigation li.last { border: none; margin-right: 36px; }
#navigation li a:hover { background-color: #dd8f2a; }
#navigation a { color: #204085; text-decoration: none; }
#navigation li a:hover { color: #fff; }
#navigation li.active { background-color: #dd8f2a;}
#navigation li.active ul { display:block; }
#navigation li.active a { color: #fff; }
#navigation li.active ul li a { color: #204085; }
#navigation li.active ul li { background-color: #e5ebf5; }
#navigation li.active ul li.active a { color: #dd8f2a; }

/* .start #navigation li.start.submenu { background-color: #dd8f2a; }
.start #navigation li.start ul { display: block; } */

.neues #navigation li.neues.submenu { background-color: #dd8f2a; }
.neues #navigation li.neues ul { display: block; }

.blog #navigation li.blog { background-color: #dd8f2a; }

.informationen #navigation li.informationen.submenu { background-color: #dd8f2a; }
.informationen #navigation li.informationen ul { display: block; }

.faq #navigation li.faq.submenu { background-color: #dd8f2a; }
.faq #navigation li.faq ul { display: block; }

.ueber #navigation li.ueber.submenu { background-color: #dd8f2a; }
.ueber #navigation li.ueber ul { display: block; }

.erfolgsgeschichten #navigation li.erfolgsgeschichten.submenu { background-color: #dd8f2a; }
.erfolgsgeschichten #navigation li.erfolgsgeschichten ul { display: block; }

.kontakt #navigation li.kontakt.submenu { background-color: #dd8f2a; }
.kontakt #navigation li.kontakt
 ul { display: block; }

#navigation .level_2 li a { color: #204085; }
#navigation .level_2 li.active { background-color: #e5ebf5; }
#navigation .level_2 li.active a { color: #dd8f2a; }

#content {
	margin-top: 50px; /* genaugenommen 43px */
	margin-right: 55px;
	margin-left: 55px;
	width: 850px;
}

.left {
	float: left;
	width: 250px;
	margin-right: 25px;
}

.right {
	float: right;
	width: 275px;
	margin-left: 25px;
}

.bildrechts {
	float: right;
	margin-left: 15px;
	margin-top: 32px;
}

.bildrechts img {
	border: 1px dashed #dd8f2a;
}

#karte {
	position: absolute;
	background-image: url('dkarte.png');
	margin-top: 50px;
	margin-left: 20px;
	width: 400px;
	height: 555px;
	float: left;
	font-size: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #karte{background-image:url('dkarte@2x.png'); background-size: 400px 554px;}
}

#karte ul {
	list-style: none;
}

#karte li {
	width: 10px;
	height: 25px;
	
	position: absolute;
	background-image: url('bullet.png');
	background-repeat: no-repeat;
	background-position: center left;
	top: 1px;
	left: 1px;
}

#karte li span {
	display: none;
}

#karte li:hover {
	width: auto;
}

#karte li:hover span {
	display: block;
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	z-index: 1000;
	color: #204085;
}

#karte a:hover {
	color: #dd8f2a;
}

#footer {
	position: relative;
	margin-top: 80px;
	width: 960px;
	height: 120px;
	background-color: #004481;
	float: left;
}

#footer p {
	color: #fff;
	margin-left: 100px;
	margin-right: 130px;
	margin-top: 15px;
}

#footer p.logos {
	margin-left: 85px;
	margin-right: 80px;
}

#footer p.logos img {
	margin-right: 65px;
	border: 0;
}

#footer a, #footer a:visited, #footer a:active {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #dd8f2a;
	text-decoration: none;
}

#footer .logos {
	display: none;
}

.start #footer { height: 200px; }
.start #footer .logos { display: block; }

.initiative #footer { height: 200px; }
.initiative #footer .logos { display: block; }


h2 {
	margin-top: 0;
	font-family: "frenteh";
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 34px;
}

h3 {
	font-size: 22px;
	font-weight: normal;
}

#flieger {
	position: absolute;
	left: 50%;
	width: 750px;
	height: 454px;
}

.start #flieger {
	top: 240px;
	margin-left: -1050px;
}

.blog #flieger {
	top: 240px;
	margin-left: -1050px;
}

.neues #flieger {
	top: 160px;
	margin-left: -970px;
}

.informationen #flieger {
	top: 80px;
	margin-left: -900px;
}

.faq #flieger {
	top: 80px;
	margin-left: -900px;
}

.ueber #flieger {
	top: 0px;
	margin-left: -810px;
}

.erfolgsgeschichten #flieger {
	top: -80px;
	margin-left: -730px;
}

.kontakt #flieger {
	top: -80px;
	margin-left: -730px;
}

.erfolgsgeschichten .ce_gallery {
	margin-left: 130px;
}

.erfolgsgeschichten .ce_gallery li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 150px;
}

.ueber .ce_gallery {
	margin-left: 215px;
	margin-bottom: 75px;
	clear: both;
}

.ueber .ce_gallery li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 220px;
}

.kontakt .ce_accordion {
	margin-left: 275px;
}

.kontakt .toggler {
	color: #dd8f2a;
	cursor: pointer;
	margin-top: 10px;
}

.kontakt .toggler:hover {
	color: #204085;
	cursor: pointer;
}

.kontakt input {
	width: 200px;
}

.js_active .active_tab_content, .toggle_content {
border: none;
}

.ce_gallery img {
	border: 1px dashed #dd8f2a;
}

.blogvorschau {
	display: block;
	float: left;
	width: 182px;
	margin-right: 30px;
	margin-bottom: 100px;
}

.blogvorschau img {
	border: 1px dashed #dd8f2a;
}

#bloguebersicht .blogvorschau {
	margin-right: 30px;
	width: 180px;
}

#bloguebersicht .blogvorschau:nth-child(4) {
	clear: both;
}

.ce_text .image_container {
	margin-left: 0;
}

.mod_newslist p.info {
	margin: 0;
	margin-top: 5px;
}

.mod_newslist .teaser p {
	margin: 0;
	margin-top: 10px;
}

.mod_newslist h2 {
	margin: 0;
	margin-top: 30px;
}

.mod_newsreader img {
	border: 1px dashed #dd8f2a;
	margin-right: 15px;
}

.ueber .ce_text img {
	border: 1px dashed #dd8f2a;
	margin-right: 15px;
}

.pagination {
	clear: both;
	padding-left: 275px;
}

.pagination li {
	display: inline;
}

.back {
	padding-left: 275px;
}

.neues h2 {margin-left: 275px;}
.neues .mod_newslist h2 {margin:0;}
.neues .layout_short {margin-bottom: 30px;}
.neues .datum {margin-left: 275px; float: left; width: 160px; }
.neues .zeit {float: left; width: 75px; }
.neues .beschreibung {float:left; width: 340px; margin-bottom: 3px; }
.neues .beschreibung p {margin:0; font-size: 16px;}

[data-name=instagram] {
	position: absolute; 
	top: 800px; 
	left: 565px;
}

[data-name=facebook] {
	position: absolute; 
	top: 1100px; 
	left: 565px;
}