@media (-webkit-min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) {
	/* hiDPI stuff */
} 

html {
	/*height: 100%;*/ /* set viewport constraint */
    min-height: 100vh; /* enforce height */
    font-family: "ubuntu-light", Arial, sans-serif;
}

body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: rgba(230,230,230,0) ;       /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: black;    /* color of the scroll thumb */
  border-radius: 5px;       /* roundness of the scroll thumb */
  border: 0px solid black;  /* creates padding around scroll thumb */
}
body {
    /* font-family: 'Roboto Condensed', Arial, sans-serif;*/
	/*font-family: roboto, sans-serif;
font-weight: 200;*/
    font-family: "ubuntu-light", ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-style: normal;
     margin-left: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 20px;
	color: #222;
	font-size: 1em;
	background-repeat:repeat-x;
	/*background-color: rgba(113, 116, 119, 0);*/
    background-color: rgba(255,255,255,1.0);
	-ms-hyphens: none;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
}

div, p, a, li, ul, span {
	/*font-family: roboto, sans-serif;
font-weight: 200;
font-style: normal;*/
        font-family: "ubuntu-light", ingra-2, Arial, sans-serif;
    font-style:normal;
    font-weight: normal;
    word-break:break-word;
  
}
p, li, ul, span, a {
    line-height:1.5em; 
}

b, strong {
    font-weight:400;
}


h1, h2, h3, h4, h5, h6 {
        font-family: "Ubuntu Condensed", Arial, sans-serif;
  line-height:1.1em;
font-weight: bold;
}

H1 {
	font-size:1.7em;
	}
	
H2 {
	font-size:1.3em;
	}
	
H3 {
	font-size:1.2em;
	}
	
H4 {
    font-size:1.1em;
	}
	
H5 {
    font-size:0.8em;
	}
H6 {
    font-size:0.7em;
	}

/*############ Auswahlfeld Kategorie ################ */

#KatInpSel {
		margin-left: auto;
	margin-right: auto;
	position: relative;
	float:none;
	clear: both;
	margin-bottom: 2%;
	width: auto;
    min-width: 200px;
	max-width: 30%;
}
#KatInpSel select {
    border-radius: 10px;
    min-width:100%;
	max-width: 50%;
    height: 40px;
    font-size: 1.0em;
    font-weight: 300;
    margin-right:0px;
    padding: 4px;
    color: #fff !important;
    border: 1px solid #fff;
    background-color:rgba(230,230,230,1);
	
	/*pfeil ausblenden*/
     -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
    
   background: url("/lib/imgAllg/down.svg") no-repeat 100% rgba(0,0,0,1);
   padding-right: 33px;
    background-size: 30px 30px;
    cursor: pointer;
}
	

/*Letzte Änderung*/

#letzteAend {
    position: relative;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    height:auto; 
    max-width: 250px;
    min-width: 200px;
    text-align: center;
    font-size: 0.8em;
    color: #555;
    background-color:rgba(255,255,255,0.8);
     padding: 1%;
}

/*BUTTON COOKIE ÄNDERN ####### */
#cookieaendern {
    z-index: 1;
    position:relative; 
    top: auto;
    left: auto;
    bottom: auto;
    margin-left:auto; 
    margin-right:auto; 
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: center;
    float:none;
clear:both; 
    border:0px solid #fff; 
    padding:1%; 
    background-color:rgba(140,140,140,0.2); 
    min-width:100px; 
    width:40%; 
    max-width:250px;
    font-size: 1em;
     cursor: pointer;
}
#cookieaendern:hover {
    cursor: pointer;
}
/*BUTTON COOKIE ÄNDERN ENDE ####### */

/* LI und UL-Hintergrund List-Symbole deaktivieren für ... */
 #htmlnav ul, #htmlnav li, #htmlNavLi li, #htmlNavLi ul, #htmlNavUl li, #htmlNavUl ul {
        background-image:none;
    }



/* ############### TEXTE LINKS ############################## */

/*Grundeinstellung Linktexte*/
a, a:visited, a:hover, a:focus { 
    color: rgba(0,0,0,1);
font-weight:300;
}

#ContLay21InfoTextDiv a, 
#ContLay22InfoTextDiv a, 
#ContLay24InfoTextDiv a, 
#ContLay25InfoTextDiv a, 
#ContLay21TextDiv a, 
#ContLay22TextDiv a,
#ContLay24TextDiv a, 
#ContLay25TextDiv a, 
#StartUnten a,
#InfoBoxDIV a, 
#ContLay2TextDiv a,  
#ContLay6TextDiv a,
#ContLay3TextDiv a, 
#ContLay21InfoTextDiv a, 
#ContLay22InfoTextDiv a, 
#ContLay24InfoTextDiv a, 
#ContLay25InfoTextDiv a, 
#ContLay10TextDiv a, 
#ContLay21TextDiv a,
#DetLay21TextDiv a,
#ContLay22TextDiv a,
#ContLay24TextDiv a,
#DetLay24TextDiv a,
#DetLay25TextDiv a,
#DivDsgvo a,
#sitemapDiv a
{
    text-decoration: underline 1px dotted rgba(50,50,50,1);
}

#ContLay21InfoTextDiv a:hover, 
#ContLay22InfoTextDiv a:hover, 
#ContLay24InfoTextDiv a:hover, 
#ContLay25InfoTextDiv a:hover, 
#ContLay21TextDiv a:hover, 
#ContLay22TextDiv a:hover,
#ContLay24TextDiv a:hover, 
#ContLay25TextDiv a:hover, 
#StartUnten a:hover,
#InfoBoxDIV a:hover, 
#ContLay2TextDiv a:hover,  
#ContLay6TextDiv a:hover,
#ContLay3TextDiv a:hover, 
#ContLay21InfoTextDiv a:hover, 
#ContLay22InfoTextDiv a:hover, 
#ContLay24InfoTextDiv a:hover, 
#ContLay25InfoTextDiv a:hover, 
#ContLay10TextDiv a:hover, 
#ContLay21TextDiv a:hover,
#DetLay21TextDiv a:hover,
#ContLay22TextDiv a:hover,
#ContLay24TextDiv a:hover,
#DetLay24TextDiv a:hover,
#DetLay25TextDiv a:hover,
#DivDsgvo a:hover,
#sitemapDiv a:hover
{
    background-color: rgba(50,50,50,0.4);
    text-decoration: none;
}
/* ############### TEXTE LINKS ENDE ###################################### */



/* ##################### TOPSCROLLER ##################  */
#ScrollerBottom {
    position:fixed;
 
    bottom:0px;
    right: 0%;
  left: auto;
  min-width: 100px;
    z-index: 1000000;
font-size:1em;
    background:grey;
    padding: 1%;
    color: #fff;
	border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	
	border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-o-border-bottom-left-radius: 3px;
    
}

#ScrollerBottom a, #ScrollerBottom a:hover {
    cursor:pointer;
     text-decoration: none!important;
    background-color: inherit;
}

/*########## Topscroller 959 */
@media screen and (max-width: 959px) { 
	
#ScrollerBottom {
    position:relative;
	clear: both;
    bottom:0px;
    right: 0%;
    margin-top: 2%;
  left: 0%;
  width: 100%;
font-size:2em;
    padding: 20px;
	text-align: center;
	border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-o-border-top-left-radius: 0px;
	
	border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-o-border-bottom-left-radius: 0px;
}	
}

/* ##################### TOPSCROLLER ENDE ##################  */




/* ######################### NAVIGATION CONTAINER ################### */

 
/*Navigation aktivstatus #########################  */
#navactive {
   
}
#navactive font {
    color: #fff;
    background-color: rgba(0,0,0,0);
}
#navactive {
  background-color: rgba(54,56,59,1);
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
   background-image: url(/lib/imgAllg/dreieckReSM.png);
    background-position: 4px 50%;
    background-size: 10px 10px;
      background-repeat: no-repeat;
    
}

/*Navigation aktivstatus ENDE #####################  */



/*aktiv*/
.pnact1 {
 background-color: rgba(235,211,77,0.4)!important;
    padding: 1%!important;
}

.pnact1:hover, .pnact1:focus {
     z-index: +1;
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -o-transform:scale(1.0);
transform:scale(1.0);
}

/*Überschreibe Navigationsinhalt Größe*/
#navigationV4 {
    max-width: 100%!important;
}

/*überschreibe Navigationspunkte Eigenschaften */
ul.FM_CSS_navigationV4 li a {
  width:90%!important;
	min-width: 90%!important;
    max-width: 90%!important;
    border-bottom: 1px solid rgba(230,230,230,0.2)!important;
}

/*Hintergrund Aufklappmenue*/
ul.FM_CSS_navigationV4 li {
    margin-right:0px!important;
	margin-left: 0px!important;
}

/*Hintergrund 2. Ebene Aussenrahmen */
ul.FM_CSS_navigationV4 ul {
    padding: 0px 0px 0px 0px!important; 
    margin-top: -15px!important;
    background-color:rgba(0,0,0,0)!important;
    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}
/*überschreibe Hover Navipunkt */
ul.FM_CSS_navigationV4 li:hover >a,ul.FM_CSS_navigationV4 li.hover >a {
    background-color:rgba(0,0,0,0)!important;
       background-image: url(/lib/imgAllg/dreieckRe.svg);
    background-position: 0 50%;
    background-size: 10px 10px;
      background-repeat: no-repeat;
}
/*Hintergrund Text überschreiben 2. Ebene */
ul.FM_CSS_navigationV4 ul li:hover >a,ul.FM_CSS_navigationV4 ul li.hover >a, ul.FM_CSS_navigationV4 ul li:hover >a span, ul.FM_CSS_navigationV4 ul li.hover >a span, ul.FM_CSS_navigationV4 ul li:hover >a font, ul.FM_CSS_navigationV4 ul li.hover >a font {
    padding-left: 20px!important;
       background-image: url(/lib/imgAllg/dreieckRe.svg);
    background-position: 0 50%;
    background-size: 10px 10px;
    background-repeat: no-repeat;
     background-color:rgba(0,0,0,1)!important;

}

/*Überschreibe Ebene 1 Hintergrund Hover*/
ul.FM_CSS_navigationV4 li:hover {
      background-color:rgba(0,0,0,0)!important;
}

/*überschreibe Navigationspunkte Position 2. Ebene */
ul.FM_CSS_navigationV4 li ul {
  left: 89%!important;
    top: 15px!important;
}


#NavigationContainer {
    text-align: center;
    float:none;
    margin-left: -0px;
    margin-right: auto;
	clear: both;
	margin-top: 0px;
    height:auto;
    min-height:50px;
    width:25%;
    min-width: 200px;
    max-width: 380px;
    height: 100%;
    position:fixed;
    padding-right: 0%;
    padding-left: 0%;
    padding-top: 50px;
z-index: 1;
    background-color: rgba(54,56,59,1);
overflow: visible;
    cursor: pointer;
    
       -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
animation-delay: 0.6s;
    -webkit-animation-name:  fadeIn;
    -moz-animation-name: fadeIn;
  animation-name: fadeIn;
   
}


#NavigationContainer:hover {
   

	-webkit-transition-property: all;
      -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

#NavigationContainer.fixed {
 /*position:fixed;
	width: 100%;
	max-width: 1500px;
	margin-top: -20px;*/
	
}


#NavipunktContainer {
    position: relative;
    float:none;
    clear: both;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    min-width:200px;
    padding-left: 5%;
	background-color: rgba(230,230,230,0);

   /*   box-shadow:1px 1px 1px 1px #e3e3e3;
    -moz-box-shadow:1px 1px 1px 1px #e3e3e3;
    -webkit-box-shadow:1px 1px 1px 1px #e3e3e3;*/
}
/*########## NAVIGATION 1120 */
@media screen and (max-width: 1120px) {
#NavipunktContainer {
    padding-left: 0%;
    }

}


/*########## NAVIGATION 959 */
@media screen and (max-width: 959px) {
      
    
    #NavigationContainer { 
       visibility: hidden;
        display: none;
    }
     #NavigationContainer.fixed { 
        visibility: hidden;
        display: none;
    }

}
/*########## NAVIGATION 959 ENDE */


/* ######################### NAVIGATION CONTAINER ENDE ################### */

/*Pop-Up Fenster für Struktur-Position*/
    #PFADnav {
		z-index: 100000;
        position:absolute; 
       
        float:none;
        
        margin-left:auto;
        margin-right: auto;
        left: 0px;
        right: 0px;
        top: 55px;
        width:100%;
        max-width: 1000px;
        visibility: hidden;
        background-color: rgba(20,20,20, 0.95); 
   border:5px solid white;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 4%;
        font-size: 0.7em;
        font-weight:300;

         background-image:url("/lib/imgAllg/close.svg");
    -webkit-background-size:50px;
    background-size:50px;
    background-position:98% 20px;
    background-repeat: no-repeat no-repeat;
        cursor: pointer;

    }


 #PFADnav a {
     height:auto;
     clear: none;
     min-width: 200px;
     text-align: left;
        padding: 0.4em;
        text-decoration: none; 
        border: 0px solid blue;
        border-radius: 3px;
        color:#222; 
	 background-color: #fff;
      }

#PFADnav a:hover {
    z-index: +1;
    cursor:pointer;
     background-color: #fff;
     -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
transform:scale(1.1);
}
    
    #PFADnav UL {
  list-style-position:inside;
      margin:1%;
}

    
    #PFADnav li {
        position: relative;
        float: none;
        clear: both;
		display:flex;
        clear:both;
  position:relative;
        margin: 1%;
        margin-left: auto;
        margin-right: auto;
}

#PFADNavUl {
color: #222;
    list-style-type:none;
  list-style-position:none;
  list-style-image:none;
}

#PFADNavLi{
    list-style-type:none;
  list-style-position:inside;
  list-style-image: none;
        padding: 1px;
    border: 0px solid #fff;
    border-radius: 3px;
    text-align: center;
}
    


/*############################################# 959 */
@media screen and (max-width: 959px) {
    
    #PFADnav {
        display: none;
    }
}
/*################################## PFAD-Pop-Up Struktur Ende ################# */





/* ############ AUSSENCONTAINER-HINTERGRUND ###################################################################################################################################################################################################################################################################################################################################################################################################### */

.primaryContainer0,
.primaryContainer2,
.primaryContainer3,
.primaryContainer4,
.primaryContainer6,
.primaryContainer10,
.primaryContainer21,
.primaryContainer99 {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
   background-color:rgba(180,180,180,1);
/*  background-image: url("../img/hint2.jpg");
    background-attachment:fixed;
   -webkit-background-size:cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
    position: relative;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;*/
    
      -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
    
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
  animation-name: fadeIn;
}

/*########### Aussencontainer-Hintergründe 959 Mobil #######  */
/*mobile HINTERGRÜNDE*/
@media screen and (max-width: 959px) {

.primaryContainer2, .primaryContainer3, .primaryContainer21, .primaryContainer6, .primaryContainer10, .primaryContainer99 {
   /*  background-image: url("../img/body_back2mob.jpg");
    background-attachment: fixed;
   -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;  */
     overflow: scroll;
}

}

/* ############ AUSSENCONTAINER-HINTERGRUND ENDE ############################# */



/* ############ INHALT POSITIONIEREN ################################## */
#prim2 {
     z-index: 0;
    position:relative; 
    width: 100%;
    height: 100%;
    min-height:100%;
    min-height: 100vw;
    overflow: hidden;
    max-width: 1500px;
    float:none; 
    margin-left:auto; 
    margin-right:auto; 
    clear:both;
   background-color:rgba(240,240,240,1);
    border: 0px;
   
      box-shadow:3px 3px 5px #999; 
   -moz-box-shadow: 3px 3px 5px #999;
    -webkit-box-shadow: 3px 3px 5px #999;
    box-shadow:3px 3px 5px #999;
}

/* Inhalt positionieren Mobil 959 */
@media screen and (max-width: 959px) {
    #prim2 {
        overflow: scroll;
      background-color: rgba(54,56,59,1);
    }
}

/* ####### SEITENINHALT-Komponenten ################################################################## */


/* ################# TOP HTML CONTAINER für HTML-Inhalte - DIREKT UNTER NAV ########### */

#TopHTMLContainer {
z-index: 0;
}
#TopHTMLContainer p {
    position: relative;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
   text-align: center;
    width: 90%;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-weight: 300;
}

/* ############ ENDE TOP HTML CONTAINER für HTML-Inhalte - DIREKT UNTER NAV ########### */


