/* layout & containers */

body
{
	background: #000 url(../images/backgrounds/northern-lights.jpg) top center repeat-x;
	background-attachment: fixed;
	margin: 0;
	padding: 0;	
}

#wrapper
{
	width: 975px;
	margin: 0 auto;
}

/* top navigation */

#topNavigation
{	
	list-style-type: none;
	width: auto;
	height: 25px;
	margin: 0 20px 0 0;
	padding: 0 0 0 10px;
	font-size: 90%;	
}

	#topNavigation li
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		background: transparent url(../images/layout/bg-topNav.png) top left repeat-x;
	}
	
		#topNavigation li a,
		#topNavigation li a:visited
		{
		    
			display: block;
			padding: 6px 12px 5px;
			margin: 0;
			outline: none;
		}
		
		    #topNavigation li.first
		    {
		        background: transparent url(../images/layout/bg-topNav-first.png) top left no-repeat;
		    }
		    
		    #topNavigation li.last
		    {
		        background: transparent url(../images/layout/bg-topNav-last.png) top right no-repeat;
		    }
		
			#topNavigation li.active a
			{
				background-position: 0 -25px;				
			}
			
			#topNavigation li.last.active a
			{
			    background-position: right -25px;
			}
			
			#topNavigation li a.se
			{
			    background: transparent url(../images/flags/se.png) 15px 7px no-repeat;
			}
			
			#topNavigation li a.en
			{
			    background: transparent url(../images/flags/en.png) 15px 7px no-repeat;
			}		
			
			#topNavigation li a.lang,
			#topNavigation li a.lang:visited
    		{
    		    display: block;
    		    width: 20px;    		    
    		}
    			
			    #topNavigation li a.lang span
			    {
			        margin-left: -9999px;			    
			    }
																			
		/* dropdown */
		
		#topNavigation li ul
		{		    	
		    display: none;	    
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
		    position: relative;
		    top: 0;
		    left: 0;
		    z-index: 1001;			    
		}
		
		    #topNavigation li ul li
		    {
		        float: none;
		        margin: 0;
		        padding: 0;
		        background: transparent url(../images/layout/bg-topNav.png) top right repeat-x;	    
		    }
		    
		        #topNavigation li ul li.flag
		        {
		            background: transparent url(../images/layout/bg-topNav-flag.png) top right repeat-x;	    
		        }		    

		
/* logo */		

h1#logo
{
	display: block;
	background: transparent url(../images/layout/logo-kl.png) bottom left no-repeat;
	width: 286px;
	height: 50px;
	margin: 30px 0 0 30px;
}

	h1#logo a,
	h1#logo a:visited
	{
		display: block;
		width: 286px;
		height: 50px;				
	}

		h1#logo a span
		{
			margin-left: -9999px;
		}
		
/* main navigation */

ul#mainNavigation
{
	list-style-type: none;
	margin: 40px 0 0 0;
	padding: 0;	
	width: auto;
	height: 44px;	
}

	ul#mainNavigation li
	{
		margin: 0;
		padding: 0;
		float: left;
		height: 30px;
		padding: 12px 12px;
	}
	
		/* ie6 */
		.png8 ul#mainNavigation li
		{
			display: block;
			width: 75px;
		}
		
			.png8 ul#mainNavigation ul li
			{
				width: auto;
			}
		
		ul#mainNavigation li.last
		{
			border: none;
		}
	
		ul#mainNavigation li a,
		ul#mainNavigation li a:visited
		{
			display: block;
			padding-bottom: 3px;
			text-decoration: none;
			font-size: 16px;
			outline: none;
		}
		
		ul#mainNavigation li.active a
		{			
			text-decoration: none;
			border-bottom: 3px solid #ffe400;
		}
		
			ul#mainNavigation li a span
			{			
				margin-left: -9999px;
			}
		
		ul#mainNavigation li.dropdown a:hover,
		ul#mainNavigation li.dropdown.active
		{
			background: #ffe156 url(../images/layout/dropdown-link-active.png) 90% center no-repeat;
		}
		
			.png8 ul#mainNavigation li.active
			{
				background: #ffe156 !important;
			}
			
			.png8 ul#mainNavigation li
			{
				white-space: nowrap;				
			}
			
			.png8 ul#mainNavigation ul li a,
			.png8 ul#mainNavigation ul li a:hover,
			.png8 ul#mainNavigation ul li a:visited
			{
				font-size: 12px;
				width: 100%;
			}
			
    /* dropdown */
			
    ul#mainNavigation li ul
    {   
        display: none;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: #ffe400;
        height: auto;
        width: auto;
        left: auto;
        z-index: 1001;                      
    }
    
        ul#mainNavigation li ul li
        {
            float: none;      
            border: 0;
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #ffe56f;
            /*border-top: 1px solid #edd150;*/
            background: none;
            display: block;
            height: auto;               
        }
            
            ul#mainNavigation li ul li a,
            ul#mainNavigation li ul li a:visited
            {
                display: block;
                padding: 6px 10px;
                font-size: 12px;
                color: #3e3e3e;
            }
                    
            ul#mainNavigation li.active ul li a
            {
                background-image: none;
                border: 0;
            }
            
            ul#mainNavigation li ul li a:hover
            {
                background: #ffe56f;  
            }						

