body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 2 / 1 / 3 / 2; }
.div4 { grid-area: 2 / 2 / 3 / 3; }
.div5 { grid-area: 3 / 1 / 4 / 2; }
.div6 { grid-area: 3 / 2 / 4 / 3; }
.div7 { grid-area: 1 / 3 / 4 / 4; }


a {
	color: #326f8a;
    text-decoration: none;
}
/* Abstaende */

.abst_o_05 {margin-top: 5px;}
.abst_o_10 {margin-top: 10px;}
.abst_o_20 {margin-top: 20px;}
.abst_o_30 {margin-top: 30px;}
.abst_o_50 {margin-top: 50px;}
.abst_o_100 {margin-top: 100px;}
.abst_u_10 {margin-bottom: 10px;}
.abst_u_20 {margin-bottom: 20px;}
.abst_u_50 {margin-bottom: 50px;}
.abst_u_100 {margin-bottom: 100px;}
.abst_o_minus20 {margin-top: -20px;}

.ar {
  border-radius: 10px;
  background-image: -moz-linear-gradient( 90deg, rgb(215,216,215) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(215,216,215) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(215,216,215) 0%, rgb(255,255,255) 100%);
  box-shadow: 0px 0px 8.19px 0.81px rgba(0, 0, 0, 0.35);
  width: 445px;
  height: 106px;;
}


.back {

	padding-bottom: 20px;
	border-bottom: 0px dashed #ccc;
	color: #666;

}

.back a {

	padding-bottom: 20px;
	border-bottom: 0px dashed #ccc;
	color: #326f8a;

}

.balk1 {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	background: #aaa;
	border-radius: 5px;
	font:1.3em Calibri,Lucida Grande,sans-serif;
}



.balk2 {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	background: #eee;
	border-radius: 5px;
	font:1.1em Calibri,Lucida Grande,sans-serif;
}

.balk1_kinder {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	background: #94c78c;
	border-radius: 5px;
	font:1.3em Calibri,Lucida Grande,sans-serif;
}

#bb {
width: 60%;	
float: left;
margin-right: 20px;
margin-top: 10px;
}



#bb_coach {
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	width: 45%;
}



.bg_footer{
}
	background: #666;

	color: #fff;

}

#bb_links {}
	

#bb_rechts {
	float: right;
}


.bil {
	width: 100%;
	min-height: 400px;
	padding-top: 0px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background:url(/files/Bilder_struktur/header9.jpg) 50% 50% no-repeat;
	background-size:cover;
	border-top: 1px solid #ccc;
}



.bil a {

	color: #000;

}



#bild800 {

	display: none;

}



#bildheader {}

#bildheaderresp {display: none;}



.blau_klein {

	background: #0067b8;

	color: #fff;

	padding: 5px 0 5px 10px;

	margin-bottom: 2px;

	font:1em Calibri,Lucida Grande,sans-serif;

	border-radius: 3px;

}



.blauu {

	padding: 10px 0 10px 10px;

	background: #2774aa;

	font:1.3em Calibri,Luc666ida Grande,sans-serif;

	color: #fff;

	margin-bottom: 10px;

	border-radius: 3px;

}



.blauu_oa {

	background: #eee;

}



.bleu {

	color: #2774aa;

}


.blubber img {
	width: 250 px
}


/* Textfelder */



.bmt_ohne {

	width: 10%;

	float:right;

    padding: 0px;

    border: 0px solid #ccc;

    border-radius: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    color: #395b8d;

    font: 0.9em calibri,Lucida Grande,sans-serif;

}



.bmtx {

	width: 20%;

	float:left;

    padding:10px;

    border: 0px solid #ccc;

    border-radius: 5px;

    margin-top: 20px;

    margin-right: 40px;

    margin-bottom: 10px;

    background: #eee;

    color: #395b8d;

    font: 0.9em calibri,Lucida Grande,sans-serif;

}



.bmt {

	width: 25%;

	float:left;

    padding:10px;

    border: 0px solid #ccc;

    border-radius: 5px;

    margin-top: 30px;

    margin-right: 20px;

    margin-bottom: 10px;

    background: #eee;

    color: #395b8d;

    font: 0.9em calibri,Lucida Grande,sans-serif;

}



.bmt a {

	color: #666;

}



.bmt a:hover {

	text-decoration: none;

}



/* Textfelder */

.bmt1 {

	width: 40%;

	float:right;

    padding: 0px;

    border: 0px dashed #ccc;

    border-radius: 0px;

    margin-left: 40px;

    margin-bottom: 10px;

    margin-top: 20px;

}

.bmt_ue {

	font:1.1em Calibri,Lucida Grande,sans-serif;

	font-weight: normal;

	color: #395b8d;

	margin: 0px;

	padding: 0px;

}



body {

    font-family: calibri,Helvetica,Arial,sans-serif;

    font-size: 1.2rem;

    font-weight: 400;

    line-height: 1.5;

    color: #000;

}



button {

	width: 110px;

	border:none;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	background: #f9b000;

	margin-right: 10px;

	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;

	color: #395b8d;

	border-radius:4px;

	text-align: center;

	textdecoration: none;

	margin-top: 10px;

}

button a{

	display:block;

	border: 0px solid #f9b000;

	color: #fff;

	text-decoration: none;

}



button a:hover {

	background: #395b8d;

	border: 0px solid #395b8d;

	border-radius:4px;

	color: #fff !important;

}



button:hover {

	background: #395b8d;

	border-radius:4px;

	color: #fff !important;

}



.button_blau {

	width: 110px;

	background: #2774aa;

	color: #fff;

	border: 0px solid #ccc;

	border-radius:6px;

	padding: 5px;

	text-align: center;

	textdecoration: none;

	margin-left: 5px;

}

.button_blau a{

	color: #fff;

	text-decoration: none;

}

.button_blau:hover,.button_blau:hover a {

	background: #666;

	color: #fff;

}

.button_breit {
	background: #326f8a;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #fff;
	padding: 2px 6px 2px 6px;
	textdecoration: none;
	margin-left: 10px;
	border-radius: 3px !important;
}
.button_breit a{
	padding: 0px;
	border: 0px solid #326f8a;
	color: #fff;
	text-decoration: none;
}

.button_breit a:hover {
	background: #666;
	color: #fff !important;
}

.button_schmal2:hover {
	background: #666;
}

