@charset "utf-8";
/*

grau header #c8c8c8 rgba(200, 200, 200, 1.0)
grau inaktive Schrift Untermenü #646464 rgba(100, 100, 100, 1.0)
orange #e75b0a rgba(232, 91, 10, 1.0)
dunkel gelb akkordeon #f3960d rgba(243, 150, 13, 1.0)
rot #
grün #359997 rgba(53, 153, 151, 1.0)
Hauptmenü bold 16px
Untermenü bold 14 px (100 und 70 % schwarz)
Schrift Suchfeld 14px
Überschriften Inhalt grün 24p
Schriften Fließtext und Bildunterschriften 14px, Zeilenhöhe 18px
 
*/
/* for WOFF-capable browsers */
@font-face { font-family: 'myriad'; src: url('MyriadPro-Regular(1).woff') format('woff'); }
@font-face { font-family: 'myriadB'; src: url('MYRIADPRO-BOLD.woff') format('woff'); }


html {font-size: 62.5%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
*, *:before, *:after { box-sizing: inherit;}

body {
	font-family: myriad,Verdana, Arial, sans-serif;
	margin: 0;
	color: #333333;
	background: no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
		
}

/* accessibility styles */
dfn, .hidden,.screenreader, #sprunglink a, #sprunglink a:visited, #sprunglink a:hover, #backlink a, #backlink a:visited, #backlink a:hover {position: absolute;left: -9000px;top: -9000px;width: 0px;height: 0px;overflow: hidden;display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 78%;line-height:1em}
#sprunglink a:focus, #sprunglink a:active {top:0;left:0;width:auto; height:auto}
#backlink a:focus, #backlink a:active {bottom:0;right:0;width:auto; height:20px}
#sprunglink p, #backlink p {line-height:0;height:0;margin:0}
.unvis {display:none}

h1  {font-family:'myriadB',sans-serif;font-size:24px;font-size:2.4rem;line-height:1.3em;letter-spacing:0.025em;font-weight:lighter;color:#359997;margin:0 0 0.7em 0}
h2  {font-family:'myriadB',sans-serif;font-size:18px;font-size:1.8rem;line-height:1.3em;letter-spacing:0.025em;font-weight:lighter;color:#359997;margin:0 0 0.9em 0}
h3  {font-family:'myriadB',sans-serif;font-size:15px;font-size:1.5rem;line-height:1.3em;letter-spacing:0.025em;font-weight:lighter;color:#359997; margin:0 0 0.9em 0}
h4  {font-family:'myriadB',sans-serif;font-size:14px;font-size:1.4rem;line-height:1.3em;letter-spacing:0.025em;font-weight:lighter;color:#000000;margin:0 0 0.9em 0}
h5  {font-family:'myriadB',sans-serif;font-size:13px;font-size:1.3rem;line-height:0.8em;letter-spacing:0.025em;font-weight:lighter;color:#000;margin:0 0 0.9em 0}

br.clear {clear:both;font-size:1px;line-height:1px;display:block;height:1px;}

/* miscelenous */
.displaynone {display:none}
.margin0 {margin:0}
.black {color:#333333}
.gruen {color:#359997}
.orange {color: #e75b0a}
.dgelb {color: #f3960d;}
.dgrau {color: #646464;}
.grau {color: #c8c8c8;}
.copy {color: #c8c8c8;}
.left {float:left}
.right {float:right}
.bold {font-weight:bold}
.visuallyhidden {border:0 none;clip:rect(0px, 0px, 0px, 0px); height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute; width:1px;}

p.pclear {width:0%;font-size:0px;overflow:hidden;clear:both}
p.text-justify {text-align: justify;}
p.text-right {text-align: right;}

a {text-decoration:none}
a:hover {text-decoration:none}

span.grau {color: #c8c8c8;}
span.dgrau {color: #646464;}
span.dgelb {color: #f3960d;}
span.orange {color: #e75b0a}
span.gruen {color: #359997;}


p {margin: 0 0 5px 0;}

/* extra Layouts für Abstände CE - alle drei Spalten */ 
.before30 {margin-top:30px}
.after30 {margin-bottom:30px}
.before2zlg {margin-top:30px}
.after2zlg {margin-bottom:30px}
.before1zlg {margin-top:15px}
.after1zlg {margin-bottom:15px}

/* blocks */

@media print {
	#printheaderjs {display:block; width:100%;border-bottom:1px solid #000000;line-height:19px;font-size:1.2em;padding-bottom:5px; margin-bottom:20px}
	#printfooterjs {display:block; width:100%;border-top:1px solid #000000;line-height:19px;font-size:1.1em;padding-top:5px;margin-top:40px} 
	#printlogojs {display:block;margin-bottom:40px;}
}
 @media screen {
	#printheaderjs {display:none}
	#printfooterjs {display:none}
	#printlogojs {display:none}
  }
#print_button {font-size:12px;font-size:1.2rem;}
#printheader {display:none}
#printfooter {display:none}
#printfooterspace {display:none}
#logoprint {display:none}


/* Blöcke */
#container {position:relative;min-height:640px;margin: 2px auto;overflow:hidden;}

/* Container Header */
#headerbox {background-color:rgba(200, 200, 200, 0.955);width:100%;height:80px; position:absolute;z-index:50}
#headerbox #logo {position:absolute;left:2.0833333333333%;top:0; height:auto;width:14.666666666667;}


#headerbox #showsearch {position:absolute;right:90px;top:10px;z-index:55}
#headerbox #searchboxdiv {position:absolute;right:90px;top:0;width:360px;display:none;z-index:55}
#headerbox #searchboxdiv .tx-indexedsearch-searchbox-sword {position:absolute;top:10px;width:320px;font-size:14px;font-size:1.4rem}
#headerbox #searchboxdiv .tx-indexedsearch-searchbox-button {position:absolute;top:10px;right: 0;}
#headerbox .short {display:none}

#headerbox .fblink {position:absolute;right:55px;top:10px;z-index:55}
#headerbox .fblink img {width:25px;height:auto;}
#headerbox .instlink {position:absolute;right:15px;top:10px;z-index:55}
#headerbox .instlink img {width:25px;height:auto;}



/* Hauptmenü im Header */
#mainmenu {padding:50px 0 0 201px; font-family:'myriadB',Verdana;width:100%;
			-moz-hyphens: auto;-o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
#mainmenu .selected {margin:0 10px}
#mainmenu ul {list-style-type:none;padding:0; margin:0;}
#mainmenu ul li {overflow:hidden;margin:0;padding:0;float:left;font-size:16px;font-size:1.6rem;line-height:1.9em}
#mainmenu ul li a {color:#000000; display:block;width:143px;padding:0 10px}
#mainmenu ul li:last-child a {width:141px}
#mainmenu ul li a:hover {color:#ffffff;background-color:#e75b0a;}
#mainmenu ul li.act a {color:#ffffff;}
#mainmenu ul li.act div {display:block}
#mainmenu ul li.act {display:block;color:#ffffff;background-color:#e75b0a;width:143px;}
#mainmenu ul li:last-child.act {width:141px}
#mainmenu ul li div {background-color:#ffffff;padding:5px 0; display:none}
#mainmenu ul li ul li {float:none;font-size:14px;font-size:1.4rem;line-height:1.5em}
#mainmenu ul li ul li a {color:#646464}
#mainmenu ul li.act ul li a {color:#646464;}
#mainmenu ul li ul li a:hover {color:#000000; background-color:transparent;}
#mainmenu ul li ul li.act {color:#000000; background-color:transparent;padding:0 10px;}
#mainmenu #menu-mobil-switch, #mainmenu #menu-start-switch {width:38px;height:30px; margin: 0px;background: url(../../../user_upload/Images/Layout/Menu_Icon.png) no-repeat;}

/* Sprachwähler innerhalb Akkordeon DE EN */
#langmenu {width:115px;font-size:0px;margin:0 auto} 
#langmenu ul {list-style-type:none;padding:0; margin:0}
#langmenu li {width:calc(50% - 6px);height:53px;margin-right:1px;float:left; background: url(../../../user_upload/Images/Layout/Language_english.png) no-repeat;} 
#langmenu li:first-child {background: url(../../../user_upload/Images/Layout/Sprache_deutsch.png)  no-repeat} 
#langmenu li a {display:block;width:100%;height:53px;} 
#langmenu li.active a {display:none} 

/* Akkordeon Spalte */
#ainfo-switch {width:78px;height:41px;margin-top:40px; float:right;background: url(../../../user_upload/Images/Layout/Infobutton_Akkordeon.png) no-repeat;display:none;}

.col_right {width:245px;position:fixed;top:215px;right:0;margin-left:355px;padding:10px 0 10px 0; z-index:45}
#akkordeon {margin-top:180px;}
#akkordeon .abody a {color:#359997}
.col_right .aheader {cursor:pointer;background-color:#ffffff;width:100%;margin:5px 0 0 0;padding:0 35px 0 4%; background-image: url(../../../user_upload/Images/Layout/PfeilUnten.png);background-repeat: no-repeat; background-position:94% 50%;}
.col_right .aheader h2 {color:#000000;width:100%;margin:0;font-size:14px;font-size:1.4rem;line-height:2.0em;font-weight:lighter }
.col_right .abody {background-color:#ffffff;width:100%;margin:5px 0 0 0;padding:5px 4%;display:none;font-size:14px;font-size:1.4rem;}
.col_right .abody p:last-child {margin:0}
/* .col_right .aheader:hover~.abody {display:block;transition: all 2s linear;} */
.col_right .aheader:hover {background-color:#f3960d;background-image: url(../../../user_upload/Images/Layout/PfeilOben.png);} 
.col_right .aheader.active {background-color:#f3960d;;background-image: url(../../../user_upload/Images/Layout/PfeilOben.png);} 

/* Für alle Inhalte */
#content {width:100%; font-size:14px;font-size:1.4rem;line-height:1.5em;margin-top:210px}
#content a {color:#359997}
hr {border:none;border-bottom:1px solid #c8c8c8;}
ul {padding:0 0 0 15px; margin:0;}

/* Container Hauptinhalt */
.col_center_block, .col_center {width:76.916666666667%;margin:0px 0 10px 0;padding:30px 2.0833333333333%;  float:left;background-color:#ffffff;min-height:450px;
			-moz-hyphens: auto;-o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.col_center_block ul, .col_center ul {list-style-image:url(../../../user_upload/Images/Layout/bullet.gif);}
.col_center_block #index, .col_center #index {float:left; margin:10px 0;}
.col_center_block #prev, .col_center #prev {float:right;margin:10px 0;}
.col_center_block #next, .col_center #next {float:right;margin:10px 4px;}

.col_center_block {padding:0;background-color:transparent}
.col_center_block .block {padding:30px 2.0833333333333%;margin-bottom:20px;background-color:#ffffff}

/* Abstand für Bild Content Elemente */
.ce-image .ce-gallery {width:100%}
.ce-gallery .ce-row .ce-column:last-child {float:right !important}
.image-caption {line-height:1.2em;margin-top:5px}

.ce-column img {width:100%;height:auto}

/* Spalten im Blog */
.col_center .frame-layout-0 {width:100%;clear:both}
.col_center .frame-layout-1 {width:67%;float:left;padding-right:1.05%;border-right:1px solid #c8c8c8}
.col_center .frame-layout-2 {width:32%;float:right}


/* Fußzeile */
#footer {float:left; width:76.916666666667%;background-color:#ffffff; padding:5px 2.0833333333333%;}
#footer span {font-size:1.1rem;margin-right:5%}
#footer ul {list-style-type:none;padding:0; margin:0;}
#footer ul li {float:left;font-family:'myriadB',Verdana;margin-right:4%;}
#footer ul li.print {padding-left:25px;margin-right:4%;background: url(../../../user_upload/Images/Layout/printer.jpg) no-repeat}
#footer ul li a {color:#000000}
#footer ul li a:hover {color:#359997}

/* Suche */
.col_center .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {border:1px solid #c8c8c8;width:308px;font-size:14px;font-size:1.4rem}
.col_center  label {display:block;float:left;width:20%}
.col_center .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button {margin: 10px 0 0 0;border:1px solid #c8c8c8;}
.col_center .tx-indexedsearch-rules p {display:none}
.col_center .tx-indexedsearch-rules .minus {display:none}
.col_center .tx-indexedsearch-rules .hrules {cursor:pointer;color:#359997}
.tx-indexedsearch select {background: none repeat scroll 0 0 #ffffff;width: 150px; border:1px solid #c8c8c8}
.tx-indexedsearch-info dt {padding:0 5px;margin-right:10px;float:left;}
.tx-indexedsearch-res {padding-top:10px;border-top:1px solid #c8c8c8;}
ul.tx-indexedsearch-browsebox {list-style-type:none;list-style-image:none;padding:0; margin:0 0 40px 0;}
ul.tx-indexedsearch-browsebox li {float:left;margin-right:5px}

/* Blog */
.tx-t3extblog #comment-section input[type="text"], .tx-t3extblog #comment-section textarea { 
	width:70%;font-size:14px;font-size:1.4rem;font-family: myriad,Verdana, Arial, sans-serif;margin-bottom:3px; border:1px solid #c8c8c8}
.tx-t3extblog #comment-section #comment-form {margin-bottom:10px}
.tx-t3extblog #comment-section #comment-form fieldset {border:1px solid #c8c8c8}
.tx-t3extblog article {margin-bottom:20px;clear:both}
.tx-t3extblog input[type="submit"] {background-color:#eeeeee;font-size:14px;font-size:1.4rem;border:1px solid #c8c8c8}
.tx-t3extblog .spamcheck label {width:60%}
.tx-t3extblog nav ul.pagination {list-style-image:none;list-style-type:none; padding:0 0 30px 0; margin:0 }
.tx-t3extblog nav ul.pagination li {float:left;margin-right:10px}
.tx-t3extblog ul.unstyled {list-style-image:none;list-style-type:none; padding:0}
.tx-t3extblog .well h3 {margin:20px 0 7px 0}
.thumbnail img {width:100% !important;height:auto !important}
.thumbnail {margin-left:0; margin-right:0}

.tx-ws-flexslider .flexslider { margin: 0 0 15px 0;border:none;box-shadow:none}
/* könnte anders positioniert mit copyright befüllt und am unteren Rand ausgegeben werden */
.tx-ws-flexslider .caption-body {text-align:right;padding-right: 1.66667%;}
/* */
.tx-ws-flexslider .flex-control-nav {bottom:20px;padding-right:20px; text-align:right;z-index:3;height:20px;font-size:1px}

.flex-control-paging li a.flex-active {background: rgb(216, 216, 216 ) none repeat scroll 0 0; cursor: default; }
.flex-control-paging li a {
    background:none;
    border-radius: 20px;
    box-shadow: none;
    border:1px solid rgba(242, 242, 242, 0.5);
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
}
.flex-control-paging li a:hover {background: rgba(242, 242, 242, 0.7); }

@media only screen and (min-width: 1200px) {  
	#container { width: 1200px;}
	#menu-start-switch {display:none;}
	#menu-mobil-switch {display:none;}
	#mainmenu-start {display:block;}
	#akkordeon {display:block;}
	
}
/* 	#mainmenu ul li, #mainmenu ul li li,#mainmenu ul li li a, #mainmenu ul li:last-child.act, #mainmenu ul li:last-child a, #mainmenu ul li.act,#mainmenu ul li a:hover {width:150px}
*/
@media only screen and (max-width: 1200px) {
	#mainmenu {position:absolute; top:35px; left:calc(4% + 175px); z-index:52;padding:0;width:300px}
	#mainmenu ul li {float:none;overflow:visible;height:30px;margin-bottom:1px;background-color:#ffffff}
	#mainmenu ul li .dropdown {margin-left:143px;margin-top:-35px;}
	#mainmenu ul li li,#mainmenu ul li li a {margin-bottom:0;height: auto;line-height:1.8em;}
	#mainmenu  .dropdown .act {background-color:#ffffff;line-height:1.8em;}
	#mainmenu ul li, #mainmenu ul li li,#mainmenu ul li li a, #mainmenu ul li:last-child.act, #mainmenu ul li:last-child a, #mainmenu ul li.act,#mainmenu ul li a:hover {width:143px}
	#content {margin-top:290px}
	
	.col_right {width:20.416666666667%;margin:0;top:180px;right:0}
	
	.col2 .ce-column {width:48%;}
	.col2 .image img {width:100%;height:auto}
	.ce-textpic div.col1 {width:50%;}
	.col1 .image img {width:100%;height:auto}
	
	#footer ul li {margin-right:2.5%;}
	#ainfo-switch {display:none;}	
	#mainmenu-start {display:none;}
	#menu-start-switch {display:block;}

@media only screen and (max-width: 768px) {	
	#content {padding:0 2.0833333333333%;}
	.col_center_block,.col_center {width:100%;}
	#footer {width:100%;margin:0}
	#content {width:100%}
	.col_right {width:85px;margin:0;top:100px;right:0;z-index:60;}
	#langmenu {float:right;margin:0 2% 0 0;}
	#ainfo-switch {display:block;}
	#akkordeon {margin-top:40px;display:none;padding:5px;background-color:rgba(100, 100, 100, 0.4)}
	
}
@media only screen and (min-width: 628px) {	
	#mainmenu-mobil {display:block;}
	#menu-mobil-switch {display:none;}
	
}
@media only screen and (max-width: 627px) {	
	#mainmenu-mobil {display:block;width:146px;background-color:rgba(100, 100, 100, 0.1);padding:1px} 
	#menu-mobil-switch {display:none;}  
	#mainmenu ul li .dropdown {margin-left:0;margin-top:0;}
	#mainmenu ul li .dropdown li {padding-left:10px;margin-bottom:0}
	#mainmenu ul li .dropdown li.act {padding-left:20px;}
	#mainmenu ul li {height:auto;}
	#mainmenu ul li.act {margin-bottom:10px}
	
	.col_right {top:80px;} 
	#ainfo-switch {margin-top:2px;margin-right:0}
	#akkordeon {margin-top:2px;}
	
}

@media only screen and (max-width: 545px) {	
	#headerbox #searchboxdiv {width:180px;}
	 #headerbox #searchboxdiv .tx-indexedsearch-searchbox-sword {width:145px;}
	 #headerbox #searchboxdiv .tx-indexedsearch-searchbox-button {right: 0;}
	
}
@media only screen and (max-width: 460px) {	
	#langmenu {width:55px}
	#langmenu ul li {float:none;width:100%}
	.col_right {z-index:30;} 
	#akkordeon {margin-top:85px;position:absolute;right:0;width:100%}
	
	
}