/* Alex changes */

/********************************/
/*    		Map	changes			*/
/********************************/


#canvas-info .menu-item .cite-wrapper{
    height: 153px;  
}

#canvas-info li.menu-item{
	height: 479px;
    /*margin-top: 2%;*/
        margin-top: -2px;
}

#canvas-info .menu p.fact {
    border-top: 0px solid #00a0e1;
    padding: 16px 20px 0 20px;
    margin-top: 0;
}

#canvas-info .menu-item .content, 
#canvas-info .menu-item .cite {
    padding: 20px 0 20px 0;
}
#canvas-info .menu-item .cite {
    height: 162px; 
    padding: 20px;
}

#canvas-info .menu-item .content {
    padding-top: 0;
}
#canvas-info .menu-item h3{
    
    /*background-color:#00a0e1;*/
    border-bottom:none;
    background-color: #00a0e1;
    padding-top: 20px;
    height:97px;
        border: 5px solid #00a0e1;
        margin:-3px 0 0 -4px;
}
#canvas-info .menu-item h3 span{
    border: solid 1px #007cae;
    background-image: url(/sites/all/themes/jazufra/img/infografik/ig_icons.png),-webkit-linear-gradient(bottom, #00a0e1 0%,#007cae 100%);
    background-image: url(/sites/all/themes/jazufra/img/infografik/ig_icons.png),-moz-linear-gradient(bottom,#00a0e1 0%,#007cae 100%);
    background-image: url(/sites/all/themes/jazufra/img/infografik/ig_icons.png),linear-gradient(to bottom,#00a0e1 0%,#007cae 100%);
        
    background-repeat: no-repeat, no-repeat;
    background-position: 40px 28px, 0 0;
    box-shadow: 0px 0.25rem 0.25rem rgba(88,88,88,0.3);
    padding: 20px 0 20px 0;
    width: 99.5%;
    display: block;
    border-radius: .25rem;
    
    position: absolute;
    z-index: 7;
    height: 55px;
}

#canvas-info .menu-item.active h3 span{
    border: solid 1px #007cae;
    background-image: url(/sites/all/themes/jazufra/img/infografik/ig_icons.png),-webkit-linear-gradient(bottom, #007cae 0%,#00577b 100%);
    background-image: url(/sites/all/themes/jazufra/img/infografik/ig_icons.png),-moz-linear-gradient(bottom,#007cae 0%,#00577b 100%);
    background-image: url(/sites/all/themes/jazufra/img/infografik/ig_icons.png),linear-gradient(to bottom,#007cae 0%,#00577b 100%);

}




#canvas-info .Passagiere.menu-item h3 span {
background-position: 40px -47px, 0 0;
}

#canvas-info .Airlines.menu-item h3 span {
background-position: 57px -124px, 0 0;
}

#canvas-info .Cargo.menu-item h3 span {
background-position: 68px -204px, 0 0;
}

#canvas-info .menu-item h3:before {
    border: solid 1px #007cae;
    position: absolute;
    z-index:4;
    top: 9px;
    right: 42.8%;
    width: 28px;
    height: 28px;
    margin: 0 0 0 0;
    border-radius: .25rem;
    
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    
    content: '';
    border-top: inherit;
    border-right: inherit;
    background-color: #009fe4;
}
#canvas-info .menu-item.active h3:before {
    background-color: #007cae;
}


#canvas-info .menu-item h3 span:before {
    position: absolute;
    top: -1px;
    right: 42.3%;
    width: 37px;
    height: 1px;
    content: '';
    border: none;
    background-color: #009fe4;
}

#canvas-info .menu-item.active h3 span:before {
    background-color: #007cae;
}

#canvas-info .menu-item h3 span:after {
    content: 'Auf der Karte zeigen';
    font-size: 13px;
    font-weight: normal;
    display:block;
}

#canvas-info .legend{
    font-size: 15px;
    bottom: -9px;   
}
#canvas-info .legend li{
    float:none;  
}


#module_9{
    padding-top:0.6rem;
}