.button_grau {

	width: 200px;

	background: #fff;

	font:0.8em Calibri,Lucida Grande,sans-serif;

	color: #666;

	border: 1px solid #666;

	border-radius:2px;

	padding: 5px;

	text-align: center;

	textdecoration: none;

	margin-left: 0px;

}

.button_grau a{

	color: #666;

	text-decoration: none;

}

.button_grau:hover {

	background: #ccc;

	color: #fff !important;

	border: 1px solid #666;

}



.button_gruen {

	width: 100px;

	background: #00a3a0;

	color: #fff;

	border-radius:6px;

	padding: 5px;

	text-align: center;

	textdecoration: none;

	margin-left: 5px;

}

.button_gruen a{

	color: #fff;

	text-decoration: none;

}

.button_gruen:hover {

	background: #f49827;

	color: #fff;

}



.button_leistungen {

	width: 220px;

	background: #eee;

	color: #395b8d;

	border: 0px solid #ccc;

	border-radius:6px;

	padding: 5px;

	text-align: center;

	textdecoration: none;

	margin-left: 5px;

}

.button_leistungen a{

	color: #395b8d;

	text-decoration: none;

}

.button_leistungen:hover {

	background: #ddd;

	color: #000;

}



.button_leistungen a:hover {

	background: #ddd;

	color: #000;

}

.button_neu {
	background: #326f8a;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #fff;
	padding: 6px;
	textdecoration: none;
	margin-left: 0px;
	border-radius: 3px !important;
}
.button_neu a{
	padding: 0px;
	border: 0px solid #326f8a;
	color: #fff;
	text-decoration: none;
}

.button_neu a:hover {
	background: #333;
	color: #fff !important;
}

.button_neu:hover {
	background: #333;
}

.button_schmal {
	background: #ddd;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #666;
	padding: 2px 6px 2px 6px;
	textdecoration: none;
	margin-left: 0px;
	border-radius: 3px;
}
.button_schmal a{
	padding: 2px 6px 2px 6px;
	border: 0px solid #ddd;
	color: #666;
	text-decoration: none;
	border-radius: 3px;
}

.button_schmal a:hover {
	background: #326f8a;
	color: #fff !important;
}

.button_schmal:hover {
	background: #fff;
}

.button_schmal2 {
	width: 110px;
	background: #326f8a;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #fff;
	padding: 2px 6px 2px 6px;
	textdecoration: none;
	margin-left: 0px;
	border-radius: 3px !important;
}
.button_schmal2 a{
	padding: 0px;
	border: 0px solid #326f8a;
	color: #fff;
	text-decoration: none;
}

.button_schmal2 a:hover {
	background: #666;
	color: #fff !important;
}

.button_schmal2:hover {
	background: #666;
}

.button_schmal3 {
	width: 110px;
	background: #fff;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #326f8a;
	padding: 2px 6px 2px 6px;
	textdecoration: none;
	margin-left: 0px;
	border-radius: 3px !important;
	border: 1px solid #326f8a;
}
.button_schmal3 a{
	padding: 0px;
	border: 1px solid #326f8a;
	color: #326f8a;
	text-decoration: none;
}

.button_schmal3 a:hover {
	background: #666;
	color: #fff !important;
}

.button_schmal3:hover {
	background: #666;
	color: #fff;
}

.button_weiterbildung {

	background: #eee;

	font:1.1em Calibri,Lucida Grande,sans-serif;

	border: 0px solid #666;

	border-radius:0px;

	padding: 5px 5px 5px 5px;

	text-align: left;

	textdecoration: none;

	margin-bottom: 5px;

}

.button_weiterbildung a{

	color: #333;

	text-decoration: none;

}



.button_weiterbildung:hover {

	background: #ddd;

	color: #fff !important;

	border: 0px solid #395b8d;

	text-decoration: none;

}



.button_weiterlesen {

	width: 110px;

	background: #fff;

	font:0.8em Calibri,Lucida Grande,sans-serif;

	color: #395b8d;

	border: 1px solid #395b8d;

	border-radius:2px;

	padding: 5px;

	text-align: center;

	textdecoration: none;

	margin-left: 0px;

}

.button_weiterlesen a{

	color: #395b8d;

	text-decoration: none;

}



.button_weiterlesen a:hover {

	background: #395b8d;

	color: #fff !important;

	border: 1px solid #395b8d;

}



.button_weiterlesen:hover {

	background: #395b8d;

	color: #fff !important;

	border: 1px solid #395b8d;

}



.button_or {

	width: 250px;

	background: #2774aa;

	color: #fff !important;

	float: right;

	border: 0px solid #ccc;

	border-radius:6px;

	padding: 5px;

	text-align: center;

	textdecoration: none;

	margin-top: 10px;

	margin-bottom: 0px;

}

.button_or a{

	color: #fff !important;

	text-decoration: none;

}

.button_or:hover {

	background: #666;

	color: #fff;

}



.button_zh {

	width: 110px;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	background: #326f8a;

	margin-right: 10px;

	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;

	color: #395b8d;

	border-radius:4px;

	text-align: center;

	textdecoration: none;

	margin-left: 0px;

}

.button_zh a{

	display:block;

	border: 0px solid #666;

	color: #fff;

	text-decoration: none;

}



.button_zh a:hover {

	background: #666;

	border: 0px solid #395b8d;

	border-radius:4px;

	color: #fff !important;

}



.button_zh:hover {

	background: #666;

	border-radius:4px;

	color: #fff !important;

}



.button_mitglied {

	width: 150px;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	background: #f9b000;

	margin-right: 10px;

	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;

	color: #395b8d;

	border-radius:4px;

	text-align: center;

	textdecoration: none;

	margin-left: 0px;

}

.button_mitglied a{

	display:block;

	border: 0px solid #f9b000;

	color: #fff;

	text-decoration: none;

}



.button_mitglied a:hover {

	background: #395b8d;

	border: 0px solid #395b8d;

	border-radius:4px;

	color: #fff !important;

}



.button_mitglied:hover {

	background: #395b8d;

	border-radius:4px;

	color: #fff !important;

}



#c7.comment_default.first.last.even {

	margin-bottom: 50px;

}



.ce_text first block {

	background: #eee;

}

/* Formblock Kommentare */



#com_tl_page_103 {

	margin-top: 30px;

	padding-top: 20px;

	border-top: 1px solid #f9b000;

}



/* Formblock Kommentare Ende */



