/*Hintergrund Definition*/




/* electrolize-regular - latin */
@font-face {
  font-family: 'Electrolize';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Electrolize/electrolize-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Electrolize/electrolize-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Electrolize/electrolize-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Electrolize/electrolize-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Electrolize/electrolize-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Electrolize/electrolize-v14-latin-regular.svg#Electrolize') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Playfair/playfair-display-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Playfair/playfair-display-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Playfair/playfair-display-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Playfair/playfair-display-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Playfair/playfair-display-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Playfair/playfair-display-v30-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}


body#bd{
	background:url("../../images/own/bg_img.jpg") repeat-y;
	background-size:100%;
}

.contentheading,
.componentheading,
h1,
h2,
h3,
h4,
h5 {
  color: #333;
  font-family:'Playfair Display',serif;
  font-weight: normal;
}

h2 a, h4 a {
	color: #333 !important;
}

h4 a {
	text-decoration:none;
	color:#a5a5a5 !important;
}

h4 a:hover {
		color: #333 !important;
}


.blog .contentheading {
	font-size:1.75em;
}



#ja-header, #ja-header .main-inner1 {
	
	background:  #ffefc3;
}

 a {
	color:#666666;
	text-decoration:underline;
}

.nav a{
	text-decoration:none;
}



#ja-content a:hover {
	text-decoration:none;
}

.leaflet-popup-close-button, .leaflet-control-zoom-in, .leaflet-control-zoom-out {
	text-decoration:none !important;
}

ul li {
	
	background-image:none;
}


h3 {
	font-family:'Playfair Display',serif;
}

div.ja-moduletable h3,
div.moduletable h3{
	
	font-size: 1.8em;
color:#a5a5a5;
text-transform: none;
}

h4 {
	font-family:'Playfair Display',serif;
	text-transform:none;
	border-bottom:2px solid #a5a5a5;
	font-size:20px;
	color:#a5a5a5;
margin:15px 0px 15px 0px;
}

p {
	margin-top:15px;
}

/*Header Design*/

div.logo-text 
{
	
background: #ffefc3;
width:100% !important;
border-bottom: #ffcc00 3px solid;
height:100px;
margin-top:0.5em !important;
text-align:center;
margin-bottom:6px;
}

div.logo-text h1 {
	
	font-size:2.5em;
	
}

p.site-slogan{
	font-size:1.5em;
	 color: #0571b0;
}

div.logo-text h1 a {
    color: #0571b0;
    text-decoration: none;
    text-transform: uppercase;
}

#hdimg p {
	margin-block-start:0px;
}

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

/* Bildunterschrift 
--------------------------------------------------------- */

.easy_img_caption {
	width:400px !important;
	background-color:transparent;
	font-style:italic;
	float:left;
	margin-right:10px !important;
	

}

.easy_img_caption img {
	float:left;
	margin-right:10px !important;
}

.easy_img_caption_inner {
	padding-top:10px !important;
}

.big a {
	width:100%;
}


/* FormualsFReunde - Tanz 
-------------------------------------------------------------------*/

.Antr_Freunde {
	background-color:#ffefc3;
	border-top:1px solid #ffcc00;
	padding:10px;
	box-shadow: 5px 5px 10px grey;
	margin-bottom:20px;
}

.Antr_Tanz {
	background-color:#a0ddff;
	border-top:1px solid #0571b0;
	color:#0571b0;
	padding:10px;
	box-shadow: 5px 5px 10px grey;
	margin-bottom:20px;
}

.Antr_Tanz h4{
	color:#0571b0;
	border-bottom:2px solid #0571b0;
}



#blueSF_section{
	padding:1.5em;
	margin:15px;
	background-color: #a0ddff;
	border-top:1px solid #ffcc00;
	color:#0571b0;
	border-top:1px solid #0571b0;
}

#blueSF_section h4  {
		color:#0571b0;
	border-bottom:2px solid #0571b0;
}

#mitgliedsantrag_01 .controls, #mitgliedsantrag_02 .controls {
	max-width:100%;
}



