/**
* $Date: 2011-10-10 10:34:51 +0200 (Mon, 10 Oct 2011) $
* $Author: daniel.eriksson $
* $Revision: 1482 $
**/

/* layout & containers */

#wrapper
{
	width: 100%;
	margin: 0 auto;
}

#topTools
{
	background: #333132;
	height: 30px;
	padding: 0;
}

#headerWrapper
{
	background: #f1f2f2;
	border-bottom: 2px solid #fff;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;	
	height: 90px;
}

#footerWrapper
{
	clear: both;
	font-size: 100%;
	margin: 10px 0;
	padding: 0;
}

	#footerWrapper h4
	{
		font-size: 11px;
		margin: 10px 0 15px 0;
	}

.footer-sitemap-container
{
	padding: 10px 0 20px 0;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

#footerWrapper .copyright-container
{
	font-size: 90%;
	background: transparent url(../images/layout/logo-sl-small.png) top left no-repeat;
	margin: 10px 0;
	padding: 10px 0 0 50px;
	min-height: 60px;
}

/* footer links */

#footerWrapper ul.footer-links
{
	font-size: 90%;
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0 0;	
}

	#footerWrapper ul.footer-links li
	{
		padding: 0;
		margin: 0 0 0 8px;
		display: inline;
	}

/* bubble-box */

div.bubble-wrapper
{
	height: 85px;
	width: 460px;
	margin: 5px 0 0 30px;
}

div.bubble-box
{
	font-size: 11px;
	height: 55px;
	width: 410px;
	margin: 0;
	padding: 15px 25px;
	background: transparent url(../images/layout/bubble-bg.png) top left no-repeat;
}

	div.bubble-box h4
	{
		margin: 2px 0 4px 0;
		font-size: 100%;
	}
	
	div.bubble-box p
	{
		margin: 0;
	}
	
	div.bubble-box a.bubble-reload
	{		
		width: 14px;
		height: 15px;
		position: relative;
		top: -5px;
		left: 16px;
		float: right;
		outline: none;
	}
			
		div.bubble-box a.bubble-reload span
		{
			margin-left: -9999px;
		}		

/* top-nav */
	
ul.top-nav
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Sans-Serif;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 30px;
}

	ul.top-nav li
	{
		float: left;
		margin: 0 6px;
		padding: 5px 10px;
		height: 20px;
		position: relative;
	}
	    
	    ul.top-nav li.active
	    {
	        background: #5c595a;
	    }
	    
	        ul.top-nav li.active a,
	        ul.top-nav li.active a:visited
	        {
	            color: #ddd;
	        }	        
	        
	        ul.top-nav ul.language li.active
	        {
	            background: none;
	        }		    
	
		ul.top-nav li a
		{
			font-size: 11px;
			text-decoration: none;
		}
		
		/*languages*/
		ul.top-nav li ul
		{		    	
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
		}
		
		    ul.top-nav li ul li
		    {
		        float: left;
		        margin: 0;
		        padding: 0;
		    }
		
		ul.top-nav li a.se,
		ul.top-nav li a.en,
		ul.top-nav li a.de
		{		    
		    padding: 0 5px 5px 20px;
		    border: none;		        		    
		    display: none;
		}
		
		ul.top-nav li ul li a.se,
		ul.top-nav li ul li a.en,
		ul.top-nav li ul li a.de
		{
		    padding: 0 0 5px 20px;		    
		    margin-top: 1px;
		    overflow: hidden;
		    width: 0px;
		    display: block;
		    color: #333132;
		}

		ul.top-nav li a.en
		{
		    background: transparent url(../images/flags/en.png) 0 2px no-repeat;		    
		}
		
		ul.top-nav li a.se
		{
		    background: transparent url(../images/flags/se.png) 0 2px no-repeat;		    
		}
		
		ul.top-nav li a.de
		{
		    background: transparent url(../images/flags/de.png) 0 2px no-repeat;		    
		}	

/* main navigation */