.comment{

	font-size:1em;

	border: 1px solid #e9f1f5;

	padding-left: 5px;

}



.comment p {margin:0px;}



#ctrl_keywords_58.text {

	font:0.9em Calibri,Lucida Grande,sans-serif;

}



.info{

	font-size:0.9em;

	color: #395b8d;

	font-weight: bold;

}

.def {display: none;}


/** 3 Spalten Startseite **/

#drei01 {
    font-size:1em;
    line-height: 1.4em;
    padding: 0px;
	margin-right: 20px;
	background: #fff;
	color: #000;
	border:0px solid #326f8a;
    border-radius:5px;
    width: 33%;
}



#drei02 {
	font-size:1em;
	line-height: 1.4em;
	padding: 0px;
	margin-right: 20px;
	color: #000;
	background: #fff;
	border:0px solid #f9b000;
    border-radius:5px;
    width: 33%;
}

#drei03 {
	font-size:1em;
	line-height: 1.4em;
	padding: 0px;
	margin-right: 0px;
	background: #fff;
	color: #000;
	border:0px solid #f9b000;
    border-radius:5px;
    width: 33%;
}



#drei01_2 {

    font-size:0.9em;

    line-height: 1.4em;

    padding: 15px;

	margin-right: 20px;

	background: #eee;

	color: #000;

	border:0px solid #f9b000;

    border-radius:5px;

    width: 33%;

}



#drei02_2 {

	font-size:0.9em;

	line-height: 1.4em;

	padding: 15px;

	margin-right: 20px;

	color: #000;

	background: #eee;

	border:0px solid #f9b000;

    border-radius:5px;

    width: 33%;

}



#drei03_2 {

	font-size:0.9em;

	line-height: 1.4em;

	padding: 15px;

	margin-right: 0px;

	background: #eee;

	color: #000;

	border:0px solid #f9b000;

    border-radius:5px;

    width: 33%;

}



/** 3 Spalten für divs **/



#div_flex {

    width:100%;

    margin-top: 30px;

    display:flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: stretch;

    border-left: 0px solid #c85637;

    padding-left: 0px;

}

.ds {
		background:url(/files/Bilder_allgemein/Unterschrift02.png)
}

.dunkelgrau {

	background: #333;

	color: #eee;

}



.eingerueckt {

	margin-left: 30px;

}



.extra {

	font: 1em Calibri,Lucida Grande,sans-serif;

}



#flex {
    width:80%;
    display:flex;
    margin-right:auto;
    margin-left:auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-left: 0px solid #c85637;
    padding-left: 0px;
}



#flex100 {

    width:100%;

    display:flex;

    margin-right:auto;

    margin-left:auto;

    flex-direction: row;

    justify-content: space-between;

    align-items: stretch;

    border-left: 0px solid #c85637;

    padding-left: 0px;

}

#flex-links {
    width:100%;
    display:flex;
    margin-right:auto;
    margin-left:auto;
    flex-direction: row;
    
    border-left: 0px solid #c85637;
    padding-left: 0px;
}




#fuss {
    width:100%;
    color: #fff;
    background:#326f8a;
    margin-right:auto;
    margin-left:auto;
    margin-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #ccc;
}



#fuss a{

    color: #fff;

    text-decoration: none;

}



#fuss a:hover{

    color: #999;

    text-decoration: none;

}



#ganz {

	width: 100%;

	background: #fff;

	padding: 0px 0 0px 0;

}



#ganzoben {

	padding-top: 5px;

	padding-right: 20px;

	text-align: right;

	border-bottom: 0px solid #ddd;

	background: #fff;

	opacity: 0.9;

}



#ganzoben a {

	padding: 0 5px 0 5px;

	color: #000;

	text-decoration: none;

}



#ganzoben a:hover {

	color: #fff;

	background: #395b8d;

	border-radius: 2px;

}



#ganzoben_res {

	display:none;

}



.gelb {

	color: #fff;

	background: #f9b000;

	padding: 5px;

}



.gesamt_hg {

	width: 100%;

	min-height: 1000px;

	padding-top: 0px;

	margin: 0 auto;

	margin-top: 0px;

	margin-bottom: 0px;

	background:url(/files/Bilder_struktur/head_4.jpg) 50% 50% no-repeat;

	background-size:cover;

	border-radius: 2px;

}



.grau {
	width: 330px;
	background: #ddd;
	font:0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #000;
	padding: 2px 6px 2px 6px;
	textdecoration: none;
	margin-left: 0px;
	border-radius: 3px;
}

.grau2 {
	background: #eee;
	padding: 8px;
	border-radius: 4px;
	margin-bottom: 15px;
}



.gruen {

	color: #395b8d;

	background: #eee;

	padding: 5px;

}



.gruen_hell {

	color: #000;

	background: #e9f1f5;

	padding: 5px;

}



.gross {

	font:1.1em Calibri,Lucida Grande,sans-serif;

}



h1 {

	font:1.5em Calibri,Lucida Grande,sans-serif;
	color: #326f8a;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}



h2 {
	font:1.5em Calibri,Lucida Grande,sans-serif;
	color: #326f8a;
	font-weight: bold;
	margin: 0px 0px 0px 0px;

}


h3 {
	font:1.2em Calibri,Lucida Grande,sans-serif;
	color: #326f8a;
	font-weight: bold;
	margin: 0px 0px 0px 0px;

}


h4 {

	font:1.1em Calibri,Lucida Grande,sans-serif;

	font-weight: normal;

	color: #395b8d;

	font-weight:bold;

	margin: 0px;

	padding: 0px;

}

h5 {

	font:1.2em Calibri,Lucida Grande,sans-serif;

	color: #395b8d;

	font-weight:bold;

	margin: 0px 0px 0px 0px;

}



h6 {

	font:1.2em Calibri,Lucida Grande,sans-serif;

	color: #395b8d;

	font-weight:bold;

	margin: 0px 0px 0px 0px;

}



.hea {

    width:100%;

    background:#eee;

    margin-right:auto;

    margin-left:auto;

    margin-bottom:20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #ccc;

}





.headtext_1 {

	margin-top: 0px;
	opacity: 0.6;
	border-radius: 10px;

}



.headtext_2 {

	font:1.5em Calibri,Lucida Grande,sans-serif;

	color: #395b8d;

	margin: 0px;

	font-weight: normal;

}

.headtext_3 {
	padding-right: 50px;
	margin-top: 20px;
	color: #395b8d;
	margin-bottom: 15px;
	font-weight: normal;
}

.headtext_3:hover {
	color: #000;
}

.headtext_3 a {
	color: #fff;
}

.headtext_3 a:hover {
	color: #ccc;
}

.hellgrau {

	padding: 10px 0 10px 10px;

	font:1.4em Calibri,Lucida Grande,sans-serif;

	background: #eee;

	color: #000;

	margin-bottom: 10px;

	border-radius: 3px;

	border-left: 10px solid #2774aa;

}



.hellgrau_oa {

	background: #eee;

}



.hintergrund {

	color: #000;

	padding-left: 10px;

	background: #fff;

	border: 1px solid #ddd;

	border-radius: 3px;

	margin: 10px 0 10px 0;

}



.hintergrund a {

	color: #395b8d;

}



hr {

	border: dashed #ccc 1px;

}



#hrkopf {

	display:none;

}