/* MAIN NAVIGATION 
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
  clear: both;
  display: block;
  height: auto;
  margin: 0 auto;
  text-align: left;
  
}






.ja-megamenu ul.level0 li.mega {
	border-color:none;
	background-color: #ffcc00;
}


.over {
	background-color: #ffefc3;
	
}


/* Mega Menu Layout ---*/
.ja-megamenu {
	clear: both;
   position: absolute;
   margin-top:50px;
  border-color:none;
	-webkit-box-shadow: 10px 10px 30px black;
	-moz-box-shadow: 10px 10px 30px black;
	box-shadow: 10px 10px 30px black;
  display: none !important;

  border-bottom: 1px solid #333;
}



.rjd-active .ja-megamenu {
  display: block !important; /* Show menu when active */
}

.ja-megamenu ul.level0 li.mega {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 400px !important;
}

.ja-megamenu ul.level0 li.mega a.mega {
  height: auto !important;
  color: #0571b0 !important;
  margin: 0 !important;
  padding: 1em 1em 1em 1.8em !important;
}

.ja-megamenu ul.level0 li.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild span.menu-title {
  font-size: 1em !important;
  margin: 0 !important;
  padding: 3px 0px 0px 0px !important;
  text-transform: none !important;
}

.ja-megamenu ul.level0 li.active a.mega {
	color:#0571b0 !important;
}

.ja-megamenu ul.level1 li.mega span.menu-title {
  margin-top: 0 !important;
}

.ja-megamenu ul.level1 li.mega {
  height: auto !important;
}

.ja-megamenu ul.level1 li.mega a.mega {
  height: auto !important;
}

.ja-megamenu ul.level0 li.mega span.menu-desc {
  display: none;
}

#ja-megamenu .childcontent {
  display: none !important;
}

#ja-megamenu li.rjd-active {
  background: #222;
}
.ja-megamenu ul.level0 li.active {
  background: #F0F0F0;

}

#ja-megamenu li.rjd-active .childcontent {
  display: block !important;
  left: 0 !important;
  margin: 0 !important;
  position: absolute;
  top: 40px !important;
  width: 100% !important;
}

#ja-megamenu ul.level0 li.rjd-active .childcontent-inner-wrap,
#ja-megamenu ul.level0 li.rjd-active .childcontent-inner {
  margin: 0 !important;
  width: 100% !important;
}

#ja-megamenu ul.level0 {
 
  height:100%;

}

.has-image {
display:inline-block !important;
padding-left: 35px;
height:20px;

}


.menu-title{
	display:inline-block !important;
	padding-left:10px;
}

/*Formular */

.form-horizontal .control-label {

text-align: right;
width:20%;
margin-right:20px;

}

.contact .contact-form .form-actions button {
	margin-left: 45%;
	background-color: #a0ddff;
	border:0px;
	border-top:2px solid #0571b0;
	font-family: 'Playfair Display';
	color: #0571b0;
	font-weight:bold;
	padding: 10px 10px;
	box-shadow: 1px 1px 4px rgb(0 0 0 / 30%);
}

.contact .contact-form .form-actions button:hover{

background-color:#dbf0fd;

}

.controls, input[type="text"],textarea, input[type="email"]  {
width:100%;
}

.contact .contact-form .control-group  {
	margin:20px 0px;
}

 textarea {
	 resize:none;
 }
 
 #jform_com_fields_geburtstag {
	 width:83%;
 }
 
 #jform_com_fields_geburtstag_btn {
width:50px;
height:26px;
v-align:center;
background-color:#a0ddff;
border:0px;
border-top:2px solid #0571b0;
box-shadow: 1px 1px 4px rgb(0 0 0 / 30%);

 }
 
  #jform_com_fields_geburtstag_btn:hover{
	  background-color:#dbf0fd;
  }
 
 #jform_com_fields_geburtstag_btn .icon-calendar{
	 font-size:11pt;
	 width:18px;
	 color:#0571b0;
	 
 }
 
 .calendar-container .today
 {
	 background-color: #ffefc3 !important;
	 color: #666 !important;
	 
 }
 
 .calendar-container table tbody td.today.selected:after {
	background-color: #666 !important;
}
 
 .calendar-container .buttons-wrapper button {
	 background-color:#a0ddff;
	 border:0px;
	 border-top:2px solid #0571b0;
	 margin-right:5px;
	 	 color:#0571b0;
		 padding:10px;
 }
 
 .calendar-container .buttons-wrapper button:hover{
	  background-color:#dbf0fd;
 }
 
 .calendar-container .buttons-wrapper {
	 padding:10px;
 }
 

