/** CONTENT ELEMENTS *******/
.img {
    float: left;
    margin: 10px;
}       

	.img i {
		display: block;
		margin-top: 10px;
	}
	
.introtext {
    margin: 0 10px;
}

.video 
{
   /* float: left;
    margin-bottom: 20px;*/
	height: 0;
    max-width: 560px;
    min-width: 200px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
    width: 50%;
}
.orbit-wrapper .video {
    width: 100%;
    max-width: 980px;
    vertical-align: center;
    min-height: 500px;
}

.video .wrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video .wrapper img {
  width: 100%    !important;
  height: 100%   !important;
}

/** HEADER *******/
header
{
	background: url(../Content/Images/kompass.png) no-repeat scroll 30% bottom #3398CC;
	border-bottom:1px solid #fff;
	color:#FFF;
	padding-top:0;
	position:relative;
}
    header:after
    {
	    content:' ';
	    display:block;
	    position:absolute;
	    background:rgba(0,0,0,0.2);
	    bottom:0;
	    height:1px;
	    position:relative;
	    width:100%;	    
    }
     header .nav-title 
     {
         clear: both;
         float: right;
         position: relative;
         width: 100%;
     }
    
    header h1 
    {
       color: #F1EFF0;
    }
    header h2 
    {
       color: #B6D2E0;
       line-height: 1.5em;
    }
    .lang 
    {
        padding: 20px;
        position: absolute;
        right:0;
		text-shadow: none;
		z-index: 2000;
    }
        .no
        {
            background: url(../Content/Images/misc/no.gif) no-repeat scroll 0 25px transparent;
        }
    
        .uk
        {
            background: url(../Content/Images/misc/uk.gif) no-repeat scroll 0 25px transparent;
        }    
        .lang a
        {
            color: #fff;
        }
        .lang a:hover, .lang a:focus, .lang a:activ
        {
            text-decoration: underline;
        }            
    
header #banner {min-height: 400px; position: relative;}
    
/**NAVIGATION***/ 
nav .nav-header { float: right;}

nav.mainnav ul
{
    float: right;
	margin: 45px 0 0 0;
}

    nav.mainnav li
    {
        background-color: #C1C3C2;	
	    border-bottom: 1px solid transparent;
	    border-top:  1px solid transparent;
        border-left: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0;
	    float: left;
	    height: 46px;
	    transition: background .2s linear;
	    padding: 10px;
        -moz-transition: opacity 0.2s ease 0s;
	    -o-transition: opacity 0.2s ease 0s;
	    -webkit-transition: opacity 0.2s ease 0s;   
        background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.2) 50%, transparent 100%);	
    }

        nav.mainnav li:first-child
        {
	        -moz-border-radius-bottomleft:9px;
	        -moz-border-radius-topleft:9px;
	        -webkit-border-bottom-left-radius:9px;
	        -webkit-border-top-left-radius:9px;
	        border-bottom-left-radius:9px;
	        border-top-left-radius:9px;
        }

        nav.mainnav li:last-child
        {
	        -moz-border-radius-bottomright:9px;
	        -moz-border-radius-topright:9px;
	        -webkit-border-bottom-right-radius:9px;
	        -webkit-border-top-right-radius:9px;
	        border-bottom-right-radius:9px;
	        border-top-right-radius:9px;
        }

        nav.mainnav li.selected   
        {
            background-color: #F0F0f0;
        }

        nav.mainnav li:hover, nav.mainnav li:focus, nav.mainnav li:active
        {
	        background-color: #F0F0f0;
        }        

        nav.mainnav li a
        {
	        color: #000000;
	        display: block;
	        font-size: 1.3em;
	        font-weight: normal;
	        padding: 15px;
	        position: relative;
	        text-align: center;
	        text-decoration: none;
        }


/*subnav*/ 
.subnav 
{
    background-color: #f2f2f2;
    float: left;
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;	   
	margin-bottom: 2%;
	position: relative;
	width: 100%; 
	z-index: 1000;
}
.main .subnav ul { margin: 1%;} 

.subnav li
{
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;		
	float:left;
	margin-right: 20px;
	padding: 10px;
}
    
    .subnav li.selected a
    {
        color: #555;
    }
    .subnav li:hover, .subnav li:focus, .subnav li:active, .subnav li.selected
    {
        background-color: #ededed;
    }
.rarr:after
{
	background: transparent url(../Content/Images/common/arrows.png) no-repeat;
	background-position: 10px 10px;
    content: " ";
    display: block;
	height: 100%;
    position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}

.article, .ref {
    border-bottom: 1px solid #999;
    padding-bottom: 20px;
}

/* Mobile navigation */

	
	@media handheld, only screen and (max-width: 767px) {
		header #banner {
			min-height: 200px;
		}
		#menu-icon {
			color: #000;
			width: 42px;
			height: 30px;
			background: #3398cc url(../Content/Images/common/menu-icon.png) no-repeat scroll 10px center;
			padding: 0;
			cursor: pointer;
			border: solid 1px #666;
			display: block;
		}
		
		#nav {
			background: none;
		    border: none;		
			clear: both;
			left: 0;
			position: absolute;
		    top: 36px;
			width: 140px;
			z-index: 1000;
		    padding: 0;
		    margin: 0;
		}
		    nav.mainnav li
		    {
		        -moz-border-radius:0;
				-webkit-border-radius:0;
				border-radius: 0;
		        background-image: none;
		        height: auto;
		        margin: 0;
		        padding: 0 10px;
		        width: 100%;      
		    }	
			nav.mainnav li:first-child
			{
				-moz-border-radius-topright:9px;
				-webkit-border-top-right-radius:9px;
				border-top-right-radius:9px;
				-moz-border-radius-bottomright:0;
				-moz-border-radius-bottomleft:0;
				-webkit-border-bottom-right-radius:0;
				-webkit-border-bottom-left-radius:0;
				border-bottom-right-radius:0;
				border-bottom-left-radius:0;				
			}

			nav.mainnav li:last-child
			{
				-moz-border-radius-bottomleft:9px;
				-webkit-border-bottom-left-radius:9px;
				border-bottom-left-radius:9px;
				-moz-border-radius-topright:0;
				-webkit-border-top-right-radius:0;
				border-top-right-radius: 0;				
			}
			
		        #nav li a
		        {
		            padding: 10px;
		        }		
		        
		    section.homepage {
		        height: 450px;
		    }    	
	}