.bb-img {

	width: 100%;

	height: auto;

	border-radius: 3px;

}



.info {

	background: #e9f1f5;

	padding-left: 10px;

	font:1.1em Calibri,Lucida Grande,sans-serif;

	font-weight:normal;

}



#kopf {

    width:100%;

    margin-right:auto;

    margin-left:auto;

    border-left: 0px solid #ddd;

}



/* Abstaende Newsliste */



.layout_simple {margin-bottom: 10px;}



.lila {

	background: #6791cb;

	color: #fff;

	padding: 10px 0 10px 20px;

	margin-bottom: 2px;

	font:1.3em 'Calibri,Lucida Grande,sans-serif;

	border-radius: 3px;

}



.linie {

	border: 3px solid #ddd;

	border-radius:6px;

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 20px;

	margin-top: 15px;

}



.link_rechts {

	color: #7ba2cd;

}



.logoschrift {

	font:3em Calibri,Lucida Grande,sans-serif;

	color: #395b8d;

	padding-top: 0px;

	padding-bottom: 0px;

}



.logoschrift a {

	color: #274a84;

	text-decoration: none;

}



.logoschrift a:hover {

	color: #395b8d;

}



#mitte {

    width:80%;

    margin-right:auto;

    margin-left:auto;

    margin-bottom: 0px;

}

#mitte_nav {

    width:100%;

    margin-right:auto;

    margin-left:auto;

}



.mitte {

    width:80%;

    margin-right:auto;

    margin-left:auto;

    margin-bottom: 0px;

}



.mod_search.block {

	display: inline;

}



.more {

	padding-bottom: 20px;
	border-bottom: 0px dashed #ccc;
	color: #666;

}

.more a {

	padding-bottom: 20px;
	border-bottom: 0px dashed #ccc;
	color: #326f8a;

}




#nav_voll {
	border-top: 1px solid #fff;
	border-bottom: 1px dashed #ccc;
	background:#eee;
	margin-bottom: 0px;
	border-radius: 0px

}

#nav_res {

	margin-top: 10px;

	display:none;

}



/** 2 Spalten Newsletter **/



#nl01 {

    width: 50%;

	padding: 5px 15px 0 0;

	margin-right: 0px;

	background: #fff;

	border-left:0px solid #eee;

	border-right:0px solid #eee;

    border-radius:0px;

}



#nl02 {

	width: 50%;

	padding: 20px 25px 0 25px;

	margin-left: 0px;

	margin-top: 30px;

	color: #666;

	background: #eee;

	border:1px solid #ccc;

    border-radius:5px;

    behavior:url('assets/css3pie/1.0.0/PIE.htc');

}



#nl01 a, #nl02 a {

	color: # 000;

	text-decoration: none;

}



#nl01 a:hover, #nl02 a:hover {

	color: #395b8d;

}





/* Nachfolgend: CSS für die Links der Nachrichtenliste */



.nl {

    color: #000;

    

    background-color: #fff;

}

.nl a {

    color: #000;

    padding: 0px;

}



.null {

    margin-top: 0px;

    margin-bottom: 0px;

}



.nl a:hover {

    color: #395b8d;

    text-decoration: underline;

}



/** 2 Spalten Header oben **/

#obenlinks {

    width: 50%;

}



#obenrechts {

	width: 50%;

	color: #274a84;

}



#obenrechts a {

	color: #274a84;

	text-decoration: none;

}



#obenrechts a:hover, #obenrechts a:hover {

	color: #fff;

}



#oben02 {}



.ocker {

	color: #ffcc00;

}



/* Abstaende */



.padd_o_10 {padding-top: 10px;}

.padd_o_20 {padding-top: 20px;}

.padd_u_10 {padding-bottom: 10px;}

.padd_u_20 {padding-bottom: 20px;}

.padd_u_50 {padding-bottom: 50px;}



/* Nachfolgend: CSS für die Navigation des Nachrichtenarchivs am Ende */



.pagination.block p {

    color: #395b8d;

    background-color: #ddd;

    padding: 3px;

}



.pagination.block ul {

    -webkit-padding-start: 0px;

}

.pagination.block li {

    float: left;

    margin: 0;

    list-style-type: none;

    padding-right: 15px;

}

.pagination.block li a {

    font-weight: normal;

}

.pagination.block li span.current {

    font-weight: normal;

    color: #fff;

    background: #395b8d;

    padding-left: 8px;

    padding-right: 8px;

    border:0px solid #fff;

    border-radius:15px;

}



p.ohne {

	margin-top: 0px;

	margin-bottom: 0px;

}



.redjohn {
	color: #326f8a;
}

.redjohn a {
	color: #326f8a;
}



#salnav {

}



#salnav a {

	border:none;

}



#salnav .select {

    width:100%;

    height:50px;

    background:#eee;

    border:0px solid #ddd;

    color:#395b8d;

    padding: 5px;

    margin-bottom: 10px;

	font:1em Calibri,Lucida Grande,sans-serif;

	border-radius: 2px;

}



.schatten figure.image_container img {

	 border: 0px solid #ccc;

     border-radius: 0px;

     width: 100%;

}



.strich {

	border-bottom: 1px solid #ccc;

}

.systemische_welt {
	font:2.5em Calibri,Lucida Grande,sans-serif;
	color: #000;
	background-color:#fff;
	padding: 10px;
	opacity: 0.5;
	border: 2px solid #326f8a;
	border-radius: 5px;
	width: 350px;
	padding-left: 20px;
}