/* ############################# TOP ############################ */
#TOP {
    z-index: 1;
     float:none;
    height:0px;
    width: 100%;
    position:relative;
    clear: both;
    margin-top:0px;
overflow: visible;
    margin-left: auto;
    margin-right: auto;
       background-color: rgba(0,0,0,0);
}
/*######## TOP 959 */
@media screen and (max-width: 959px) {
   
    #TOP {
min-height: 250px;
       background-color: rgba(54,56,59,0);
}
    
}
/*######## TOP 400 */
@media screen and (max-width: 600px) {
   
    #TOP {
min-height: 200px;
      
}
    
}

/* ############################# TOP ENDE ############################ */


/* ############################# OVERTOP ############################ */

#OverTopContainer {
    float: none;
    clear: both;
    height:0px;
    margin-left: auto;
        margin-right: auto;
    width: 100%;
    max-width: 1500px;
    position: relative;
    z-index: 10;
    margin-bottom: 0px;

}
/*######## OverTop 959 */
@media screen and (max-width: 959px) {
      
    #OverTopContainer {
        z-index: 1;
        position: relative;
        width:100%;
        left: inherit;
        right: inherit;
        margin-left:auto;
        margin-right: auto;
        float:none;
        clear: both;
        margin-top: 3%;
    }
}
/*######## OverTop 959 Ende */

/*######## OverTop mobil ENDE ############ */


/* ###### LOGO positionieren #######################  */
#OverTopHtmlContDIV {
    float:none;
    height:auto;
    clear: both;
       width: 25%;
    max-width: 380px;
    padding:0%; 
	position:fixed;
    margin-top: 70px;
    margin-left: 0px;
    margin-right: auto;
    text-align: center;
  border-radius: 0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;

 /*ANIMATE*/
         -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
animation-delay: 0.6s;
    
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
  animation-name: fadeIn;
    /*ANIMATE ENDE*/   
}


#OverTopHtmlContDIV img {
    width: auto;
    max-width: 80%;
	max-height:170px;
}

#OverTopHtmlContDIV.fixed {
 /*  position: fixed;
     margin-top: 10px;
    margin-left: 10px;
	
    padding: 0px; 
    max-width: 120px;
  border-radius: 0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    
   box-shadow:0px 0px 0px 0px #555;
    -moz-box-shadow:0px 0px 0px 0px #555;
    -webkit-box-shadow:0px 0px 0px 0px #555;*/
}
#OverTopHtmlContDIV.fixed img {
   /*  width: 120px;*/
}


/*######## LOGO positionieren mobil 959 */
@media screen and (max-width: 959px) {
      
#OverTopHtmlContDIV {
    
   display:block;
    margin-top: 0%;
    position:relative;
width: 50%;
	margin-left: auto;
	margin-right: auto;
    padding: 0;

    	border-radius: 0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}
       
        #OverTopHtmlContDIV img {
        margin-top: 0px;
 
            max-height: 120px;
    -webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
            background-color: rgba(0,0,0,0);
}
    
    
#OverTopHtmlContDIV.fixed {
   display:block;
    float: none;
    margin-top: 0px;
    text-align: center;
    height:auto;
    clear: both;
    position:relative;
		  margin-left: auto;
		  margin-right: auto;
}
    
}
/*######## LOGO positionieren 959 ENDE */

/* ###### LOGO positionieren ENDE ##################### */

/* ############################# OVERTOP ENDE ############################ */





/* ########## SEITENÜBERSCHRIFTEN ALLG ###########*/


#UeberschriftDiv {
    position: relative;
    float:none;
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    left: 0px;
    right: 0px;
    clear:both;
    min-width:  150px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
    width: 90%;
}

#UeberschriftP, #UeberschriftDivLay3 h1  {
    width:100%;
    position: relative;
    clear: both;
	 text-align: center;
      color: rgba(140,140,140,0.8)!important;
  
    font-family: "Ubuntu Condensed", Arial, sans-serif;
    font-size: 1.9em;
    padding-top: 3%;
    padding-bottom: 1%;
}
/* ########## SEITENÜBERSCHRIFTEN ALLG ENDE ############*/




/* ######################## CONTENT ############################## */

#ContentContainer {
   /* float:none;
    overflow: visible;
 position:relative;
    padding: 0px;
    margin-left:auto;
        margin-right:0px;
    clear:both;
    background-color: rgba(0,0,0, 0);
    z-index:0;*/
    
}

/*################## ContentContainer 959 */
@media screen and (max-width: 959px) {
    
    #ContentContainer {
        margin-top:inherit;
		 width: 100%;
    }
}
/* #### ContentContainer 959 Ende*/

/*##### ContentContainer 520 */
@media only screen and (max-width: 520px) {
 
  #ContentContainer {
    max-width:inherit;
  height:inherit;
      max-height: 100%;
    min-height:inherit;
}
}
/*##### ContentContainer 520 ENDE */



#TopHTMLContainer,
#SlideShowContainer,
#ContentContainer,
#ContentContainerLay2,
#ContentContainerAussen10,
#ContentContainerAussen6,
#ContLay99ContainerDiv,
#BottomContainer,
#CopyContainer {
    z-index:0;
   float:right;
    height:auto;
 position:relative;
    padding: 0px;
    margin-left:auto;
        margin-right: 0%;
    margin-bottom: 0%;
    margin-top: 0%;
    clear:both;
    width: 75%;
    max-width: 1120px;
      min-width:  50px;
    border-radius: 0px;
    -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
    background-color: rgba(255,255,255,0);

}

/*überschreiben Loading-Container, damit on TOP*/
#TopHTMLContainer {
    z-index: 100000;
}

#BottomContainer {
    margin-bottom: 3%;
}

/*########## SEITENINHALT-Komponenten mobil ########## 959 */
@media screen and (max-width: 959px) {

#TopHTMLContainer,
#SlideShowContainer,
#ContentContainer,
#ContentContainerLay2,
#BottomContainer,
#CopyContainer {
       float:none;
 margin: 0px;
    clear:both;
        margin-bottom: 0px;
    width: 100%;
    min-width:  150px;
    max-width: 100%;
 
    z-index:0;
    
         border-radius: 0px;
    -moz-border-radius: 0px;
   -webkit-border-radius: 0px; 
    }
    
    #TopHTMLContainer {
     
        position: relative;
        width: 100%;
        left: inherit;
        right: inherit;
        margin-left: auto;
        margin-right: auto;
        background-color: rgba(230,230,230,0);
        padding: 2%;
    }
    #Slogan {
        display: none;
    }
  

}
/*########## SEITENINHALT-Komponenten mobil ENDE ########## 959 *
/* ####### SEITENINHALT-Komponenten ENDE ################################################################## */

/*############################ Startseiten-Container ######## */

#ContStartseiteHTMLDiv {
    float:none;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 1%;
    clear: both;
    width:90%;
    max-width: 1120px;
    position: relative;
    background-color: rgba(255,255,255,1);
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 2%;
    padding-bottom: 2%;
    font-size: 1.1em;
    line-height: 1.4em;
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

#ContStartseiteHTMLDiv iframe {
    padding: 0px;
border: 0px; 
    width: 40%; 
    min-height: 270px;
    max-width: 100%;
    overflow:visible;
    height: auto;
}

#ContStartseiteHTMLDiv H1 {
      width:100%;
    position: relative;
    clear: both;
	 text-align: center;
      color: rgba(140,140,140,1);
    font-weight: normal;
    font-size: 1.8em;
    position: relative;
    float:none;
    height: auto;
    margin-bottom:2%;
    margin-top: 0px;
    clear:both;
    width: 100%;
    max-width: 1500px;
    min-width:  100px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding:1%;
}

/*####STARTSEITE 959 mobil ########## 959 */
@media screen and (max-width: 959px) {
	
	#ContStartseiteHTMLDiv {
    margin-bottom: 0%;
}
}

/*Startseite News iframe */
#NEWSStart {
position:relative; 
float:none; 
    padding: 20px;
    margin-top:0px; 
    margin-right:auto; 
    margin-left: auto;
    width:100%; 
    height:auto;
	overflow:hidden;
    /*box-shadow:3px 3px 15px #3D414A; 
   -moz-box-shadow: 3px 3px 15px #3D414A;
    -webkit-box-shadow: 3px 3px 15px #3D414A;
    box-shadow:3px 3px 15px #3D414A; */
    border-radius:0px; 
    background-color: rgba(0,0,0,0.1);
}
#NEWSStart iframe{
border:0px; 
    margin:0px; 
    border-radius:0px; 
    height: 230px;
   overflow-x: hidden;
    overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
}
#NEWSStart iframe:hover {
	overflow-y:auto;
}

/*Startseite News iframe ENDE */


/* #### STARTSEITE ENDE ##### */


/*############################ Startseiten-Container ENDE ######## */


/* ############ INHALT POSITIONIEREN ENDE ################################## */


/* ################## SLIDE-SHOW CONTAINER ################# */

#SlideShowContainer li, #SlideShowContainer ul {
    list-style:none;
}


#SlideShowContainer {
    float:right;
    position: relative;
    height:auto;
    margin: auto;
	margin-bottom:0px;
   background-color: rgba(255,4,4,4,0);
	border: 0px dotted #ccc;
    min-width: 150px;

    padding-top: 1.7%;
    padding-bottom: 1.7%;
        padding-left: 3.7%;
        padding-right: 3.7%;  
}


#SlideShowContDiv {
	clear: both;
    margin:0px;
    height:auto;
 position:relative;
    float: none;
margin-left: auto;
	width: 100%;
	max-width: 1500px;
    margin-right:0px;
    padding: 0px;
	border:0px solid #fff;
	border-radius: 0px;
	-moz-border-radius:0px;
    -webkit-border-radius:0px;
}


#SlideShowContDiv iframe {
	width: 100%;
	border: 0px;
	width:100%; 
	max-width: 100%; 
	overflow:hidden; 
	border:none; 
	padding:0; 
	margin:0;
	display:block;
}


/*#######SlideShowContainer 959 */
@media screen and (max-width: 959px) {
    
    #SlideShowContainer {
    float:none;
          width: 100%;
    max-width: 100%;
        margin-top: 0px;
		top: 0px;
		margin-bottom:0px;
}
    
}
/*#######SlideShowContainer 959 ENDE */
/* ################## SLIDE-SHOW CONTAINER ENDE ################# */


/*############## Container Inhalt ALLG ######### */

#ContLay21ContainerDiv,
#ContLay21InfoContDiv,
#ContLay21InfoDiv,
#DetLay21Div,
#ContLay22InfoContDiv,
#ContLay22InfoDiv,
#DetLay22ContainerDiv,
#DetLay22Div,
#ContLay3Div,
#ContLay2Div,
#ContLay24InfoDiv,
#ContLay24InfoContDiv,
#DetLay24ContainerDiv,
#DetLay24Div,
#ContLay25InfoContDiv,
#DetLay25Div,
#ContLay25InfoDiv,
#ContLay10ContainerDiv,
#ContLay6ContainerDiv,
#ContLay10Div {
     z-index: 0;
       position: relative;
    float:none;
    margin-left: auto;
    margin-right: auto;
     height:auto;
    clear:both;
     min-width: 150px;
    border: 0px solid #ccc;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 3px;
    -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
  -webkit-overflow-scrolling: touch;
}
/*Überschreibe Hintergründe Container */
#ContLay2Div,
#ContLay3Div,
#ContLay6ContainerDiv,
#ContLay10ContainerDiv,
#ContLay24Div,
#DetLay21Div,
#DetLay22Div,
#DetLay24Div,
#DetLay25Div {
     background-color: rgba(255, 255, 255, 1);
}

/*Überschreibe Lay 22 Hintergrund*/
#ContLay22ContainerDiv,
#ContLay24ContainerDiv {
      z-index: 0;
       position: relative;
     margin-bottom: 2%;
   width: 90%;
    float:none;
    margin-left: auto;
    margin-right: auto;
     height:auto;
    clear:both;
     min-width: 150px;
    border: 0px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
  -webkit-overflow-scrolling: touch;
    background-color: rgba(255, 255, 255, 0);
}

#ContLay10Div {
    margin-bottom: 2%;
   width: 100%;
	padding-left: 0%;
    padding-right: 0%;
    padding-bottom: 2%;
    padding-top: 2%;
}

#ContLay21ContainerDiv,
#ContLay24ContainerDiv,
#ContLay21InfoContDiv,
#ContLay22InfoContDiv,
#ContLay24InfoContDiv,
#ContLay25InfoContDiv  {
    margin-bottom: 2%;
   width: 90%;
}


#DetLay22ContainerDiv,
#DetLay24ContainerDiv,
#ContLay21InfoDiv,
#ContLay22InfoDiv,
#ContLay24InfoDiv,
#ContLay25InfoDiv {
    margin-bottom: 0%;
    width: 90%;
}

#ContLay21Div,
#ContLay22Div,
#ContLay24Div,
#ContLay21InfoDiv,
#ContLay22InfoDiv,
#ContLay24InfoDiv,
#ContLay25InfoDiv {
    margin-bottom: 3%;
	width: 100%;
	padding-left: 6%;
    padding-right: 6%;
    padding-bottom: 2%;
    padding-top: 2%;
    background-color: rgba(255,255,255,1);
 
}

#DetLay21Div,
#DetLay22Div,
#ContLay3Div,
#ContLay2Div,
#DetLay25Div,
#ContLay10ContainerDiv,
#ContLay6ContainerDiv {
    margin-bottom: 2%;
   width: 90%;
	
	padding-left: 6%;
    padding-right: 6%;
    padding-bottom: 2%;
    padding-top: 2%;
}

#DetLay24Div {
    margin-bottom: 2%;
	margin-top: 2%;
    height:auto;
    clear:both;
   width:100%;
	padding: 6%;
}
#DetLay22Div  {
    width: 100%;
}


/*überschreiben Lay2, da kein Container bzw anders formatiert */
#ContLay2Div {
    padding-left: 6%;
    padding-right: 6%;
    padding-bottom: 2%;
    padding-top: 2%;
}



/*####### ContainerInhalt MOBIL 959 ###########*/
@media only screen and (max-width: 959px) {
    
}
/*####### ContainerInhalt MOBIL 959 ENDE ###########*/

/*############## Container Inhalt  ALLG  ENDE ######### */




/* ################ BLOCKINHALTE ALLG ################################# */


/* ########## SEITEN-UNTER-ÜBERSCHRIFTEN ALLG ################*/

#ContLay2SubuebDiv,
#ContLay3SubuebDiv,
#ContLay6SubuebDiv,
#ContLay10SubuebDiv,
#ContLay21SubuebDiv,
#DetLay21SubuebDiv,
#ContLay22SubuebDiv,
#DetLay22SubuebDiv,
#DetLay24SubuebDiv,
#DetLay25SubuebDiv,
#ContLay21InfoSubuebDiv,
#ContLay22InfoSubuebDiv,
#ContLay24InfoSubuebDiv,
#ContLay25InfoSubuebDiv {
    position: relative;
    z-index: 9;
    float:none;
    clear:both;
    height: auto;
    margin: auto;
    margin-bottom: 0%;
     margin-top: 2%;
    width: 100%;
    min-width: 0px;
    top: 0px;
    left: 0px;
    padding-bottom: 0%;

}


/* ### UNTER-Überschriften mobil ###### 959*/
@media only screen and (max-width: 959px) {

#ContLay2SubuebDiv,
#ContLay3SubuebDiv,
#DetLay21SubuebDiv,
#ContLay22SubuebDiv,
#DetLay22SubuebDiv,
    #ContLay21InfoSubuebDiv,
#ContLay22InfoSubuebDiv,
#ContLay24InfoSubuebDiv,
#ContLay25InfoSubuebDiv {
        margin-left: auto;
        margin-right: auto;
         margin-bottom: 0px;
    }

}
/* ### UNTER-Überschriften mobil ENDE ###### 959*/


#ContLay2SubueberschriftP,
#ContLay3SubueberschriftP,
#ContLay21SubueberschriftP,
#DetLay21SubueberschriftP,
#ContLay22SubueberschriftP,
#DetLay22SubueberschriftP,
#DetLay24SubueberschriftP,
#DetLay25SubueberschriftP,
#ContLay21InfoSubueberschriftP,
#ContLay22InfoSubueberschriftP,
#ContLay24InfoSubueberschriftP,
#ContLay25InfoSubueberschriftP {
         position: relative;
    float:none;
    font-size: 1.5em;
    width:100%;
    height: auto;
    text-align:center;
