/*@import url(fonts.css);*/
@import url(yaml/base.min.css);


@import url(fonts.css);
@import url(typo.css);
@import url(forms.css);

@import url(print.css);
@import url(shadowbox.css);

@media screen
{
	/* skip links styling */
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active { color:#E3001B; background:#000; border-bottom:1px #000 solid; padding:10px 0; text-align: center; text-decoration:none; }

	html {
  background: no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow-y: scroll;
}

	body { background: transparent; background-repeat: no-repeat; }

	/* Layout Module Configuration */
	.ym-wrapper
	{ max-width: 80em; margin: 0 auto; }

	.ym-wbox
	{ padding: 1.5em; }


	/* fallback for media queries */
	header,
	nav,
	#main,
	footer
	{ 	}

	/* Basic Element Styling */

	/* Gesamtseite */
 .page {width:940px;margin:0 auto; }

	/* Seitenhintergrund */
 .page_bg { }


	/* Seitenrahmen */
 .page_border {position:relative; }
.bg_info{ position:absolute; right: -35px; top: 70px;   z-index: 1;}
.bg_info  a { display:block; position:relative; }
.bg_info a:hover{background:transparent;}
.bg_info_tipp {
	background-color: #E2001A;
	color: #fff;
	width: 1px;
	height: 1px;
	position: absolute;
	top: 12px;
	left: 12px;
	overflow: hidden;
	padding: 5px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	}

.bg_info_kasten
{
	position:absolute;right: -20px; top: 88px; width: 190px;
	background: rgba(255,255,255,0.8);
	 z-index: 9999;
	padding: 15px;
	opacity: 0;
	display:none;
}


 /*  header */
  	header { background: #fff; color: #FFF;min-height:155px;position:relative;display:table;width:100%;margin-top: 10px; }

   header .ym-wrapper { }
   header .ym-wbox { padding:0 0 2em 0; }

   header .content_logo { }
   header .content_logo img { display:block; padding:0; font-size:150%;padding:40px 0px 0px 25px; }

/* Navigation */

	nav { background: transparent;position:absolute;top:10px;right:10px; }

/* Level 1 */
 .content_navi ul { margin:0; padding:0;  font-size: 13px;}
 .content_navi li { margin:0; padding:0; list-style:none; float:left;}
 .content_navi li a { display:block; margin:0 2px 0 0; padding-right:20px;padding-bottom:10px;color:#000; }

 .content_navi li.current > a:link,
 .content_navi li.current > a:visited {color:#E72C27; font-weight:bold;}

 .content_navi li a:link,
 .content_navi li a:visited { color:#000; }

 .content_navi li a:hover,
 .content_navi li a:active { color:#E72C27;background:transparent;  }
/* Level 2 */
 .content_navi ul ul { margin:0px; padding:0;  clear:both;background:url(../bilder/kante2.png) no-repeat top left;width:240px;padding-top:10px;
 -webkit-box-shadow: 5px 14px 6px rgba(0,0,0,0.25); /* webkit browser*/ -moz-box-shadow: 5px 14px 6px rgba(0,0,0,0.25); /* firefox */ box-shadow: 5px 14px 6px rgba(0,0,0,0.25);
 }
 .content_navi li li { margin:0; padding:0; list-style:none;padding:7px 0px 7px 25px;border-top:1px solid #fff; }
 .content_navi li li:first-child {border-top:0px; }

 .content_navi li li { float:none;background-color:#E9E9F3; }


 .content_navi li li a { margin:0; padding:0px; color:#000; display:block;}

 .content_navi li li a:link,
 .content_navi li li a:visited {  }

 .content_navi li li a:hover,
 .content_navi li li a:active { color:#666;}

 .content_navi li li.current > a {}


/* Level 3 */
.content_navi ul ul ul {display:none;}



/* Drop-Down */
 .content_navi ul ul { position:absolute;left:-999em;  z-index:999; }
 .content_navi li:hover > ul { left:auto;}
 .content_navi li:hover > a { }
	.ym-searchform { float:right; display:inline; line-height:2em; }
	.ym-searchform .ym-searchfield { background: #ECECEC;width:295px;height:35px; border:1px solid #888; border:0; outline:none;padding-left:15px;	}
.resp_menu{display:none;}


}

/*Sub_Navi*/

.sub_navi{background:#fff;margin-top:10px;}
.sub_navi ul{padding:2px 0px 5px 5px; margin:0; }
.sub_navi ul li{list-style-type:none;display:block;  margin:0px;}

.sub_navi ul li a{color:#004494;font-size:108.333%; display:block;}
.sub_navi ul li a:hover,
.sub_navi ul li a:active{color:#E72C27;background:transparent; }
.sub_navi li.current > a {color:#E72C27; font-weight:bold;}

.sub_navi li > ul {display:none;}

.sub_navi li.current > ul {display:block;}


.sub_navi:not(li) > ul > li { border-top: 1px #999 dotted; margin-top: 10px; padding-top: 5px;}


.sub_navi li > ul > li {padding-left: 10px;}
.sub_navi li > ul > li a{color:#444;}
.sub_navi li > ul > li:before{content:'›'; float:left; padding-right: 5px; font-size: 125%; color:#004494;}
.sub_navi li > ul > li.current:before{color:#EC2C58;}

.submenu-left ul{padding:15px 0px 15px 25px;margin:0;}
.submenu-left ul li{list-style-type:none;display:block;  margin:0px;}
.submenu-left ul li a{color:#000;padding:10px;font-size:108.333%; display:block; }
.submenu-left ul li a:hover,
.submenu-left ul li a:active{color:#E72C27;background:transparent; }
.submenu-left li.current > a {color:#E72C27; font-weight:bold;}

.submenu-left ul ul { position:absolute;left:-999em;  z-index:999; }

/*.sub_navi li:nth-child(8n) a {
	clear: both;
}

.sub_navi li:nth-child(n+8) a {
	padding-top: 10px;
	padding-bottom: 10px;
}
*/

/*
.sub_navi li:nth-child(8n) :before {

}
*/



blockquote {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0;
    font-family: Georgia,Times,"Times New Roman",serif;
    font-style: italic;
    padding: 2px 0;

	border-left-width: 5px;
    padding-left: 20px;
    padding-right: 8px;
	background:none;

}

.hidden {
	display:none;
}

.eingebettet {
	margin: 0 auto;
}

.weiter {
	float: right;
}

/* Teaser-Container */
.teaser{margin-top:10px;overflow:hidden;}
.teaser_left{float:left;width:310px;}
.teaser_center{float:left;width:320px;}
.teaser_right{float:left;width:310px;}

.teaser_news{height:155px;position:relative;overflow:hidden;}
.teaser_news img{position:absolute;}
.teaser_news h3{position:absolute;width:98%;background-color:rgba(255,255,255,0.75);padding-left:2%;line-height:1.2em;bottom:0px;margin:0px;font-size:133%;height:2.5em;}
.hover_text{height:100%;position:absolute;width:100%;background-image:url(../bilder/blau_hovertransparent.png);display:none;}
.hover_text p{font-family:an;font-size:200%;color:#fff;padding:20px;line-height:105%;}
.hover_text p span{font-size:66.666%;color:#fff;position:absolute;bottom:13px;right:15px;}
.teaser_news a:hover .hover_text {display:block;}
.teaser_left > a:hover .hover_text {display:block;}
.teaser_center > a:hover .hover_text {display:block;}
.teaser_right > a:hover .hover_text {display:block;}
.teaser_placeholder{height:155px;background-image:url(../bilder/blau_halbtransparent.png);}
.teaser_placeholder_red{height:155px;background-image:url(../bilder/rot_halbtransparent.png);}
.teaser_logo{height:155px;background-image:url(../bilder/logo-jahresthema.png);}


/* Main-Container */
	#main	{ background-color:#fff;margin-top:10px;padding:40px 0px 10px 0px;}
	#main .ym-wrapper	{ min-height:50px;}
	#main	.box_intro { padding:0 0 1.5em; margin:0 0 1.5em; border-bottom:1px solid #E3001B; }
	#main aside .ym-gbox-right { border-left: 1px #E3001B solid; }
.ym-g310{width:310px;}
.ym-g320{width:320px;}

#main h1{font-size:300%;color:#050B7B;padding-bottom:15px;line-height:100%;}
#main h2{font-size:150%;}
#main h4{font-size:100%;}

.content_image { float:left; margin:0 2em 2em 0; width: 300px;}
.content_image_right {float:right;}
.ttb_img_caption { font-style: italic; margin-top:0.5em;}


.content_termine{margin-bottom:15px;font-size:108.333%;}
.content_termine p{margin:0;}
.content_termine a{color:#E22F56;}
.content_termine a:hover{background:transparent;}
.content_termine_nachrichten{padding-top:95px;}

.content_tageslosung{}
.content_tageslosung p{}
.zitat{font-family:AN;font-size:233.333%; line-height:1em; color:#014087;margin-bottom:10px;}
.nachrichten_ort{color:#050B7B; float: right;}
.supernews  { padding-right: 15px; }
.supernews h4 { margin-bottom: 0; font-weight: normal; }


.clearfix:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden;}
/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }
/* IE-Patch für IE 6*/
* html .clearfix { height: 1%; }

.ansprechpartner{float:left;margin-bottom:20px;padding: 10px; width: 43%; height: 240px;}

.partner_bild1{display:block;padding-right:10px;width:200px;height:142px;margin-bottom:10px;}

.suchergebnis ul li { margin-bottom:1em; }


.content_imglist-entry {
	float:left;
	padding: 0 2px 0 0;
}

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

#main table {
 border:0;
}


#main td {
 border-top:0; border-right:0; border-bottom:1px solid #004494; border-left:0; padding:4px;
}

#main tr:hover {
 background-color:#f9f9f9;
}


/*-------------------------------------------------------------------------*/
#interaktive-karte-filter {
	width: 250px;
	margin-left:300px;
	z-index: 800;
	position:absolute;

}

.gemeinde {margin-bottom:15px; font-size: 115%;}

.content_map { position:relative;}
#page_51 .content_map,
#page_112 .content_map { margin-top:0; }

.content_map ul { margin:0; padding:0; }
.content_map li { margin:0; padding:0; list-style:none; }


  .content_map li.content_map-kita a { position:absolute; top:0; left:0; display:block; width:27px; height:24px; font-size:0; text-indent:-20em; overflow:hidden;
    background:transparent url(../bilder/spot-kita.png) top left no-repeat; }

  .content_map li.content_map-church a { position:absolute; top:0; left:0; display:block; width:31px; height:33px; font-size:0; text-indent:-20em; overflow:hidden;
    background:transparent url(../bilder/kirche.png) top left no-repeat; }

  .content_map li.content_map-ganztag a { position:absolute; top:0; left:0; display:block; width:31px; height:23px; font-size:0; text-indent:-20em; overflow:hidden;
    background:transparent url(../bilder/spot-offener_ganztag.png) top left no-repeat; }

  .content_map li.content_map-jugendarbeit a { position:absolute; top:0; left:0; display:block; width:38px; height:30px; font-size:0; text-indent:-20em; overflow:hidden;
    background:transparent url(../bilder/spot-jugendarbeit.png) top left no-repeat; }

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





/* Footer */
	footer { color:#fff;}
	footer a { color:#fff;}
	footer .ym-wbox { padding:1em; }

	footer p { margin:0 auto; text-align: right;}

/* Generelle Elemente */

/* Gridboxen*/
	.ym-gbox { padding: 0 1.5em; }
	.ym-gbox-left { padding: 0 1.5em 0 0; }
	.ym-gbox-right { padding: 0 0 0 1.5em; }

/* Figure / Bilder */
.fig-left { float:left; margin:0 1.5em 1.5em 0; }
.fig-center { float:left; margin:0 auto; }
.fig-right { float:right; margin:0 0 1.5em 1.5em; }

.fig-bordered {  }
.fig-bordered img { padding:2px; border:1px solid #E3001B;  }
.fig-bordered figcaption { padding:2px;  }
}

  .tooltip { position:absolute; top:0; left:-999em; padding-bottom:36px; width:auto; z-index:999;
    background:transparent url(../bilder/tooltip-bottom.png) bottom left no-repeat; }
  .tooltip-top { height:10px; background:transparent none; }
  .tooltip-body { background-color:#134094; overflow:hidden; padding:5px 10px; margin:0 7px; }

  .tooltip-body p { font-size:100%; line-height:1.25em; margin:0; color:#FFF; }
  .tooltip-body p span { display:block; font-weight:normal; font-size:75%; line-height:1.25em; }

/* Reset min-Width bei modernen Browsern (Möglichkeit für Darstellung wie in Tablets, Smartphone, siehe unten) */
@media screen and ( min-width: 0px )
{
/*
	header,
	nav,
	#main,
	footer { min-width: 0; }
*/
}
/* Sonderformatierungen für kleine Auflösungen (z.B. Tablets) */
@media screen and ( max-width: 760px )
{

}

/* Sonderformatierungen für kleine Auflösungen (z.B. Smartphone_quer) */
@media screen and ( max-width: 733px)
{
img{max-width:459px;}
.page{max-width:530px;min-width:320px;margin:0 auto;}
.page_wrapper{margin:0px 7px;}
h1{line-height:1em;}


header .content_logo img {padding: 15px 0 0 12px;}

nav {background-color: #ECECEC;  top: 142px; z-index: 100;right:0px;width: 516px;}
.content_navi li{width:516px;border-bottom: 1px dotted #999999; margin-top: 0px;padding-top: 10px;}
.content_navi li a {padding-left:7px;color:#E72C27;padding-bottom: 8px;}
.content_navi li a:link, .content_navi li a:visited { color:#000; }
.content_navi{display:none;}
.content_navi-visible{display:block;}

.content_navi ul li.current ul { position:relative;left:auto;  z-index:999; }
.content_navi ul ul {background:none; box-shadow:none; }
.content_navi li li{width:491px;background-color:#ececec;}
.content_navi li li a {background:url(/bilder/pfeil-rechts.png) no-repeat left 5px;padding-left:10px;}
.content_navi li li.current > a:link, .content_navi li li.current > a:visited {background:url(/bilder/pfeil-rechts-rot.png) no-repeat left 5px;}
.content_navi li a:link, .content_navi li a:visited {color: #004494;}

.resp_menu{display:block;float:left;padding-left: 7px;}
.resp_menu img{width:35px;}
.teaser_news h3{width:99%;}

.sub_navi ul li{display:none;}
.sub_navi ul li.current{display:block;}
.sub_navi ul li.current > ul li {display:block;}
.sub_navi li{display:none;}
.sub_navi li.current a{display:block;}


.ym-searchform .ym-searchfield{width:440px;border-radius:0px;}
.ym-gr{float:none;margin:5px;}
.ym-gl{float:none;margin:5px;}
.ym-g75, .ym-g66, .ym-g50, .ym-g33, .ym-g25{width:100%;}
.ym-gbox{padding:5px;}
.ym-wbox{padding:5px 3px;}



.ansprechpartner {float: none;width:100%;padding:0px;}
.partner_bild1{padding-bottom:5px;}

.content_map {display: none;}
.ym-fbox-wrap { width: 90%;}

.bg_info{display:none;}

.teaser_left{width:257px;}
.teaser_right{width:257px;}
.teaser_center{display:none;}


/* Level 3 */
.content_navi ul ul ul {display:block;}
.content_navi li li li {width:460px;border:0px;}
.content_navi ul li.current ul li.current { position:relative;left:auto;  z-index:999; }



}


/* Sonderformatierungen für kleine Auflösungen (z.B. Smartphone_vertikal) */
@media screen and ( max-width: 550px)
{
img{max-width:275px;}
.page{max-width:320px;min-width:320px;margin:0 auto;}
.page_wrapper{margin:0px 7px;}
h1{line-height:1em;}


header .content_logo img {padding: 15px 0 0 12px;}

nav {background-color: #ECECEC;  top: 142px; z-index: 100;right:0px;width: 306px;}
.content_navi li{width:320px;border-bottom: 1px dotted #999999; margin-top: 0px;padding-top: 10px;}
.content_navi li a {padding-left:7px;color:#E72C27;padding-bottom: 8px;}
.content_navi li a:link, .content_navi li a:visited { color:#000; }
.content_navi{display:none;}
.content_navi-visible{display:block;}
.content_navi ul li.current ul { position:relative;left:auto;  z-index:999; }
.content_navi ul ul {background:none; box-shadow:none; }
.content_navi li li{width:280px;background-color:#ececec;}
.content_navi li li a {background:url(/bilder/pfeil-rechts.png) no-repeat left 5px;padding-left:10px;}
.content_navi li li.current > a:link, .content_navi li li.current > a:visited {background:url(/bilder/pfeil-rechts-rot.png) no-repeat left 5px;}
.content_navi li a:link, .content_navi li a:visited {color: #004494;}
.resp_menu{display:block;float:left;padding-left: 7px;}
.resp_menu img{width:35px;}

.sub_navi{display:none;}
#page_5 .sub_navi{display:block;}
#page_5 .sub_navi ul li{display:block;}

.content_navi li li li {width:190px;border:0px;}


.ym-searchform .ym-searchfield{width:240px;border-radius:0px;}
.ym-gr{float:none;margin:5px;}
.ym-gl{float:none;margin:5px;}
.ym-g75, .ym-g66, .ym-g50, .ym-g33, .ym-g25{width:100%;}
.ym-gbox{padding:5px;}
.ym-wbox{padding:5px 3px;}



.ansprechpartner {float: none;width:100%;padding:0px;}
.partner_bild1{padding-bottom:5px;}

.content_map {display: none;}
.ym-fbox-wrap { width: 90%;}

.bg_info{display:none;}
.teaser_placeholder{display:none;}
.teaser_placeholder_red{display:none;}
.teaser_left{width:305px;}
.teaser_right{width:305px;}

}