#navWrapper
{
	background: #e6e7e8;
	width: 100%;
	height: 44px;
	margin: 0;
	border-bottom: 2px solid #ffe156;
}

	#navWrapper a.show-map-link
	{
		background: transparent url(../images/layout/icon-show-map.png) top left no-repeat;
		padding: 0 0 0 18px;
		margin: 16px 0 0 4px;
	}

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

	ul#nav li
	{
		margin: 0;
		padding: 0;
		float: left;
		height: 44px;
	}
	
		/* ie6 */
		.png8 ul#nav li
		{
			display: block;
			width: 75px;
		}
		
			.png8 ul#nav ul li
			{
				width: auto;
			}
		
		ul#nav li.last
		{
			border: none;
		}
	
		ul#nav li a,
		ul#nav li a:visited
		{
			display: block;
			height: 20px;			
			padding: 12px 18px 14px 12px;
			text-decoration: none;
			font-size: 16px;
		}
		
		ul#nav li.dropdown
		{
			background: transparent url(../images/layout/dropdown-link.png) 85% center no-repeat;
		}
		
			ul#nav li.dropdown a
			{
				padding: 12px 35px 14px 12px;								
			}
		
		ul#nav li.active,
		ul#nav li a:hover,
		ul#nav li.dropdown a:hover,
		ul#nav li.dropdown.active
		{
			background: #ffe156;
			text-decoration: none;
		}
		
		ul#nav li.dropdown a:hover,
		ul#nav li.dropdown.active,
		ul#nav li.dropdown.active-dropdown
		{
		    background: #ffe156 url(../images/layout/dropdown-link-active.png) 85% 18px no-repeat;
			*background: #ffe156 url(../images/layout/dropdown-link-active.png) 85% 17px no-repeat;
		}
		
			.png8 ul#nav li.active
			{
				background: #ffe156 !important;
			}
			
			.png8 ul#nav li
			{
				white-space: nowrap;				
			}
			
			.png8 ul#nav ul li a,
			.png8 ul#nav ul li a:hover,
			.png8 ul#nav ul li a:visited
			{
				font-size: 12px;
				width: 100%;
			}
				
	/* drop-downs */
	
	ul#nav ul
	{
		display: none;
		padding: 2px 0 4px 0;
		margin: 0;
		list-style-type: none;
		position: absolute;
		top: 1;
		left: auto;
		width: auto;		
		z-index: 50000;
		background: #ffe156;		
		font-size: 12px;
		
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		/*border-radius: 0 0 5px 5px;		*/
		border: 4px solid #f8d535;
		border-top: 0;
		border-bottom: 0;
	}
	
		ul#nav ul li
		{
			clear: both;
			border-top: 1px solid #fde783;
			border-bottom: 1px solid #e7cc4e;
			background: #ffe156;
			border-left: none;
			display: block;
			margin: 0;
			padding: 0;
			height: auto;
			width: 150px;			
		}	
		
			ul#nav li.dropdown ul li a
			{
				margin: 0;
				padding: 4px 14px 8px 14px;
				display: block;
				height: auto;								
				font-size: 12px;
			}
			
			ul#nav li.dropdown ul li a:hover
			{
				background: #e7cc4e;
			}
			
/* site tools */
		
div.site-tools
{
	height: 20px;	
	font-size: 80%;
	padding-top: 5px;
}

	div.site-tools a,
	div.site-tools a:visited
	{
		text-decoration: none;
		outline: none;
	}					

	div.site-tools a.button
	{
		background: transparent url(../images/layout/white-button-bg.png) top left no-repeat;		
		padding: 2px 12px 4px 12px;
		margin: 0 5px 0 5px;
		height: 18px;
		width: 60px;
	}
	
	div.site-tools a.button.wide
	{
		background: transparent url(../images/layout/white-button-bg-wide.png) top left no-repeat;		
		padding: 2px 17px 4px 17px;
	}
	
	div.site-tools a.show-map-link
	{
		display: block;
		float: left;
		margin: 0 15px 0 0;
		
		background: transparent url(../images/layout/icon-show-map.png) top left no-repeat;
		padding: 0 0 0 22px;
	}
	
		div.site-tools a.show-map-link.active
		{
			background: transparent url(../images/layout/icon-hide-map.png) top left no-repeat;
			padding: 0 0 0 23px;
		}			