padding-bottom: 2%;
    line-height: 1.1em;
    margin: auto;
      margin-bottom: 2%;
     margin-top: 3%;
    clear:both;
    min-height: 0px;
    color: rgba(0,0,0,1);
	   border-bottom: 3px solid rgba(230,230,230,1);
    top: 0px;
    left: 0px;
}
#ContLay6SubueberschriftP, #ContLay10SubueberschriftP {
             position: relative;
    float:none;
    font-size: 1.5em;
    width:100%;
    height: auto;
    text-align:center;
padding-bottom: 2%;
    line-height: 1.1em;
    margin: auto;
      margin-bottom: 2%;
     margin-top: 3%;
    clear:both;
    min-height: 0px;
    color: rgba(0,0,0,1);
	   border-bottom: 3px solid rgba(230,230,230,1);
    top: 0px;
    left: 0px;
}

#ContLay2SubueberschriftP a, 
#ContLay3SubueberschriftP a,
#ContLay6SubueberschriftP a,
#ContLay10SubueberschriftP a,
#ContLay21SubueberschriftP a,
#DetLay21SubueberschriftP a,
#ContLay22SubueberschriftP a,
#DetLay22SubueberschriftP a,
#DetLay24SubueberschriftP a,
#DetLay25SubueberschriftP a,
#ContLay21InfoSubueberschriftP a,
#ContLay22InfoSubueberschriftP a,
#ContLay24InfoSubueberschriftP a,
#ContLay25InfoSubueberschriftP a {
    
      line-height: 1.1em;
       font-family: "Ubuntu Condensed", Arial, sans-serif;
   
}
#ContLay2SubueberschriftP h2, 
#ContLay3SubueberschriftP h2,
#ContLay6SubueberschriftP h2,
#ContLay10SubueberschriftP h2,
#ContLay21SubueberschriftP h2,
#DetLay21SubueberschriftP h2,
#ContLay22SubueberschriftP h2,
#DetLay22SubueberschriftP h2,
#DetLay24SubueberschriftP h2,
#DetLay25SubueberschriftP h2,
#ContLay21InfoSubueberschriftP h2,
#ContLay22InfoSubueberschriftP h2,
#ContLay24InfoSubueberschriftP h2,
#ContLay25InfoSubueberschriftP h2 {
     font-weight: 300;
   
}

/*Änderung Überschriftgröße bei 1210px*/
@media only screen and (max-width: 1210px) {
    
#ContLay2SubueberschriftP,
#ContLay3SubueberschriftP,
#ContLay21SubueberschriftP,
#DetLay21SubueberschriftP,
#ContLay22SubueberschriftP,
#DetLay22SubueberschriftP,
#DetLay24SubueberschriftP,
#DetLay25SubueberschriftP,
#ContLay21InfoSubueberschriftP,
#ContLay22InfoSubueberschriftP,
#ContLay24InfoSubueberschriftP,
#ContLay25InfoSubueberschriftP {
   
    font-size: 1.2em;
    
}
}
/*Änderung Überschriftgröße bei 1250px Ende*/

/*Änderung Überschriftgröße bei 996px*/
@media only screen and (max-width: 996px) {
    
#ContLay2SubueberschriftP,
#ContLay3SubueberschriftP,
#ContLay21SubueberschriftP,
#DetLay21SubueberschriftP,
#ContLay22SubueberschriftP,
#DetLay22SubueberschriftP,
#DetLay24SubueberschriftP,
#DetLay25SubueberschriftP,
#ContLay21InfoSubueberschriftP,
#ContLay22InfoSubueberschriftP,
#ContLay24InfoSubueberschriftP,
#ContLay25InfoSubueberschriftP {
   
    font-size: 1.7em;
    
}
}
/*Änderung Überschriftgröße bei 1250px Ende*/


/* ########## SEITEN-UNTER-ÜBERSCHRIFTEN ALLG ENDE ################*/



/* ####### Blockinhalte TEXT ##################################### */
#ContLay2TextDiv,
#ContLay6TextDiv,
#ContLay10TextDiv,
#ContLay21TextDiv,
#DetLay21TextDiv,
#ContLay22TextDiv,
#ContLay24TextDiv,
#DetLay24TextDiv,
#DetLay25TextDiv,
#ContLay21InfoTextDiv,
#ContLay22InfoTextDiv,
#ContLay24InfoTextDiv,
#ContLay25InfoTextDiv {
   position: relative;
        z-index: 3;
    padding:0px;
    float:none;
        clear:none;
    margin-top: 2%;
    width:100%;
    height: auto;
    text-align: left;
    word-wrap: break-word;
    color: rgba(70,70,70,1);
     line-height: 1.6em;
    font-size: 1em;
}

/*##############  List mit Doppelpfeil rechts SVG */
#ContLay2TextDiv li,
#ContLay6TextDiv li,
#ContLay10TextDiv li,
#ContLay21TextDiv li,
#DetLay21TextDiv li, 
#ContLay22TextDiv li,
#DetLay22TextDiv li,
#ContLay24TextDiv li,
#DetLay24TextDiv li,
#DetLay25TextDiv li,
 #ContLay21InfoTextDiv li,
#ContLay22InfoTextDiv li,
#ContLay24InfoTextDiv li,
#ContLay25InfoTextDiv li,
#ContSucheDiv li,
#ContLay3TextDiv li {
    list-style: none;
    list-style-position:outside;
    padding-left: 20px;
     background-image: url("/lib/imgAllg/doppelpfeilRe2.svg");
    background-position: 0% 8px;
    background-size: 10px 8px;
    background-repeat: no-repeat;
}

/*############## List mit Doppelpfeil rechts SVG ENDE */

/*############################## Überschriften Content*/
#ContLay2TextDiv h2,
#ContLay6TextDiv h2,
#ContLay10TextDiv h2,
#ContLay21TextDiv h2,
#DetLay21TextDiv h2, 
#ContLay22TextDiv h2,
#DetLay22TextDiv h2,
#ContLay24TextDiv h2,
#DetLay24TextDiv h2,
#DetLay25TextDiv h2,
 #ContLay21InfoTextDiv h2,
#ContLay22InfoTextDiv h2,
#ContLay24InfoTextDiv h2,
#ContLay25InfoTextDiv h2,
#ContSucheDiv h2,
#ContLay3TextDiv h2 {
    font-size: 1.55em;
    list-style: none;
    list-style-position:outside;
  /*   padding-left: 25px;
    background-image: url("/lib/imgAllg/rechteck.svg");
    background-position: 0% 50%;
    background-size: 6px;
    background-repeat: no-repeat;*/
}



/* ####### Blockinhalte TEXT  ENDE ################################ */


/* ####### Blockinhalte BILDER #################################### */
#ContLay21ImgDiv,
#DetLay21ImgDiv,
#ContLay22ImgDiv,
#DetLay22ImgDiv,
#ContLay24ImgDiv,
#DetLay24ImgDiv,
#DetLay25ImgDiv,
#ContLay25ImgDiv,
#ContLay6ImgDiv,
#ContLay10ImgDiv,
#ContLay21InfoImgDiv,
#ContLay22InfoImgDiv,
#ContLay24InfoImgDiv,
#ContLay25InfoImgDiv {
float: right;
text-align: right;
    clear:none;
    width:auto;
    height: auto;
	max-width: 40%;
    max-height: 320px;
    overflow: visible;
    position: relative;
    margin-top: 0%;
    margin-bottom: 1%;
    margin-right: 0%;
    margin-left: 4%;
    z-index: 5;
    padding: 0px;
}

#ContLay2TextDiv img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}


#ContLay21ImgDiv img,
#DetLay21ImgDiv img,
#ContLay22ImgDiv img,
#DetLay22ImgDiv img,
#ContLay24ImgDiv img,
#DetLay24ImgDiv img,
#DetLay25ImgDiv img,
#ContLay25ImgDiv img,
#ContLay6ImgDiv img,
#ContLay10ImgDiv img,
#ContLay21InfoImgDiv img,
#ContLay22InfoImgDiv img,
#ContLay24InfoImgDiv img,
#ContLay25InfoImgDiv img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 320px;
    
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/* ################ BLOCKINHALTE BILDER MOBIL ###### 959 */
@media only screen and (max-width: 959px) {
    
    
#ContLay21ImgDiv,
#DetLay21ImgDiv,
#ContLay22ImgDiv,
#DetLay22ImgDiv,
#ContLay24ImgDiv,
#DetLay24ImgDiv,
#DetLay25ImgDiv,
 #ContLay25ImgDiv,
#ContLay6ImgDiv,
#ContLay10ImgDiv,
    #ContLay21InfoImgDiv,
#ContLay22InfoImgDiv,
#ContLay24InfoImgDiv,
#ContLay25InfoImgDiv {
   float: none;
    clear:both;
    width:100%;
    height: auto;
    margin-right:auto;
    margin-left:auto;
    margin-top: 2%;
    margin-bottom: 2%;
    left: inherit;
        right:inherit;
    overflow: inherit;
    max-height: inherit;
		text-align: center;
}

 #ContLay21ImgDiv img,
#DetLay21ImgDiv img,
#ContLay22ImgDiv img,
#DetLay22ImgDiv img,
#ContLay24ImgDiv img,
 #DetLay24ImgDiv img,
#DetLay25ImgDiv img,
#ContLay25ImgDiv img,
#ContLay6ImgDiv img,
#ContLay10ImgDiv img,
    #ContLay21InfoImgDiv img,
#ContLay22InfoImgDiv img,
#ContLay24InfoImgDiv img,
#ContLay25InfoImgDiv img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 420px;
    
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

}
/* ################ BLOCKINHALTE ALLG ENDE ### 959 */
/* ####### Blockinhalte BILDER ENDE ############################## */

/* ################ BLOCKINHALTE ALLG ENDE ################################# */


/* ####################### BOTTOM-TEIL ############################### */


#BottContHtmlDiv {
    z-index: 0;
    width: 90%;
 position:relative;
    height:auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
    margin-top: 3%;
	padding: 3%;
    background-color: rgba(255,255,255,1);
 border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
}

#BottContHtmlDiv p {
    color: #000;
    font-weight: normal;
}

#BottContHtmlDiv_Li {
	display: none;
    float: left;
    clear: none;
    width: 35%;
    padding-left: 2%;
    padding-right: 2%;
    min-height: 0px;
    padding-top: 1%;
        color: #ccc; 
    font-size: 1em;
}

#BottContHtmlDiv_Mi {
	display: none;
    position:relative;
    float: left;
   padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    width:30%; 
    height:auto;
    min-height: 0px; 
    z-index: 10; 
    color: #ccc; 
    font-size: 1em;
    background-color: rgba(100,100,100,0);
    
} 

#Spalte3 {
	display: none;
    float:right;
    clear: none;
 background-color: rgba(255,255,255,0.2);
	background-repeat: no-repeat;
	background-position: 100% 30%;
    width: 35%;
    padding-left: 2%;
    padding-right: 10%;
    min-height: 0px;
    padding-top: 1%;
        color: #ccc; 
    font-size: 1em;
}



#BottContHtmlDiv_Re {
position:relative;
    float:none;
    clear:both;
  margin-left: auto;
    margin-right: auto;
    width:100%;
    height:auto;
    background-color: rgba(255,255,255,1);
	
	text-align: center;

}

#Bottom1 {
	font-size: 1.3em;
	margin-bottom: 2%;
	margin-top: 1%;
}

#BottomAdresse {
    position:relative;
    z-index: 10; 
	font-size: 1.1em;

}

/* ####### Adresse ###### */
#adresse {
position: relative;
	float: left;
	clear: none;	
	margin-left: 3%;
	margin-top: 0%;
	margin-bottom: 3%;
	width: 40%;
	min-width: 150px;
	height: auto;
	text-align: left;
}

#adresse h2 {
    font-size: 1.8em;
}


/*#####adresse 959 */
@media screen and (max-width: 959px) {
	
	#adresse {
	clear: both;	
	margin-left: 1%;
	margin-top: 1%;
	margin-bottom: 50px;
	width: 90%;
	
	text-align: center;
	
}
}
/*#####adresse 959 ENDE */
/* ####### Adresse ENDE ###### */

/* ####### IMPRESSUM ###### */
#BottomImpressum {
	margin-bottom: 2%;
	margin-top: 1%;
}

#BottomImpressum a:hover, #BottomImpressum a:active, #BottomImpressum a:focus  {
	background-color: rgba(0,0,0,1);
	color: #fff;
	
}
/* ####### IMPRESSUM ENDE ###### */

/* ############# NEWS-IFRAME-TEIL ####### */

#NEWS {
    z-index: 20000;
    display:visible;
position:relative; 
float:right; 
    width:55%; 
    height:272px;
	min-height: 272px;
    margin-bottom: 3%;
   overflow-x: hidden;
    overflow-y:hidden;
    overflow: hidden;
   padding:0%; 

}
#NEWS:hover {
	overflow-y:hidden;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}
#NEWS iframe{
border:0px; 
    margin:0px; 
    min-height: 279px;
    height: 279px;
    width:100%;
    overflow-x: hidden;
   overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
    
        border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}

/*News Content*/
#NEWScontent {
    z-index: 20000;
    display:visible;
position:relative; 
float:right; 
    width:100%; 
    height:198px;
	min-height: 198px;
    margin-bottom: 0%;
   overflow-x: hidden;
    overflow-y:hidden;
    overflow: hidden;
   padding:0%; 

}
#NEWScontent:hover {
	overflow-y:hidden;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}
#NEWScontent iframe{
border:0px; 
    margin:0px; 
    min-height: 198px;
    height: 198px;
    width:100%;
    overflow-x: hidden;
   overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
    
        border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}

/*############################################# 959 */
@media screen and (max-width: 959px) {
        
    #NEWS { 
		float: none;
		clear: both;
		margin-left: auto;
		margin-right: auto;
    width:100%; 
    height:273px;  
        min-height: inherit;
        height: inherit;
    box-shadow:0px 0px 0px 0px #e3e3e3; 
    border-radius:0px; 
}
    
    #NEWS iframe{
border:0px; 
    margin:0px; 
    border-radius:0px; 
   min-height: 273px;
        max-height: inherit;
        height: inherit;

}
    
            
    /*Startseite News iframe */
#NEWSStart {
    height:inherit;
   
border:0px; 
    margin:0px; 
    border-radius:0px; 
    width:100%;
   overflow-x:inherit;
    overflow-y:inherit;
  -webkit-overflow-scrolling: touch;
}
}
/* ############# NEWS-IFRAME-TEIL ENDE ####### */


/* ########### BOTTOM ZUSÄTZLICHER INHALT ### */


#InfoBoxDIV {
    float:none;
    height:auto; 
    margin-left: auto;
    position: relative;
    margin-right: auto;
    clear:both; 
    width: 100%; 
    min-width: 250px;
    background-image: url();
    background-size:7%;
    background-position: 50% 50%;
	background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.7);
    padding: 3%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#InfoBoxUebersDIV {
    margin-left: auto; 
    float: none; 
    font-size: 1.4em; 
    width: 90%; 
    height: auto;
    text-align: center; 
    line-height: 1em; 
    margin-top: 3%; 
    clear: none; 
    min-height: 27px;
    margin-right: auto; 
    color: #222; 
}

#InfoBoxSubUebersDIV {
    width:auto; 
    margin-left:auto; 
    margin-right: auto; 
    margin-top:1%;
    text-align: center; 
    font-size: 0.8em; 
    line-height: 1.1em; 
    color: #444; 

}
#InfoBoxSubUebersDIV img {
    max-width: 160px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    box-shadow:3px 3px 15px #3D414A; 
   -moz-box-shadow: 3px 3px 15px #3D414A;
    -webkit-box-shadow: 3px 3px 15px #3D414A;
    box-shadow:3px 3px 15px #3D414A;
}

#InfoBoxAdresseImpr {
    position: relative; 
 margin-left: 2%;
    margin-right: 2%;
    float:none; 
	clear: both;
    margin-top:1%; 
    margin-bottom: 2%;
    width: auto; 
    height:auto; 
	text-align: center;
}

#InfoBoxAdresseli {
    display:inherit;
    position: relative; 
    margin-left: auto;
    margin-right: auto;
    left: 0%; 
    float:none; 
    margin-top:2%; 
    margin-bottom: 1%;
    width:auto; 
    height:auto; 
    z-index: 1; 
    text-align:center; 
    color: #444; 
    font-size: 1em;
}

