.container-outer{
    position:relative;

    margin:50px auto;
    /*        background: red;*/
}
.container-outer-content{
    position:relative;
   
    min-height:540px;
    margin:50px auto;    
}
.container-outer-content *{
    color:#65757C!important;
    line-height: 23px;
    /*    letter-spacing: 1px;*/

}

.container1{
    position:relative;
    width:100%;
	max-width: 960px;
    height: auto;
   left: 0;
  right: 0;
  margin: 0 auto;
    /*    margin:30px auto;*/
    /*    margin-left:230px;*/
   background: rgba(51,120,221,0.41);
}


.container2{
    position:absolute;
    width:900px;
    height:600px;
    margin-left: 30px;
    background: rgba(21,149,22,0.55);
}
.container3{
    position:absolute;
    max-width: 500px;
    height:540px;
	left: 0;
  right: 0;
  margin: 0 auto;
    
  background: rgba(229,211,26,0.0);
}


.container_relativ{
    position: relative;
   min-height: 900px;
}


.container-fheight{
    position: relative;

}


.resp-fheight-bild{
 position:relative;
    width:100%;
	max-width: 960px !important;
    height: auto;
   left: 0;
  right: 0;
  margin: 0 auto;
    /*    margin:30px auto;*/
    /*    margin-left:230px;*/
 
  
}



.resp-bild{
   position: absolute;  
  width: 100%;
  height: auto;
	text-align: center;
  
}



#shadow{
    background:url("../shadow2.png") no-repeat;
    position:relative;
    width:450px;
    /*    width:324px;*/
    height:85px;
    margin:110px auto;
}

.hint{
    text-align: left;
/*    min-height: 60px;*/
    height: auto;
    /*    background: white;*/
    /*    color: #65757C!important;*/
    /*    cursor: pointer;*/
    z-index: 100000;
    /*    opacity: 0.9;*/
    /*    border-radius:3px;*/
    display:none;

}
.hint:hover{

    /*    opacity: 0.8;*/
}

.hint-animation{
     background:url("../../img/anim_logo_triangles.gif") no-repeat;
     width: 30px;
     height: 30px;
     margin-right:10px;
     margin-top:-4px;
     float:left;

}

.hint-continue{
    /*    width:178px;
        height:178px;*/
    width:0px;
    height:0px !important;
    margin-top:-380px;  
    margin-left:450px;  
    /*    margin-top:240px;  
        margin-left:400px;  */
    background: url("../../img/icon_continue_big.png") no-repeat;
    cursor:pointer;
    position: absolute;
    display: none;
    /*     opacity: 0.8;*/

}
/*.hint-continue{
    border-radius:3px;
    margin-top:30px;  
    margin-bottom:30px;  
    line-height: 40px;
    background: black;
    width: 180px;
    padding:20px;
    border:1px solid black;
}*/
.hint-continue:hover{
    /*    border-radius:10px;*/
    /*    border:1px solid #F00;*/
    /*    color:red;*/
    /*    opacity: 1.0;*/
}
/*.hint-continue:after{
    content: url("../img/icon_continue.png");
    margin-left:20px;
    float:right;
    display: inline;
}*/
.overview{
padding: 20px;
text-align: center;
max-width: 600px;
height: auto;
top: 20px;
cursor: default;
z-index: 100000;
display: none;
margin: 0 auto;
}




.overview-title{
    /*font-size: 20px;
    color:red;
    text-transform: uppercase;*/
}



/*side navigation*/

/*.sn-container{
    top: 100px;  
    background: red;
}*/


.sn-top1{
    
}
.sn-top2{
   
}
.sn-top3{
   
}
/*.sn-top2-1{
    top: 150px;  
}
.sn-top2-2{
    top: 200px; 
        text-align:right;
}*/
.sn-top4{
  
}
/*.sn-top5{
    top: 200px;  
}*/
.sn-top6{
  

    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.sn-top7{
  

    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.sn-top6:hover, .sn-top7:hover{

    opacity: 0.7;

}


.nav-h{
position: relative !important;
display: inline-block;
padding-left: 30px;
}



.nav-h-nopad1{
padding-left: 0px !important;
}



.sidenav-overlay1, .sidenav-overlay2, .sidenav-overlay3, .sidenav-overlay4 {
 cursor: default !important;
    padding: 0px;
    z-index:9995;
/*background: blue;*/
	 width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
	display: none;
}




/*.sidenav-overlay2{


    padding: 0px;
    z-index:1001;

    display: none;

}
.sidenav-overlay3{
padding: 0px;
    z-index:1001;

    display: none;

}
.sidenav-overlay4{


    padding: 0px;
    z-index:1001;

    display: none;

}*/
/*.hint-continue:after{
    content: url("../img/icon_continue.png");
    margin-left:20px;
    float:right;
    display: inline;
}*/



.animation_nav_container{

	width: 100%;
	z-index: 888888;
}


.animation-container-navigation{
text-align: center;
height: auto;
margin: 0 auto;
}




.sidenav{
z-index:100;
display: inline-block;
    margin-bottom: 3px;
    font-size:14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}


.p5440_features{
font-weight: 400 !important;
}

.p5440_features_aktiv{
color: #00A3E2;
}



.sidenav a{
  
/*    right: -130px;*/
    position: relative;
    z-index:1000;
    font-weight:700;
    font-size:14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    text-decoration: none;
}
.blur-text{
    text-shadow: 0px 0px 4px rgba(255, 0, 0, 0.8);  
}




.sidenav-icon-play-entsalzung{
    width:45px;
    height:45px;
    background: url("../../img/icon_continue_entsalzung.svg") no-repeat;
    
	margin: 0 auto;
   /* float:left;*/
/*    display: inline;   */
	margin-bottom: 10px;

}

#openCalc:hover .p5440_features{
    color: #00A3E2 !important;
}
#openCalc:hover .sidenav-icon-play-entsalzung{
    background: url("../../img/icon_stop_entsalzung.svg") no-repeat;
}