.systemische_welt a {
	color:#000;
}

.systemische_welt:hover {
	opacity: 0.9;
}




texte a{

	color: #a60000;

    text-decoration: none;

}



.texte a:hover{

	color: #395b8d;

    text-decoration: none;

}



.text_header {

	color: #000;

	/* font:1.5em Calibri,Lucida Grande,sans-serif; */

	background: #fff;

	opacity: 0.5;

	padding: 10px 15px 10px 20px;

}



.texthg {

	background-color:#fff;

	padding-left: 20px;

	padding-right: 20px;

	opacity: 0.7;

}



.thinktank {

	text-align: right;

	margin-right: 50px;

	margin-top: 10px;

	color: #fff;

	font-size: 36px;

}



.thinktank a {

	color:#fff;

}



.tl_confirm {

	color:#395b8d;

	font:1.5em Calibri,Lucida Grande,sans-serif;

}



.ueber01 {

	font:5em Calibri,Lucida Grande,sans-serif;

	color: #fff;

	text-align: center;

	padding-top: 50px;

}



.ueber_blau {

	color: #395b8d;

	font-size: 1.3em;

	background-image: linear-gradient(to right, #fff, #eee);

	padding: 10px 20px 10px 0;

	border-bottom: 0px solid #ccc;

	border-top: 0px solid #ccc;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}



.ueber_blau_2 {

	color: #2a495d;

	font-size: 1.3em;

	background-image: linear-gradient(to right, #eee, #fff);

	padding: 10px 20px 10px 0;

	border-bottom: 0px solid #ccc;

	border-top: 0px solid #ccc;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}



#ueberschrift {

	font:1.5em Calibri,Lucida Grande,sans-serif;

	color: #333;

	margin: 0px;

	padding: 0px;

}

.ueberschrift_3 {
	font:1.5em "Exo 2",Calibri,Lucida Grande,sans-serif;
	color: #326f8a;
	background: #eee;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	padding: 5px;
}

.umbruch {width: 40%;}

.umbruch2 {width: 50%;}

.unterschrift_3 {
	font:1em Calibri,Lucida Grande,sans-serif;
	color: #000;
	background: #fff;
	margin-top: 1px;
	line-height: 1.3;
	padding-top: 5px;
}

.urheber {

	font:0.7em Calibri,Lucida Grande,sans-serif;

	color: #999;

}



/** 4 Spalten Startseite **/

#vier01 {
    padding: 0px;
	margin-right: 20px;
	background: #fff;
	color: #000;
	border:0px solid #f9b000;
	border-radius:3px;
    width: 25%;
}

#vier02 {
	padding: 0px;
	margin-right: 20px;
	color: #000;
	background: #;
	border:0px solid #f9b000;
    border-radius:3px;
    width: 25%;
}

#vier03 {
	padding: 0px;
	margin-right: 20px;
	color: #000;
	border:0px solid #f9b000;
	background: #fff;
    border-radius:3px;
    width: 25%;
}

#vier04 {
	padding: px;
	margin-right: 0px;
	color: #000;
	background: #fff;
	border:0px solid #f9b000;
    border-radius:3px;
    width: 25%;
}



/** #vier01 a, #vier02 a, #vier03 a, #vier04 a {

	color: #196e55;

	text-decoration: none;

}



#vier01 a:hover, #vier02 a:hover, #vier03 a:hover, #vier04 a:hover {

	color: #000;

} **/





/** 4 Spalten ohne Padding **/

#vier_b_01 {

    padding: 0px;

	margin: 10px 10px 5px 0;

	border-left:0px solid #ddd;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_02 {

	padding: 0px;

	margin: 10px 10px 5px 0;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_03 {

	padding: 0px;

	margin: 10px 10px 5px 0;

	border-left:0px solid #ddd;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_04 {

	padding: 0px;

	margin: 10px 0px 5px 0;

	border-left:0px solid #ddd;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_05 {

	padding: 0px;

	margin: 10px 10px 5px 0;

	border-left:0px solid #ddd;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_01 a, #vier_b_02 a, #vier_b_03 a, #vier_b_04 a {

	color: #ffcc00;

	text-decoration: none;

}



#vier_b_01 a:hover, #vier_b_02 a:hover, #vier_b_03 a:hover, #vier_b_04 a:hover {

	color: #ccc;

}





.weiterlesen {

	color: #000;

	padding-left: 5px;

	background: #eee;

	border-radius: 3px;

}



.weiterlesen a {

	color: #000;

}



.widget widget-text {

	font:0.9em Calibri,Lucida Grande,sans-serif;

}



.zeile {

	font:0.9em Calibri,Lucida Grande,sans-serif;

	padding-left:10px;

	padding-right: 10px;

	background: #eee;

	border-radius: 3px;

	

}

.zeile a {

	color: #000;

}



.zeile a:hover {

	color: #395b8d;

}



.zeilex {

	font:0.9em Calibri,Lucida Grande,sans-serif;

	padding-left:10px;

	padding-right: 10px;

	background: #eee;

	border-radius: 3px;

}



.zeilex a {

	color: #000;

}



.zeilex a:hover {

	color: #395b8d;

}



.zentriert {

    width:80%;

    margin-right:auto;

    margin-left:auto;

    margin-bottom: 0px;

}



/** 2 Spalten Startseite - links 40 - rechts 60 **/

#zwei01 {
    width: 80%;
	padding: 0 0 0 0;
	margin-right: 20px;
	margin-left: 0px;
	margin-top: 0px;
	color: #000;
	background: #fff;
	border:0px solid #ccc;
    border-radius:2px;
}

#zwei02 {
	width: 20%;
	padding: 15px;
	margin-left: 5px;
	margin-top: 0px;
	color: #000;
	background: #eee;
	border:0px solid #ccc;
    border-radius:2px;
}

#zwei02p {
	display: none;
}



#zwei01 a, #zwei02 a {

	color: #326f8a;

	text-decoration: none;

}



#zwei01 a:hover, #zwei02 a:hover {

	color: #a6000;

	text-decoration:none;

}

#zwei_Profil_01 {
    width: 40%;
	padding: 0 0 0 0;
	margin-right: 20px;
	margin-left: 0px;
	margin-top: 0px;
	color: #000;
	background: #fff;
	border:0px solid #ccc;
    border-radius:2px;
}

