@import url(https://fonts.googleapis.com/css?family=PT+Sans);
/* ------ Allgemeine Formatierungen ------ */
html {	
	height: 100%;
	width: 100%;
}

body {	
	font-family: 'PT Sans', arial, sans-serif;	
	font-size: 16px;	
	margin: 0px;	
	padding: 0px;	
	color: #000000;	
	position:relative;	
	height:100%;
	width: 100%;
	background: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.backstretch {
	opacity: 0;
}

/* ----- Im JFMulticontent und Powermail Submit-Button muss die font-family und font-size auch angepasst werden ----- */

.ui-widget, .powermail_submit {
	font-family: arial, sans-serif;	
	font-size: 12px;
}

#text-search {
	border-color: yellowgreen !important;
	color: yellowgreen !important;
}

.search_decription {
	background: yellowgreen !important;
	color: #333333 !important;
}

.search_decription:before {
	border-color: transparent transparent yellowgreen transparent !important;
}

.highlight {
    background-color: yellowgreen !important;
	color: #000000 !important;
 
}

section, aside, header, nav, article, footer, time, figure {	
	display: block;	
	margin: 0px;	
	padding: 0px;
}

* {	
	outline: none;
}

img {	
	border: none;
}

p {	
	margin: 0 0 1.1em 0;
}

p.align-center, .align-center {	
	text-align: center;
}

p.align-left, .align-left {	
	text-align: left;
}

p.align-right, .align-right {	
	text-align: right;
}

p.align-justify, .align-justify {	
	text-align: justify;
}

table td, .contenttable td {	
	vertical-align: top;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table, .contenttable {	
	vertical-align: top;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

a {	
	text-decoration: none;	
	color: #0095da;
}

.tellink {
	color: #000000;
}

ul {	
	padding: 0 0 0 15px;  
	list-style: none;
}

li {	
	background: url("../images/aufzaehlung.png") left 0px no-repeat;
	padding-left: 30px;
}

.farbe2  li, .farbe3 li {
	background: url("../images/aufzaehlung_weiss.png") left 0px no-repeat;
}

h1 {
    color: #000000;
    display: block;
    font-size: 30px;
	font-weight: normal !important;
    margin: 0 0 20px 0;
}

h2 {
    color: #000000;
    display: block;
    font-size: 30px;
	font-weight: normal !important;
    margin: 0 0 20px 0;
} 

.subcr h2 {
	color: #FFFFFF;
}

h3 {
    color: #FFFFFF;
    display: table;
    font-size: 24px;
    margin: 2px;
	padding: 18px 18px;
	font-weight: normal;
} 

h3:last-child {
    color: #FFFFFF;
    display: table;
    font-size: 20px;
	padding: 18px 18px;	
	font-weight: normal;
}

h4 {
    color: #000000;
    display: block;
    font-size: 18px;
    margin: 0 0 20px 0;
	text-transform: uppercase;
} 

h5 {
    color: #000000;
    display: block;
    font-size: 30px;
	font-weight: normal;
    margin: 0 0 20px 0;
}

.csc-textpic-caption h3 {
	color: #FFFFFF;
}

.onepageinhalt img, .unterseite_inhalt img {
	max-width: 100%;
	height: auto;
}

.zentriert {
	max-width: 988px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.bg {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	visibility: hidden;
}


.fixedbg {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
}

.bg .inhalt_normal, .bg .inhalt_normal .zentriert {
	padding: 0px;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;
	display: block;
}

.rahmen {  
	width: 100%;  
	min-height: 100%;  
	position: relative;  
	float: left;  
	clear: both;  
	display: block;
}
/* ------ Allgemeine Formatierungen ------ */

/* ------ Header ------ */
#header {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.oben {	
	width: 100%;
	height: 92px;
	display: block;	
	float: left;	
	clear: both;	
	position: fixed;	
	background: rgba(255, 255, 255, 0.9);	
	z-index: 70;
	padding-bottom: 10px;
}

/* -- TICKER -- */
.ticker {
    position: relative;
    width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0.9em !important;    
	float: left;
	clear: both;
}

.ticker .zentriert .inhalt_normal, .ticker .zentriert .inhalt_normal .zentriert {
	padding: 0px;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	display: block;
	max-width: 100%;
	background: none;
}

.ticker .tickertext {
	width: 100%;
	border: 0px;
	padding: 5px 0 3px 0;
	margin: 0px;
	resize: none;
	background-image: none;
	font-family: inherit;
	font-size: inherit;
	overflow: hidden;
	height: 18px !important;
}

.tickerblocker {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
}
/* -- TICKER -- */
.logo {
	margin: 10px 0 0 0;
	cursor: pointer;
	position: absolute;
	margin-top: 36px;
	width: 100%;
}

.logo .csc-default {
	margin: 0 !important;
}

.logo .inhalt_normal, .logo .inhalt_normal .zentriert {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;
	display: block;	
}

.logo img {
	width: 100%;
	height: auto;
}

.button_mobil {
	display: none;
}

#hauptnavi {
	width: auto;
}

#hauptnavi #navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
}

#hauptnavi #navigation li {
	float: left;
	display: block;	
	background: none;
	margin: 0 0 0 5px;
	padding: 0;
}