#InfoBoxTextRe {
    position:relative;
    float:none; 
    clear: both;
    margin-left:auto; 
    margin-right:auto; 
    margin-top:2%;
    margin-bottom: 50px;
    width:auto; 
    height: auto; 
    z-index: 50; 
    color: #444; 
    text-align: center;
    font-size: 1.0em;
}

#Oeffnungszeiten{
	 position: relative; 
 margin-left: 2%;
    margin-right: 2%;
    float:none; 
    margin-top:1%; 
    margin-bottom: 3%;
    width: auto; 
    height:auto; 
	text-align: center;
}


/* ####################### BOTTOM-TEIL ENDE ############################### */


/* ####################### COPYRIGHT-TEIL ############################### */

#CopyContainer {
    float:none;
    margin-left:auto;
    margin-right: auto;
	margin-bottom: 2%;
    height:auto;
    clear:both;
    position:relative;
    min-width: 250px;
	border-radius: 0px;
	-moz-border-radius:0px;
    -webkit-border-radius:0px;
    z-index: -10;
    border-top: 0px dotted #ccc;
    background-color: rgba(129, 129, 129, 0);
    padding: 0px;
}

#copyDiv {
    position: relative;
    width: 100%;
    text-align: center;
float:none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    color: #ccc;
}

#copyDiv p {
    font-size: 0.6em;
    cursor: pointer;
    color: #777;
}

/* ######### SITEMAP BUTTON ################## */

#sitemapDiv {
  z-index: 1000;
position: relative;
    clear: both;
    margin-bottom: 2%;
    margin-top: 2%;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(255,255,255,0.7);
    width: 150px;
    text-align: center;
    padding: 1%;
}

#sitemapDiv p {
    cursor: pointer;
    font-size: 0.8em;
    color: black;
}

/*############################################# 959 */
@media screen and (max-width: 959px) {
   

    #sitemapDiv {
        display: none;
    }
}

/* ######### SITEMAP BUTTON ENDE ####################### */


/* ####################### COPYRIGHT-TEIL ENDE ############################### */


/* #################### BANNER CONTAINER 1 ###################### */
#BannerContainer1 {
       float: left;
    height: auto;
    clear: none;
    position: fixed;
    bottom: 40px;
    left: -240px;
    border-radius: 3px;
    overflow-x: hidden;
    overflow:hidden;
   -webkit-overflow-scrolling: touch; /* lets it scroll lazy */
    z-index: 50000;
    min-height: 28px;
    max-height: 70px;
    background-color: rgba(150,150,150,1);
    margin: auto;
    width: 280px;
    min-width: 50px;
    max-width: 500px;
    padding: 20px;
     background-image:url("../img/bannerhint.svg");
    background-position:100% 50%;
    background-size: 40%;
    background-repeat: no-repeat no-repeat;
   
        cursor: pointer;
       
  /*  visibility: hidden;*/
}

#BannerContainer1:hover, #BannerContainer1:focus {
     left: 0px;
    cursor: pointer;
    max-height: 600px;
    overflow:hidden;
      background-image:url("../img/bannerhintLi.svg");
    background-position:100% 50%;
    background-size: 40%;
   
    background-repeat: no-repeat no-repeat;
   
}

#BannerContainer1 img {
    border-radius: 3px;
    box-shadow: 3px 0 3px #222;
    max-width: 160px;
    
}


/*#######BannerContainer1 959 */
@media screen and (max-width: 959px) {
    
     #BannerContainer1 {
        float:none;
	clear: both;
    width:90%;
	z-index: 1;
    position:relative;
         display:flex;
        left: 0px;
        margin-top:2%;
		bottom: 0px;
		margin-bottom: 0px;
    min-height:0px;
    max-height:none;
    min-width: 150px;
    max-width:100%;
    padding: 10px;
	
        text-align: center;
        border-radius: 0px;
         box-shadow: 0px 0 0px #222;
		background-image:url("#");
        background-color: white;
    }
   
    #BannerContainer1:hover, #BannerContainer1:focus {
    overflow:inherit;
      background-image:inherit;
   
}
    
}
/*#######BannerContainer1 959 ENDE */

/*#####BannerContainer1 720 */
@media only screen and (max-width: 720px) {
   
  
    #BannerContainer1 {
      
         display:block;
        

    }
    
    #BannerContainer1:hover, #BannerContainer1:focus {
    left: 0px;
    cursor: pointer;
    height:auto;
    max-height:none;
    bottom:inherit;
}
}
/*#####BannerContainer1 520 ENDE */

/* #################### BANNER CONTAINER 1 ENDE ###################### */


/* #################### BANNER CONTAINER 2 ###################### */

/*Banner rechts fixiert*/
#BannerContainer2 {
  float:none;
    top:auto;
    bottom: 2%;
    left:30%;
    right: auto;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: auto;
    height:auto;
    clear:both;
    width: 50px;
    position:absolute;
	border-radius: 0px;
	-moz-border-radius:0px;
    -webkit-border-radius:0px;
    z-index: 99;
    
    background-color: rgba(255,255,255,0);
    
    text-align: center;
    padding: 3px;
    border: 0px solid rgba(0,0,0,1);
    border-radius: 0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
     background-image:inherit;
    background-position:100% 50%;
    background-repeat: no-repeat no-repeat;
        cursor: pointer;
     /*     box-shadow: 3px 0 3px #222;
  visibility: hidden;*/
  
}

#BannerContainer2 img {
     right: 0px;
   
     cursor: pointer; 
    
}

#BannerContainer2:hover, #BannerContainer2:focus {
 
 /*  min-height: 100px;
    height: 300px;
    right: 0%;
     width: 100%;
    overflow-x: hidden;
    overflow-y:hidden;*/
   
    /*ANIMATE*/
   /* -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay:  0.2s;
-moz-animation-delay:  0.2s;
animation-delay: 0.2s;
    
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
  animation-name: fadeIn;*/
    /*ANIMATE ENDE*/
}

.fancybox-slide--iframe .fancybox-content {
    max-width  : 759px;
    max-height : 500px;
    width  : 100%;
    height : 100%;
    margin: 0;
}


/*#########BannerContainer2 959 */
@media screen and (max-width: 959px) {
    
    #BannerContainer2 {
   left: 0px;
        right: 0px;
        
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1%;
    height:auto;
    clear:both;
    width: auto;
    max-width: 100%;
    position:relative;
        float: none;
    min-width: 50px;
	border-radius: 0px;
	-moz-border-radius:0px;
    -webkit-border-radius:0px;
    z-index: 0;
    
    border-top: 0px dotted #ccc;
    background-color: rgba(255,255,255,0);
   
    padding: inherit;
    text-align: center;
	
          -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
     background-image:url("#");
    background-position:100% 50%;
    background-repeat: no-repeat no-repeat;
        cursor: pointer;
     /*     box-shadow: 3px 0 3px #222;
  visibility: hidden;*/
		
    }
    #BannerContainer2 div {
        position: relative;
        float: none;
        clear: both;
        width: 100%;
        max-width: inherit;
        min-width: 100%;
        left: 0px;
        right:0px;
        margin-left: auto;
        margin-right: auto;
    }
    #BannerContainer2 img {
        position: relative;
        float: none;
        clear: both;
        min-width: 60px;
        margin-left: auto;
        margin-right: auto;
        left: 0px;
        right: 0px;
    }
 
}
/*#########BannerContainer2 959 ENDE */

#NEWSbanner {
position:relative; 
float:none; 
    margin-left: auto;
    margin-right:auto;
    margin-bottom: 0px;
    width:100%; 
    height:auto;  
   overflow-x: hidden;
    overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
   padding:0px; 
    box-shadow:0px 0px 0px 0px #222; 
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
       background-color: rgba(0, 0, 0, 0);
}
#NEWSbanner iframe{
border:0px; 
    margin:0px; 
    
    height: 300px;
    width:100%;
    overflow-x: hidden;
   overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
}
#NEWSbanner iframe:hover {
	overflow-y:hidden;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}

/* #################### BANNER CONTAINER 2 ENDE ###################### */



/* ###################### HOME / SITEMAP / SUCHE ################ */

#OverTopContainer {
  position:fixed
}
#HomeSitemSucheDiv {
  position:absolute !important;
  left:10px !important;
  right:auto !important;
  top:0 !important;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  transition-property:all;
  -webkit-transition-property:all;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out
}
#HomeSitemSucheDiv.fixed {
  position:absolute !important
}
#HomeSitemSucheDiv.fixed {
  position:absolute !important;
  -webkit-animation-duration:unset !important;
  animation-duration:unset !important;
  -webkit-animation-fill-mode:unset !important;
  animation-fill-mode:unset !important;
  -webkit-animation-delay:unset !important;
  -moz-animation-delay:unset !important;
  animation-delay:unset !important;
  -webkit-animation-name:unset !important;
  -moz-animation-name:unset !important;
  animation-name:unset !important;
  transition-property:unset !important;
  -webkit-transition-property:unset !important;
  -webkit-transition:unset !important;
  -moz-transition:unset !important;
  -o-transition:unset !important;
  transition:unset !important
}
#HomeButDiv img, #SucheButDiv img, #SitemButDiv img {
  opacity: 0;
}

#HomeButDiv, #SitemButDiv, #SucheButDiv {
     float:left;
    height: auto;
    clear: none;
    width:32%;
    min-height: 25px;
    padding: 0px;
    max-height: 25px;
    max-width: 25px;
    position: relative;
  opacity: 60%;
    top: 0px;
    left: 0px;
    min-width:25px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50%;
}

#HomeButDiv:hover, #SitemButDiv:hover, #SucheButDiv:hover {
  opacity: 100%;
    
         z-index: +1;
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -o-transform:scale(1.5);
transform:scale(1.5);
        cursor: pointer;
   
}

/* ### HOME Button ### */
#HomeButDiv {
    display: block;
     margin-right: 10px;
    background-image: url(/lib/imgAllg/home.svg);
  
}

#HomeButtonImg {
    float: none;
    width:100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    clear: none;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    min-width: 0px;
    display: block;
}


/* ### HOME Button ENDE ### */

/* ### SITEMAP Button ### */

#SitemButDiv {
  display: block;
    margin-right: 10px;
        
    background-image: url(/lib/imgAllg/sitemap.svg);
    /* background-color: rgb(222, 222, 222);*/
}


#sitemapButtonImg {
  float: none;
    width:100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  margin: auto;
    clear: none;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    min-width: 0px;
    display: block;
}

/* ### SITEMAP Button ENDE ### */


/* ### SUCHE Button ### */

#SucheButDiv {
 display: block;
    margin-right: 0px;
    background-image: url(/lib/imgAllg/suche.svg);
   /* background-color: rgb(222, 222, 222);*/
}

#SucheButtonImg {
     display: block;
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: auto;
    clear: none;
    color: rgb(0, 0, 0);
    max-height: 20px;
}

/* ### SUCHE Button ENDE ### */

/*############################### 959 */
@media screen and (max-width: 959px) {
    
    
        #HomeSitemSucheDiv {
        position: relative;
            float: none;
            clear: both;
            height: auto;
   width: 130px;
        margin-top: 0px;
            margin-bottom: 3%;
       padding-left: inherit;
        min-width:auto;
}
     
    #HomeButDiv, #SucheButDiv {
        background-size:contain;
        background-position: 50%;
        display:block;
        width: 66px;
        height: 65px;
        max-height: 65px;
      padding: 0px;
        text-align: center;
        background-color: rgba(50,50,50,0);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        
        -webkit-transform: scale(1);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
       margin:20px;
    }
    
     #HomeButDiv img, #SucheButDiv img {
      width: 65px;
         height: 65px;
         min-height: 65px;
    }
    
    #SitemButDiv {
        display: none;
          }

}

/* ###################### HOME / SITEMAP / SUCHE ### ENDE ################ */


/* ########################## MOBILNAVIGATION ######################### */
#MobileMenuButton {
     z-index: 3000;
    visibility:hidden;
      position:fixed; 
    height: auto;
  
    clear: none;
    width: auto;
    padding: 6px 4px 2px 4px;
     border:0px solid #222; 
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    
      left: auto;
    right: 5%;
    top: 5%;

    background-color: rgba(255,255,255,1);
    
     -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -o-transform:scale(1.5);
transform:scale(1.5);
}
#MobileMenuButtonImg {
    float: none;
    width: auto;
    max-width: none;
    height: auto;
    margin: auto;
    clear: none;
    color: rgb(0, 0, 0);
    max-height: 20px;
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

 #MobileMenuButton:hover, #MobileMenuButton:focus {
     z-index: +1;
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -o-transform:scale(1.5);
transform:scale(1.5);
    cursor: pointer;
}

/*############################################# 959 */
@media screen and (max-width: 959px) {
      
    /* sichtbar bei Mobilversion*/
#MobileMenuButton {
  visibility:visible;   
}
}

/* ######### MOBILBUTTON ENDE ############# */


/* ######### MOBILNAVIGATION ############# */
#htmlnav {
      display: none;
    visibility: hidden;
           /*    display:inline-block;*/
    position:fixed;
    
        -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
    
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
  animation-name: fadeIn;
}

    
    #htmlnav a {
    display: block;
    }

#htmlNavUl {
color: #fff;
  display: block;
    padding: 0px;
      list-style-type:none;
  list-style-position:inside;
  list-style-image: none;
    font-weight: 600;
     max-width: 100%;
       font-size: 1.3em;
    margin: 0px;
    padding: 10px;
    background-color:rgba(100,100,100,1);
}


  #htmlnav li {
    max-width: 90%;
        line-height: 1.6em;
        background-color: #555;
        margin: 0px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
}
 

#htmlNavLi{
       float:none;
     display: block;
   color: white;
    margin:1px;
    list-style-type:none;
  list-style-position:inside;
  list-style-image: none;
       padding:0px;
    border: 1px solid #ccc;
    border-radius: 3px;
      text-align:center;
    background-color: #e3e3e3;
}


#htmlNavLi a { 
    padding: 3%;

    color: white;
    display: block;
    }

#htmlNavLi:hover {
color: #fff;
    background-color: #222;
}

#CLBtn1 {
    font-size: 1.7em;
    background-color: white;
    color: black;
}


/*############################################# 959 */
@media screen and (max-width: 959px) {
      

    #htmlnav {
    visibility:inherit;
    position:relative;
    left: auto;
    top: 0px;
        right:auto;
    height:auto;
   margin-left:auto;
        margin-right: auto;
        width:100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-y:touch;
        background-color: rgba(222, 222, 222, 1); 
       z-index:100000;
        cursor: pointer;
    font-size: 1em;
}
}

/* ########################## MOBILNAVIGATION ENDE ######################### */

/*Facebook-Link*/

#DivFbBtnL6, #DivFbBtnL10, #DivFbBtnL21, #DivFbBtnL22, #DivFbBtnL2 {
	position: relative;
    float:none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center!important;
	margin-top: 3%;
    margin-bottom: 1%;
    padding: 0%;
  
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    -webkit-transition-property: all;
      -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

#DivFbBtnL6 img, #DivFbBtnL10 img, #DivFbBtnL21 img, #DivFbBtnL22 img, #DivFbBtnL24 img, #DivFbBtnL25 img, #DivFbBtnL2 img {
    max-height: 50px;
    max-width: 50px;
}

/*Facebook Link Ende*/


/* ############################### SUCHSEITE ################## */

#ContSucheDiv {
    float:none;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    clear: none;
    width: 90%;
    max-width: 100%;
    position: relative;
    background-color: rgba(255,255,255,0.8);
    padding: 7%;
    font-size: 1em;
   
    
    border-radius: 0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    
    -webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
    
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
  animation-name: fadeIn; 
}

#ContSucheDiv a, #ContSucheDiv a:hover, #ContSucheDiv a:active, #ContSucheDiv a:visited, #ContSucheDiv a:focus, #ContSucheDiv ul, #ContSucheDiv li {
  color: black;
text-decoration: underline 1px dotted #222;
}

#DivLyS01 {
   position:relative;
    float:none; 
    clear: both;
    margin-left:auto; 
    margin-right:auto; 
    margin-top:2%;
    margin-bottom: 2%;
    width:auto; 
    height: auto; 
    z-index: 50; 
    color: #444; 
 font-size: 1.4em;
    text-align: center;
}

#DivlyS01txt {
 
    margin-bottom: 1%;
    color: #222;
      font-size: 1.0em;
     line-height: 1.4em;
    text-align: left;
}


