/* Grundlegende Angaben */

@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700,300);

* {
	margin: 0;
	padding: 0;
	font-family: 'Merriweather Sans', Arial, san-serif;
	font-size: 13.5px;
	letter-spacing:0.4px;
	line-height: 1em;
	color: #000;
}
img {
	border: 0;
}
html, body {
	height: 100%;
}
html {
	-webkit-text-size-adjust: none; /* verhindert das das iPhone Schriften automatisch vergrößert */
}
table, td {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea, select, button {
	border: 1px solid #CFCFCF;
	border-radius: 0;
}
iframe {
	border: 0;
}
a {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	font-weight:bold;
}
ul, ol {
	margin: 0 0 0 12px;
	padding: 0;
}
hr {
	color: #b7b7b7;
	height: 1px;
}
.clear {
	clear: both;
}
.break {
	clear: both;
	height: 20px;
}
.break36{
	height:36px;
}
.placeholder { /* Formatierung für inaktive (Vorgabewerte) Formularfelder */
	color: #A2A2A2;
}
.wmWrapper {
	position: relative;
}
.wmMargin {
	margin-top: 60px;
	margin-bottom: 60px;
}
.wmPadding {
	padding-left: 20px;
	padding-right: 20px;
}
.wmMaxWidth {
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}
.wmClear:after {
	clear: both;
	content: "";
	display: block;
}

/* Privacy 1.0.0 */

/* Default */

.privacyCookie {
	background: #FFFFFF;
	font-size: 15px;
	padding: 10px 0;
	width: 100%;
}
.privacyCookie > div > p {
	float: left;
	margin: 0 10px 0 0;
}
.privacyCookie > div > a.button {
	float: right;
	position: relative;
}

/* Direction Top */

.privacyCookie.top {
	margin: -300px 0 0 0;
	position: absolute;
	transition: margin 300ms ease;
	z-index: 5;
}
.showPrivacyCookie .privacyCookie.top {
	margin-top: 0 !important;
	position: relative;
}

/* Direction Bottom */

.privacyCookie.bottom {
	left: -10000px;
	position: fixed;
	transition: bottom 300ms ease;
	z-index: 9999;
}
.showPrivacyCookie .privacyCookie.bottom {
	bottom: 0 !important;
}

@media all and (max-width: 1300px){

	.privacyCookie {
		padding-top: 18px;
	}
	.privacyCookie > div > p {
		float: none;
		margin-right: 0;
	}
	.privacyCookie > div > a.button {
		float: none;
		padding: 8px 0;
		display: block;
	}

}

/* Angaben zum Seitenaufbau */
#MainWrapper {
	width: 100%;
	min-width:960px;
	background:#B7C5CF;
}
.WidthWrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
}
#HeaderWrapper {
	height:138px;
	width:100%;
	background:url("/img/layout/bg_topwrapper.png") repeat-x scroll top center #343642;
	position:relative;
	z-index:30;
}
#HeaderWrapper .WidthWrapper{
	z-index:10;
}
#HeaderWrapper .gardients {
	bottom: 3px;
	height: 30px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index:0;
}
#HeaderWrapper  .logo {
	position: absolute;
	top: 41px;
}
#ContentWrapper {
	clear: both; /* eventuell fehlerhaftes Floating aufheben */
	position:relative;
	z-index:10;
}
#BackgroundWrapper {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
	background: #f3f3f3;
}
#ContentWrapper > .WidthWrapper{
	position:relative;
	z-index:10;
}
#ContentWrapper > .WidthWrapper > .left {
	float: left;
	width: 296px;
	padding: 20px 0 45px 0;
}
#ContentWrapper > .WidthWrapper > .center {
	float: left;
	width: 620px;
	padding: 20px 0 45px 44px;
}
#FooterWrapper {
	background: #373944;
	overflow: hidden;
	padding: 28px 0 15px;
	position: relative;
	width: 100%;
	z-index: 10;
}
#FooterWrapper .copyright {
	color:#A8A8A9;
	float: left;
}

