/*-----------------------------------------------------------------------------
Screen Stylesheet
version:   1.0
date:      01/01/2010
author:    Peter Koopman
email:    peter@zulu.co.nz

website:   http://www.scribbledesign.co.nz

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("reset.css"); 
@import url("type.css");
@import url("map.css");

/* Set up the document
-----------------------------------------------------------------------------*/
body{
	text-align:center;
	background:repeat-x center top url(/se/images/top-stripe.png) #fff;
}
#wrapper{ 
	width: 760px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin:0 auto; 
	padding:0 65px 20px;
	background:repeat-x center top url(/se/images/top-stripe.png) #fff;
	display:table;
}


/* Header
-----------------------------------------------------------------------------*/
#branding{
	position:relative;
	height:80px;	
}
#branding img{
	position:relative;
	top:13px;
	left:-6px;
}
#branding div img{
	top:0;
	left:0;	
}
#branding #uk_flag{
	position:absolute;
	right:20px;
	bottom:-27px;
}
#branding #de_flag, #branding #se_flag{
	position:absolute;
	right:40px;
	bottom:-27px;
}


/* Navigation
-----------------------------------------------------------------------------*/
#navMain{
	height:28px;
	display:table;
	margin:9px 0 0 -7px;
	position:relative;/*for IE6&7 so dropdown is in front of slideshow*/
	z-index:10;
}
#navMain li{
	display:table-cell;	
	position:relative;
}
#navMain li a{
	padding:0 8px;
	color:#fff;
	text-transform:uppercase;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-right:solid 1px #fff;
}
#navMain li#mnuLast a{
	border:none;	
}
/*Dropdowns*/
#navMain li ul{
	position:absolute;
	background-color:#5a8f24;
	background-color:rgba(90,143,36,0.85);
	border:1px solid #5a8f24;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	display:none;
	z-index:100;
	margin-left:8px;
	filter:alpha(opacity=90);
}
#navMain li li{	
	display:block;
}
#navMain li li a{
	border:none;
	white-space:nowrap;/*for IE so lines don't wrap around*/
	display:block;
	line-height:20px;
}
#navMain li li a:hover{
	background-color:#5a8f24;
}


/* Content
-----------------------------------------------------------------------------*/
#content{
	width:710px;	
}

/* Left Column
------------------------------------------------------------------------------*/
#leftColumn{
	display:table-cell;
	width:535px;
	min-height:560px;
	border-right:solid 1px #b9babc;
	padding:0 18px 0 0;
}
#breadcrumb{ 
	margin:16px 0;
}
#breadcrumb, #breadcrumb a{
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#5a8f24;
	text-transform:uppercase;
	text-decoration:none;
}
#slideShow{
	height:236px;
	width:535px;
	position:relative;
	z-index:2;
	padding:0 0 20px 0;
}
#animation{
	width:500px;
	height:365px;
	margin:0 auto;
}
.greenHeader{
	color:#5a8f24;
}

#text{
	width:475px;
	display:table-cell;
	vertical-align:top;
	padding:0 0 0 0;
	position:relative;
	z-index:0;
}
#text h1{
	font:bold 16px/24px Arial, Helvetica, sans-serif;
	color:#5a8f24;
	white-space:nowrap;
	overflow:visible;
	margin:0 0 10px 0;
}
#text h2{
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	color:#5a8f24;
	white-space:nowrap;
	overflow:visible;
	margin:5px 0;
}
#text h2 a{
	color:#32468f;
	text-decoration:none;
}
#text h2 a:hover{
	color:#5a8f24;
}
#text h2.headerQuote{
	font-style:italic;
	margin-bottom:16px;
	color:#5a8f24;
	line-height:20px;
	white-space:normal;
	overflow:auto;
}
#text h3{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	margin:5px 0;
}
#text h3.linkHeader a{
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#32468f;
	text-decoration:none;
}
#text p{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}