#hauptnavi #navigation li:first-child {
	margin: 0;
}

#hauptnavi #navigation li a{
	display: block;
	background: none;
	margin: 0 20px 0 0;
	padding: 33px 11px 9px 11px;
	color: #000000;
}


#hauptnavi #navigation li a:hover, #hauptnavi #navigation li.act a{
	border-bottom: 3px solid #0095da;
	color: #000000;
}

/* ----------------------------------------------------------------------------------------- */
/* -- Wenn gewuenscht, bitte folgenden Block bzw. folgende Bloecke einkommentieren --------- */
/* -- Navipunkt Linie unten 
#hauptnavi #navigation li a, #hauptnavi #navigation li.act a, #hauptnavi #navigation li a:hover{
	background: none;
	color: #000000;
}

#hauptnavi #navigation li {
	position: relative;
}

#hauptnavi #navigation li:hover::after, #hauptnavi #navigation li.act::after{
	position: absolute;
	content: "";
	display: block;
	width: 80%;
	height: 3px;
	background: yellowgreen;
	top: 50%;
	margin-top: 24px;
	left: 10%;
	right: 10%;
}

/* ----------------------------------------------------------------------------------------- */

/* -- Navipunkt Linie oben 
#hauptnavi #navigation li a, #hauptnavi #navigation li.act a, #hauptnavi #navigation li a:hover{
	background: none;
	color: #000000;
}

#hauptnavi #navigation li {
	position: relative;
}


#hauptnavi #navigation li:hover::before, #hauptnavi #navigation li.act::before{
	position: absolute;
	content: "";
	display: block;
	width: 80%;
	height: 3px;
	background: yellowgreen;
	top: 50%;
	margin-top: -28px;
	left: 10%;
	right: 10%;
}
-- */
/* ----------------------------------------------------------------------------------------- */
/* -- Navipunkt farbig 
#hauptnavi #navigation li a {
	background: none;
}

#hauptnavi #navigation li.act a, #hauptnavi #navigation li a:hover{
	background: none;
	color: yellowgreen;
}
-- */

/* --- Block 1, 2 und 3 Ende --------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */	

.navibox_mob {
	display: none;
}
/* ------ Slide-In ------ */
#slidebox {
	position: fixed;
	top: 30%;
	left: 0;
	display: block;
	z-index: 50;
	background: #E8E8E8 url("../images/slidein_bg.jpg") left top no-repeat;
	opacity: 0;
	padding: 0;
	border-top: 3px solid #333333;
	border-right: 3px solid #333333;
	border-bottom: 3px solid #333333;
	background-size: cover;
	max-width: 450px;
}

#slidebox h4 {
	margin: 0 0 10px 0;
}

#slidebox a {
	background: #0070a4;
	display: block;
	padding: 8px 16px;
	color: #FFFFFF;
}

#slidebox .csc-default .csc-default:first-child {
	padding: 40px 30px 30px 30px;
	background: #FFFFFF;
	background: rgba(255,255,255,0.4);
}

.slidebox_mob {
	display: none !important;

}

.schliessen {
	position: absolute;
	background: url(../images/schliessen.png) left top no-repeat;
	width: 24px;
	height: 24px;
	top: 8px;
	right: 5px;
	display: block;
	cursor: pointer;
}

#slidebox .csc-default .csc-default:last-child {
	cursor: pointer;
	position: absolute;
	text-align: center;
	right: 0;
	top: -18px !important;	
}

#slidebox .csc-default .csc-default:last-child div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0px;
}

