/*

 TEMPLATE [Last Update] 26.11.2012
 
 Autor: Matthias Müller <http://www.cms2day.de>
 Copyright (c) 2012

*/


/* -[ CSS RESET ]- */

* {
	-webkit-text-size-adjust: none;
	margin: 0px;
	padding: 0px;
	outline: none;
}


/* -[ HTML + BODY ]- */

html {
	width: 100%;
	height: 100%;
	background: #d8d8d8 url('../images/html.png') top repeat-x;
	text-align: center;
	overflow-y: scroll;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	text-align: center;
	font: normal 12px Arial;
	line-height: 20px;
	color: #27292b;
}


/* -[ FONT RESET IN TABLE ]- */

table tr td {
	font: normal 12px Arial;
	line-height: 20px;
}


/* -[ IMAGE HACK FOR OLD IE ]- */

img {
	border: none;
}


/* -[ RESET LINKS ]- */

a,
a:hover {
	color: #27292b;
	text-decoration: none;
}


/* -[ FLOAT CLEANER ]- */

div.cleaner,
div.clean {
	clear: both;
	height: 0px;
	font-size: 0px;
	display: block;
	width: 100%;
}


/* -[ WRAPPER ]- */

div#wrapper {
	width: 950px;
	padding: 0px;
	position: relative;
	margin: 0px auto;
	text-align: left;
}


/* -[ TOP ]- */

div#top {
	width: 950px;
	height: 36px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}

div#top p {
	position: absolute;
	top: 0;
	left: 0;
	color: #5c5e61;
	line-height: 35px;
}


/* -[ CONTENT ]- */

div#content {
	width: 950px;
	background: #fff;
	margin: 0px;
	padding: 0px 0px;
	position: relative;
}


/* -[ CONTENT -> HEADER ]- */

div#content div#header {
	width: 950px;
	height: 111px;
	background: #27292b;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}


/* -[ CONTENT -> HEADER -> RSS ]- */

div#content div#header a.rss {
	width: 30px;
	height: 30px;
	display: block;
	background: url('../images/rss.png') no-repeat;
	position: absolute;
	right: 210px;
	top: 39px;
}


/* -[ CONTENT -> HEADER -> LOGO ]- */

div#content div#header div#logo {
	position: absolute;
	left: 0px;
	top: 20px;
}

div#content div#header div#logo h1 a {
	color: #fff;
	font: normal 40px Arial;
}

div#content div#header div#logo h1 a span {
	color: #8fa620;
	font: normal 18px Arial;
	padding: 10px 0px 0px 0px;
}


/* -[ CONTENT -> DROPDOWN ]- */

div#content div#dropdown {
	width: 950px;
	height: 60px;
	background: #1e1f21;
	margin: 0px;
	padding: 0px;
	position: relative;
}


/* -[ CONTENT -> DROPDOWN -> ALLGEMEIN ]- */

div#content div#dropdown ul {
	margin: 0px;
	padding: 0px;
}

div#content div#dropdown ul li {
	margin: 0px;
	padding: 0px;
	position: relative;
	list-style: none;
	list-style-type: none;
}


/* -[ CONTENT -> DROPDOWN -> LEVEL 2 + 3 + 4 ]- */

div#content div#dropdown ul li ul {
	position: absolute;
	left: 0;
	display: block;
	z-index: 999;
	visibility: hidden;
	background: #1e1f21;
	width: 220px !important;
}

div#content div#dropdown ul li ul li {
	position: relative;
	display: block;
	width: 220px !important;
}

div#content div#dropdown ul li ul li.first,
div#content div#dropdown ul li ul li.middle {
	border-bottom: 1px solid #2d2f31;
}


/* -[ CONTENT -> DROPDOWN -> LEVEL 1 ]- */

div#content div#dropdown ul li {
	float: left;
}

div#content div#dropdown ul li a {
	color: #fff;
	background: url('../images/dropdown.a.png') right no-repeat;
	text-decoration: none;
	padding: 23px 20px 22px 20px;
	text-transform: uppercase;
	font: normal 14px Arial;
	line-height: 60px;
}

div#content div#dropdown ul li:hover a,
div#content div#dropdown ul li a:hover {
	color: #fff;
	background: #8fa620;
	text-decoration: none;
	line-height: 60px;
	padding: 0px 20px 0px 20px;
	display: block;
}

div#content div#dropdown ul li a.aktiv,
div#content div#dropdown ul li a.aktiv:hover {
	color: #fff;
	background: #8fa620;
	text-decoration: none;
	line-height: 60px;
	padding: 0px 20px 0px 20px;
	display: block;
}

div#content div#dropdown ul li a.password {
	background: url('../images/dropdown.password.png') right no-repeat;
	padding: 0px 40px 0px 20px;
	display: block;
}