/* profile link */

.profile-link-container
{
	float: left;
	background: transparent url(../images/layout/profile-box-bg.png) top left no-repeat;			
	padding: 0 10px 0 0;
	margin: -5px 0 0 0;
	height: 40px;
	width: 175px;
}

	.profile-link-container img
	{
		float: left;		
		height: 28px; 
		width: 28px;
		margin: 4px 4px 8px 12px;
	}
		
	.profile-link-container div
	{
		margin: 4px 4px 8px 0;
	}	
		
	.profile-link-container a,
	.profile-link-container a:visited
	{
		padding: 0;
		margin: 0 0 0 8px;
		font-size: 90%;
	}
		
		.profile-link-container a:hover
		{
			color: #eee;
		}
	
	.profile-link-container a.profile
	{		
		padding: 0;
		margin: 8px 0 2px 8px;			
		font-size: 12px;
		font-weight: bold;
		color: #fff;
	}
	
	.profile-link-container a.profile:hover
	{	
		text-decoration: none;
		color: #ddd !important;
	}
		
/* search form header */

.search-container
{
	border: 3px solid #ddd;
	height: 26px;
	padding: 0;
	width: 275px;
	margin: 0 0 20px 2px;	  
}

    .search-container .inputbox
    {
        height: 16px;
		background: #fff;		
		color: #999;
		float: left;
		font-size: 110%;
		padding: 5px;
	    border: none;
		width: 235px;   
    }
    
    .search-container input.search-button
    {
        border: none;
        background: transparent url(../images/layout/icon-search-magnifier.png) 0 5px no-repeat;
        cursor: pointer;
        height: 25px;
        width: 25px;
    }


.search-container.footer
{
	border: 0 none;
	float: left;
	height: 28px;
	padding: 0;
	width: 155px;
	margin: 8px 0 0 0px;	
}

	.search-container.footer
	{
		width: 155px;
		height: 30px;
		margin: 0 10px 0 0;
	}	

	.search-container.footer .inputbox
	{
		background: #fff;		
		color: #999;
		float: left;
		font-size: 100%;
		padding: 4px;
	    border: 1px solid #ddd;
		width: 100%;
	}
	
	.search-container.footer input.search-button
	{	
		display: none;
		border: 0;
		position: relative;
		left: 190px;
		top: -25px;
		height: 28px;	
		width: 28px;		
		background: transparent url(../images/layout/search-bg.png) 0 -200px no-repeat;
	}

/* activitiesWrapper */

div#activitiesWrapper
{
	background: #d7e8f6;
	height: 25px;
	padding: 10px 0 0 0;
	font-size: 90%;
	font-weight: bold;
}

	div#activitiesWrapper h4
	{
		float: left;		
		margin: 0 4px;
		font-size: 100%;
		background: transparent url(../images/layout/icon-tweet.png) top left no-repeat;
		padding: 2px 0 4px 30px;
	}
	
	div#activitiesWrapper a.follow
	{
		display: block;
		height: 20px;
		float: right;
		font-size: 90%;
		font-weight: normal;
		margin: -2px 5px 0 5px;
		padding: 3px 0 0 28px;
		background: transparent url(../images/layout/icon-twitter-24i.png) top left no-repeat;
	}

/* body content wrapper */

div#bodyWrapper
{
	width: 100%;
	background: #fff;
	margin: 10px 0 0 0;
}

img.eu-logo
{
    margin: 20px 25px;
}

img.powered-by-tellus
{
    margin: 35px 5px;
}

.dialog,
.none
{
	display: none;
}