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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
.hljs{display:block;overflow-x:auto;padding:.5em;background:#eee;color:black}.hljs-link,.hljs-emphasis,.hljs-attribute,.hljs-addition{color:#070}.hljs-emphasis{font-style:italic}.hljs-strong,.hljs-string,.hljs-deletion{color:#d14}.hljs-strong{font-weight:bold}.hljs-quote,.hljs-comment{color:#998;font-style:italic}.hljs-section,.hljs-title{color:#900}.hljs-class .hljs-title,.hljs-type{color:#458}.hljs-variable,.hljs-template-variable{color:#336699}.hljs-bullet{color:#997700}.hljs-meta{color:#3344bb}.hljs-code,.hljs-number,.hljs-literal,.hljs-keyword,.hljs-selector-tag{color:#099}.hljs-regexp{background-color:#fff0ff;color:#880088}.hljs-symbol{color:#990073}.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#007700}
.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}
hr {
	border: dashed #ccc 1px;
}

.hr_mitte {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.hr_kinder {
    margin-top: 30px;
    margin-bottom: 30px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}

p.back {margin-left: 10%;}

img {max-width: 100%; height: auto;}

body {
    color:#555;
    font:1.1em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
    line-height: 1.7;
    margin: 0px;
}

a {
	color: #4960a6;
    text-decoration: underline;
}

h1 {
	font:1.5em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #555;
	margin: 0px;
}

h2 {
	font:1.5em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #555;
	margin: 0px;
}

h3 {
	font:1.5em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px;
}
h4 {
	font:1.2em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #a60000;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
}
h5 {
	font:1.2em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #8bb760;
	margin: 0px;
	padding: 0px;
}
h7 {
	font:1.2em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #497db4;
	margin: 0px;
	padding: 0px;
}
#kopf {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    border-left: 0px solid #ddd;
}
#mitte {
    width:80%;
    margin-right:auto;
    margin-left:auto;
}

#mitte_nav {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}
#fuss {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    margin-top: 30px;
    padding-bottom: 50px;
    background: #eee;
    border-top: 1px solid #ccc;
}
#fuss a{
    color: #4a4b6f;
    text-decoration: none;
}
.linie {
	border: 3px solid #ddd;
	border-radius:6px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 15px;
}

.schatten figure.image_container img {
	 border: 0px solid #ccc;
     border-radius: 0px;
     width: 100%;
}

#n_l {
	width: 10%;
}

#nav_voll {
	margin-bottom: 30px;
	background-image: linear-gradient(to right, #fff, #b2cdd6);
	border-radius: 8px;
}
#nav_voll_kinder {
	margin-bottom: 30px;
	background-image: linear-gradient(to right, #fff, #cddfc7);
	border-radius: 8px;
}

#nav_voll_erwachsene {
	margin-bottom: 30px;
	background-image: linear-gradient(to right, #fff, #80a1c3);
	border-radius: 8px;
}
#nav_voll_abschied {
	margin-bottom: 30px;
	background-image: linear-gradient(to right, #fff, #e0dafa);
	border-radius: 8px;
}

#nav_res {
	margin:top: 10px;
	display:none;}
	
#nav_res_kinder {
	margin:top: 10px;
	display:none;}

/* Mobile Navigation Anfang */

#salnav {
	overflow:hidden;
	text-decoration: none;
	border: none;
	margin-bottom: 20px;
}

#salnav a {
	border:none;
	text-decoration: none;
}

#salnav a:visited {
	border:none;
	text-decoration: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

select:focus {  
    outline: none;
}

select::-ms-expand {
  display: none;
}

select {
    width:100%;
    height:auto;
    background:#80a1c3;
    border:0px solid #ccc;
    border-radius: 3px;
    color:#eee;
    font-weight: bold;
    font:1.2em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
    padding: 5px;
    text-decoration: none;
     cursor: pointer;
}

select:hover {
	background:color #333;
}

select option:hover,
select option:focus,
select option:active {
	background-color: #999;
}

select:option {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

option {
  background-color:#eee;
  color: #000;
}

option hover {
    background-color:#000;
    color:#eee;
}

option value {
	background-color: #000;

}

option:active {
    background-color:#999;
    color:#eee;
}

/* Mobile Navigation Ende */

imgx {
  width:100%;
  height:auto;
}

#bild800 {
	display: none;
}

#bildheader {}
#bildheaderresp {display: none;}

#ganzoben {
	padding-top: 5px;
	padding-bottom: 5px;
}

#ganzoben a {
	padding: 0 5px 0 5px;
	color: #000;
	text-decoration: none;
}

#ganzoben a:hover {
	color: #fff;
	background: #7ba2cd;
	border-radius: 3px;
}

#ganzoben_res {display:none;}

#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;
}

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