/* Wählen Sie bitte ein Thema */
#canvas-info .intro{
	position: absolute;
	left: 25%;
	width: 522px;
    height: 69px;
    display: block;
}
#canvas-info .intro .introMsg {
    position: absolute;
    z-index:5;
    top: 430px;
    width: 522px;
    height: 69px;
    background-color: rgba(0, 94, 134, 0.9);
    margin-right: 50%;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding-top: 25px;
        
}

#canvas-info .intro div.introMsg .arrow {
    width: 62px;
    height: 30px; 
    position: absolute;
    z-index:5;
    top: 84px;
    left: 234px;
    opacity:0.93;
    
}

#canvas-info .scene .Destination-animations .legend li,
#canvas-info .scene .Airlines-animations .legend li{
    padding-left:0;
    background: none;

}


    /* for testing: hides non responsive video */
   /* .module.projekktor-startseite{ display:none; }*/








/* Mobile Mobile Mobile Mobile Mobile Mobile Mobile  */
@media all and (max-width: 480px) {
  
    #module_10{
        padding-top: 2em;   
   }
    
    #canvas-info,
    #canvas-info .animations, 
    #canvas-info .animations img,
    #canvas-info .scene {
        width:100%;
        height:auto;
    }
    #canvas-info {
        margin-left:0;
    }
    #canvas-info li.menu-item{
        float:none;
        height:auto;   
        width:98%;
    }
    #canvas-info .menu-item h3 span{
        width:99.5%; 
    }
    #canvas-info .menu-item .cite {
        display: none;
    }
    
    #canvas-info .intro .introMsg {
        /*display:none;*/
    }
    #canvas-info .menu-item h3:before,
    #canvas-info .menu-item h3 span:before {
        display:none;
    }
    
    
    
    #canvas-info .legend{
        position:relative;  
        margin-top:50%;
    }
    #canvas-info .legend li {
        font-size:12px;
        float: none;
        height: 1.7em;
        float:left;
        margin-top:5px;
    }
    
    #canvas-info .legend li {
        background-position: 0 -256px;
    }
    #canvas-info .legend li.pie {
        background-position: 0 -199px;
    }

}
@media all and (max-width: 568px) {
	#canvas-info .intro{
		display: none !important; 
	}
}
/* Mobile Mobile Mobile Mobile Mobile Mobile Mobile  */


@media all and (min-width: 481px) and (max-width: 599px) {
    #canvas-info,
    #canvas-info .animations, 
    #canvas-info .animations img,
    #canvas-info .scene {
        width:100%;
        height:auto;
    } 
    #canvas-info{
        margin-left:0;
    }
    #canvas-info .menu-item  {
        float:left;
        
    }
    #canvas-info .Airlines.menu-item  {
        clear:both;
    }

        #canvas-info .menu-item h3:before,
        #canvas-info .menu-item h3 span:before {
            display:none;
        }
        #canvas-info li.menu-item{
            height:350px;  
            width:48%;
        }
        #canvas-info .Airlines.menu-item,
        #canvas-info .Cargo.menu-item {
              height:320px;
        }
        #canvas-info .menu-item .cite {
            display:none;
        }
        #canvas-info .menu-item h3 span {
            background-position: 10% 28px, 0 0;
        }   
        #canvas-info .Passagiere.menu-item h3 span {
            background-position: 11% -47px, 0 0;
        }

        #canvas-info .Airlines.menu-item h3 span {
            background-position: 21% -124px, 0 0;
        }

        #canvas-info .Cargo.menu-item h3 span {
            background-position: 24% -204px, 0 0;
        }
    
    
        #canvas-info .legend{
            position:relative;  
            margin-top:50%;
        }
        #canvas-info .legend li {
            font-size:12px;
            float: none;
            height: 1.7em;
            float:left;
            margin-top:5px;
        }

        #canvas-info .legend li {
            background-position: 0 -256px;
        }
        #canvas-info .legend li.pie {
            background-position: 0 -199px;
        }
		#canvas-info .intro{
			left: 1%;
		}
		#canvas-info .intro .introMsg {
			top:278%;
		}
}