#zwei_Profil_02 {
	width: 60%;
	padding: 15px;
	margin-left: 5px;
	margin-top: 0px;
	color: #000;
	background: #fff;
	border:0px solid #ccc;
    border-radius:2px;
}



/** 2 Spalten Startseite - links 60 - rechts 40 **/

#zwei01b {

    width: 60%;

	padding: 0 0 0 0;

	margin-right: 20px;

	margin-left: 0px;

	margin-top: 35px;

	color: #666;

	background: #fff;

	border:0px solid #ccc;

    border-radius:2px;

}



#zwei02b {

	width: 40%;

	padding: 0px 0 0 10px;

	margin-left: 5px;

	margin-top: 30px;

	color: #666;

	background: #fff;

	border:0px solid #ccc;

    border-radius:2px;

    behavior:url('assets/css3pie/1.0.0/PIE.htc');

}



#zwei01b a, #zwei02b a {

	color: #000;

	text-decoration: none;

}



#zwei01b a:hover, #zwei02b a:hover {

	color: #a6000;

	text-decoration:none;

}



#mobile-menu-47 .mobile_menu {

	width: 30% !important;

}



;
}


.texte a{

	color: #000;

    text-decoration: none;

}



.texte a:hover{

	color: #395b8d;

    text-decoration: none;

}



.text_header {

	color: #000;

	/* font:1.5em Calibri,Lucida Grande,sans-serif; */

	background: #fff;

	opacity: 0.5;

	padding: 10px 15px 10px 20px;

}

.textunterbild {
	background-color: #fff;
	color: #000;
	margin-top: 6px;
	padding-left: 0px;
	padding-bottom: 5px;
	border-radius: 3px;
}



.texthg {

	background-color:#fff;

	padding-left: 20px;

	padding-right: 20px;

	opacity: 0.7;

}



.thinktank {

	text-align: right;

	margin-right: 50px;

	margin-top: 10px;

	color: #fff;

	font-size: 36px;

}



.thinktank a {

	color:#fff;

}



.tl_confirm {

	color:#395b8d;

	font:1.5em Calibri,Lucida Grande,sans-serif;

}



.ueber01 {

	font:5em Calibri,Lucida Grande,sans-serif;

	color: #fff;

	text-align: center;

	padding-top: 50px;

}



.ueber_blau {

	color: #395b8d;

	font-size: 1.3em;

	background-image: linear-gradient(to right, #fff, #eee);

	padding: 10px 20px 10px 0;

	border-bottom: 0px solid #ccc;

	border-top: 0px solid #ccc;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}



.ueber_blau_2 {

	color: #2a495d;

	font-size: 1.3em;

	background-image: linear-gradient(to right, #eee, #fff);

	padding: 10px 20px 10px 0;

	border-bottom: 0px solid #ccc;

	border-top: 0px solid #ccc;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}

.umbruch {width: 40%;}

.umbruch2 {width: 50%;}



.urheber {

	font:0.7em Calibri,Lucida Grande,sans-serif;

	color: #999;

}



/** 4 Spalten Startseite **/

#vier01 {
    padding: 0px;
	margin-right: 20px;
	background: #fff;
	color: #000;
	border:0px solid #f9b000;
	border-radius:3px;
    width: 25%;
}

#vier02 {
	padding: 0px;
	margin-right: 20px;
	color: #000;
	background: #;
	border:0px solid #f9b000;
    border-radius:3px;
    width: 25%;
}

#vier03 {
	padding: 0px;
	margin-right: 20px;
	color: #000;
	border:0px solid #f9b000;
	background: #fff;
    border-radius:3px;
    width: 25%;
}

#vier04 {
	padding: px;
	margin-right: 0px;
	color: #000;
	background: #fff;
	border:0px solid #f9b000;
    border-radius:3px;
    width: 25%;
}



/** #vier01 a, #vier02 a, #vier03 a, #vier04 a {

	color: #196e55;

	text-decoration: none;

}



#vier01 a:hover, #vier02 a:hover, #vier03 a:hover, #vier04 a:hover {

	color: #000;

} **/





/** 4 Spalten ohne Padding **/

#vier_b_01 {

    padding: 0px;

	margin: 10px 10px 5px 0;

	border-left:0px solid #ddd;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_02 {

	padding: 0px;

	margin: 10px 10px 5px 0;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_03 {

	padding: 0px;

	margin: 10px 10px 5px 0;

	border-left:0px solid #ddd;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_04 {

	padding: 0px;

	margin: 10px 0px 5px 0;

	border-left:0px solid #ddd;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_05 {

	padding: 0px;

	margin: 10px 10px 5px 0;

	border-left:0px solid #ddd;

	border-right:0px solid #ddd;

    border-radius:3px;

    width: 25%;

}



#vier_b_01 a, #vier_b_02 a, #vier_b_03 a, #vier_b_04 a {

	color: #ffcc00;

	text-decoration: none;

}



#vier_b_01 a:hover, #vier_b_02 a:hover, #vier_b_03 a:hover, #vier_b_04 a:hover {

	color: #ccc;

}





.weiterlesen {

	color: #000;

	padding-left: 5px;

	background: #eee;

	border-radius: 3px;

}



.weiterlesen a {

	color: #000;

}



.widget widget-text {

	font:0.9em Calibri,Lucida Grande,sans-serif;

}



.zeile {

	font:0.9em Calibri,Lucida Grande,sans-serif;

	padding-left:10px;

	padding-right: 10px;

	background: #eee;

	border-radius: 3px;

	

}

.zeile a {

	color: #000;

}



.zeile a:hover {

	color: #395b8d;

}



.zeilex {

	font:0.9em Calibri,Lucida Grande,sans-serif;

	padding-left:10px;

	padding-right: 10px;

	background: #eee;

	border-radius: 3px;

}



.zeilex a {

	color: #000;

}



.zeilex a:hover {

	color: #395b8d;

}



.zentriert {

    width:80%;

    margin-right:auto;

    margin-left:auto;

    margin-bottom: 0px;

}



/** 2 Spalten Startseite - links 40 - rechts 60 **/



/** 2 Spalten Startseite - links 60 - rechts 40 **/

#zwei01b {
    width: 60%;

	padding: 0 0 0 0;

	margin-right: 20px;

	margin-left: 0px;

	margin-top: 35px;

	color: #666;

	background: #fff;

	border:0px solid #ccc;

    border-radius:2px;

}