/* ------ Slide-In ------ */

/* ------ Popup ------ */
.popup {
	float: left;
	clear: both;
	width: 100%;
	display: none;
}

#popuplightbox {
	float: left;
	clear: both;
	width: 100%;
	max-width: 450px;
}


#popuplightbox img {
	width: 100%;
	height: auto;
}

#popuplightbox .inhalt_normal {
	padding: 0;
	margin: 10px 0 0 0;
	background: none;
}

#popuplightbox .inhalt_normal .zentriert {
	width: 100%;
	max-width: 100%;
	margin: 0;
}
/* ------ Onepage ------ */
.onepageinhalt {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.bereiche {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.header {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	max-height: 400px;
	overflow: hidden;
}

.header.fixedheader {
	height: 400px;
}

.header .divider hr {
	display: none;
}

#start .header {
	overflow: hidden;
	opacity: 0;
	height: auto;
	max-height: 100%;
}

.nr-1 .header .csc-default {
	margin: 0 !important;
}

.nr-1 .header .csc-textpic-text {
	position: absolute;
	bottom: 12%; 
	left: 10%;
	z-index: 10;
}

.nr-1 .header .csc-textpic-text h3 {
	margin-bottom: 2px;
	background: #ed1c24;
	background: rgba(237,28,36,0.8);
}

.header .csc-textpic-imagewrap, .header .csc-textpic-imagewrap .csc-textpic-image {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.header .csc-textpic-border img:hover { 
	transform: none; 
	opacity: 1; 
}

.fixedheader {
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.nr-1 .header .owl-controls {
	position: absolute;
	right: 2%;
	top: 140px !important;
}

.owl-dot {
	height: 12px;
	width: 12px;
	display: inline-block;
	margin: 0 3px 0 0;
	background: #CCCCCC;
	border-radius: 100%;
}

.owl-dot.active  {
	background: #000000;
}

.header div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0px;
}

.header img {
	width: 100% !important;
	height: auto !important;
}

.inhalt {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.inhalt_normal, .farbe1, .farbe2, .farbe3, .farbe4, .farbe5, .filtergalerie, .thumbgalerie {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #FFFFFF;
	padding: 30px 0 15px 0;
}

.nr-5 .inhalt_normal {
	padding-top: 0;
}

.nr-5 h1 {
	margin-bottom: 10px;
}

.hoverbox {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #FFFFFF;
	padding: 30px 0 30px 0;
}

.boxhoehe {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #FFFFFF;
	padding: 0;
}

.nr-2 .boxhoehe .farbe2  div.csc-textpic {
	position: relative;
	right: 174px;
	top: 5%;
}

#c192 {
	margin: -30px 0 15px 0;
}

.hundertprozent {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #FFFFFF;
	padding: 30px 0 15px 0;
}

.hundertprozent .zentriert {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#inhalt_news {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	padding: 0;	
}

.farbe1 {
	background: #E8E8E8;
	color: #000000;
}

.farbe1 a {
	color: #0095da;	
}

.farbe1 .zentriert #c192 {
	max-width: 1000px;
}

.farbe2 {
	background: #808080;
	color: #000000;
}

.farbe2 a {
	color: #000000;	
}

.farbe3 {
	background: #474747;
	color: #000000;
}

.farbe3 a {
	color: #000000;	
}

.farbe4 {
	background: #0095da;
	color: #FFFFFF;
}

.farbe4 h2 {
	color: #FFFFFF;
}

.farbe4 li {
	background: none;
	display: inline-block;
	padding-left: 0;
	margin-right: 2%;
}

.farbe4 ul {
	padding: 0;
	margin-top: 40px;
}

.farbe4 li a {
	color: #FFFFFF;
	background: #0070a4;
	padding: 13px 21px;
	font-size: 14px !important;
}

.farbe5 {
	background: url(../images/brandschutz_bg.jpg) left top no-repeat;
	color: #000000;
	background-size: cover;
}

.farbe5 .inhalt_normal {
	background: none;
}

.farbe5 .inhalt_normal:first-child {
	padding-bottom: 0;
}

.farbe5 .bodytext a {
	color: #FFFFFF;
	background: #0070a4;
	padding: 13px 21px;
	font-size: 14px;
}

.farbe5 .zentriert {
	width: 100%;
}

.inhalt_normal:first-child, .farbe1:first-child, .farbe3:first-child, .farbe4:first-child, .farbe5:first-child, .filtergalerie:first-child, .hoverbox:first-child, .thumbgalerie:first-child {
	padding-top: 40px; 
}

.farbe5:first-child {
	border-bottom: 10px solid #FFFFFF;
}

.nr-3 .inhalt_normal:first-child, .farbe5:first-child  {
	padding-top: 30px;
}

.inhalt_normal:last-child, .farbe1:last-child, .farbe2:last-child, .farbe4:last-child, .filtergalerie:last-child, .boxhoehe:last-child, .hoverbox:last-child,.thumbgalerie:last-child {
	padding-bottom: 30px; 
}

.farbe-5:last-child {
	padding-bottom: 0;
}

.owlslider {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #FFFFFF;
	padding: 0 0 15px 0;	
	opacity: 0;
}

.bildslider {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #FFFFFF;
	padding: 30px 0 15px 0;	
	opacity: 0;
}

.bildslider .zentriert {
	max-width: 86%;
}

.owlslider .owl-dots, .bildslider .owl-dots, .news-latest-container .owl-dots, .thumbgalerie  .owl-dots, .news-single-imagebox .owl-dots  {
	display: none !important;
}

.owlslider .owl-prev, .bildslider .owl-prev, .news-latest-container .owl-prev, .thumbgalerie  .owl-prev, .news-single-imagebox .owl-prev, .owlslider .owl-next, .bildslider .owl-next, .news-latest-container .owl-next, .thumbgalerie  .owl-next, .news-single-imagebox .owl-next  {
	position: absolute;
	background: url(../images/owl-left.png) left top no-repeat;
	left: -4%;
	right: auto;
	bottom: 50%;
    margin-bottom: -25px;
	width: 25px;
	height: 50px;
	display: block;
	text-indent: 999px;
	overflow: hidden;
}

.owlslider .owl-next, .bildslider .owl-next, .news-latest-container .owl-next, .thumbgalerie  .owl-next, .news-single-imagebox .owl-next {
	right: -4%;
	left: auto;
	background: url(../images/owl-right.png) left top no-repeat;	
}

.owlslider .csc-default {
	background: none;
	padding: 10px 2%;
	width: 96%;
}

.owlslider .csc-default img {
	box-shadow: 0px 0px 10px #808080;
	margin-top: 8px;
}

.thumbgalerie  .owl-prev {
	left: -6%;
}

.thumbgalerie  .owl-next {
	right: -6%;
}

.gleichehoehe {
	padding: 0 4% 17px 4%;
	max-width: 458px;
	width: 100%;
}

.farbe2 .gleichehoehe {
	width: 100%;
}

.nr-2 .farbe2 .gleichehoehe {
	position: relative;
	max-width: inherit;
}

.nr-6 .farbe2 .gleichehoehe {
	float: right;
	clear: both;
}

.nr-6 .boxhoehe .farbe2  div.csc-textpic-intext-right .csc-textpic-imagewrap {
	margin-left: 4%;
}

.boxhoehe .zentriert {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}

.boxhoehe .subcl {
	background: #808080;
	padding: 0px;
}

.subcl {
	padding: 0 3em 0 0;
}

.nr-2 .farbe1 .subcolumns .subcl {
	float: left;
	clear: both;
	width: 50%;
	padding-right: 0 !important;
}

.nr-2 .farbe1 .subcolumns .subcr {
	width: 50%;
	float: left;
	clear: right;
}

.nr-2 .farbe1 .subcolumns .subcl {
	width: 49%;
}

.nr-2 .farbe1 .subcolumns .subcr {
	width: 49%;
}

.nr-3 .csc-textpic-imagecolumn {
	margin-bottom: 10px;
}

.boxhoehe .farbe2 p , .boxhoehe .farbe2 li, .boxhoehe .farbe2 h1, .boxhoehe .farbe2 h2, .boxhoehe .farbe3 p , .boxhoehe .farbe3 li, .boxhoehe .farbe3 h1, .boxhoehe .farbe3 h2 {
	color: #FFFFFF;
}

.boxhoehe .farbe2 {
	width: 50%;
	float: left;
	clear: both;
}

.boxhoehe .farbe3 {
	width: 50%;
	float: left;
	clear: right;
}

.filtergalerie .csc-textpic-imagewrap {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
}

.filtergalerie .csc-textpic-imagerow {
	display: inline-block;
	float: none;
	clear: none;
	position: relative;
	margin: 0 0.5% 10px 0.5%;
}

.filtergalerie .csc-textpic-caption {
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: #292929;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 20px;
    transition: 0.7s;
}

.filtergalerie div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}