@media all and (min-width: 600px) and (max-width: 767px) {
    #canvas-info,
    #canvas-info .animations, 
    #canvas-info .animations img,
    #canvas-info .scene {
        width:100%;
        height:auto;
    } 
    #canvas-info{
        margin-left:0;
    }
    #canvas-info .menu-item  {
        float:left;
        
    }
    #canvas-info .Airlines.menu-item  {
        clear:both;
    }

        #canvas-info .menu-item h3:before,
        #canvas-info .menu-item h3 span:before {
            display:none;
        }
        #canvas-info li.menu-item{
            height:305px;   /*unique*/
            width:48%;
        }
        #canvas-info .Airlines.menu-item,
        #canvas-info .Cargo.menu-item {
              height:280px; /*unique*/
        }
        #canvas-info .menu-item .cite {
            display:none;
        }
      
        #canvas-info .menu-item h3 span {
            background-position: 19% 28px, 0 0;
        }   
        #canvas-info .Passagiere.menu-item h3 span {
            background-position: 20% -47px, 0 0;
        }

        #canvas-info .Airlines.menu-item h3 span {
            background-position: 27% -124px, 0 0;
        }

        #canvas-info .Cargo.menu-item h3 span {
            background-position: 30% -204px, 0 0;
        }
    
       #canvas-info .legend{
            position:relative;  
            margin-top:50%;
        }
        #canvas-info .legend li {
            font-size:12px;
            float: none;
            height: 1.7em;
            float:left;
            margin-top:5px;
        }

        #canvas-info .legend li {
            background-position: 0 -256px;
        }
        #canvas-info .legend li.pie {
            background-position: 0 -199px;
        }
        #canvas-info .intro{
			left: 15.6%;
			width: 410px;
			top:20%;
		}
    
        #canvas-info .intro div.introMsg {
            left:0;
            width:410px;
            font-size:28px;
            top:27%;
            height:60px;
        }
        #canvas-info .intro div.introMsg .arrow {
            left:39%;
            top:78px;
        }
    

    
}

@media all and (min-width: 768px) and (max-width: 979px) {
    #canvas-info,
    #canvas-info .animations, 
    #canvas-info .animations img,
    #canvas-info .scene {
        width:100%;
        height:auto;
    } 
    #canvas-info{
        margin-left:0px;
    }
    #canvas-info .menu-item  {
        float:left;
        
    }
    #canvas-info .Airlines.menu-item  {
        clear:both;
    }

        #canvas-info .menu-item h3:before,
        #canvas-info .menu-item h3 span:before {
            display:none;
        }
        #canvas-info li.menu-item{
            height:305px;   /*unique*/
            width:48%;
        }
        #canvas-info .Airlines.menu-item,
        #canvas-info .Cargo.menu-item {
              height:260px; /*unique*/
        }
        #canvas-info .menu-item .cite {
            display:none;
        }
      
        #canvas-info .menu-item h3 span {
            background-position: 19% 28px, 0 0;
        }   
        #canvas-info .Passagiere.menu-item h3 span {
            background-position: 20% -47px, 0 0;
        }

        #canvas-info .Airlines.menu-item h3 span {
            background-position: 27% -124px, 0 0;
        }

        #canvas-info .Cargo.menu-item h3 span {
            background-position: 30% -204px, 0 0;
        }
    
        #canvas-info .legend{
            position:relative;  
            margin-top:50%;
        }
        #canvas-info .legend li {
            font-size:12px;
            float: none;
            height: 1.7em;
            float:left;
            margin-top:5px;
        }

        #canvas-info .legend li {
            background-position: 0 -256px;
        }
        #canvas-info .legend li.pie {
            background-position: 0 -199px;
        }
		
		#canvas-info .intro{
			left: 15.6%;
			width: 410px;
		}
		
        #canvas-info .intro div.introMsg {

            width:410px;
            font-size:28px;
            top:227px;
            height:60px;
        }
        #canvas-info .intro div.introMsg .arrow {
            left:176px;
            top:78px;
        }
    

}