#FooterWrapper .searchForm {
	float: right;
}
#FooterWrapper .searchForm input {
	background: url("/img/layout/sym_search.png") no-repeat scroll 3px 1px #939399;
	border: 1px solid #939399;
	border-radius: 8px 8px 8px 8px;
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px 5px 1px 26px;
	width: 253px;
}

/* Menü */

/* DropDown */
.dropdown {
	left: 339px;
	position: absolute;
	top: 63px;
	z-index: 20;
}
.dropdown > ul {
	list-style: none outside none;
	margin: 0;
	width: 685px;
}
.dropdown > ul > li {
	float: left;
	margin: 0 39px 0 0;
}
.dropdown > ul > li > a {
	color: #FFFFFF;
	display: block;
	font-size: 17.5px;
	font-weight: normal;
	padding: 0 1px 6px 12px;
	text-decoration: none;
	text-transform: uppercase;
	position:relative;
	letter-spacing:0.6px;
}
.dropdown > ul > li > a .quad {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 8px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 8px;
}
.dropdown > ul > li:hover > a, .dropdown > ul > li > a.selected {
	border-bottom: 5px solid #FFFFFF;
}
.dropdown > ul > li > ul > li:hover > ul{
	display: block !important;
}
.dropdown > ul > li > ul {
	display: none;
	left: -9px;
	list-style: none outside none;
	margin: 0;
	position: absolute;
	top: 18px;
	width:650px;
	padding: 36px 0 15px;
}
.metasub {
	display: block;
	left: 329px;
	margin: 0;
	list-style: none outside none;
	padding: 36px 0 15px;
	position: absolute;
	top: 81px;
}
.dropdown > ul > li > ul > li, .metasub > li {
	float: left;
	position:relative;
	padding: 0 0 17px;
}
.dropdown > ul > li > ul > li > a, .metasub > li > a {
	color: #828282;
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.9px;
	padding: 1px 10px 0;
	text-decoration:none;
	text-transform: uppercase;
}
.metasub > li > a{
	border-right:1px solid #828282;
}
.dropdown > ul > li > ul > li > a:hover, .dropdown > ul > li > ul > li > a.selected, .metasub a:hover, .metasub a.selected {
	text-decoration: underline;
}
.metasub > li:hover > ul{
	display:block;
}
.dropdown ul ul ul, .metasub > li > ul {
	background: url("/img/layout/sprite_arrows.png") no-repeat scroll 0 -379px transparent;
	display: none;
	left: 11px;
	list-style: none outside none;
	margin: 0;
	min-width: 187px;
	padding: 11px 0 0;
	position: absolute;
	top: 20px;
}
.dropdown ul ul ul li.first, .metasub > li > ul li.first{
	padding: 10px 0 0;
}
.dropdown ul ul ul li.last, .metasub > li > ul li.last {
	padding: 0 0 10px;
}
.dropdown ul ul ul li, .metasub > li > ul li {
	background: url("/img/layout/bg_white_opacity.png") repeat scroll 0 0 transparent;
}
.dropdown ul ul ul li a.selected, .dropdown ul ul ul li a:hover, .metasub > li > ul li a:hover, .metasub > li > ul li a.selected {
	text-decoration:underline;
}
.dropdown ul ul li:hover ul{
	diplay:block;
}

.dropdown ul ul ul li a, .metasub > li > ul li a {
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 6px 15px 4px 15px;
	text-decoration: none;
}

/* Metamenü */
.metamenu {
	left: 320px;
	margin: 0 -12px;
	position: absolute;
	top: 9px;
}
.metamenu ul { 
	list-style: none;
	margin: 0;
}
.metamenu ul li {
	float: left; /* schreibe Einträge nebeneinander */
}
.metamenu ul li a {
	border-right: 1px solid #AAAAAC;
	color: #AAAAAC;
	display: block;
	text-decoration:none;
	font-weight: normal;
	letter-spacing: 0.5px;
	padding: 0 21px 0 20px;
	text-transform: uppercase;
}
.metamenu ul li a:hover, .metamenu ul li a.selected {
	color: #fff;
	text-decoration:none;
}
/* --- ENDE --- */

/* Standard grau */
#MainWrapper.grey{
	background:url("/img/layout/bg/bg_grey.jpg") repeat fixed center -55px transparent;
}