.filtergalerie .csc-textpic-imagerow:hover  .csc-textpic-caption {
	top: 0px;
	bottom: 0;
}

.filtergalerie .csc-textpic ul {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

.filtergalerie .csc-textpic ul li {
	width: auto;
	display: inline-block;
	background: #666666;
	color: #FFFFFF;
	margin: 0 5px 0 5px;
	padding: 10px 15px;
	cursor: pointer;
}

.filtergalerie .csc-textpic ul li.filterall {
	display: none;
	background-image: url(../images/filterclose.png);
	background-position:  center center;
	background-repeat: no-repeat;
	background-size: auto 50%;
	text-indent: -999px;
	width: 60px;
}

.hoverinhalt {
	display: block;
	text-align: left;
	font-size: 12px;
}

.hoverbox .zentriert {
	max-width: 861px;
	width: 100%;
	margin: 0 auto;
}

.hoverbox .csc-default .csc-default {
	display: inline-block;
	float: none;
	clear: none;
	position: relative;
	overflow: hidden;
	margin: 0 0.5% 10px 0.5%;
}

.hoverbox .csc-default .csc-textpic-text {
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: #292929;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 150px 9px;
    transition: 0.7s;	
	z-index: 2;
}

.hoverbox .csc-default .csc-textpic-text a {
	color: #FFFFFF;
	text-decoration: underline;
}

.hoverbox .csc-default .csc-textpic-text h2, .hoverbox .csc-default .csc-textpic-text h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #FFFFFF;
}