@media all and (min-width: 978px) {
    #canvas-info,
    #canvas-info .animations, 
    #canvas-info .animations img,
    #canvas-info .scene {
        width:110%;
        height:auto;
    } 
    
    #canvas-info .animations, 
    #canvas-info .animations img,
    #canvas-info .scene {
        width:100%;
        height:auto;
    } 
    #canvas-info{
        margin-left:-40px;
    } 
    
    #canvas-info li.menu-item{
	   height: 540px;
    }
    #canvas-info .menu-item .cite-wrapper{
        height: 183px;  
    }
    
    #canvas-info .menu-item h3{
        font-size:20px;
    }
    
    #canvas-info .menu-item h3 span {
        background-position: 10% 26px, 0 0;
    }   
    #canvas-info .Passagiere.menu-item h3 span {
        background-position: 11% -49px, 0 0;
    }

    #canvas-info .Airlines.menu-item h3 span {
        background-position: 18% -126px, 0 0;
    }

    #canvas-info .Cargo.menu-item h3 span {
        background-position: 21% -206px, 0 0;
    }
    
    
    
    #canvas-info .legend{
        position:relative;  
        margin-top:48%;
    }
    #canvas-info .legend li {
        font-size:12px;
        float: none;
        clear:both;
        height: 1.7em;
        float:left;
        margin-top:5px;
    }

    #canvas-info .legend li {
        background-position: 0 -256px;
    }
    #canvas-info .legend li.pie {
        background-position: 0 -199px;
    }
    

    


}

@media all and (min-width: 978px) and (max-width: 1200px) {
    #canvas-info,
    #canvas-info .animations, 
    #canvas-info .animations img,
    #canvas-info .scene {
        width:110%;
        height:auto;
    } 
    
    #canvas-info .animations, 
    #canvas-info .animations img,
    #canvas-info .scene {
        width:100%;
        height:auto;
    } 
    #canvas-info{
        margin-left:-40px;
    } 
    
    #canvas-info li.menu-item{
	   height: 540px;
    }
    #canvas-info .menu-item .cite-wrapper{
        height: 183px;  
    }
    
    #canvas-info .menu-item h3{
        font-size:20px;
    }
    
    #canvas-info .menu-item h3 span {
        background-position: 10% 26px, 0 0;
    }   
    #canvas-info .Passagiere.menu-item h3 span {
        background-position: 11% -49px, 0 0;
    }

    #canvas-info .Airlines.menu-item h3 span {
        background-position: 18% -126px, 0 0;
    }

    #canvas-info .Cargo.menu-item h3 span {
        background-position: 21% -206px, 0 0;
    }
    
    
    
    #canvas-info .legend{
        position:relative;  
        margin-top:48%;
    }
    #canvas-info .legend li {
        font-size:12px;
        float: none;
        clear:both;
        height: 1.7em;
        float:left;
        margin-top:5px;
    }

    #canvas-info .legend li {
        background-position: 0 -256px;
    }
    #canvas-info .legend li.pie {
        background-position: 0 -199px;
    }
    
    #canvas-info .intro{

			width: 410px;

		}
    
    #canvas-info .intro div.introMsg {
    	left: 1.5%;
        width:410px;
        font-size:28px;
        top:330px;
        height:60px;
    }
    #canvas-info .intro div.introMsg .arrow {
        left:176px;
        top:78px;
    }
    


}




.footer-mini.fixed {
    z-index:8;   
}

.ie9 #canvas-info .menu-item h3 span,
.ie9 #canvas-info .menu-item h3:before{
    background: #007cae; 
}

.ie9 #canvas-info .menu-item.active h3 span,
.ie9 #canvas-info .menu-item.active h3:before{
    background: #00577b;  
}
.ie9 #canvas-info .menu-item h3 span:before,
.ie9 #canvas-info .menu-item.active h3 span:before{
/*    display:none;*/
}
.ie9 #canvas-info .menu-item h3 span:before{
    background: #007cae;  
}
.ie9 #canvas-info .menu-item.active h3 span:before{
    background: #00577b;  
}





/* Alex changes */

/********************************/
/*    		Map	changes			*/
/********************************/