/** 2 Spalten Startseite **/
#zwei01 {
    width: 80%;
	padding: 5px 15px 0 0;
	margin-right: 0px;
	background: #fff;
	border-left:0px solid #eee;
	border-right:0px solid #eee;
    border-radius:0px;
}

#zwei02 {
	width: 20%;
	padding: 5px 25px 0 25px;
	margin-left: 0px;
	color: #666;
	background: #eee;
	border-right:3px solid #eee;
    border-radius:15px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}

#zwei01 a, #zwei02 a {
	color: # 000;
	text-decoration: none;
}

#zwei01 a:hover, #zwei02 a:hover {
	color: #a6000;
}

/** 2 Spalten Erwachsene **/
#erwachsene01 {
    width: 50%;
	padding: 20px 15px 0 0;
	margin: 0 5px 40px 0;
	background: #fff;
	border-left:0px solid #eee;
	border-right:0px solid #eee;
    border-radius:8px;
    background: #eee;
}

#erwachsene02 {
	width: 50%;
	padding: 20px 25px 0 25px;
	margin: 0 0 40px 5px;
	color: #666;
	border-right:0px solid #eee;
    border-radius:8px;
    background: #eee;
}

#erwachsene01 a, #erwachsene02 a {
	color: # 000;
	text-decoration: none;
}

#erwachsene01 a:hover, #erwachsene02 a:hover {
	color: #a6000;
}

/** 3 Spalten Startseite **/
#drei01 {
    width: 33%;
	padding: 5px 15px 0 15px;
	margin-bottom: 10px;
	margin-right: 10px;
	background: #fff;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
	border-bottom:0px solid #ddd;
    
}

#drei02 {
	width: 39%;
	padding-top:5px;
	margin-right: 10px;
	color: #666;
	background: #fff;
	border:0px solid #fff;
    border-radius:0px;
    
}

#drei03 {
	width: 33%;
	padding: 5px 15px 0 15px;
	margin-bottom: 10px;
	background: #fff;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
	border-bottom:0px solid #ddd;
    border-radius:0px;
    
}

#drei01 a, #drei02 a, #drei03 a {
	color: #a60000;
	text-decoration: none;
}

#drei01 a:hover, #drei02 a:hover, #drei03 a:hover {
	color: #000;
}


/** 3 Spalten impressum **/

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

#imp01 {
	width: 15%;
   	padding: 5px 15px 0 15px;
	margin-bottom: 10px;
	margin-right: 10px;
	background: #fff;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
	border-bottom:0px solid #ddd;
    
}

#impr02 {
	width: 15%;
	padding-top:5px;
	margin-right: 10px;
	color: #666;
	background: #fff;
	border:0px solid #fff;
    border-radius:0px;
    
}

#impr03 {
	width: 15%;
	padding: 5px 15px 0 15px;
	margin-bottom: 10px;
	background: #fff;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
	border-bottom:0px solid #ddd;
    border-radius:0px;
    
}

#impr01 a, #impr02 a, #impr03 a {
	color: #a60000;
	text-decoration: none;
}

#impr01 a:hover, #impr02 a:hover, #impr03 a:hover {
	color: #000;
}

.texte a{
	color: #000;
    text-decoration: none;
}

.texte a:hover{
	color: #a60000;
    text-decoration: underline;
}
#bb {}

#ueberschrift {
	font:1.5em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px;
}
#hrkopf {
	display:none;
}

#oben02 {}

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

.bil a {
	color: #000;
}

.bil a:hover {
	color: #a60000;
	text-decoration: underline;
}

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

.pagination.block p {
    color: #a60000;
    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: #a60000;
    padding-left: 8px;
    padding-right: 8px;
    border:0px solid #fff;
    border-radius:15px;
}

p.back {margin-left: 0px;}

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

.nl {
    color: #000;
    
    background-color: #fff;
}
.nl a {
    color: #000;
    padding: 0px;
}

.nl a:hover {
    color: #a60000;
    text-decoration: underline;
}

/* Abstaende */

.abst_o_20 {margin-top: 20px;}
.abst_u_20 {margin-bottom: 20px;}
.abst_u_50 {margin-bottom: 50px;}

/* Abstaende Newsliste */

.layout_simple {margin-bottom: 10px;}

/* Abstaende */


.hg {
	background: #eee;
}

.balk1 {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	background: #7ba2cd;
	border-radius: 5px;
	font:1.3em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
}

.balk2 {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	background: #b2cdd6;
	border-radius: 5px;
	font:1.1em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
}
.balk1_kinder {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	background: #94c78c;
	border-radius: 5px;
	font:1.3em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
}
.link_rechts {
	color: #7ba2cd;
}

.bilderrahmen img {
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.40);
    border-radius: 8px;
}

.caption {
	font:0.8em Arial;
	color: #666;
}