#text p a{
	color:#42368f;
	text-decoration:none;
}
#text p a:hover{
	text-decoration:underline;
}
#text p .lineHeader{
	text-transform:uppercase;
	font-weight:bold;
	color:#5a8f24;
}
#text blockquote{
	font:italic 11px/15px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
#text ul{
	margin-bottom:15px;	
}
#text li{
	margin-left:2em;
	list-style:disc;
}
#text ul.koncept li{
	font-style:italic;
}
#text .aftercareImage{
	position:relative;
	right:0;
	text-align:right;
}
#text p.linkRight{
	margin:0;	
	float:right;
	margin-right:-60px;
}
#text p.linkRight a{
	color:#5a8f24;
	text-decoration:none;
}
#press dt a{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#42368f;
	text-decoration:none;
}
#press dd{
	margin-bottom:20px;
}
#contactUs dt{
	font:bold 14px/18px Verdana, Geneva, sans-serif;
	text-transform:uppercase;	
	margin:20px 0 0 1em;
	list-style:disc;
}
#contactUs dd{
	margin:0 3em;	
}



/* Right Column
-------------------------------------------------------------------------------*/
#rightColumn{
	display:table-cell;
	width:144px;
	padding:0 25px 0 16px;
	vertical-align:top;
}
#counter{
	margin:0 0 10px 0;
	position:relative;
}
#counter h3{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#5a8f24;
}
#counter p{
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#5a8f24;
	padding-bottom:8px;
	border-bottom:1px solid #b9babc;
}
#thecounter{
	width:144px;
	height:23px;
	overflow:visible;
	padding:8px 0 5px;
}
#counterUnits{
	position:absolute;
	top:88px;
	left:148px;
	font-size:13px;
}
#counterCaption{
	font:bold 8px/10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:.1em;
}

/*Nyheter*/
#news, #newsList{
	color:#666;	
}
#news{
	border-top:1px solid #b9babc;
	padding-top:5px;
}
#news h2 a{
	text-transform:uppercase;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#5a8f24;
	text-decoration:none;
}
#news h2 a:hover{
	color:#000;	
}
#news p.newsDate, 
#newsList p.newsDate, 
#press p.newsDate{
	text-transform:uppercase;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#5a8f24;
	margin-top:10px;
}
#news p.newsSubject a, 
#newsList h2.newsSubject a,
#press h2.newsSubject a{
	text-transform:uppercase;
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	max-width:535px;
	white-space:normal;
}
#news p.newsSubject a:hover, 
#newsList h2.newsSubject a:hover,
#press h2.newsSubject a:hover{
	color:#5a8f24;
}
#news .rightSubText{
	margin:0 0 10px 0;	
	font:normal 1em/1.3em Arial,Helvetica,sans-serif;
}
#news .rightSubText a{
	color:#666;
	text-decoration:none;
}
#news .rightSubText a:hover{
	color:#5a8f24;
}

#latestnewsitem p{
font-size:1em;}

#latestnewsitem a{
	color:#666666;
	text-decoration:none;	
}
#latestnewsitem a:hover{
	color:#5A8F24;
}

#latestnewsitem img{
	float:left;
    height:30px;
    margin-right:5px;
    margin-top:3px;
    width:30px;
}

#newslettersList #latestnews{
	margin-top:5px;
}
#latestnewsitem{
	width:140px;
    margin-bottom:5px;
	min-height:45px;
	display:table;
}

#latestnewsitem p{
	width: 105px;
    float: right;
}

/* Footer
-----------------------------------------------------------------------------*/
#pageInfo, #pageInfoHome{
	width:600px;
	margin-top:12px;
	padding:6px 144px 0 0;
}
#pageInfoHome{
	border-top:solid 1px #b9babc;
}
#pageInfo p, #pageInfoHome p{
	font:normal 10px/12px Arial, Helvetica, sans-serif;	
	width:535px;
	text-align:center;	
} 

/* Overrides
------------------------------------------------------------------------------*/
#text h1.wrapHeading{
	white-space:normal;	
}