#zwei02b {

	width: 40%;

	padding: 0px 0 0 10px;

	margin-left: 5px;

	margin-top: 30px;

	color: #666;

	background: #fff;

	border:0px solid #ccc;

    border-radius:2px;

    behavior:url('assets/css3pie/1.0.0/PIE.htc');

}



#zwei01b a, #zwei02b a {

	color: #000;

	text-decoration: none;

}



#zwei01b a:hover, #zwei02b a:hover {

	color: #a6000;

	text-decoration:none;

}



#mobile-menu-47 .mobile_menu {

	width: 30% !important;

}

#kontaktformular label {

    display:inline;

    margin:0;

    padding:2px;

}



#kontaktformular input {

    width:98%;

    margin:2px;

    padding:8px;

    border:1px solid #ccc;

    font: 0.9em Calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;

}



#kontaktformular textarea {

    width:98%;

    margin:2px;

    padding:2px;

    border:1px solid #ccc;

}



#kontaktformular textarea <label> {

    color: #333;

}



#kontaktformular legend {

    color: #333;

}



#kontaktformular div > label {

    color: #333;

}



#kontaktformular .select {

    width:auto;

    margin:2px 0;

    border:0px;

    background: #ccc;

}



#kontaktformular .checkbox_container {

    margin-top:0;

    border: none;

}



#kontaktformular .checkbox_container span {

    display:block;

}



#kontaktformular .checkbox {

    width:auto;

}



#kontaktformular .radio_container {

    margin-top:0;

    border: none;

}



#kontaktformular .radio_container span {

    display:block;

}



#kontaktformular .radio {

    width:auto;

}




#kontaktformular .submit {

	width: 130px;
	
	color: #fff;

	background: #326f8a;

	border-radius:4px;

	text-align: center;

	textdecoration: none;

	margin-left: 0px;

}

#kontaktformular .submit a{

	color:#fff; !important;

	display:block;

	padding: 0px;

	border: 0px solid #f9b000;

	color: #fff;

	text-decoration: none;

}



#kontaktformular .submit a:hover {

	background: #666;

	border: 0px solid #395b8d;

	border-radius:8px;

	color: #fff !important;

}



#kontaktformular .submit:hover {

    background-color:#666;

    border:0px solid #333;

    color:#fff;

}



#kontaktformular input:hover,

#kontaktformular input:focus,

#kontaktformular textarea:hover,

#kontaktformular textarea:focus,

#kontaktformular select:hover,

#kontaktformular select:focus {

    background-color:#f8f8f8;

    border:1px solid #666;

}



#kontaktformular 2-spaltig #kontaktformular .div-left {

    width:49%;

    float:left;

    margin:0 10px 0 0;

}



#kontaktformular .div-right {

    width:49%;

    float:left;

    margin:0;

}

@media screen and (max-width: 1610px){

.bmt {
	width: 25%;
}
}

@media screen and (max-width: 1400px){

.ueber_blau {
	color: #2a495d;
	font-size: 1.3em;
	background-image: none;
	padding: 0px 0px 0px 0;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
}
}

@media screen and (max-width: 1200px){

#kopf {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}

#mitte {
    width:92%;
    margin-right:auto;
    margin-left:auto;
}

.mitte {
    width:92%;
    margin-right:auto;
    margin-left:auto;
}

#mitte_nav { 
    width: 0%;
    margin-right:auto;
    margin-left:auto;
}

#fuss {
    margin-right:auto;
    margin-left:auto;
    margin-top: 50px;
    margin-bottom: 50px;
}


#flex {
    width:92%;
}

#bb {
	width: 30%;
}



.bmt {

	width: 25%;

}

}



@media screen and (max-width: 1100px){



.schatten figure.image_container img {

	width: 70%;

}

.umbruch {width: 60%};

#obenlinks, #obenrechts {

    width: 98%;

}

#obenlinks a, #obenrechts a {

	color: #0067b8;

	text-decoration: none;

}

.bmt,.bmtx {

	width: 27%;

}

}



@media screen and (max-width: 1025px){

#drei01,#drei02,#drei03 {

    width: 98%;
    padding-right: 10px;
    padding-left: 5px;
    border: 0px solid #f9b000;
    border-bottom: px solid #ccc;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 0px;
}

#nav_voll  {

 display: none;

}

#nav_res  {

 display: block;

 margin-top: 10px;

}

#bb {

	width: 35%;

}

.ueber_blau {

	color: #2a495d;

	font-size: 1.3em;

	background-image: none;

	padding: 0px 0px 0px 0;

	border-bottom: 0px solid #ccc;

	border-top: 0px solid #ccc;

}

.umbruch,.umbruch2 {width: 80%};



#obenlinks,#obenrechts {

    width: 98%;

}

#obenlinks a, #obenrechts a {

	color: #0067b8;

	text-decoration: none;

}


.bmt,.bmtx {

	width: 30%;

}

}



@media screen and (max-width: 930px){

.bmt,.bmtx {
	width: 35%;
}

.bmt1 {
	width: 50%;
	margin-left: 10px;
}

#drei01,#drei02,#drei03 {

    width: 98%;
    padding-right: 10px;
    padding-left: 5px;
    border: 0px solid #f9b000;
    border-bottom: px solid #ccc;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 0px;
}
}



@media screen and (max-width: 800px){



.gruen {background: none; padding: 0px; font-weight:bold;}

.gruen_hell {background: none; padding: 0px; font-weight:bold;}

.gelb {background: none; color: #006c72; padding: 0px; font-weight:bold;}



h2 {

	font:1.2em calibri,Arsenal,Lucida Sans Unicode,Lucida Grande,sans-serif;

}



body{

	font-size: 1rem;

}



#kopf {

    width:100%;

    margin-right:auto;

    margin-left:auto;

}

#mitte {

    width:94%;

    margin-right:auto;

    margin-left:auto;

}

#mitte_nav {

    width:94%;

    margin-right:auto;

    margin-left:auto;

}

.mitte {

    width:94%;

    margin-right:auto;

    margin-left:auto;

}

#ganz{

	background: #fff;

}

#fuss {

    margin-right:auto;

    margin-left:auto;

    margin-top: 50px;

    margin-bottom: 50px;

}

#nav_voll  {

 display: none;

}

#nav_res  {

 display: block;

 margin-top: 10px;

 width: 100%;

}

.schatten figure.image_container img {

	display: none;

}