#MainWrapper .dropdown > ul > li:hover > a, #MainWrapper .dropdown > ul > li > a.selected{
	border-color:#6B6C6B;
}

#MainWrapper  .dropdown > ul > li > ul > li > a{
	color:#6B6C6B;
	border-right:1px solid #6B6C6B;
}

/* Gold */
#MainWrapper.gold{
	background:url("/img/layout/bg/bg_gold.jpg") repeat fixed center top transparent;
}

#MainWrapper .dropdown > ul > li.m_1:hover > a, #MainWrapper .dropdown > ul > li.m_1 > a.selected{
	border-color:#AE9133;
}

#MainWrapper  .dropdown > ul > li.m_1 > ul > li > a{
	color:#AE9133;
	border-right:1px solid #AE9133;
}

/* Blau */
#MainWrapper.blue{
	background:url("/img/layout/bg/bg_blue.jpg") repeat fixed center -55px transparent;
}

#MainWrapper .dropdown > ul > li.m_0:hover > a, #MainWrapper .dropdown > ul > li.m_0 > a.selected{
	border-color:#005EAA;
}

#MainWrapper  .dropdown > ul > li.m_0 > ul > li > a{
	color:#005EAA;
	border-right:1px solid #005EAA;
}

/* Rot */
#MainWrapper.red{
	background:url("/img/layout/bg/bg_red.jpg") repeat fixed center -55px transparent;
}

#MainWrapper .dropdown > ul > li.m_2:hover > a, #MainWrapper .dropdown > ul > li.m_2 > a.selected{
	border-color:#9D0825;
}

#MainWrapper  .dropdown > ul > li.m_2 > ul > li > a{
	color:#9D0825;
	border-right:1px solid #9D0825;
}

.cmsSearchDetail h3 {
	margin: 0 0 10px;
}

.cmsSearchDetail > h3 > em {
	font-weight: bold;
}

.cmsSearchDetail > ul {
	list-style: none outside none;
	margin: 0;
}

.cmsSearchDetail > ul > li {
	background: url("/img/layout/bg_white_opacity.png") repeat scroll 0 0 transparent;
	margin: 0 0 10px;
	padding: 10px;
}

.cmsSearchDetail > ul > li > .title {
	display: block;
	padding: 0 0 5px;
}

.cmsSearchDetail .navi {
	border-top: 1px solid;
	margin: 23px 0 0;
	padding: 6px 0 0;
}

.cmsSearchDetail .navi .label {
	float: left;
	padding: 3px 5px 0 0;
}

.cmsSearchDetail .navi a {
	float: left;
	padding: 1px 5px;
}

.cmsSearchDetail .navi a.sel {
	background: none repeat scroll 0 0 #000000;
	color: #FFFFFF;
}

.cmsSearchDetail .navi a.sel:hover{
	text-decoration:none;
}

#ContentWrapper.noleft > .WidthWrapper > .center {
	padding-left:0;
	width: 976px;
	float:none;
}

#ContentWrapper.noleft .multiTeaser .seperator{
	width:34px;
}

#ContentWrapper.noleft .cmsTeaser .textpart{
	width:621px;
	margin:0 0 0 37px;
}

#ContentWrapper.noleft  .cmsTeaser .date {
	padding: 2px 0 9px;
}

#ContentWrapper.noleft  .cmsTeaser .text {
    margin: 15px 0 24px;
}

#ContentWrapper.noleft .cmsForm .field{
	width:660px;
}

#ContentWrapper.noleft .cmsForm select.field{
	width:668px;
}

#ContentWrapper.noleft .cmsForm label{
	width:250px;
}

#ContentWrapper.noleft .cmsGallery .seperator {
	float: left;
	height: 10px;
	width: 24px;
}

.left > .break{
	height:5px;
}

.left > .cmsImage.attach{
	padding:0;
}

.left > p.text{
	line-height: 1.5em;
	padding: 22px 20px 18px;
	background:url(/img/layout/bg_white_opacity_lite.png);
}

.left > p.text a{
	font-weight:normal;
	text-decoration:underline;
}