.hoverbox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

.hoverbox .csc-default .csc-default:hover  .csc-textpic-text {
	top: 0px;
	bottom: 0;
}

.thumbgalerie {
	opacity: 0;
}

.thumbgalerie .csc-textpic-image, #sync3 .csc-textpic-image {
	position: relative;
}

.thumbgalerie .csc-textpic-image .csc-textpic-caption, #sync3 .csc-textpic-image .csc-textpic-caption {
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 5px 15px 5px 10px;
	display: inline-block;
	background: #fff;
	background: rgba(255,255,255,0.7);
}

.galerieinhalt, #sync2 {
	max-width: 600px;
	width: 94%;
	margin: 0;
	padding: 0;
	left: 50%;
	position: relative;
	float: left;
	clear: both;
}

#sync2 {
	margin-top: 20px;
}

.galerieinhalt {
	cursor: pointer;
}

#sync2 .csc-textpic-imagecolumn {
	overflow: hidden;
}

.owllightboxlayer {
	background: rgba(0, 0, 0, 0) url(../images/overlay.png) repeat scroll 0 0;
	opacity: 0.9;
	height: 100%;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 80;
	visibility: hidden;
}

.owllightbox {
	width: 96%;
	height: 98%;
	visibility: hidden;
	position: fixed;
	top: 10%;
	left: 49%;
	z-index: 90;
}

#sync3 {
	display: block;
	float: left;
	border: 7px solid #fff;
	border-radius: 5px;
	background: #fff;
	position: relative;
	max-width: 800px;
}

#sync3 .owl-carousel {
	padding-bottom: 28px;
}

#sync3 .owl-nav div {
	background: rgba(0, 0, 0, 0) url("../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.5.13/example1/images/controls.png") no-repeat scroll -75px 0;
    bottom: 0;
    height: 25px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    width: 25px;
}

#sync3 .owl-nav .owl-next {
	background: rgba(0, 0, 0, 0) url("../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.5.13/example1/images/controls.png") no-repeat scroll -50px 0;
    left: 27px;
}

#sync3 .owlclose {
	background: rgba(0, 0, 0, 0) url("../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.5.13/example1/images/controls.png") no-repeat scroll -25px 0;
    bottom: 0;
    height: 25px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    width: 25px;
	cursor: pointer;
	z-index: 21;
}

/* ------ Onepage ------ */

/* ------ Unterseiten ------ */ 
.unterseite_inhalt {
	width: 100%;
	float: left;
	clear: both;
	margin: 200px 0;
}
/* ------ Unterseiten ------ */