#bild800 {

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: 70%;

	

}

#bildheader {display: none;}

#bildheaderresp {display: block;}





.linie {

	width: 100%;

}

#ganzoben {display:none;}

#ganzoben_res {

	display: block;

	text-align: center;

	font:0.9em calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;

	margin-top: 5px;

	margin-bottom: 5px;

}

#flex{

	display: block;

    width:94%;

    background: #fff;

    padding-left: 0px;

    border-left: 0px;

}



#flex100 {

	display: block;

	width: 100%;

}



#zwei01{
    width: 98%;
    padding: 0px;
    border: 0px;
    background: #fff;
    margin: 0px;
}

#zwei02{ display: none;}

#zwei02p {
    display: inline;
    background: #eee;
}
    



#drei01,#drei02,#drei03 {

    width: 100%;
    padding-right: 10px;
    padding-left: 5px;
    border: 0px solid #f9b000;
    border-bottom: px solid #ccc;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 0px;
}



#drei01_2,#drei02_2,#drei03_2 {

    width: 98%;

    padding: 20px;

    border: 0px solid #f9b000;

    border-bottom: px solid #ccc;

    background: #eee;

    margin-bottom: 20px;

    border-radius: 0px;

}



#vier01, #vier02, #vier03, #vier04 {

	width: 98%;

	border-top: 1px solid #fff;

}



#ueberschrift {

	font:1.2em calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;

}

#hrkopf {

	display:block;

}

#bb {

	width: 50%;

}

#bb_coach {

	width: 50%;

}

#obenlinks,#obenrechts {

    width: 98%;

}



#obenlinks a, #obenrechts a {

	color: #0067b8;

	text-decoration: none;

}

/** 4 Spalten Startseite **/



#vier01, #vier02, #vier03, #vier04 {

    margin-right: 0px;

    width: 98%;

}

#vier_b_01, #vier_b_02, #vier_b_03, #vier_b_04 {

    display:none;

}

.hea {

    background:#fff;

    padding-bottom: 0px;

    border-bottom: 0px solid #ccc;

}

.ueber_blau {

	color: #2a495d;

	font-size: 1.3em;

	background-image: none;

	padding: 0px 0px 0px 0;

	border-bottom: 0px solid #ccc;

	border-top: 0px solid #ccc;

}

.umbruch,.umbruch2 {

	width: 100%;

}



.button_or{

	float:none;

	margin-right:auto;

    margin-left:auto;

}

.logoschrift {

	font:2.2em calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;

	text-align: center;

}



.bil,.bil_paar,.bil_beratung,.bil_management,.bil_bildung,.bil_anmeldung,.bil_kontakt,.bil_coach,.bil_philosophie {

	min-height: 300px;

}



.bmt_ohne {

	width: 50%;

	margin-left: 0px;

}



.bmt {

	width: 80%;

	padding: 0px;

	float: none;

	margin: 10px 0 20px 0;

	background: #fff;

	color: #000;

}

.bmt_ue {

	color: #000;

}



.headtext_2 {

	font:1.5em calibri,Lucida Sans Unicode,Lucida Grande,sans-serif;
}

#flex-links {display: none;}
#zwei_Profil_01 {display: none;}
#zwei_Profil_02 {display: none;}

.abc {display: none;}
.def {
    display: inline;
    margin-top: 20px;
    
}
    
    
}




.active {

	font-weight: normal;

}

.block,

.mod_navigation {

	overflow: hidden;

}



.mod_navigation ul {

	padding: 0;

	list-style: none;

}



.mod_navigation a {

	color: inherit;

}



.level_1 {

	display: flex;
	flex-wrap: wrap;
	color: #333;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;

}



.level_1 > li {

	margin-right: 0px

	color:#fff;

	position: relative;

	border: 0px solid #fff;

	text-decoration: none;

	font-size: 1;
	font-weight:bold;

}



.level_1 > li:hover {

	color: #e3090a !important;

	border: 0px solid #fff;

	text-decoration:none !important;

}



.level_1 > li.active {

	color: #e3090a;
	text-decoration: none;
	border: 0px solid #ccc;
	font-weight:bold;

}



.level_1 > li > strong,

.level_1 > li > a {

	display: block;

	padding-right: 20px;

	font-weight: bold;
	font-family: "Exo 2", sans-serif;

}



.level_2 {

	display: none;

	min-width: 100%;

	position: absolute;

	top: 100%;

	left: 0;

	background: #b2cdd6;

	color: #000;

	white-space: nowrap;

}



.level_1 > li:hover .level_2 {

	display: block;

}



.level_2 > li {

	border-top: 2px solid white;

}



.level_2 > li.active {

	background: #7ba2cd;

}



.level_2 > li:hover {

	background: #f9b000;

	color: #fff;

}



.level_2 > li > strong,

.level_2 > li > a {

	display: block;

	padding: 10px 20px;

}



.level_3 {

	display: none;

	position: absolute;

	left: 100%;

	top: 0;

	background: #b2cdd6;

	color: #000;

	white-space: nowrap;

}



.level_2 > li:hover .level_3 {

	display: block;

}



.level_3 > li {

	border-left: 2px solid white;

	border-top: 2px solid white;

}



.level_3 > li > strong,

.level_3 > li > a {

	display: block;

	padding: 10px 20px;

}

	




@media screen and (max-width: 1000px){
	
.level_1 {
	display: flex;
	flex-wrap: wrap;
	color: #666;
	line-height: 24px;
}

.level_1 > li {
	width: 20%;
	border-top: 1px solid #fff;
	color: #000;
	background: #ddd;
	position: relative;
	border-radius: 0px;
	width: 100%;
	font-size: 1em;
}

.level_1 > li:hover {
	background: #666;
	color: #fff !important;
	border-top: 1px solid #fff;
}

.level_1 > li.active {
	color: #fff;
	background: #999;
	border-top: 1px solid #fff;
}

.level_1 > li > strong,
.level_1 > li > a {
	display: block;
	padding: 10px 5px;
	text-decoration: none;
	font-weight: normal;
}
}

.text_auf_bild {
  position: relative;
  text-align: center;
  color: #fff;
  font-weight: normal;
  margin-top: 10px;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 0px;
  background: #fff;
  opacity: 0.7;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000;
  color: #fff;
  opacity: 0.7;
  font:1.3em Calibri,Lucida Grande,sans-serif;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