/*** FOOTER ****/
    
footer {    
    background: none repeat scroll 0 0 #CDD1D0;
    border-top: 1px solid #fff;
    bottom: 0;
    position: relative;
    width: 100%;
}
    footer .row 
    {
        margin: 0 2%;
        max-width: 80%;
    }
    
    footer ul { margin-bottom: 0;}

        footer li {
            float: left;
            margin-bottom: 0;
            min-width: 200px;
            padding: 20px 20px 0;
        }
        
        footer li a 
        {
            color: #555555;
            text-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
            white-space: nowrap; 
        }
     
        
        footer li.marked {
            border-left: 1px solid #999;
            border-right: 1px solid #fff;
            float: right;
            padding: 20px 0;
        }
        footer li.marked:hover 
        {
            background: #D5D7D9;
        }

        footer li.marked a {
            color: #555;
            border-left: 1px solid #fff;
            border-right: 1px solid #999;
            padding: 20px;     
                 
        }  

        footer li a:hover, footer li a:active, footer li a:focus,
        footer li a.marked:hover, footer li a.marked:active, footer li a.marked:focus 
        {
            color: #555;
        }                
        
        footer a.footer-logo span 
        {
            margin-left: 1%;
            position: relative;
            vertical-align: top;
        }

/*faq bubble*/
footer .bubble {
    background: #EFF0E0;
    bottom: 50px;
    color: #555;
	-moz-border-radius:180px;
	-webkit-border-radius:180px;
	border-radius:180px;
    font-size: 1.1rem;
    font-size: 11px;
    left: 80%;
    line-height: 1.4;  	
    padding: 15px 12px;
    position: absolute;
    text-align: center;
    width: 130px;
}

footer .bubble:hover, footer .bubble:active, footer .bubble:focus {
    background: #3398CC;
    color: #fff;

}
footer .bubble:before {
    background: #EFF0E0;
    border-left: 20px solid #EFF0E0;
    -moz-border-bottom-left-radius: 80px 50px; 
    -webkit-border-bottom-left-radius: 80px 50px;         
    border-bottom-left-radius: 80px 50px;
    bottom: 1px;
    content: " ";
    height: 11px;
    left: 0px;    
    position: absolute;
    transform: rotate(-56deg);
}
footer .bubble:hover:before {
    background: #EFF0E0;
    border-left: 20px solid #3398CC;  
}
@media handheld, only screen and (max-width: 1024px) {
footer .bubble {
    left: 600px;
}
footer .bubble:before {
    background: #EFF0E0;
    border-right: 20px solid #EFF0E0;
    -moz-border-bottom-right-radius: 80px 50px; 
    -webkit-border-bottom-right-radius: 80px 50px;         
    border-bottom-right-radius: 80px 50px;
    bottom: 1px;
    content: " ";
    height: 11px;
    left: auto;
    position: absolute;
    right: 0px;
    transform: rotate(27deg);
}
footer .bubble:hover:before {
    background: #EFF0E0;
    border-right: 20px solid #3398CC;  
}



		}
@media handheld, only screen and (max-width: 820px) {
footer .bubble 
{
    bottom: 20px;
    left: 550px;
    width: 93px;
}
footer .bubble:before {
    background: #EFF0E0;
    border-left: 20px solid #EFF0E0;
    -moz-border-bottom-left-radius: 80px 50px; 
    -webkit-border-bottom-left-radius: 80px 50px;         
    border-bottom-left-radius: 80px 50px;
    bottom: 1px;
    content: " ";
    height: 11px;
    left: 0px;
    position: absolute;
    right: auto;
    transform: rotate(-56deg);
}
footer .bubble:hover:before {
    background: #EFF0E0;
    border-left: 20px solid #3398CC;  
}	
footer li.marked {
    float: left;
    clear: both;
}
}	
@media handheld, only screen and (max-width: 700px) {
footer .bubble 
{
    bottom: 20px;
    left: 224px;
    width: 93px;
}
footer .bubble:before {
    background: #EFF0E0;
    border-left: 20px solid #EFF0E0;
    -moz-border-bottom-left-radius: 80px 50px; 
    -webkit-border-bottom-left-radius: 80px 50px;         
    border-bottom-left-radius: 80px 50px;
    bottom: 1px;
    content: " ";
    height: 11px;
    left: 0px;
    position: absolute;
    right: auto;
    transform: rotate(-56deg);
}
footer .bubble:hover:before {
    background: #EFF0E0;
    border-left: 20px solid #3398CC;  
}
footer li.marked {
    float: left;
    margin-top:40px;
}
}

.row.honey {
    display: none;   
}
.main h2.alert{ color: #c00000;}