/* ------ Buttons ------ */
.buttons {
	position: fixed;
	right: 5px;
	top: 55%;
	background: #FFFFFF;
	display: block;
	padding: 10px 5px;
	z-index: 50;
	box-shadow: 0 0 30px #AAA; 
	border-radius: 15px 0 15px 0;
}

.buttons div {
	display: block;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 0 8px 0;
	padding: 0;
	float: left;
	clear: both;
	background-color: #999999;
	opacity: 0;
}

.buttons div:hover {
	background-color: #333333;	
}

.buttons div.button_sprache {
	background: none;
	margin: 0 0 10px 0;
	height: auto;
	display: none;
}

.buttons div.button_sprache a {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #999999;
}

.buttons div.button_sprache a.spact {
	color: #333333;
}

.buttons div.button_sprache:after {
	border-bottom: 1px dotted #AAA;
	content:"";
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	position: relative;
	bottom: -2px;
}

.buttons div.button_rauf {
	background-image: url(../images/arrow-top.png);
}

.buttons div.button_runter {
	background-image: url(../images/arrow-bottom.png);
	margin: 0;
}

.buttons div.button_suche {
	display: none;
	margin: 0;
	background: none;
	width: auto;
	height: auto;
}

.buttons div.button_suche a:before {
	border-top: 1px dotted #AAA;
	content:"";
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: 20px;
	position: relative;
	top: -4px;
}

.buttons div.button_suche a {
	background-image: url(../images/lupe.png);
	background-position: center bottom;
	display: block;
	width: 24px;
	height: 24px;
	margin-top: 5px;
	background-color: #999999;
}

.buttons div.button_suche a:hover {
	background-color: #333333;
}

.buttons div.button_print {
	background-image: url(../images/print.html);
	background-position: center bottom;
	display: block;
	width: 24px;
	height: 24px;
	margin: 8px 0 3px 0;
	background-color: #999999;
}

.buttons div.button_print:before {
	border-top: 1px dotted #AAA;
	content:"";
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: 20px;
	position: relative;
	top: -5px;
}

.buttons div.button_print:hover {
	background-color: #333333;
}
/* ------ Buttons ------ */

/* ------ Footer ------ */
#footer {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin: 200px 0 0 0;
	padding: 0;
	color: #FFFFFF;
	background: #000;
}

.rahmen #footer {
	margin: 0;
}

#footer a {
	color: #FFFFFF;
	font-size: 14px !important;
}

#footer .inhalt_normal {
	background: none;
	padding: 0;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

#mapstoggle {
	width: 100%;
	float: left; 
	clear: both;
	padding: 7px 0;
	background: #999999;
	text-align: center;
	font-size: 18px;
}

.mapsschalter {
	background: url(../images/mapstoggle.png) left top no-repeat;
	min-width: 52px;
	display: inline-block;
	padding: 62px 0 0 0;
	margin-top: -60px;
	cursor: pointer;
}

#karte {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;	
}

#karte .inhalt_normal, #karte .inhalt_normal .zentriert {
	padding: 0px;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;	
	display: block;	
}

#karte .anfahrt {
    height: 0px;
	/* Karte am Anfang offen einkommentieren:
    height: 350px; */
    overflow: hidden;
    float: left;
    clear: both;
    display: block;
    width: 100%;
}

#karte .anfahrt iframe {
    pointer-events: none;
}

#footerinhalt {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 30px 0;	
}

#footerunten {
	width: 100%;
	min-height: 15px;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0;	
	background: #666666;
	position: relative;
}

#footerunten .zentriert {
	position: static;
}

.smartstyle {
	position: absolute;
	top: -30px;
	right: 5px;
}

.smartstyle img {
    box-shadow: 0 0 30px #000;
    border-radius: 100%;
}

.rahmen #footer{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#footer .csc-sitemap {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
}

#footer .csc-sitemap ul {
	margin: 0px;
	padding: 0px;
}


#footer .csc-sitemap ul li {
	background: none;
	padding: 0 0 5px 0;
}

#footer div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px !important;
}
/* ------ Footer ------ */

/* ------ Cookies ------ */
#cookie-bar {
  background:#111111; 
  color:#ffffff; 
  text-align:center; 
  padding: 5px 0 5px 0; 
  font-size: 10px; 
  font-family: arial;
}

#cookie-bar.fixed {
  position:fixed; 
  top:0px; 
  left:0; 
  width:100%;
}

#cookie-bar.fixed.bottom {
  bottom:0; top:auto;
}