.left > .cmsTeaser .image{
	float:none;
	margin: 0 0 5px 0;
}

.left > .cmsTeaser .image img{
	width:296px;
	
}

.left > .cmsTeaser .textpart{
	min-height:auto;
	width:auto;
}

.left > .cmsTeaser .title{
	margin:5px 0 0 0;
}

.left > .cmsTeaser .text{
	margin:2px 0 0 0;
}


.left > .cmsTeaser .more {
	bottom: auto;
	margin: 4px 0 5px;
	position: static;
}

#ContentWrapper.noleft.intro  > .WidthWrapper > .center{
	padding:20px 0;
	float:none;
}
.introSliderWrapper {
	overflow: hidden;
	margin: 0 auto;
}
.bx-viewport {
	overflow: visible !important;
}

.pagerViewPort {
    float: left;
    height: 122px;
    overflow: hidden;
    width: 648px;
}

.introSlider {
	width:100%;
	height:100%;
	margin:0;
	list-style:none;
}

.introSlider li {
	width:100%;
	height:100%;
	margin: 0 0 0 -5px;
}

.introSlider img {
	background: #FFFFFF;
	display: block;
	height: 100%;
	margin: 0 auto;
	padding: 5px;
	width:auto;
	max-width:950px;
}

#FooterWrapper.intro .introSliderPapgerWrapper {
	position: relative;
	margin: 0 0 14px 0;
}

#FooterWrapper.intro .introSliderPapgerWrapper ul {
	list-style: none outside none;
	margin: 0;
	padding: 10px 0 0;
}


#FooterWrapper.intro{
	padding-top:0;
}

#FooterWrapper.intro .introSliderPapgerWrapper {
	background: url("/img/layout/gardient_intro_bottom.png") repeat-y scroll center top #141720;
	margin: 0 0 28px;
	padding: 0 0 10px;
	position: relative;
}

 #FooterWrapper.intro .introSliderPapgerWrapper  .introSliderPager li{
	float:left;
	margin:0 10px 0 0;
}
.introSliderPapgerWrapper .newsbanner{
	margin:10px 0 0 0;
}

.newsbanner {
	background: #D1D1D4;
	display: block;
	float: left;
	height: 112px;
	position: relative;
	text-align: right;
	width: 312px;
	text-decoration:none;
	background:url(/img/layout/newsbanner_intro.png) #D1D1D4;	
}

#ContentWrapper  .left > .newsbanner{
	background:url(/img/layout/newsbanner.png) #fff;
	width:297px;
}

.newsbanner:hover{
	text-decoration:none;
}

.newsbanner .title {
	background: #444545;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 1.3px;
	line-height: 1.2em;
	padding: 0;
	position: relative;
	right: 17px;
	text-align: right;
	top: 33px;
	display:none;
}

.newsbanner .corner {
	border-bottom: 6px solid #444545;
	border-right: 6px solid #444545;
	bottom: 8px;
	display: block;
	height: 16px;
	position: absolute;
	right: 8px;
	display:none;
	width: 16px;
}

.breadcrumbs {
	padding: 40px 0 6px;
}

.breadcrumbs > * {
    display: none;
}

.breadcrumbs .item {
	float: left;
}

.breadcrumbs .item a {
	text-decoration: none;
	text-transform: uppercase;
}

.breadcrumbs .item a span{
	font-size:14px;
}

.breadcrumbs .item.sel a span{
	font-weight:bold;
}

.breadcrumbs .item a:hover{
	text-decoration:underline;
	font-weight:normal;
}

.breadcrumbs .sep {
	float: left;
	padding: 0 6px;
}

.breadcrumbs .page {
	font-weight: bold;
	font-size:14px;
	text-transform:uppercase;
}

.multiTeaser .cmsTeaser {
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
	padding: 5px;
}
.multiTeaser .cmsTeaser .image {
	float: none;
	margin:0;
}
.multiTeaser .cmsTeaser .title {
	padding: 9px 0 3px;
}
.multiTeaser .cmsTeaser .title a{
	display:block;
	text-align:center;
}
.multiTeaser .seperator {
	float: left;
	height: 11px;
	width: 16px;
}