.sidenav-icon-stop-entsalzung{
    width:45px;
    height:45px;
    background: url("../../img/icon_stop_entsalzung.svg") no-repeat;
    
	margin: 0 auto;
   /* float:left;*/
/*    display: inline;   */
	margin-bottom: 10px;

}


.sidenav-icon-play-gasabscheider{
    width:45px;
    height:45px;
    background: url("../../img/icon_continue_gasabscheider.svg") no-repeat;
	margin: 0 auto;
	margin-bottom: 10px;
}

#openGas:hover .p5440_features{
    color: #00A3E2 !important;
}
#openGas:hover .sidenav-icon-play-gasabscheider{
    background: url("../../img/icon_stop_gasabscheider.svg") no-repeat;
}

.sidenav-icon-stop-gasabscheider{
    width:45px;
    height:45px;
    background: url("../../img/icon_stop_gasabscheider.svg") no-repeat;
	margin: 0 auto;
	margin-bottom: 10px;

}


.sidenav-icon-stop-gasabscheider{
    width:45px;
    height:45px;
    background: url("../../img/icon_stop_gasabscheider.svg") no-repeat;
    
	margin: 0 auto;
   /* float:left;*/
/*    display: inline;   */
	margin-bottom: 10px;

}





.sidenav-icon-play-anodenschutz{
    width:45px;
    height:45px;
    background: url("../../img/icon_continue_anodenschutz.svg") no-repeat;
    
	margin: 0 auto;
   /* float:left;*/
/*    display: inline;   */
	margin-bottom: 10px;

}
#openRust:hover .p5440_features{
    color: #00A3E2 !important;
}
#openRust:hover .sidenav-icon-play-anodenschutz{
    background: url("../../img/icon_stop_anodenschutz.svg") no-repeat;
}

.sidenav-icon-stop-anodenschutz{
    width:45px;
    height:45px;
    background: url("../../img/icon_stop_anodenschutz.svg") no-repeat;
	margin: 0 auto;
	margin-bottom: 10px;

}

.sidenav-icon-play-magnetfilter{
    width:45px;
    height:45px;
    background: url("../../img/icon_continue_magnetfilter.svg") no-repeat;
    
	margin: 0 auto;
   /* float:left;*/
/*    display: inline;   */
	margin-bottom: 10px;

}
#openLime:hover .p5440_features{
    color: #00A3E2 !important;
}
#openLime:hover .sidenav-icon-play-magnetfilter{
    background: url("../../img/icon_stop_magnetfilter.svg") no-repeat;
}

.sidenav-icon-stop-magnetfilter{
    width:45px;
    height:45px;
    background: url("../../img/icon_stop_magnetfilter.svg") no-repeat;
	margin: 0 auto;
	margin-bottom: 10px;

}




.sidenav-icon-play{
    width:45px;
    height:45px;
  /*  background: url("../../img/icon_continue.png") no-repeat;*/
    
	margin: 0 auto;
   /* float:left;*/
/*    display: inline;   */
	margin-bottom: 10px;

}



.sidenav-icon-stop{
    width:45px;
    height:45px;
    /*background: url("../../img/icon_stop.png") no-repeat;*/
   /* padding-right:10px;*/
    /*float:left;*/
/*    display: inline;   */
}
/*.sidenav:before{
 content: url("../img/icon_continue.png");
    margin-left:20px;
padding-right:10px;
    float:left;
    display: inline;   
}*/
.sidenav-check{
    width: 25px;
    height: 25px;
    margin-top:5px;
    padding-left:10px;
    float:right;
    display: inline;   
    background: url("../../img/icon-checked.png") no-repeat;
    /*   content: url("../img/icon-checked.png");*/
}

/*.sidenav-overlay{
    width: 0px;
    height: 0px;
    width: 270px;
    height: 345px;
    right: -130px;
    position: absolute;
    padding: 0px;
    z-index:1001;
                background: blue;
    display: none;
}*/
.sidenav-small{
    font-size:17px;
    right: -130px;
}
.sidenav:hover{
    /*opacity: 0.5; */
    /*    color:#84939A;*/
    text-decoration: none;
    cursor: pointer;
    display: inline-block;

}


/*http://perishablepress.com/css-throwdown-preload-images-without-javascript/#comment-65823
div#preloaded-images {
    position: absolute;
    overflow: hidden;
    left: -9999px; 
    top: -9999px;
    height: 1px;
    width: 1px;
}*/

@media (max-width: 770px){
.container1 {
position: relative;
width: 100%;
max-width: 960px;
height: auto;
margin: 0 auto;
margin: 30px auto;
margin-left: 230px; 
margin-left: -50%;
background: rgba(51,120,221,0.41);
}
}