.hg_kinder{
	background: linear-gradient(to bottom, #e4ecb1, #fff);
}

.h_kinder {
	font:1.5em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #8bb760;
	margin: 0px;
}
.h_hospiz {
	font:1.5em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #497db4;
	margin: 0px;
}
.h_abschied {
	font:1.5em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #554696;
	margin: 0px;
}
.h_kinder {
	font:1.5em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #8bb760;
	margin: 0px;
}
.h_trauer {
	font:1.5em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #7c8e99;
	margin: 0px;
}
.h_bildung {
	font:1.5em Arial,Lucida Sans Unicode,Lucida Grande,sans-serif;
	color: #fdce42;
	margin: 0px;
}
#kontaktformular label {
    display:inline;
    margin:0;
    padding:2px;
}

#kontaktformular input {
    width:98%;
    margin:2px;
    padding:2px;
    border:1px solid #ccc;
}

#kontaktformular textarea {
    width:98%;
    margin:2px;
    padding:2px;
    border:1px solid #ccc;
}

#kontaktformular textarea <label> {
    color: #666;
}

#kontaktformular legend {
    color: #ccc;
}

#kontaktformular div > label {
    color: #666;
}

#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:auto;
    margin:10px 0;
    padding: 5px 10px 5px 10px;
    background-color:#999;
    border:1px solid #999;
    color:#fff;
}

#kontaktformular .submit:hover {
    background-color:#333;
    border:1px 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 #a60000;
}

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: 1100px){

.schatten figure.image_container img {
	width: 70%;
}
}

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

#kopf {
    width:92%;
    margin-right:auto;
    margin-left:auto;
}
#mitte {
    width:92%;
    margin-right:auto;
    margin-left:auto;
}
#mitte_nav {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}
#fuss {
    width:92%;
    margin-right:auto;
    margin-left:auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
.schatten figure.image_container img {
	width: 70%;
}
#flex {
    width:92%;
}

#zwei01 {
	width:60%;
}
#zwei02 {
	width:40%;
}

/*  #kopf .mod_navigation a {
    font:1.5em "Exo 2",Lucida Sans Unicode,Lucida Grande,sans-serif;
}
#kopf .mod_navigation a:active {
	font:1.5em "Exo 2",Lucida Sans Unicode,Lucida Grande,sans-serif;
}*/ 
}

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

#nav_voll,#nav_voll_kinder,#nav_voll_erwachsene  {
 display: none;
}
#nav_res  {
 display: block;
 margin-top: 10px;
}
}

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

#kopf {
    width:94%;
    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;
}
#fuss {
    width:94%;
    margin-right:auto;
    margin-left:auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
#nav_voll,#nav_voll_kinder,#nav_voll_erwachsene  {
 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;}

h2 {
	font-size:1.7em;
	margin-top: 0px;
	color: #a60000;
}
.linie {
	width: 100%;
}
#ganzoben {display:none;}
#ganzoben_res {
	display: inline;
	font:0.9em 'Exo 2',Lucida Sans Unicode,Lucida Grande,sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
}
#flex, flex60 {
	display: block;
    width:94%;
    background: #fff;
    padding-left: 0px;
    border-left: 0px;
}

#drei01{
    width: 98%;
    padding: 0px;
    border: 0px;
    background: #fff;
    margin: 0px;
}
#drei02{
    width: 98%;
    background: #fff;
    padding: 0px;
    border: 0px;
    margin-top: 20px;
    margin: 0px;
}
#drei03{
    width: 98%;
    padding: 0px;
    border: 0px;
    background: #fff;
    margin-top: 20px;
    margin: 0px;
}

#zwei01,#zwei02 {width:98%;}

#ueberschrift {
	font:1.2em "Titillium Web",Lucida Sans Unicode,Lucida Grande,sans-serif;
}
#hrkopf {
	display:block;
}
}


#bmt {
	width: 30%;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 6px;
	float: right;
	margin-left: 40px;
	margin-top: 0px;
	background: #eee;
}
@media screen and (max-width: 800px){

#bmt {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	float: none;
	margin-left: 0px;
	background: #eee;
}
}


.block,
.mod_navigation {
	overflow: visible;
}

.mod_navigation ul {
	padding: 0;
	list-style: none;
}

.mod_navigation a {
	color: inherit;
}

.level_1 {
	display: flex;
	flex-wrap: wrap;
	color: #666;
	line-height: 24px;
}

.level_1 > li {
	margin-right: 2px;
	background: #cddfc7;
	position: relative;
	border-radius: 8px;
}

.level_1 > li:hover {
	background: #94c78c;
	color: #fff;
}

.level_1 > li.active {
	background: #97c15d;
	color: #fff;
}

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

.level_2 {
	display: none;
	min-width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background: #97c15d;
	color: #fff;
	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: #94c78c;
	color: #fff;
}

.level_2 > li > strong,
.level_2 > li > a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
}

.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;
	text-decoration: none;
}