#cookie-bar p {
  margin:0; 
  padding:0;
}

#cookie-bar a {
  color:#ffffff; 
  display:inline-block; 
  border-radius:3px; 
  text-decoration:none; 
  padding:0px; 
  margin-left:0px;
}

#cookie-bar .cb-enable {
  background:#FFFFFF; 
  color: #000000;
  margin-left: 8px; 
  padding: 3px 5px;
  font-weight: bold;
}
/* ------ Cookies ------ */


/* ------ Scale ------ */
.csc-textpic-border img { 
	transition: all .5s ease-in-out; 
}

.csc-textpic-border a {
	display: block; 
	overflow: hidden;
}

.csc-textpic-border:hover  .csc-textpic-image  img { 
	transform: scale(1.1); 
	opacity: 0.75; 
}

.hoverbox div.csc-textpic {
	border: 2px solid #000000;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: 0;
	padding: 0;
}

.filtergalerie .csc-textpic-border:hover  .csc-textpic-image  img { 
	transform: scale(1); 
	opacity: 1; 
}

.filtergalerie .csc-textpic-border  .csc-textpic-image:hover  img { 
	transform: scale(1.1); 
	opacity: 0.75; 
}
/* ------ Scale ------ */

/* ------ Powermail ------ */
.tx-powermail {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.tx-powermail h3, .powermail_legend {
	display: none;
}

.powermail_fieldset  {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	float: left;
	clear: both;
	display: block;	
}

.powermail_label {
	display: block;
	width: 25%;
	float: left;
	margin: 4px 0;
	text-align: right;
	font-size: 14px;
}

.powermail_fieldwrap {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	margin: 5px 0 5px 0;
	position: relative;
}

.powermail_field.powermail_input {
	width: 66%;
	float: right;
	padding: 2px 2%;
	border: 1px solid #333333;
	position: relative;
	font-size: 12px;
	margin-right: 1%;
	font-family: 'PT Sans', arial, sans-serif;
}

.powermail_field.powermail_textarea  {
	width: 66%;
	float: right;	
	resize: none;
	font-family: arial;
	font-size: 12px;
	padding: 2px 2%;	
	border: 1px solid #333333;	
	margin-right: 1%;
	font-family: 'PT Sans', arial, sans-serif;	
}

.powermail_field.powermail_submit {
	width: 70%;
	float: right;
	background: #666666;
	border: 0;
	padding: 8px 0px;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	margin-right: 1%;
	color: #FFFFFF;
	font-family: 'PT Sans', arial, sans-serif;
}

.parsley-errors-list {
	color: #0070A4;
	position: absolute;
    top: -10px;
    right: 10px;
	padding: 0;
	font-family: 'PT Sans', arial, sans-serif;
	font-size: 10px;
}

.parsley-errors-list li {
	background: none;
	padding: 0;
}

.powermail_field.powermail_input.parsley-error, .powermail_field.powermail_textarea.parsley-error {
	box-shadow:  0 0 10px #333333;
}
/* ------ Powermail ------ */

/* ------ tt_news ------ */
/* latest */
.news-latest-container {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.news-latest-item {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}

.news-latest-date {
	width: 92%;
    text-align: left;
    display: block;
    padding: 5px 4%;
	margin: 0;
	float: left;
	clear: both;
	font-size: 12px;
	border-bottom: 1px dashed #DFDFDF;
}

.news-latest-text {
	width: 92%;
    text-align: left;
    display: block;
    padding: 5px 4%;
	margin: 10px 0 0 0;
	float: left;
	clear: both;	
}

.news-latest-container h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
}

.news-latest-item IMG {
    margin: 0;
	padding: 2px 0;
    float: left;
	clear: both;
	width: 100%;
	height: auto;
 	border-bottom: 1px dashed #DFDFDF;
}

/* list */
.news-list-container {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

.news-list-item {
    padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dashed #DFDFDF;
	width: 100%;
	float: left;
	clear: both;
}

.news-list-container h2 {
    margin: 0 0 5px 0;
	padding: 0;
	font-size: 20px;
	text-transform: none; 
	float: left;
	clear: both;
	width: 100%;
}


.news-list-container h2 a {
	color: #000000;
}

.news-list-date {
	width: 100%;
    display: block;
    padding: 0;
	margin: 0;
	float: left;
	clear: both;
	font-size: 12px;
}

.news-list-text {
	width: 100%;
	float: left;
	margin: 0;
}

.news-list-bild {
	float: right;
}

.news-list-container img {
    float: left;
	clear: both;
    margin: 15px 0 0 0;
    border: none;
	visibility: hidden;
}

/* single */
/* Zurück-Button auf der List-Seite */
a.news-single-backlink {
	background: #666666;
	color: #FFFFFF;
	padding: 10px;
	width: auto;
	margin: 0;
}

.news-single-item {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

.news-single-date {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-size: 12px;
}

.news-single-content {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.news-single-imagebox {
	margin: 20px 0 0 0;
	width: 100%;
	display: block;
	float: left;
	clear: both;
	opacity: 0;
}

.news-single-img {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.news-single-imagebox .bild {
	margin: 0 10px 10px 0;
	float: left;
	overflow: hidden;
}

.news-single-imagebox .bild.newssingleowl {
	float: left;
	clear: both;
	margin: 0;
	width: 100%;
}

.news-single-backlink a {
	color: #FFFFFF;
	padding: 10px;	
	background: #666666;
	display: inline-block;
}

.news-single-backlink {
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	display: block;
}

.news-single-newsbrowser {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	margin: 0 0 20px 0;
}

.news-single-prev {
	width: 50%;
	float: left;
}

.news-single-prev a, .news-single-next a {
	background: #666666;
	color: #FFFFFF;
	padding: 10px;
	width: auto;
	margin: 0;	
	display: inline-block;
}

.news-single-next {
	width: 50%;
	text-align: right;
	float: right;
}

.news-single-fade {
	opacity: 0;
}


/* ------ tt_news ------ */
/* ------ Tabs ------ */
.ui-tabs .ui-tabs-nav {
	padding: 0;
}

.ui-widget-header {
	border: 0;
	background: none;
}

.ui-tabs .ui-tabs-panel {
	padding: 1em;
}

/* ------ Accordion ------ */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-radius: 0;
}

.ui-widget-content {
	background: none;
	border: 0;
}

.ui-accordion-header {
	text-transform: none;	
}

.ui-accordion .ui-accordion-icons {
	padding-left: 1em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	left: auto;
	right: 0.5em;
}

.ui-accordion .ui-accordion-content {
	padding: 1em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	margin-top: -12px;
}

.ui-icon {
	width: 24px;
	height: 24px;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	background-color: none;
}

.ui-state-default .ui-icon {
	background-image: url(../images/plus.png);
}

.ui-state-active .ui-icon {
	background-image: url(../images/minus.png);
}

.ui-icon-triangle-1-s {
	background-position: left top;
}

/* -- folgenden Block bitte bei Bedarf fuer Farbe 1-5 kopieren und anpassen -------------------- */
/* -- hier koennen Hintergrundfarbe und Schriftfarbe fuer Accordion und Tabs angepasst werden -- */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #ddd;	
	border: 0;
	color: #000;
}

.ui-state-default:hover, .ui-state-active {
	background: #999 !important;
	color: #fff !important;	
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #000;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-default:hover a {
	color: #fff !important;
}
/* -- Block Ende ------------------------------------------------------------------------------- */


/* -- 404-Fehlerseite -- */

.pagenotfound .unterseite_inhalt > div:first-child {
	background: none; 
	padding: 0;
} 

.pagenotfound .unterseite_inhalt > div:first-child .zentriert {
	width: 100%; 
	max-width: 100%; 
	text-align: center;
}

.pagenotfound .boxhoehe .subcl, .pagenotfound .boxhoehe .subcr, .pagenotfound .boxhoehe .subc {
	padding: 0 !important;
}

.pagenotfound .boxhoehe  .inhalt_normal {
	padding: 0;
	background: none;
}

.pagenotfound .boxhoehe  .gleichehoehe {
	padding: 0;
	background: #FFFFFF;
}

.pagenotfound .boxhoehe  .subc .gleichehoehe {
	background: none;
}

.pagenotfound .boxhoehe div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

.pagenotfound .boxhoehe  .subc .gleichehoehe .csc-textpic-image, .pagenotfound .boxhoehe  .subc .gleichehoehe .csc-textpic-imagewrap {
	width: 100%;
}

.pagenotfound .boxhoehe  .subc .gleichehoehe .csc-textpic-image img {
	width: 100% !important;
	height: auto !important;
}