/*Hide lv 2 Content */
#ja-megamenu ul.level1 li.rjd-active .childcontent,
#ja-megamenu ul.level1 .childcontent {
  display: none !important;
}

/* Mega Menu Stylings --- */
/* .ja-megamenu {
  background: #222 !important;
}*/

.ja-megamenu ul.level0 li.mega {
  border-top: 1px solid #444;
}

/* Menu Button --- */
/* to use this value to detect responsive
 * > 3: mean responsive
 * 4: is mobile device, which the menu show only first level
 */
#ja-menu-button {
 
	background-color:#ffcc00;
	border:1px solid #c09d00;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.25);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.25);
	box-shadow:0px 1px 0px rgba(255,255,255,0.25);
  display: block !important;
  float: left;
  font-size: 1em;
  font-weight: bold;
  padding:7px;
  margin:2px 0;
  text-transform: uppercase;
  z-index: 4;
}

#ja-menu-button .icon-bar{
	display:block;
	margin:3px;
	width:25px;
	height:2px;
	background-color:white;
	-moz-border-radius:1px;
	border-radius:1px;
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	box-shadow:0px 1px 0px rgba(0,0,0,0.25);
}


#ja-menu-button:hover,
.rjd-active #ja-menu-button {
  background:  #ffdb80;
  cursor: pointer;
}

#contact-form dl dt {
  float: none;
}

#contact-form dl dd {
  margin-left: 0 !important;
}

#contact-form dl dd input.required,
#contact-form dl dd textarea.required {
  width: 60% !important;
}

/* Design Countdown 
--------------------------------------------------------- */
#ja-top {
	border:none !important;
	height:40px;
}



.smartcountdown {
	
	font-family: 'Electrolize', sans-serif;
	font-size:1.8em !important;
	 color: #0571b0;

}

.scd-digit {
	
	width:1em !important;
}

.scd-unit-horz {
	
	margin:0 !important;
}

.scd-title-col {
	margin:4px !important;
}

/* Footer Menu
--------------------------------------------------------- */


#ja-footer{
	
	text-shadow:none !important;
	color: #033657;

}



#ja-footer .custom a{
	color: #033657;
	border-bottom-color: #033657;
	text-decoration:none;
	
	}

#ja-footer a{
	color: white;

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

	}
	
#ja-footer a:hover{
	border-bottom:none;
	}	
	
	
#mn_footer{

	text-align:right;
	border-bottom:1px solid #a0ddff;
	padding-right:20px;
	
}
	

#mn_footer li {
display:inline;	


}

#mn_footer li a{
border-bottom:none;

}

#mn_footer li a:hover{
font-size:1.1em;
color:#a0ddff;

}


/* Block News Banner im header
--------------------------------------------------------- */
/* Main Nav ---*/

#news_section {
	


clear:both;
position:absolute;
width:100%;
margin-bottom:20px;
margin-left:15px;
margin-right:15px;

}

.flex-direction-nav li .next {
    top: 125px;
	
}

.flex-direction-nav li .prev {
    top: 125px;
	
}

.flex-caption {
	
	top:125px;
	font-size:16px;
	border-top:4px solid #0571b0;
	left:100px;
	max-width:60%;
	line-height:18px;
	background-color: #ffcc00;
	color:#6e6e6e;
}

/* Startseite mn Tabs
--------------------------------------------------------- */
/*blau*/

.mn_tab_blau .moduletable-inner {
	
	background-color: #a0ddff;
	padding:0 0.8em;
	cursor:pointer;
}

.mn_tab_blau .moduletable-inner:hover {
	
	background-color:#dbf0fd;

}

.mn_tab_blau a{
	font-family: 'Playfair Display';
	color: #0571b0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1em;
	text-decoration:none;
}

.mn_tab_blau table {
	
	width:100% !important;
}

/*gelb*/

.mn_tab_gelb .moduletable-inner {
	
	background-color: #ffefc3;
	padding:0 0.8em;
	cursor:pointer;
	border-top-color:#ffcc00;
}

.mn_tab_gelb .moduletable-inner:hover {
	
	background-color:#fff8dd;

}

.mn_tab_gelb a{
	font-family: 'Playfair Display';
	color: #666666;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	line-height:1em;
}