#DivlyS01inp {
    position: relative;
     float:left;
    clear: none;
    height: 40px;
    font-size: 1em;
    display: inline-block;
    width: 69%;
    min-width: 200px;
    color: rgb(129, 129, 129);
   
    margin-right: 1%;
   /* -webkit-box-shadow: rgb(174, 174, 174) 1px 1px 3px 3px;
    box-shadow: rgb(174, 174, 174) 1px 1px 3px 3px; */
    border: 0px solid rgb(189, 189, 189);
}

#DivlyS01inp input {
 position: relative;
    float: left;
    padding-left: 40px;
    height: 40px;
     border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 100%;
    background-color: #e3e3e3;
    border: 1px solid #ccc;
    
    background-image: url("../img/suche.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 3% 50%;
}

#DivlyS01inp input:hover, #DivlyS01inp input:active, #DivlyS01inp input:focus {
    background-color: rgb(240, 226, 117);
}

#DivlyS01Btn {
    height: 40px;
    width: 30%;
    min-width: 100px;
    margin-right: 0px;
    clear: none;
    position: relative;
    float:right;
    margin-bottom: 3%;
    
}

#DivlyS01Btn input {
      float:right;
    height:40px;
    font-size: 1em;
    clear: both;
    width: 100%;
    padding: 2%;
    border-radius: 3px;
    background-color: rgb(178, 74, 74);
    border-width: 0px;
    -webkit-box-shadow: rgb(175, 175, 175) 1px 1px 3px 1px;
    box-shadow: rgb(175, 175, 175) 1px 1px 3px 1px;
    color: rgb(255, 255, 255);
    
}

/*es wurde noch nichts gesucht*/
#DivLyS20 {
   float: left;
    position: relative;
    width: 100%;
    clear: both;
    font-size: 1em;
     line-height: 1.4em;
}

#DivLyS20 p {
  margin-top: 2%;
    font-size: 1em;
}

#UlSearchErg01 {
    display: block;
    
}
#UlSearchErg01 li {
  
}

/*############################################# 959 */
/*SUCHSEITE MOBIL*/
@media screen and (max-width: 959px) {


#DivlyS01inp {
    position: relative;
     float:none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    min-width: 100%;
    
    margin-bottom: 1%;
}


#DivlyS01Btn {
    height:60px;
    width: 100%;
    min-width: 100%;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    float:none;
}

#DivlyS01Btn input {
     float: none;
    height:60px;
    clear: both;
}

}

/* ###################### Suchseite Ende ################## */


/* ################### Bottom haendische Navi ############ */

#NaviBottomDIV {
	position: relative;
	float: none;
	clear: both;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1em;
	margin-bottom: 1%;
	margin-top: 1%;
	transition: height 1s ease-in-out;
}

#NaviBottomDIV:hover {
	transition: height 1s ease-in-out;
}

#NaviBottomDIV a:hover, #NaviBottomDIV a:active, #NaviBottomDIV a:focus {
	text-decoration:underline;
}

#NaviBotUL {
display:flex;
	list-style:none; 
	text-decoration:none;
	color: #222;
	
}
#NaviBotUL li, #NaviBotUL a {
	list-style:none;
	text-decoration:none;
	color: #222;
	font-weight: 700;
	margin-right: 10px;
	line-height: 1.2em;
}
#NaviBotUL1 {
	display:inline;
	list-style:none; 
	text-decoration:none;
	color: #222;
	font-weight: 400;
	
}
#NaviBotUL1 li, #NaviBotUL1 a {
	list-style:none;
	text-decoration:none;
	color: #222;
	font-weight: 700;
	line-height: 1.2em;
}

#NaviBotUL2 {
	display:grid;
	margin-right: 10px;
		list-style:none; 
	text-decoration:none;
	color: #222;
	font-weight: 400;
}
#NaviBotUL2 li, #NaviBotUL2 a {
	list-style:none;
	text-decoration:none;
	color: #222;
	font-weight: 400;
}

/*###########NAVIbottom händisch 1200 */
@media screen and (max-width: 1200px) {
    
	#NaviBottomDIV {
		display: none;
	}
    
    }
/* ################### Bottom haendische Navi ENDE ############ */


/*STARTSEITENCAROUSEL DIV Carousel Allg*/

#startseitencarousel {
    overflow: visible;
 float:none;
    position: relative;
    margin-left: auto;
     margin-right: auto;
    padding-top: 10px;
    clear: none;
    width: 100%;
    max-width:100%;
    background-color: rgba(255, 255, 255, 0);
    color:#fff;
    height:410px; 
}

#startseitencarousel iframe {
     border: 0px; 
    width: 100%; 
    height:390px; 
    overflow: visible;
    position: relative;
    float: none;
}

#ContLay2CarouselDiv,
#ContLay22DetCarouselDiv,
#ContLay21DetCarouselDiv,
#ContLay24DetCarouselDiv,
#ContLay25DetCarouselDiv,
#ContLay6DetCarouselDiv,
#ContLay10DetCarouselDiv,
#ContLay21InfoCarouselDiv,
#ContLay22InfoCarouselDiv,
#ContLay24InfoCarouselDiv,
#ContLay25InfoCarouselDiv {
   z-index: 10000;
    float:none;
    min-height: 0px;
    margin-left: auto;
     margin-right: auto;
    clear: both;
    width: 100%;
	max-width: 600px;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
}

/*Smoothe Bewegung */
#prim2, 
#TOP,
#HomeSitemSucheDiv,
#HomeButDiv, #SitemButDiv, #SucheButDiv,
#MobileMenuButton,
#htmlnav,
#ContSucheDiv,
#ContSucheDiv a:hover,
#BannerContainer1,
#BannerContainer1:hover,
#BannerContainer2,
#BannerContainer2:hover,
#OverTopContainer,
#OverTopHtmlContDIV,
#OverTopHtmlContDIV.fixed,
#TopHTMLContainer,
#NavigationContainer,
#NavigationContainer:hover,
#NavigationContainer.fixed, 
#NavipunktContainer,
#SlideShowContainer,
#SlideShowContDiv,
#PFADnav,
#ContentContainer,
#ContStartseiteHTMLDiv,
#ContentContainerLay2,
#ContentContainerAussen10,
#ContentContainerAussen6,
#ContLay99ContainerDiv,
#Bottom1,
#BottomContainer,
#BottContHtmlDiv,
#CopyContainer,
#copyDiv,
#sitemapDiv,
#UeberschriftDiv,
#DetLay21Div,
#DetLay22Div,
#ContLay3Div,
#ContLay2Div,
#DetLay24Div,
#DetLay25Div,
#ContLay10ContainerDiv,
#ContLay6ContainerDiv,
#ContLay21ContainerDiv,
#ContLay22ContainerDiv,
#ContLay24ContainerDiv,
#ContLay21InfoContDiv,
#ContLay22InfoContDiv,
#ContLay24InfoContDiv,
#ContLay25InfoContDiv,
#ContLay21ImgDiv,
#DetLay21ImgDiv,
#ContLay22ImgDiv,
#DetLay22ImgDiv,
#ContLay24ImgDiv,
#DetLay24ImgDiv,
#DetLay25ImgDiv,
#ContLay25ImgDiv,
#ContLay6ImgDiv,
#ContLay10ImgDiv,
#ContLay21InfoImgDiv,
#ContLay22InfoImgDiv,
#ContLay24InfoImgDiv,
#ContLay25InfoImgDiv,
#ContLay21InfoVidSoundclContDiv,
#ContLay22InfoVidSoundclContDiv,
#ContLay24InfoVidSoundclContDiv,
#ContLay25InfoVidSoundclContDiv,
#ContLay24VidSoundclContDiv,
#ContLay2VidDiv, 
#ContLay21InfoVidDiv1, 
#ContLay21VidDiv, 
#DetLay21VidDiv, 
#ContLay24InfoVidDiv1, 
#DetLay24VidDiv, 
#ContLay24VidDiv,
#ContLay25InfoVidDiv1, 
#ContLay25VidDiv, 
#DetLay25VidDiv, 
#ContLay22InfoVidDiv1, 
#DetLay22VidDiv, 
#ContLay22VidDiv, 
#ContLay6VidDiv, 
#ContLay10VidDiv, 
#ContLay3VidDiv,
#ContLay21InfoVidDiv1 iframe, 
#ContLay21VidDiv iframe, 
#DetLay21VidDiv iframe, 
#ContLay24InfoVidDiv1 iframe, 
#DetLay24VidDiv iframe, 
#ContLay25InfoVidDiv1 iframe, 
#ContLay25VidDiv iframe, 
#DetLay25VidDiv iframe, 
#ContLay22InfoVidDiv1 iframe, 
#ContLay22VidDiv iframe,
#DetLay22VidDiv iframe, 
#ContLay6VidDiv iframe, 
#ContLay10VidDiv iframe, 
#ContLay3VidDiv iframe,
#ContLay2SoundDivIframe,
#ContLay2VidDiv iframe,
#ContLay21InfoVidDiv2, 
#ContLay24InfoVidDiv2, 
#ContLay25InfoVidDiv2, 
#ContLay22InfoVidDiv2,
#ContLay22InfoVidDiv2,
#ContLay21InfoVidDiv2 iframe, #ContLay24InfoVidDiv2 iframe, #ContLay25InfoVidDiv2 iframe, #ContLay22InfoVidDiv2 iframe,
#ContLay24InfoDateianhang,
#ContLay24Dateianhang,
#ContLay21InfoDateianhang,
#ContLay25InfoDateianhang,
#ContLay25Dateianhang,
#DetLay25Dateianhang,
#ContLay21Dateianhang,
#DetLay21Dateianhang,
#DetLay24Dateianhang,
#ContLay2Dateianhang,
#ContLay22InfoDateianhang,
#DetLay22Dateianhang,
#ContLay22Dateianhang,
#ContLay6Dateianhang,
#ContLay10Dateianhang,
#AnfrageDiv, #AnfrageDiv10,
#AnfrageImg, #AnfrageImg10,
#AnfrageImg:hover, #AnfrageImg:active, #AnfrageImg:focus,
#AnfrageImg10:hover, #AnfrageImg10:active, #AnfrageImg10:focus,
#ContLay2SubuebDiv,
#ContLay3SubuebDiv,
#ContLay6SubuebDiv,
#ContLay10SubuebDiv,
#ContLay21SubuebDiv,
#DetLay21SubuebDiv,
#ContLay22SubuebDiv,
#DetLay22SubuebDiv,
#DetLay24SubuebDiv,
#DetLay25SubuebDiv,
#ContLay21InfoSubuebDiv,
#ContLay22InfoSubuebDiv,
#ContLay24InfoSubuebDiv,
#ContLay25InfoSubuebDiv,
#cookieaendern, #cookieaendern:hover,
#ScrollerBottom,
input,
a, a:hover,
p {
   transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
             -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}


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

#prim2, 
#TOP,
#HomeSitemSucheDiv,
#HomeButDiv, #SitemButDiv, #SucheButDiv,
#MobileMenuButton,
#htmlnav,
#ContSucheDiv,
#ContSucheDiv a:hover,
#BannerContainer1,
#BannerContainer1:hover,
#BannerContainer2,
#BannerContainer2:hover,
#OverTopContainer,
#OverTopHtmlContDIV,
#OverTopHtmlContDIV.fixed,
#TopHTMLContainer,
#NavigationContainer,
#NavigationContainer:hover,
#NavigationContainer.fixed, 
#NavipunktContainer,
#SlideShowContainer,
#SlideShowContDiv,
#PFADnav,
#ContentContainer,
#ContStartseiteHTMLDiv,
#ContentContainerLay2,
#ContentContainerAussen10,
#ContentContainerAussen6,
#ContLay99ContainerDiv,
#Bottom1,
#BottomContainer,
#BottContHtmlDiv,
#CopyContainer,
#copyDiv,
#sitemapDiv,
#UeberschriftDiv,
#DetLay21Div,
#DetLay22Div,
#ContLay3Div,
#ContLay2Div,
#DetLay24Div,
#DetLay25Div,
#ContLay10ContainerDiv,
#ContLay6ContainerDiv,
#ContLay21ContainerDiv,
#ContLay22ContainerDiv,
#ContLay24ContainerDiv,
#ContLay21InfoContDiv,
#ContLay22InfoContDiv,
#ContLay24InfoContDiv,
#ContLay25InfoContDiv,
#ContLay21ImgDiv,
#DetLay21ImgDiv,
#ContLay22ImgDiv,
#DetLay22ImgDiv,
#ContLay24ImgDiv,
#DetLay24ImgDiv,
#DetLay25ImgDiv,
#ContLay25ImgDiv,
#ContLay6ImgDiv,
#ContLay10ImgDiv,
#ContLay21InfoImgDiv,
#ContLay22InfoImgDiv,
#ContLay24InfoImgDiv,
#ContLay25InfoImgDiv,
#ContLay21InfoVidSoundclContDiv,
#ContLay22InfoVidSoundclContDiv,
#ContLay24InfoVidSoundclContDiv,
#ContLay25InfoVidSoundclContDiv,
#ContLay24VidSoundclContDiv,
#ContLay2VidDiv, 
#ContLay21InfoVidDiv1, 
#ContLay21VidDiv, 
#DetLay21VidDiv, 
#ContLay24InfoVidDiv1, 
#DetLay24VidDiv, 
#ContLay24VidDiv,
#ContLay25InfoVidDiv1, 
#ContLay25VidDiv, 
#DetLay25VidDiv, 
#ContLay22InfoVidDiv1, 
#DetLay22VidDiv, 
#ContLay22VidDiv, 
#ContLay6VidDiv, 
#ContLay10VidDiv, 
#ContLay3VidDiv,
#ContLay21InfoVidDiv1 iframe, 
#ContLay21VidDiv iframe, 
#DetLay21VidDiv iframe, 
#ContLay24InfoVidDiv1 iframe, 
#DetLay24VidDiv iframe, 
#ContLay25InfoVidDiv1 iframe, 
#ContLay25VidDiv iframe, 
#DetLay25VidDiv iframe, 
#ContLay22InfoVidDiv1 iframe, 
#ContLay22VidDiv iframe,
#DetLay22VidDiv iframe, 
#ContLay6VidDiv iframe, 
#ContLay10VidDiv iframe, 
#ContLay3VidDiv iframe,
#ContLay2SoundDivIframe,
#ContLay2VidDiv iframe,
#ContLay21InfoVidDiv2, 
#ContLay24InfoVidDiv2, 
#ContLay25InfoVidDiv2, 
#ContLay22InfoVidDiv2,
#ContLay22InfoVidDiv2,
#ContLay21InfoVidDiv2 iframe, #ContLay24InfoVidDiv2 iframe, #ContLay25InfoVidDiv2 iframe, #ContLay22InfoVidDiv2 iframe,
#ContLay24InfoDateianhang,
#ContLay24Dateianhang,
#ContLay21InfoDateianhang,
#ContLay25InfoDateianhang,
#ContLay25Dateianhang,
#DetLay25Dateianhang,
#ContLay21Dateianhang,
#DetLay21Dateianhang,
#DetLay24Dateianhang,
#ContLay2Dateianhang,
#ContLay22InfoDateianhang,
#DetLay22Dateianhang,
#ContLay22Dateianhang,
#ContLay6Dateianhang,
#ContLay10Dateianhang,
#AnfrageDiv, #AnfrageDiv10,
#AnfrageImg, #AnfrageImg10,
#AnfrageImg:hover, #AnfrageImg:active, #AnfrageImg:focus,
#AnfrageImg10:hover, #AnfrageImg10:active, #AnfrageImg10:focus,
#ContLay2SubuebDiv,
#ContLay3SubuebDiv,
#ContLay6SubuebDiv,
#ContLay10SubuebDiv,
#ContLay21SubuebDiv,
#DetLay21SubuebDiv,
#ContLay22SubuebDiv,
#DetLay22SubuebDiv,
#DetLay24SubuebDiv,
#DetLay25SubuebDiv,
#ContLay21InfoSubuebDiv,
#ContLay22InfoSubuebDiv,
#ContLay24InfoSubuebDiv,
#ContLay25InfoSubuebDiv,
#cookieaendern, #cookieaendern:hover,
#ScrollerBottom,
input,
a, a:hover,
p {
   transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
             -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
 
    
}
/*Smoothe Bewegung Ende */

/* ###############  Preloader ###############  */
body {
     overflow: hidden;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.95); /* change if the mask should have another color then white */
    z-index:9999999999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:fixed;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.png);  /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/* ####### LOADER V2 status*/