/* shortcuts */ 

#shortcuts
{
    margin: 0 8px 10px 8px;
    padding: 10px 20px; 
    background: transparent url(../images/layout/shortcuts-bg.png) bottom left no-repeat;
    width: 920px;
    height: 125px;  
}

    #shortcuts dl
    {
        margin: 30px 0 0 0;
		padding: 0;	
    }

    #shortcuts dl dd
    {        
        float: left;
    	width: 290px;
		padding: 0;
		margin: 0 0 0 15px;							
    }
    
        #shortcuts dl a.travel-link,
        #shortcuts dl a.events-link,
        #shortcuts dl a.member-link
        {
            background: transparent url(../images/layout/shortcuts-arrows-tiled.png) top left no-repeat;
            font-family: "Myriad Pro", Myriad, "Lucida Sans", "Lucida Sans Unicode", Tahoma, Sans-Serif;		    
            font-size: 28px;
            display: block;
            height: 51px;
        }
        
            #shortcuts dl dd a.travel-link {
                background-position: 235px -102px;
            }
            #shortcuts dl dd a.events-link {
                background-position: 235px -51px;
            }
            #shortcuts dl dd a.member-link {
                background-position: 235px 0;
            }                        
        
            #shortcuts dd a span
            {
                display: block;
                font-size: 13px;
            }
        
/* footer */

#footer
{
    clear: left;
    background: transparent url(../images/layout/footer-bg.png) top left no-repeat;
    margin: 10px 8px;
    padding: 10px 20px; 
    height: 170px;   
}

    #footer h5.breadcrumb
    {
        margin: 2px 0 20px 0;
        font-size: 90%;
        width: 100%;
    }      
    
    /* sitemap */
    
    #footer ul.sitemap
    {
        font-size: 11px;
        list-style: none;
        margin: 30px 0;
        padding: 0;
    }
    
        #footer ul.sitemap li
        {
            margin: 0 70px 10px 0;
            padding: 0;
            float: left;
        }
        
        #footer ul.sitemap li.last
        {
            margin-right: 0;
        }
        
            #footer ul.sitemap li h4
            {
                margin: 0;
                font-size: 11px;
            }
        
            #footer ul.sitemap li ul
            {              
                margin: 5px 0 0 0;
                padding: 0;
                list-style-type: none;
            }
            
                #footer ul.sitemap li ul li
                {
                    clear: both;
                    margin: 0;
                    padding: 0;
                }      

/* bottom */

#bottom
{
    margin: 20px 8px;
    padding: 0 20px;
    font-size: 80%;
}
    
    #bottom h4.logo
    {
        background: transparent url(../images/layout/sl-logo.png) top left no-repeat;
        width: 152px;
        height: 60px;
        margin: 0;
    }
    
        #bottom h4.logo a
        {
            display: block;
            height: 60px;
            width: 152px;
        }    
    
    #bottom h4.eu-logo
    {
        background: transparent url(../images/layout/eu-logo-inverted.png) top left no-repeat;
        width: 152px;
        height: 55px;
        margin: 7px 30px 0 0;      
        float: right;                 
    }
    
    #bottom h4.powered-by-tellus
    {
        background: transparent url(../images/layout/telluspoweredby.gif) top left no-repeat;
        width: 95px;
        height: 30px;
        margin: 25px 80px 0 0;      
        float: right;        
    }
               
        #bottom h4.powered-by-tellus a
        {
            display: block;
            height: 30px;
            width: 95px;
        }
    
    #bottom h4.logo span,
    #bottom h4.eu-logo span,
    #bottom h4.powered-by-tellus span
    {
        margin-left: -9999px;
    }
    
    #bottom a
    {
        text-decoration: underline;
        margin-left: 20px;
    }
    

/* misc */				

.dialog,
.none
{
	display: none;
}