div#content div#dropdown ul li:hover a.password,
div#content div#dropdown ul li a.password:hover,
div#content div#dropdown ul li a.password.aktiv,
div#content div#dropdown ul li a.password.aktiv:hover {
	background: #8fa620 url('../images/dropdown.password.hover.png') right no-repeat;
	padding: 0px 40px 0px 20px;
	display: block;
}


/* -[ CONTENT -> DROPDOWN -> LEVEL 2 LINKS ]- */

div#content div#dropdown ul li:hover ul li a,
div#content div#dropdown ul li ul li a {
	position: relative;
	display: block;
	width: 180px !important;
	height: 32px !important;
	overflow: hidden;
	padding: 0px 20px 0px 20px !important;
	background: #1e1f21;
	text-transform: none;
	font: normal 13px Arial;
	line-height: 31px !important;
}

div#content div#dropdown ul li:hover ul li a:hover,
div#content div#dropdown ul li ul li a:hover,
div#content div#dropdown ul li ul li:hover a {
	background: #8fa620;
}

div#content div#dropdown ul li:hover ul li a.aktiv,
div#content div#dropdown ul li ul li a.aktiv {
	background: #8fa620;
}

div#content div#dropdown ul li:hover ul li a.password,
div#content div#dropdown ul li ul li a.password {
	background: url('../images/dropdown.password.png') right no-repeat;
	padding: 0px 40px 0px 20px;
}

div#content div#dropdown ul li:hover ul li a.password:hover,
div#content div#dropdown ul li ul li a.password:hover,
div#content div#dropdown ul li ul li:hover a.password,
div#content div#dropdown ul li:hover ul li a.password.aktiv,
div#content div#dropdown ul li ul li a.password.aktiv {
	background: #8fa620 url('../images/dropdown.password.hover.png') right no-repeat;
	padding: 23px 40px 22px 20px;
}


/* -[ CONTENT -> DROPDOWN -> LEVEL 3 LINKS ]- */

div#content div#dropdown ul li ul li:hover ul li a,
div#content div#dropdown ul li ul li ul li a {
	position: relative;
	display: block;
	width: 180px !important;
	height: 32px !important;
	line-height: 31px !important;
	overflow: hidden;
	padding: 0px 20px 0px 20px !important;
	background: #1e1f21;
}

div#content div#dropdown ul li ul li:hover ul li a:hover,
div#content div#dropdown ul li ul li ul li a:hover,
div#content div#dropdown ul li ul li ul li:hover a {
	background: #8fa620;
}

div#content div#dropdown ul li ul li:hover ul li a.aktiv,
div#content div#dropdown ul li ul li ul li a.aktiv {
	background: #8fa620;
}

div#content div#dropdown ul li ul li:hover ul li a.password,
div#content div#dropdown ul li ul li ul li a.password {
	background: url('../images/dropdown.password.png') right no-repeat;
	padding: 0px 40px 0px 20px;
}

div#content div#dropdown ul li ul li:hover ul li a.password:hover,
div#content div#dropdown ul li ul li ul li a.password:hover,
div#content div#dropdown ul li ul li ul li:hover a.password,
div#content div#dropdown ul li ul li:hover ul li a.password.aktiv,
div#content div#dropdown ul li ul li ul li a.password.aktiv {
	background: #8fa620 url('../images/dropdown.password.hover.png') right no-repeat;
	padding: 23px 40px 22px 20px;
}


/* -[ CONTENT -> DROPDOWN -> LEVEL 4 LINKS ]- */

div#content div#dropdown ul li ul li ul li:hover ul li a,
div#content div#dropdown ul li ul li ul li ul li a {
	position: relative;
	display: block;
	width: 180px !important;
	height: 32px !important;
	line-height: 31px !important;
	overflow: hidden;
	padding: 0px 20px 0px 20px !important;
	background: #1e1f21;
}

div#content div#dropdown ul li ul li ul li:hover ul li a:hover,
div#content div#dropdown ul li ul li ul li ul li a:hover,
div#content div#dropdown ul li ul li ul li ul li:hover a {
	background: #8fa620;
}

div#content div#dropdown ul li ul li ul li:hover ul li a.aktiv,
div#content div#dropdown ul li ul li ul li ul li a.aktiv {
	background: #8fa620;
}

div#content div#dropdown ul li ul li ul li:hover ul li a.password,
div#content div#dropdown ul li ul li ul li ul li a.password {
	background: url('../images/dropdown.password.png') right no-repeat;
	padding: 0px 40px 0px 20px;
}

div#content div#dropdown ul li ul li ul li:hover ul li a.password:hover,
div#content div#dropdown ul li ul li ul li ul li a.password:hover,
div#content div#dropdown ul li ul li ul li ul li:hover a.password,
div#content div#dropdown ul li ul li ul li:hover ul li a.password.aktiv,
div#content div#dropdown ul li ul li ul li ul li a.password.aktiv {
	background: #8fa620 url('../images/dropdown.password.hover.png') right no-repeat;
	padding: 23px 40px 22px 20px;
}