.loader {
  border: 10px rgba(230,230,230,1);
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 3s linear infinite; /* Safari */
  animation: spin 3s linear infinite;
    position:fixed;
    left:55%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
   right: 55%;
    margin:-120px 0 0 -120px; /* is width and height divided by two */
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loadingtext {
    padding-top: 20px;
    font-size: 0.6em;
    color: white;
}

/* ######## LOADER V2 status ende*/

/*###############  preloader Ende ############### */




/* ######### DATEIANHANG ALLG ################ */

#ContLay24InfoDateianhang,
#ContLay24Dateianhang,
#ContLay21InfoDateianhang,
#ContLay25InfoDateianhang,
#ContLay25Dateianhang,
#DetLay25Dateianhang,
#ContLay21Dateianhang,
#DetLay21Dateianhang,
#DetLay24Dateianhang,
#ContLay2Dateianhang,
#ContLay22InfoDateianhang,
#DetLay22Dateianhang,
#ContLay22Dateianhang,
#ContLay6Dateianhang,
#ContLay10Dateianhang {
   overflow: visible;
    min-height: 30px;
    height: auto;
    clear: both;
    margin-bottom: 2%;
    margin-top: 2%;
   background-color: rgba(255,255,255,0.7);
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 0%;
    padding-right: 0.5%;
    margin-left: auto;
    margin-right: auto;
}

#ContLay24InfoDateianhang img,
#ContLay24Dateianhang img,
#ContLay21InfoDateianhang img,
#ContLay25InfoDateianhang img,
#ContLay25Dateianhang img,
#DetLay25Dateianhang img,
#ContLay21Dateianhang img,
#DetLay21Dateianhang img,
#DetLay24Dateianhang img,
#ContLay2Dateianhang img,
#ContLay22InfoDateianhang img,
#ContLay22Dateianhang img,
#DetLay22Dateianhang img,
#ContLay6Dateianhang img,
#ContLay10Dateianhang img {
    display: none;
    max-height: 20px;
	margin: 5px;
}

#ContLay24InfoDateianhang p,
#ContLay24Dateianhang p,
#ContLay21InfoDateianhang p,
#ContLay25InfoDateianhang p,
#ContLay25Dateianhang p,
#DetLay25Dateianhang p,
#ContLay21Dateianhang p,
#DetLay21Dateianhang p,
#DetLay24Dateianhang p,
#ContLay2Dateianhang p,
#ContLay22InfoDateianhang p,
#ContLay22Dateianhang p,
#DetLay22Dateianhang p,
#ContLay6Dateianhang p,
#ContLay10Dateianhang p {
     padding-left: 30px;
     line-height: 1.5em;
    font-size: 1em;
    text-decoration:none;
    cursor: pointer;
    background-image: url("/lib/imgAllg/dateianhang.svg");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 20px 20px;
    
}


#ContLay24InfoDateianhang p:hover,
#ContLay24Dateianhang p:hover,
#ContLay21InfoDateianhang p:hover,
#ContLay25InfoDateianhang p:hover,
#ContLay25Dateianhang p:hover,
#DetLay25Dateianhang p:hover,
#ContLay21Dateianhang p:hover,
#DetLay21Dateianhang p:hover,
#DetLay24Dateianhang p:hover,
#ContLay2Dateianhang p:hover,
#ContLay22InfoDateianhang p:hover,
#ContLay22Dateianhang p:hover,
#DetLay22Dateianhang p:hover,
#ContLay6Dateianhang p:hover,
#ContLay10Dateianhang p:hover {
    background-size: 25px 25px;
}

/* ######### DATEIANHANG ALLG  ENDE ################ */


/* ######### ALLGEMEIN ZURUECK-BUTTONS / DETAIL-BUTTONS ######### */
#ContLay21DetDiv,
#ContLay22DetDiv,
#ContLay24DetDiv,
#ContLay25DetDiv,
#ContLay6DetDiv,
#ContLay10DetDiv {
    z-index:11;
    position:absolute;
   float: none;
    margin-left: auto;
    margin-right: 1%;
    margin-bottom: 1%;
    bottom: 2%;
    right: 1%;
    left: auto;
    top: auto;
    width: 10%;
    min-width: 130px;
    text-align: center;
   padding: 0%;
    border-width: 0px;
   border: 0px solid rgba(54,56,59,1);
       -webkit-box-shadow: rgba(100,100,100,1) 2px 2px 2px 2px;
    -moz-box-shadow:  rgba(100,100,100,1) 2px 2px 2px 2px;
    box-shadow:  rgba(100,100,100,0.7) 1px 1px 1px 1px;
     display:block;
justify-content: center; /* horizontal mittig */
align-items:center; /* vertikal mittig */
	background: url("/lib/imgAllg/doppelpfeil.svg") no-repeat center center;
    background-color: #000;
    background-size: 30px 30px;
	background-position:50% -100px;
	background-blend-mode:difference;
	 background-color: rgba(230,230,230,1);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
      -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*Überschreibe Standard-Layout Detailbutton*/
#ContLay21DetDiv {
    position: relative;
}

#ContLay22DetDiv,
#ContLay24DetDiv,
#ContLay25DetDiv {
    position: relative;
}


#DetLay21DetDiv:hover, #DetLay21DetDiv a:hover,
#ContLay21DetDiv:hover, #ContLay21DetDiv a:hover,
#ContLay22DetDiv:hover, #ContLay22DetDiv a:hover,
#DetLay22DetDiv:hover, #DetLay22DetDiv a:hover,
#DetLay24DetDiv:hover, #DetLay24DetDiv a:hover,
#ContLay24DetDiv:hover, #ContLay24DetDiv a:hover,
#DetLay25DetDiv:hover, #DetLay25DetDiv a:hover,
#ContLay25DetDiv:hover, #ContLay25DetDiv a:hover,
#ContLay6DetDiv:hover, #ContLay6DetDiv a:hover,
#ContLay10DetDiv:hover, #ContLay10DetDiv a:hover,
 #Lay3ZurueckDiv:hover,
#zurueckDiv:hover {
	cursor: pointer;
	 -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -o-transform:scale(1.0);
transform:scale(1.0);
	background-position:50%;
       -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#DetLay21DetDiv a,
#ContLay21DetDiv a,
#ContLay22DetDiv a,
#DetLay22DetDiv a,
#DetLay24DetDiv a,
#ContLay24DetDiv a,
#DetLay25DetDiv a,
#ContLay25DetDiv a,
#ContLay6DetDiv a,
#ContLay10DetDiv a,
#Lay3ZurueckDiv a,
#zurueckDiv p {
font-family: "Ubuntu Condensed", Arial, serif;
   display:block;
    padding: 2%;
    font-size: 1.3em;
    color: rgba(54,56,59,1) !important;
     background-color: rgba(54,56,59,0);
    letter-spacing: normal;
      -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


#DetLay21DetDiv a:hover, #DetLay21DetDiv a:active, #DetLay21DetDiv a:focus,
#ContLay21DetDiv a:hover, #ContLay21DetDiv a:active, #ContLay21DetDiv a:focus,
#ContLay22DetDiv a:hover,
#DetLay22DetDiv a:hover,
#DetLay24DetDiv a:hover, #DetLay24DetDiv a:active, #DetLay24DetDiv a:focus,
#ContLay24DetDiv a:hover, #ContLay24DetDiv a:active, #ContLay24DetDiv a:focus,
#DetLay25DetDiv a:hover, #DetLay25DetDiv a:active, #DetLay25DetDiv a:focus,
#ContLay25DetDiv a:hover, #ContLay25DetDiv a:active, #ContLay25DetDiv a:focus,
#ContLay6DetDiv a:hover, #ContLay6DetDiv a:active, #ContLay6DetDiv a:focus,
#ContLay10DetDiv a:hover, #ContLay10DetDiv a:active, #ContLay10DetDiv a:focus,
#Lay3ZurueckDiv a:hover,
#zurueckDiv p:hover {
	 background-color: rgba(54,56,59,0);
  display: block;
	cursor: pointer;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	background-position:50%;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* ########## Zurück-Buttons ####### */
#DetLay21DetDiv, 
#DetLay22DetDiv, 
#DetLay24DetDiv,
#DetLay25DetDiv,
#Lay3ZurueckDiv,
 #ContLay10DetDiv,
#zurueckDiv {
    z-index:11;
    position:relative;
   float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1%;
    margin-top: 2%;
    bottom: 1%;
    clear: both;
    right: auto;
    left: auto;
    top: auto;
    width: 10%;
    min-width: 130px;
    text-align: center;
   padding: 0%;
    border-width: 0px;
   border: 0px solid rgba(54,56,59,1);
     display:block;
justify-content: center; /* horizontal mittig */
align-items:center; /* vertikal mittig */
	background: url("/lib/imgAllg/doppelpfeilLi.svg") no-repeat center center;
    background-color: #000;
    background-size: 30px 30px;
	background-position:50% -300px;
	background-blend-mode:difference;
	 background-color: rgba(230,230,230,1);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
  /*     -webkit-box-shadow: rgba(100,100,100,1) 2px 2px 2px 2px;
    -moz-box-shadow:  rgba(100,100,100,1) 2px 2px 2px 2px;
    box-shadow:  rgba(100,100,100,0.7) 1px 1px 1px 1px;*/
    
     -webkit-box-shadow: rgba(100,100,100,1) 0px 0px 0px 0px;
    -moz-box-shadow: rgba(100,100,100,1) 0px 0px 0px 0px;
    box-shadow:  rgba(100,100,100,1) 0px 0px 0px 0px;
       -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}



/*####### DETAILBUTTONS 959 #### */
@media only screen and (max-width: 959px) {
    
#ContLay21DetDiv,
#ContLay22DetDiv,
#ContLay24DetDiv,
#ContLay25DetDiv,
#ContLay6DetDiv,
#ContLay10DetDiv {
    z-index: 6;
    position:relative;
    bottom:inherit;
    left: auto;
    right: 0%;
    float: none;
      clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    margin-bottom: 3%;
    width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
}
/*####### DETAILBUTTONS 959 ENDE #### */
/* ######### ALLGEMEIN ZURUECK-DETAIL-BUTTONS ENDE ######### */


/* ########## ANFRAGE-BUTTON ALLG ############## */
    /*Anfrage der Seite*/

#AnfrageDiv, #AnfrageDiv10  {
    position:relative;
    float:none;
    clear:both;
     z-index: 6000;
    max-width: 30px; 
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3%;
    margin-top: 1%;
    top: 1%;
    left: auto;
    right: auto;
    background-color: rgba(0, 0, 0, 0);
}

#AnfrageImg, #AnfrageImg10 {
    cursor: pointer;   
    max-height: 30px;
    height: 30px;
    width: 30px;
}
#AnfrageImg:hover, #AnfrageImg:active, #AnfrageImg:focus,
#AnfrageImg10:hover, #AnfrageImg10:active, #AnfrageImg10:focus {
      z-index: +1;
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -o-transform:scale(1.3);
transform:scale(1.3);
}

/*Anfrage der Seite ENDE*/

/* ########## ANFRAGE-BUTTON ALLG ENDE  ############## */

/* ######### ALLGEMEIN VIDEOS und SOUNDCLOUD ######### */
#ContLay21InfoVidSoundclContDiv,
#ContLay22InfoVidSoundclContDiv,
#ContLay24InfoVidSoundclContDiv,
#ContLay25InfoVidSoundclContDiv,
#ContLay24VidSoundclContDiv {
    position: relative;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    overflow: hidden;
    width: 90%;
   margin-bottom: 3%;
    margin-top: 1%;
}
/* ######### für VIDEOS */
#ContLay2VidDiv, 
#ContLay21InfoVidDiv1, 
#ContLay21VidDiv, 
#DetLay21VidDiv, 
#ContLay24InfoVidDiv1, 
#DetLay24VidDiv, 
#ContLay24VidDiv,
#ContLay25InfoVidDiv1, 
#ContLay25VidDiv, 
#DetLay25VidDiv, 
#ContLay22InfoVidDiv1, 
#DetLay22VidDiv, 
#ContLay22VidDiv, 
#ContLay6VidDiv, 
#ContLay10VidDiv, 
#ContLay3VidDiv  {
 float: none;
    height: auto;
    margin-left: auto;
     margin-right: auto;
    margin-top: 1%;
	margin-bottom: 1%;
    clear: both;
    width: 100%;
    max-width:600px;
    border-radius: 3px;
   background-color: rgba(250,250,250,1);
    padding: 1%;
    position: relative;
    min-height: 90px;
    text-align: center;
}

#ContLay21InfoVidDiv1 iframe, 
#ContLay21VidDiv iframe, 
#ContLay24VidDiv iframe,
#DetLay21VidDiv iframe, 
#ContLay24InfoVidDiv1 iframe, 
#DetLay24VidDiv iframe, 
#ContLay25InfoVidDiv1 iframe, 
#ContLay25VidDiv iframe, 
#DetLay25VidDiv iframe, 
#ContLay22InfoVidDiv1 iframe, 
#ContLay22VidDiv iframe,
#DetLay22VidDiv iframe, 
#ContLay6VidDiv iframe, 
#ContLay10VidDiv iframe, 
#ContLay3VidDiv iframe   {
     width: 100%;
    height:100%;
    min-height: 440px;
    max-width: 600px;
     background-color: rgba(0,0,0,1);
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/* ######### für Lay 2 Soundcloud */
#ContLay2SoundDivIframe {
        float: none;
    height: auto;
    margin-left: auto;
     margin-right: auto;
    margin-top: 1%;
	margin-bottom: 1%;
    clear: both;
    width: 100%;
    max-width:600px;
    border-radius: 3px;
  background-color: rgba(230,230,230,1);
    padding: 1%;
    position: relative;
    min-height: 90px;
    text-align: center;
}

#ContLay2VidDiv iframe {
 width:100%;
    height:auto;
    min-height:340px;
    max-width: 600px;
}


/* ######### für SOUNDCLOUD */
#ContLay21InfoVidDiv2, 
#ContLay24InfoVidDiv2, 
#ContLay25InfoVidDiv2, 
#ContLay22InfoVidDiv2,
#ContLay22InfoVidDiv2 {
       float: none;
    height: auto;
    margin-left: auto;
     margin-right: auto;
    margin-top: 0%;
	margin-bottom: 1%;
    clear: both;
	width: 100%;
    min-width: 49%;
    max-width:600px;
    border-radius: 3px;
   background-color: rgba(255,255,255,1);
    padding: 1%;
    position: relative;
    min-height: 90px;
    text-align: center;
}

#ContLay21InfoVidDiv2 iframe, #ContLay24InfoVidDiv2 iframe, #ContLay25InfoVidDiv2 iframe, #ContLay22InfoVidDiv2 iframe {
     width: 100%;
    height:100%;
    min-height: 340px;
}

/* ### Video-Soundcloud 959 ####*/
@media only screen and (max-width: 959px) {

#ContLay21InfoVidDiv2 iframe, 
#ContLay24InfoVidDiv2 iframe, 
#ContLay25InfoVidDiv2 iframe, 
#ContLay22InfoVidDiv2 iframe,
#ContLay2VidDiv iframe, 
#ContLay21InfoVidDiv1 iframe,
#ContLay21VidDiv iframe, 
#DetLay21VidDiv iframe, 
#ContLay24InfoVidDiv1 iframe, 
#DetLay24VidDiv iframe, 
  #ContLay24VidDiv iframe,
#ContLay25InfoVidDiv1 iframe, 
#ContLay25VidDiv iframe, 
#DetLay25VidDiv iframe, 
#ContLay22InfoVidDiv1 iframe, 
#DetLay22VidDiv iframe, 
#ContLay6VidDiv iframe, 
#ContLay10VidDiv iframe, 
#ContLay3VidDiv iframe  {
  height: auto;
    width: 100%;
    max-height:inherit;
    min-height: 340px;
}
 
}
/* ### Video-Soundcloud 959 ENDE ####*/

/* ######### ALLGEMEIN VIDEOS und SOUNDCLOUD ENDE ######### */



/*Suchebutton unten*/
#SucheButton {
    position: relative;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
    width: 50%;
    max-width: 250px;
    background-color: rgba(230,230,230,1);
    padding: 1%;
    text-align: center;
    text-size:1em;
    border: 0px solid rgba(180,180,180,1);
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius:3px;
    
         background-image: url("../img/suche.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 5% 50%;
    
     -webkit-transition-property: all;
      -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
    
}
#SucheButton:hover {
    background-color: rgba(200,200,200,1);
     -webkit-transition-property: all;
      -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