.mn_tab_gelb table {
	
	width:100% !important;
}


/* Badge_Stadt
--------------------------------------------------------- */


	
.badge-stadt 	.badge { background-position: 0 -315px; }

.modul_gelb .moduletable-inner {
	
	background-color: #ffefc3;
	
	border-top-color:#ffcc00;
}

.modul_blau .moduletable-inner {
	
	background-color: #a0ddff;
	
	border-top-color:#ffffff;
}

.modul_blau h4 {
	
	color:#0571b0;
	border-bottom-color:#0571b0;
}  

.grid-quadruple {
	width:960px;
}

.clear {
	clear:both;
}


.about .item img, .about .items-leading img{
	max-width:400px;
	height: auto;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.big {
	min-width:100%;
}



/* Filme
--------------------------------------------------------- */

.content-grid-single .items-leading .leading-0{
	padding-top:0px;

}

.two-cols .ja-moduletable{
	width:480px !important;
}

 .content-grid-single video{
	 width:100%;
	 height:auto;
 }
 
  .content-grid-single iframe{
	 width:100%;
	 height:auto;
 }
 
.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

.embed-container.ratio4x3 {  /* für 4:3 muss das zusätzlich eingebunden werden */
  padding-bottom: 75%;
}


/* Legende
--------------------------------------------------------- */
.legende {
	font-style:italic;
	font-size:0.9em;
	background-color:rgba(209,209,209,0.8);
	margin-bottom:20px;
	margin-top:10px;
	color:black;
	
}

.grid-full {
	width:100% !important;
}

/* Timeline
--------------------------------------------------------- */

.timeline-time{
	font-size:20px;
}

.entry-content {
	color:#333333;
}

.timeline .post .timeline-content.bg .entry-title a {
	color:#333333;
	text-decoration:underline;
}

.timeline .post .timeline-content.bg .entry-title a:hover {
	
	text-decoration:none;
}

.pgm h5{
	background-color:#4db2eb;
	font-size:15px;
	padding:15px;
	font-weight:bold;
	color:white;
	clear:both;
	padding-left:30px;
	
}


.pgm img {
	margin:0 10px 20px 10px;
	float:right;
}

.pgm h6{
	font-size:15px;
	
	font-family:"Playfair Display",serif;
	font-weight:normal;
}





/* Seitenklasse Module ganze Breite
--------------------------------------------------------- */

.full-width .ja-moduletable {
	width:100%;
}

.full-width #ja-content {
	width:100%;
}


/* Headinggröße
--------------------------------------------------------- */

.componentheading {
	font-size:1.75em;
}


/* Liste
--------------------------------------------------------- */
.ja-moduletable ul {
	text-indent:-25px;
	
}



ul {
	padding-left:30px;
margin:0px;
list-style-position:inside;
list-style-type:square;

}

.md_kontakt ul {
	text-indent:-20px;
}



ul.category{
	list-style-type:none;
}

/* Karte volle Breite
--------------------------------------------------------- */
#maps_section{
	padding:1.5em;
	margin:15px;
	
}

/* Seitenklasse Module ganze Breite
--------------------------------------------------------- */

.gpxtrackinfo {
	display:none;
}


/* Kasten nächster Schäferlauf
--------------------------------------------------------- */
#nextSF_section{
	padding:1.5em;
	margin:15px;
	background-color: #ffefc3;
	border-top:1px solid #ffcc00;
}

#nextSF_section h3{
	
color:#a5a5a5;
font-size:30px;
margin-top:0px;
}

/* Bilder auf Startseite
--------------------------------------------------------- */


.ja-content-main img{
	max-width: 100%;
	height:auto;
}

.ja-frontpage .dbl-width {
	width:480px;
}

.ja-frontpage .down {
	width:720px;
}



.ja-frontpage .dbl-width img{
	max-width: 100%;
	height:auto;
}

.ja-frontpage .dbl-width .dbl-width {
	width:auto;
}






/* Seitenmenü
--------------------------------------------------------- */
#mnSide_section{
	position:relative;
	padding:0px;
	margin:15px;
	background-color: #ffefc3;

}

#mnSide_section h3{
	
color:#a5a5a5;
font-size:30px;
margin-top:0px;
}



/* Seitenmenü
--------------------------------------------------------- */


ul.menu {
	list-style-type:none;
	text-indent:0px;
	
}