/* -[ CONTENT -> SLIDER ]- */

div#content div#slider {
	width: 950px;
	height: 324px;
	background: url('../images/slider.jpg') top no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}

div#content div#slider div.button {
	width: 368px;
	height: 88px;
	background: url('../images/slider.button.png') no-repeat;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	left: -15px;
	bottom: 15px;
	z-index: 9999;
}

div#content div#slider div.button a {
	color: #fff;
	text-decoration: none;
	position: absolute;
	right: 15px;
	top: 35px;
	z-index: 9999;
	font: bold 14px Arial;
}


/* -[ CONTENT -> TEASER ]- */

div#content div#teaser {
	width: 950px;
	height: 266px;
	background: url('../images/teaser.png') top no-repeat;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	color: #aaa;
}

div#content div#teaser div.box-1 {
	width: 236px;
	float: left;
	overflow: hidden;
	margin: 0px 41px 0px 40px;
}

div#content div#teaser div.box-2 {
	width: 236px;
	float: left;
	overflow: hidden;
	margin: 0px 41px 0px 40px;
}

div#content div#teaser div.box-3 {
	width: 236px;
	float: left;
	overflow: hidden;
	margin: 0px 40px 0px 40px;
}

div#content div#teaser div.box {
	padding: 35px 0px 0px 0px;
}

div#content div#teaser div.box h1 {
	color: #fff;
	font: normal 26px Arial;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}

div#content div#teaser div.box h2 {
	color: #8fa620;
	font: normal 17px Arial;
	margin: 0px 0px 10px 0px;
}

div#content div#teaser div.box p {
	margin: 0px 0px 15px 0px;
	text-align: justify;
}

div#content div#teaser div.box a {
	color: #fff;
	font: bold 14px Arial;
	text-transform: uppercase;
	text-decoration: none;
}

div#content div#teaser div.box a:hover {
	color: #8fa620;
}


/* -[ CONTENT -> SPENDEN ]- */

div#content div#spenden {
	width: 870px;
	background: #8fa620 url('../images/home.spenden.png') center no-repeat;
	margin: 0px;
	padding: 20px 40px 20px 40px;
	overflow: hidden;
	position: relative;
	color: #fff;
}

div#content div#spenden h1 {
	color: #fff;
	font: normal 20px/20px Arial;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}

div#content div#spenden p {
	line-height: 18px;
}

div#content div#spenden div.button {
	position: absolute;
	top: 20px;
	left: 491px;
}

div#content div#spenden span {
	width: 236px;
	position: absolute;
	top: 22px;
	right: 40px;
}


/* -[ CONTENT -> SPENDEN (KLEIN) ]- */

div#content div#text div#spenden_klein {
	width: 870px;
	height: 62px;
	background: #fff;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	border-top: 1px solid #ddd;
}

div#content div#spenden_klein div.button {
	position: absolute;
	top: 30px;
	left: 0px;
}

div#content div#spenden_klein span {
	position: absolute;
	top: 30px;
	left: 65px;
	font-size: 11px;
	color: #979797;
	line-height: 30px;
}


/* -[ CONTENT -> BREADCRUMB ]- */

div#content div#breadcrumb {
	width: 870px;
	height: 40px;
	background: #fff;
	margin: 0px 40px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	color: #979797;
}

div#content div#breadcrumb a {
	color: #979797;
	text-decoration: underline;
}

div#content div#breadcrumb a:hover {
	color: #979797;
	text-decoration: none;
}


/* -[ CONTENT -> TEXT ]- */


/* -[ Weitere Eigenschaften finden Sie im Stylesheet unter css/template.text.css ]- */

div#content div#text {
	width: 870px;
	margin: 0px 40px;
	padding: 40px 0px 30px 0px;
	overflow: hidden;
	position: relative;
	color: #27292b;
}


/* -[ FOOTER ]- */


/* -[ Weitere Eigenschaften finden Sie im Stylesheet unter css/template.footer.css ]- */

div#footer {
	width: 870px;
	min-height: 70px;
	background: #27292b;
	margin: 0px 0px 30px 0px;
	padding: 0px 40px;
	overflow: hidden;
	position: relative;
	color: #aaa;
}


/* -[ FOOTER -> COPYRIGHT LINE ]- */

div#footer div.line {
	width: 870px;
	background: url('../images/footer.line.png') top repeat-x;
	margin: 0;
	padding: 15px 0px 15px 0px;
	overflow: hidden;
	position: relative;
	color: #aaa;
}

div#footer div.line p {
	margin: 0 !important;
}

div#footer div.line a {
	color: #fff;
	text-decoration: none;
}

div#footer div.line a:hover {
	color: #8fa620;
	text-decoration: none;
}

div#footer div.line a.top {
	width: 35px;
	height: 35px;
	display: block;
	background: #8fa620 url('../images/footer.top.png') top no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

.flex-direction-nav {
	display: none !important;
}