/*############################################# 959 */
/*mobile HINTERGRÜNDE*/
@media screen and (max-width: 959px) {
   

    
    #SucheButton {
        width: 100%;
        max-width: 100%;
        min-width: 200px;
        padding: 3%;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius:0px;
    }
}

/*SUCHE BUTTON ENDE*/



/*########################################################################################################################################################################## NAVIGATION*/
#navigationV4 {
    max-width: 250px;
 
    font-size: 1.0em;
  z-index: 10000;
  margin-top: 220px;
  margin-left: 0%;
  margin-right: auto;
    
     -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
    
}

ul.FM_CSS_navigationV4, ul.FM_reset, ul.FM_CSS_navigationV4 div, ul.FM_CSS_navigationV4 span, ul.FM_CSS_navigationV4 ul, ul.FM_CSS_navigationV4 li, ul.FM_CSS_navigationV4 table, ul.FM_CSS_navigationV4 tr, ul.FM_CSS_navigationV4 th, ul.FM_CSS_navigationV4 td, ul.FM_CSS_navigationV4 a {
 background: none repeat top left scroll;
  border-left: 0 none #000000;
  border-top: 0 none #000000;
  border-bottom: 0 none #000000;
  border-right: 0px solid #000000;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0;
  color: #fff;
    
   /* border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;*/
}
.relativeDiv {
  position: relative;
}
/*************************************************************************************************/
/* I.A. Global resets */
/*************************************************************************************************/
/* I.A.1. Remove list style */
ul.FM_CSS_navigationV4, ul.FM_CSS_navigationV4 ul {
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
}
/* I.A.2. Remove anchor outlines when clicked */
ul.FM_CSS_navigationV4 a:active, ul.FM_CSS_navigationV4 a:focus {
  outline-style: none;
}
/* I.A.3. Force block display on lists and list items */
ul.FM_CSS_navigationV4, ul.FM_CSS_navigationV4 ul {
  display:block;
}
ul.FM_CSS_navigationV4 li {
  display:block;
  float: none;
  clear: both;
}
/* I.A.4. Hide span overflow */
ul.FM_CSS_navigationV4 span {
overflow: hidden;
}
/* I.A.5. Display and positioning for containers */
ul.FM_CSS_navigationV4 {
  position: relative;
  display:block;
  width:100%;
  height:auto;
}
div.FM_CSS_navigationV4_container {
  position: relative;
   float: none;
  clear: both;
    margin-left:auto;
    margin-right: auto;
  z-index: 2000;
  text-align: left;
  
}
div.FM_CSS_navigationV4_container.stick {
  position: fixed;
  top: 0px;
}
*+html ul.FM_CSS_navigationV4 {
  display: inline;
}

ul.FM_CSS_navigationV4 ul {
  position: absolute;
  z-index: 2000;
}


/* I.A.6. Reset margin to 0 for all menu containers */
ul.FM_CSS_navigationV4, ul.FM_CSS_navigationV4 ul {
  margin: 0 0 0 0;
}

/* I.A.7. Reset padding to 0 for all menu containers */
ul.FM_CSS_navigationV4, ul.FM_CSS_navigationV4 ul {
  padding: 0 0 0 0;
}
/* I.A.8. Display block for all anchors in list items */
ul.FM_CSS_navigationV4 a {
  display: block;
  

}
/* I.A.9. Display block for all spans in list items, also height 100% */
ul.FM_CSS_navigationV4 span,ul.FM_CSS_navigationV4 font {
  display: block;
 
}
/*************************************************************************************************/
/* I.B. Sub-menu visibility */
/*************************************************************************************************/
/* I.B.1. Hide by default all menus of level greater than one */
ul.FM_CSS_navigationV4 ul {
  display: none;
}
/* I.B.2. Establish containing blocks (position: relative) from menu items on hover to be able to position sub-menus */
ul.FM_CSS_navigationV4 li {
  position: relative;
}
ul.FM_CSS_navigationV4 ul li {
  position: relative;
  
}
ul.FM_CSS_navigationV4 ul ul li {
  position: relative;
  
}
/* I.B.3. Show submenu when hovering over menu item */
ul.FM_CSS_navigationV4 li >ul {
  display: none;
}
ul.FM_CSS_navigationV4 li:hover >ul {
  display:inline-block;
}
/*       * *      * *      * *    ||           ||
	    * * *    * * *    * * *   ||  LEVEL 1  ||
	     * *      * *      * *    ||           ||
*/
/*************************************************************************************************/
/* II.A. Positioning */
/*************************************************************************************************/
/* II.A.1 Left float for horizontal menus (more rows will be generated if available width is overpassed) */
ul.FM_CSS_navigationV4 li {
  float:left;
	width:100%;
}
/* II.A.2. Offsets for submenus: left, top */
ul.FM_CSS_navigationV4 {
}
/*************************************************************************************************/
/* II.B. Container design */
/*************************************************************************************************/
/* II.B.1. Background (color, image, image repeat, image position) */
/* II.B.2. Border */
/* II.B.3. Explicit container width/height (optional) */
div.FM_CSS_navigationV4_container {
   padding: 0 0 0 0;
  
}
/* II.B.4. Container padding */
div.FM_CSS_navigationV4_container {
  padding: 0px 0px 0px 0px;
    
  
}
/*************************************************************************************************/
/* II.C. Menu item design (default state) */
/*************************************************************************************************/
/* II.C.1. Padding */
/* II.C.2. Border */
/* II.C.3. Background (color, image, image repeat, image position) */
/* II.C.4. Text color */
/* II.C.5. Font size */
/* II.C.6. Font properties (family, weight, style, decoration) */
/* II.C.7. Text align */
/* II.C.8. Cursor */
/* II.C.9. Explicit item width/height, optional */
ul.FM_CSS_navigationV4 li a {
   background: url('') no-repeat left center scroll;
  border-left: 0px dotted #fff;
  border-top: 0px solid #000000;
  border-bottom: 0px solid #000000;
  border-right: 0px dotted #fff;
  padding: 15px 15px 5px 20px; 
  border-bottom: 3px solid rgba(230,230,230,0.2);
  width:auto;
  height:auto;
	min-height: 50px;
    max-height: 250px;
	min-width: 220px;
    max-width: 280px;
  
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}
ul.FM_CSS_navigationV4 li a, ul.FM_CSS_navigationV4 li a span, ul.FM_CSS_navigationV4 li a font {
 font: normal normal normal 1.0em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-weight: 300;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
    
    line-height: 1.2em !important;
  color: rgba(255,255,255,1);
  text-decoration: none;
  text-align:left;
  cursor: pointer;
  background-color:transparent;
    
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* II.C.10. Menu item spacing */
ul.FM_CSS_navigationV4 li {
  padding: 0px 0px 0px 0px;
    margin-right:0px;
    border-radius: 0px;
  -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
          background-color:rgba(250,250,250,0);
    
      /* box-shadow: 3px 3px 5px #777;
   -moz-box-shadow: 3px 3px 5px #777;
    -webkit-box-shadow: 3px 3px 5px #777;
    box-shadow: 3px 3px 5px #777;*/

    
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*************************************************************************************************/
/* II.D. Menu item design (hover state) */
/*************************************************************************************************/
/* II.D.*. Any of II.C. may be changed but colors should be the most common */
ul.FM_CSS_navigationV4 li.hovered >a {
  background-color: rgba(3,3,3,1);
   border-radius: 0px;
  -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
  
          opacity: 1;
    
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
ul.FM_CSS_navigationV4 li:hover >a,ul.FM_CSS_navigationV4 li.hover >a {
   font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
    line-height: 1.2em;
  color: #fff;
  text-decoration: none;
  text-align:center;
  cursor: pointer;
    background-color: #222;
    
}
ul.FM_CSS_navigationV4 li.hovered >a, ul.FM_CSS_navigationV4 li.hovered >a span, ul.FM_CSS_navigationV4 li.hovered >a font {
  font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  color: #212121;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
ul.FM_CSS_navigationV4 li:hover >a,ul.FM_CSS_navigationV4 li.hover >a, ul.FM_CSS_navigationV4 li:hover >a span, ul.FM_CSS_navigationV4 li.hover >a span, ul.FM_CSS_navigationV4 li:hover >a font, ul.FM_CSS_navigationV4 li.hover >a font {
  font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*************************************************************************************************/
/* II.E. Has children icon (default state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 li a span {
  padding: 0px 0px 0px 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 li a span, ul.FM_CSS_navigationV4 li a font {
	font: normal normal 300 1em/100% 'ubuntu-light', Arial, sans-serif;
    font-family: 'ubuntu-light', Arial, sans-serif;
font-style: normal;
font-weight: 200;
  padding: 0px 0px 0px 0px;
    height: 100%;
    width: 100%;
}
/*************************************************************************************************/
/* II.F. Has children icon (hover state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 li.hovered >a span {
  padding: 0px 0px 0px 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 li:hover >a span,ul.FM_CSS_navigationV4 li.hover >a span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 li:hover >a span,ul.FM_CSS_navigationV4 li.hover >a span, ul.FM_CSS_navigationV4 li:hover >a font,ul.FM_CSS_navigationV4 li.hover >a font {
      padding: 0px 0px 0px 0px;
}
ul.FM_CSS_navigationV4 li a.sel span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 li a.sel span, ul.FM_CSS_navigationV4 li a.sel font {
  padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* III.B. Item customization */
/*************************************************************************************************/
/* III.B.1. Custom default item style */
ul.FM_CSS_navigationV4 li a.sel {
 background: rgba(113,116,119,1) url('') no-repeat left center scroll;
  border-left: 0px solid rgba(113,116,119,1);
  border-top: 0 solid #000000;
  border-bottom: 0 solid #000000;
  border-right: 0 solid #000000;
    
}
ul.FM_CSS_navigationV4 li a.sel, ul.FM_CSS_navigationV4 li a.sel span, ul.FM_CSS_navigationV4 li a.sel font {
  font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  color: #fff;
  text-decoration: underline;
  text-align: left;
  cursor: pointer;

}
/*       * *      * *      * *    ||           ||
	    * * *    * * *    * * *   ||  LEVEL 2  ||
	     * *      * *      * *    ||           ||
*/
/*************************************************************************************************/
/* II.A. Positioning */
/*************************************************************************************************/
/* II.A.1 Left float for horizontal menus (more rows will be generated if available width is overpassed) */
ul.FM_CSS_navigationV4 ul li {
    float:left;
    width: 100%;
}
/* II.A.2. Offsets for submenus: left, top */
ul.FM_CSS_navigationV4 li >.ui-effects-wrapper {
  top: 0px;
  left: 0px;
}
ul.FM_CSS_navigationV4 li ul {
 top: 0px;
  left: 200px;
}
/*************************************************************************************************/
/* II.B. Container design */
/*************************************************************************************************/
/* II.B.1. Background (color, image, image repeat, image position) */
/* II.B.2. Border */
/* II.B.3. Explicit container width/height (optional) */
ul.FM_CSS_navigationV4 ul {
  background: none repeat left top scroll;
  border-left: 0px solid #000000;
  border-top: 0px solid #000000;
  border-bottom: 0px solid #000000;
  border-right: 0px solid #000000;
   width: 280px;
  height: auto;
    min-height: 40px;
}
/* II.B.4. Container padding */
ul.FM_CSS_navigationV4 ul {
    padding: 3px 3px 3px 3px; 
    margin-top: -20px;
    background-color:rgba(0,0,0,0.7);
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
/*************************************************************************************************/
/* II.C. Menu item design (default state) */
/*************************************************************************************************/
/* II.C.1. Padding */
/* II.C.2. Border */
/* II.C.3. Background (color, image, image repeat, image position) */
/* II.C.4. Text color */
/* II.C.5. Font size */
/* II.C.6. Font properties (family, weight, style, decoration) */
/* II.C.7. Text align */
/* II.C.8. Cursor */
/* II.C.9. Explicit item width/height, optional */
ul.FM_CSS_navigationV4 ul li a {
   background: #222 url('') no-repeat left center scroll;
  border-left: 0px solid #dea140;
  border-top: 0 solid #dea140;
  border-bottom: 0 solid #000000;
  border-right: 0 solid #dea140;
  padding: 20px;
  width: 100%;
    min-width: 280px;
  height:auto;
    min-height: 40px;
}
ul.FM_CSS_navigationV4 ul li a, ul.FM_CSS_navigationV4 ul li a span, ul.FM_CSS_navigationV4 ul li a font {
 font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
    line-height: 1.2em;
  color: #fff;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
/* II.C.10. Menu item spacing */
ul.FM_CSS_navigationV4 ul li {
  padding: 0px 0px 0px 0px; 
}
/*************************************************************************************************/
/* II.D. Menu item design (hover state) */
/*************************************************************************************************/
/* II.D.*. Any of II.C. may be changed but colors should be the most common */
ul.FM_CSS_navigationV4 ul li.hovered >a {
  background: #ccc url('') no-repeat left center scroll;
  border-left: 0px solid #ccc;
  border-top: 0 solid #dea140;
  border-bottom: 0 solid #000000;
  border-right: 0 solid #ccc;
    
}
ul.FM_CSS_navigationV4 ul li:hover >a,ul.FM_CSS_navigationV4 ul li.hover >a {
  background: none no-repeat left center scroll;
  border-bottom: 0px solid #c74b3e;
     line-height: 1.2em;
    padding: 20px; 
  width: auto;
  text-shadow: none;
  height: auto;
}
ul.FM_CSS_navigationV4 ul li.hovered >a, ul.FM_CSS_navigationV4 ul li.hovered >a span, ul.FM_CSS_navigationV4 ul li.hovered >a font {
  font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
    line-height: 1.2em;
  color: #000;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
 background-color: rgba(100,100,100,1);
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
ul.FM_CSS_navigationV4 ul li:hover >a,ul.FM_CSS_navigationV4 ul li.hover >a, ul.FM_CSS_navigationV4 ul li:hover >a span, ul.FM_CSS_navigationV4 ul li.hover >a span, ul.FM_CSS_navigationV4 ul li:hover >a font, ul.FM_CSS_navigationV4 ul li.hover >a font {
  font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  color: #ffffff;
    line-height: 1.2em;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
 background-color: rgba(100,100,100,1);
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*************************************************************************************************/
/* II.E. Has children icon (default state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 ul li a span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 ul li a span, ul.FM_CSS_navigationV4 ul li a font {
  padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* II.F. Has children icon (hover state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 ul li.hovered >a span {
  padding: 0px 0px 0px 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 ul li:hover >a span,ul.FM_CSS_navigationV4 ul li.hover >a span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 ul li:hover >a span,ul.FM_CSS_navigationV4 ul li.hover >a span, ul.FM_CSS_navigationV4 ul li:hover >a font,ul.FM_CSS_navigationV4 ul li.hover >a font {
  padding: 0px 0px 0px 0px;
}
ul.FM_CSS_navigationV4 ul li a.sel span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 ul li a.sel span, ul.FM_CSS_navigationV4 ul li a.sel font {
  padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* III.B. Item customization */
/*************************************************************************************************/
/* III.B.1. Custom default item style */
ul.FM_CSS_navigationV4 ul li a.sel {
  background: rgba(113,116,119,1) url('') no-repeat left center scroll;
 
}
ul.FM_CSS_navigationV4 ul li a.sel, ul.FM_CSS_navigationV4 ul li a.sel span, ul.FM_CSS_navigationV4 ul li a.sel font {
  font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  color: #ffffff;
  text-decoration: underline;
  text-align: left;
  cursor: pointer;
 background-color: rgba(113,116,119,1);
   
}
/*       * *      * *      * *    ||           ||
	    * * *    * * *    * * *   ||  LEVEL 3  ||
	     * *      * *      * *    ||           ||
*/
/*************************************************************************************************/
/* II.A. Positioning */
/*************************************************************************************************/
/* II.A.1 Left float for horizontal menus (more rows will be generated if available width is overpassed) */
ul.FM_CSS_navigationV4 ul ul li {
  float: left;
}
/* II.A.2. Offsets for submenus: left, top */
ul.FM_CSS_navigationV4 ul .ui-effects-wrapper {
  top: 0px;
  left: 150px;
}
ul.FM_CSS_navigationV4 ul ul {
  top: -9999px;
  left: -9999px;
}
/*************************************************************************************************/
/* II.B. Container design */
/*************************************************************************************************/
/* II.B.1. Background (color, image, image repeat, image position) */
/* II.B.2. Border */
/* II.B.3. Explicit container width/height (optional) */
ul.FM_CSS_navigationV4 ul ul {
 
  width: 100%;
  height: 100%;
  /*background-color: #fff;*/
  background-image: url('');
}
/* II.B.4. Container padding */
ul.FM_CSS_navigationV4 ul ul {
 padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* II.C. Menu item design (default state) */
/*************************************************************************************************/
/* II.C.1. Padding */
/* II.C.2. Border */
/* II.C.3. Background (color, image, image repeat, image position) */
/* II.C.4. Text color */
/* II.C.5. Font size */
/* II.C.6. Font properties (family, weight, style, decoration) */
/* II.C.7. Text align */
/* II.C.8. Cursor */
/* II.C.9. Explicit item width/height, optional */
ul.FM_CSS_navigationV4 ul ul li a {
  background: #fff url('') no-repeat left center scroll;
  padding: 10px;
  width: 150px;
  min-height: 40px;
}
ul.FM_CSS_navigationV4 ul ul li a, ul.FM_CSS_navigationV4 ul ul li a span, ul.FM_CSS_navigationV4 ul ul li a font {
 font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
    line-height: 1.2em;
  color: #fff;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
 background-color: rgba(113,116,119,1);
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
    
}
/* II.C.10. Menu item spacing */
ul.FM_CSS_navigationV4 ul ul li {
  padding: 0 0 0 0;
}
/*************************************************************************************************/
/* II.D. Menu item design (hover state) */
/*************************************************************************************************/
/* II.D.*. Any of II.C. may be changed but colors should be the most common */
ul.FM_CSS_navigationV4 ul ul li.hovered >a {
 background: #dea140 url('') no-repeat left center scroll;
  
}
ul.FM_CSS_navigationV4 ul ul li:hover >a,ul.FM_CSS_navigationV4 ul ul li.hover >a {
 background: #dea140 url('') no-repeat left center scroll;
 
}
ul.FM_CSS_navigationV4 ul ul li.hovered >a, ul.FM_CSS_navigationV4 ul ul li.hovered >a span, ul.FM_CSS_navigationV4 ul ul li.hovered >a font {
   font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
    line-height: 1.2em;
  color: #fff;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
ul.FM_CSS_navigationV4 ul ul li:hover >a,ul.FM_CSS_navigationV4 ul ul li.hover >a, ul.FM_CSS_navigationV4 ul ul li:hover >a span, ul.FM_CSS_navigationV4 ul ul li.hover >a span, ul.FM_CSS_navigationV4 ul ul li:hover >a font, ul.FM_CSS_navigationV4 ul ul li.hover >a font {
  font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
    line-height: 1.2em;
  color: #fff;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
 background-color: rgba(0,0,0,1);
    padding: 10px;
}
/*************************************************************************************************/
/* II.E. Has children icon (default state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 ul ul li a span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 ul ul li a span, ul.FM_CSS_navigationV4 ul ul li a font {
  padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* II.F. Has children icon (hover state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 ul ul li.hovered >a span {
  padding: 0px 0px 0px 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 ul ul li:hover >a span,ul.FM_CSS_navigationV4 ul ul li.hover >a span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 ul ul li:hover >a span,ul.FM_CSS_navigationV4 ul ul li.hover >a span, ul.FM_CSS_navigationV4 ul ul li:hover >a font,ul.FM_CSS_navigationV4 ul ul li.hover >a font {
  padding: 0px 0px 0px 0px;
}
ul.FM_CSS_navigationV4 ul ul li a.sel span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
ul.FM_CSS_navigationV4 ul ul li a.sel span, ul.FM_CSS_navigationV4 ul ul li a.sel font {
  padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* III.B. Item customization */
/*************************************************************************************************/
/* III.B.1. Custom default item style */
ul.FM_CSS_navigationV4 ul ul li a.sel {
  background: rgba(113,116,119,1) url('') no-repeat left center scroll;
  border-left: 0px solid rgba(113,116,119,1);
  border-top: 0 solid rgba(113,116,119,1);
  border-bottom: 0 solid #000000;
  border-right: 0 solid rgba(113,116,119,1);
}
ul.FM_CSS_navigationV4 ul ul li a.sel, ul.FM_CSS_navigationV4 ul ul li a.sel span, ul.FM_CSS_navigationV4 ul ul li a.sel font {
 font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  color: #ffffff;
  text-decoration: underline;
  text-align: left;
  cursor: pointer;
  /*background-color: rgba(113, 116, 119, 1);*/
}
/*************************************************************************************************/
/* IV.A Mobile menu customization */
/*************************************************************************************************/
/*presetstart*/
@media screen and (max-width : 659px ){
  .FM_CSS_navigationV4_container { 
    display:none;
  }
  a#FM_CSS_navigationV4_mobile_button { 
   display:block;
  }
}
@media screen and (min-width : 659px ){
  .FM_CSS_navigationV4_container { 
    display:block;
  }
  
  a#FM_CSS_navigationV4_mobile_button { 
  display:none;
  }
}
.FM_CSS_navigationV4_mobile-overlay {
  background: rgba(0, 0, 0, 0.70) none repeat top left scroll;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  display: inline;
  z-index: 1005000000000;
}
.FM_CSS_navigationV4_mobile-overlay-hide {
  background: rgba(0, 0, 0, 0) none repeat top left scroll;
  display: none;
}
/************************* mobile button ************************/
a#FM_CSS_navigationV4_mobile_button {
  padding: 1em 0px 1em 0px;
  position: relative;
  width: auto;
  text-decoration: none;
  min-width: 50px;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #3377FF;
  background-color: #414141;
  font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-left: 10px;
  margin-right: 10px;
}
a#FM_CSS_navigationV4_mobile_button span {
  color: #000;
}
a#FM_CSS_navigationV4_mobile_button span.caption {
  text-transform: none;
}
a#FM_CSS_navigationV4_mobile_button span.caption:before {
  background: url("mini_menu.png") no-repeat 0 center scroll;
  width: 18px;
}
a#FM_CSS_navigationV4_mobile_button span.down-arrow {
  display: none;
}
a#FM_CSS_navigationV4_mobile_button span.caption {
  font-size: 14px;
}
/************************* mobile menu ************************/
div#FM_CSS_navigationV4_jq_menu_back div.main-menu-header {
  background: url("close_icon.png") no-repeat center center scroll;
  border-left: 0 none #000000;
  border-top: 0 none #000000;
  border-bottom: 0 none #000000;
  border-right: 0 none #000000;
  padding: 14px 14px 14px 14px;
  position: relative;
  width: 14px;
  height: 14px;
  float: right;
  text-decoration: none;
  min-width: 14px;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  font-weight: bold;
  font-size: 14px;
  margin-top: 13px;
  margin-left: 10px;
  margin-right: 10px;
}
div#FM_CSS_navigationV4_jq_menu_back div.main-menu-header p span.caption:before {
  background: url("mini_menu.png") no-repeat -2px scroll;
  width: 18px;
  content: ' ';
  height: 20px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 9px;
}
div#FM_CSS_navigationV4_jq_menu_back {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(0,0,0,1) !important;
  font-size: 0.9em;
}
div#FM_CSS_navigationV4_jq_menu_back ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header {
  background: #000 none repeat top left scroll;
  position: relative;
  width: auto;
  display: block;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}