#ja-container ul.menu li {
	background-image:none;
	padding:5px 30px;
	border-color:#666;
	line-height:1em !important;
	
}



#ja-container ul.menu li:hover {
	background-color:#ffcc00;

	
}

#ja-container ul.menu li.current {
	background-color:#ffcc00;

	
}

.side .moduletable-inner {
  background: #ffefc3;
  padding:0px;
 
}

/* Seitenmenü Links
--------------------------------------------------------- */

.side_links .moduletable-inner h3{
	 font-size:1.8em;
	 margin-top:1em;
	 color: white;
	font-family:'Playfair Display',serif;
	font-weight: normal;
	margin-left:21px;
}

.side_links .moduletable-inner {
	background-color:transparent;
    padding:0px;
	border:0px !important;
	box-shadow:none;
   
}

.side_links ul.menu li {
	background-color:white !important;
	border-color:#0571b0 !important;
	text-align:center;
	margin-bottom:2px !important;
	
}

.side_links ul.menu li:hover {
	background-color:#dbf0fd !important;
}

.side_links ul.menu li img{
	padding-bottom:3px;
	border-bottom:1px solid #828282;

	}
	
	.side_links ul.menu li .image-title{
	display:block;
	padding-top:7px;
	
	}
	
.scale .grid-tripple{
	width:720px !important;
}
.scale .grid-tripple .custom{
	width:auto !important;
}


/*Karte Festzug Buttons*/

div.olControlZoom a {
	width:30px !important;
	height:30px !important;
	text-decoration:none !important;
	font-size:22px !important;
	line-height:30px !important;
	font-family: 'Lucida Console', Monaco, monospace !important;
	background-color:#f4f4f4 !important;
	border:2px solid #cccccc;
	margin:0px;
	padding:0px;
	color:#666666 !important;
	
}

.olControlAttribution {
	bottom:0px !important;
}

/*Bildrahmen bei gelbem Hintergrund*/
	
.modul_gelb img {
	border:4px solid white;
}

/*Acccordion Weiterlesen*/


.accordion {
  margin-bottom: 20px;
}

.accordion-inner ul li{
	border-bottom:none !important;
	margin-bottom:5px !important;
	padding-bottom:0px !important;
}

.accordion-inner h4{
	font-size:17px;
	border-bottom:1px solid #a5a5a5;
}

.nn_sliders.accordion>.accordion-group {
margin-bottom: 2px;
border: 0px;

}

.nn_sliders.accordion>.accordion-group>.accordion-heading:hover,.rl_sliders.accordion>.accordion-group>.accordion-heading:active, .rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
	background-color:#eeeeee;
}

.nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
	background-color:none !important;
	color:#666666;
}

.nn_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
	color:#666666;
			background:url("../../images/own/arrow_open.png") no-repeat left 50%;
			background-position:2em;
}

.nn_sliders.accordion>.accordion-group.active>.accordion-heading{
	
	background-color:#eeeeee;
}


.nn_sliders a:focus, .rl_sliders a:active{
	color:#666666;

}


.accordion-heading {
  border-bottom: 0;
  font-size:15px;
  font-weight:bold;


}

.accordion-heading a {
	  padding-left:3.2em !important;
	  	text-decoration:none;
		background:url("../../images/own/arrow_close.png") no-repeat left 50%;
		background-position:2em;
}



.accordion-heading .accordion-toggle {
  display: block;
  
}

.accordion-toggle {
  cursor: pointer;
}

/*Back Top*/

#back-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  display: none;
}
#back-top a {
  width: 44px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #0571b0;
  
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#back-top a .fa {
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: block;
  font-size: 14px;
  background: #a0ddff;
  border-radius: 30px;
  border:1px solid white;
}
#back-top a:hover {
  color: #0571b0;
}
#back-top a:hover .fa {
  background-color: #ffffff;
  border:1px solid #a0ddff;
  
}

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

PopUp Style

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

#jcemediabox-popup-page p{
	color:#666666;
	font-size:1.5em;	
}

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

Slideshow

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

.bilder{
	margin:0px;
	float:right;

}

.social_media {
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	width:200px;
padding:10px;
	display:block;
	background-color: rgba(255,255,255,0.5);
}

.social_media a{

	border-bottom-width: 0px !important;
}