div#FM_CSS_navigationV4_jq_menu_back a {
  padding: 1em 0px 1em 0px;
  overflow: hidden;
  background-color: #3377FF;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  font-weight: bold;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header >a {
  background: none repeat left top scroll;
  /*margin: 5px 5px 5px 5px;*/
  display: inline-block;
  width: 50px;
  height: 42px;
  float: left;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header >a:hover,div#FM_CSS_navigationV4_jq_menu_back div.menu-header >a.hover {
  background-color: lime;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header >p {
  margin: 0 0 0 0;
  color: #FFF;
  text-indent: -40px;
  /*line-height: 50px;*/
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header >p:hover,div#FM_CSS_navigationV4_jq_menu_back div.menu-header >p.hover {
  color: #CCF;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header >p a {
  background: none repeat left top scroll;
  text-decoration: none;
  display: block;
  width: auto;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container >.menu {
  float: left;
  width: 100%;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li {
  background: none repeat left top scroll;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
  position: relative;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li p {
  margin: 0 0 0 0;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li a {
  background: none repeat left top scroll;
  
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container .branch, div#FM_CSS_navigationV4_jq_menu_back div.menu-container .leaf {
  margin: 0 0px 0 0px;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container .branch:before {
  content: "+ ";
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container .leaf:before {
  content: "- ";
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li.ellipsis:last-child {
  border-bottom: 2px solid #00BFFF;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header >p a {
  border-bottom: 2px solid #00BFFF;
}
div#FM_CSS_navigationV4_jq_menu_back ul {
  margin: 0px 0px 0px 0px;
  list-style-type: none;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container div.main-menu ul li.clicked, div#FM_CSS_navigationV4_jq_menu_back div.menu-container div.submenu ul li.clicked {
  background-color: #00BFFF;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li.ellipsis a {
  width: 100%;
  float: left;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li a {
  padding: 0 0px 0 0px;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li a, div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li a span {
  color: white;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container .leaf:before, div#FM_CSS_navigationV4_jq_menu_back div.menu-container .branch:before {
  width: 0px;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container .leaf:before {
  background: url("mini_circle.png") no-repeat top left scroll;
  opacity: 0.5;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container .branch:before {
  background: url("mini_arrow.png") no-repeat top left scroll;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container .branch:before, div#FM_CSS_navigationV4_jq_menu_back div.menu-container .leaf:before, a#FM_CSS_navigationV4_mobile_button span.caption:before {
  content: ' ';
  height: 68px;
  display: inline-block;
  vertical-align: text-bottom;
  background-position: -2px 1px;
  margin-right: 9px;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li.ellipsis, div#FM_CSS_navigationV4_jq_menu_back div.menu-header >p a {
  background-color: #414141;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header, div#FM_CSS_navigationV4_jq_menu_back div.menu-header >a {
  background-color: #00BFFF;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header >p a {
  text-align: center;
  color: #FFFFFF;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header >a {
  background: url('mini_arrow_large.png') no-repeat 17px 15px scroll;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header >a:hover, div#FM_CSS_navigationV4_jq_menu_back div.menu-header >a.hover {
  background-color: transparent;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li {
  height: 68px;
  line-height: 1.2em;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li.ellipsis a {
  margin-top: 10px;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container >.main-menu:before {
  background: #00BFFF none repeat top left scroll;
  margin: 0 10px 0 10px;
  display: block;
  width: auto;
  height: 2px;
  content: ' ';
}
/*presetend*/
/*************************************************************************************************/
/* IV.A Mobile menu skin customization */
/*************************************************************************************************/
div#FM_CSS_navigationV4_jq_menu_back a span, div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li a, div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li a span, div#FM_CSS_navigationV4_jq_menu_back div.menu-header >p a {
  color: #FFFFFF;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li.ellipsis:last-child,div#FM_CSS_navigationV4_jq_menu_back div.menu-header p >a {
  border-bottom-color: #e84c3d;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-header, div#FM_CSS_navigationV4_jq_menu_back div.menu-header >a, div#FM_CSS_navigationV4_jq_menu_back div.menu-container >.main-menu:before, div#FM_CSS_navigationV4_jq_menu_back div.menu-container div.main-menu ul li.clicked, div#FM_CSS_navigationV4_jq_menu_back div.menu-container div.submenu ul li.clicked {
  background-color: #e84c3d;
  border-bottom-color: #e84c3d;
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container ul li.ellipsis, div#FM_CSS_navigationV4_jq_menu_back div.menu-header >p a, div#FM_CSS_navigationV4_jq_menu_back div.main-menu-header, div#FM_CSS_navigationV4_jq_menu_back {
  background-color: #414141;
}
a#FM_CSS_navigationV4_mobile_button {
  background-color: #414141;
  border-left-color: #000;
  border-top-color: #000;
  border-bottom-color: #000;
  border-right-color: #000;
}
a#FM_CSS_navigationV4_mobile_button.stick {
  position: fixed;
  top: 0;
}
a#FM_CSS_navigationV4_mobile_button span {
  color: #FFFFFF;
}
a#FM_CSS_navigationV4_mobile_button span.caption:before, div#FM_CSS_navigationV4_jq_menu_back div.main-menu-header p span.caption:before {
  background-image: url("mini_menu.png");
}
div#FM_CSS_navigationV4_jq_menu_back div.menu-container .branch:before {
  background: url("mini_arrow.png") no-repeat top left scroll;
}
/*************************************************************************************************/
/* II.C. Menu item design (default state) */
/*************************************************************************************************/
/* II.C.1. Padding */
/* II.C.2. Border */
/* II.C.3. Background (color, image, image repeat, image position) */
/* II.C.4. Text color */
/* II.C.5. Font size */
/* II.C.6. Font properties (family, weight, style, decoration) */
/* II.C.7. Text align */
/* II.C.8. Cursor */
/* II.C.9. Explicit item width/height, optional */
ul.FM_CSS_navigationV4 li a.lastsm {
  background: none no-repeat left center scroll;
  border-bottom: 1px none #8e54a4;
  padding: 15px 10px 15px 0px;
  width: 120px;
  height: auto;
  -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px rgba(0,0,0,0);
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
}
ul.FM_CSS_navigationV4 li a.lastsm, ul.FM_CSS_navigationV4 li a.lastsm span, ul.FM_CSS_navigationV4 li a.lastsm font {
  font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
/* II.C.10. Menu item spacing */
ul.FM_CSS_navigationV4 li.lastsm {
  padding: 0 0px 0px 0px;
}
ul.FM_CSS_navigationV4 li:hover >a.lastsm,ul.FM_CSS_navigationV4 li.hover >a.lastsm {
  background: none no-repeat left center scroll;
  border-bottom: 1px none #8e54a4;
  padding: 10px 5px 15px 5px;
  width: 100%;
  text-shadow: none;
  height: auto;
}
ul.FM_CSS_navigationV4 li:hover >a.lastsm,ul.FM_CSS_navigationV4 li.hover >a.lastsm, ul.FM_CSS_navigationV4 li:hover >a.lastsm span, ul.FM_CSS_navigationV4 li.hover >a.lastsm span, ul.FM_CSS_navigationV4 li:hover >a.lastsm font, ul.FM_CSS_navigationV4 li.hover >a.lastsm font {
  font: normal normal 100 1.2em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
/*************************************************************************************************/
/* II.E. Has children icon (default state) */
/*************************************************************************************************/
ul.FM_CSS_navigationV4 li a.lastsm span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
undefined {
  padding: 0px 0px 0px 0px;
}
ul.FM_CSS_navigationV4 li:hover >a.lastsm span,ul.FM_CSS_navigationV4 li.hover >a.lastsm span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
undefined {
  padding: 0px 0px 0px 0px;
}
ul.FM_CSS_navigationV4 li a.sel_lastsm span {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
}
undefined {
  padding: 0px 0px 0px 0px;
}
/*************************************************************************************************/
/* III.B. Item customization */
/*************************************************************************************************/
/* III.B.1. Custom default item style */
ul.FM_CSS_navigationV4 li a.sel_lastsm, ul.FM_CSS_navigationV4 li.hover >a.sel_lastsm {
  background: none no-repeat left center scroll;
  border-bottom: 0px none #8e54a4;
  padding: 31px 10px 10px 0px;
  width: 150px;
  height: auto;
  text-shadow: none;
}
ul.FM_CSS_navigationV4 li a.sel_lastsm, ul.FM_CSS_navigationV4 li a.sel_lastsm span, ul.FM_CSS_navigationV4 li a.sel_lastsm font, ul.FM_CSS_navigationV4 li.hover >a.sel_lastsm, ul.FM_CSS_navigationV4 li.hover >a.sel_lastsm span, ul.FM_CSS_navigationV4 li.hover >a.sel_lastsm font {
  font: normal normal 100 1em/100% 'ubuntu-light', ingra-2, Arial, sans-serif;
    font-family: 'ubuntu-light', ingra-2, Arial, sans-serif;
font-style: normal;
font-weight: 200;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
/*************************************************************************************************/
/* II.C. Menu item design (default state) */
/*************************************************************************************************/
/* II.C.1. Padding */
/* II.C.2. Border */
/* II.C.3. Background (color, image, image repeat, image position) */
/* II.C.4. Text color */
/* II.C.5. Font size */
/* II.C.6. Font properties (family, weight, style, decoration) */
/* II.C.7. Text align */
/* II.C.8. Cursor */
/* II.C.9. Explicit item width/height, optional */
ul.FM_CSS_navigationV4 ul li ul {
  left: 150px;
  top: 20px;
}