/***********************************************/
/* GLOBAL STYLES */
/***********************************************/
body 
{
	background:#000 url(/images/body_bg.gif) repeat top;
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #333;
}

div#wrapper
{
	width:956px;
	margin:0 auto;
	position: relative;
	overflow:hidden; /* preventing scroll to show when sub navigation (ul.subNav) gets larger than the body width */
}

/***********************************************/
/* TOP */
/***********************************************/
div.top
{
	width: 956px;
	height: 178px;
	background: #fff url(/images/header_bg.png) no-repeat top;
	text-align: center;
	position: relative;
}

/* Menu */
div.menu
{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
}
ul#topnavigation
{
	list-style:none;
	position:relative;
	left:-50%;
}

ul#topnavigation li
{
	float: left;
	position: relative;
}

ul#topnavigation li a, ul#topnavigation li em
{
	text-decoration:none;
	margin: 2px;
	float: left;
	color: #333;
	padding: 2px;
	text-align: center;
	font-size: 1.2em;
	text-transform: uppercase;
}
ul#topnavigation li a:hover
{
	color:#7a9d00;
}
ul#topnavigation a.highlight
{
	color: #7a9d00;
}
ul#topnavigation li em
{
	color:#7a9d00;
	text-decoration:none;
}

ul.subNav
{
	background:url(/images/small_green_arrow_return.gif) no-repeat left center;
	position:absolute;
	width:1000px;
	margin:17px 0 0 60%;
	padding-left:9px;
	float:left;
}
ul.subNav li
{
	display:none;
}
ul.visible li
{
	display:block;
}
ul#topnavigation li.highlight ul.subNav li
{
	display:block;
}
ul#topnavigation li ul.subNav li a
{
	text-transform: none;
}

/* Logo */
img#spLogo
{
	position: relative;
	margin: 15px;
}

div.top a.logo
{
	display: block;
}

/***********************************************/
/* CONTENT */
/***********************************************/
div#content
{
	position: relative;
	width: 780px;
	/* min-height:200px; */ /* Bara för debugging */
	margin: -66px auto 0px auto;
	padding: 30px 68px 35px 68px;
	background: #fff url(/images/content_bg.png) no-repeat bottom center;
}

div.bodyText
{
	position: relative;
	float: left;
	width: 560px;
	margin-bottom: 20px;
}

div.bodyText p
{
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 1.0em;
	text-align: left;
}

div.bodyText a
{
	color: #7a9d00;
	text-decoration: none;
}

div.bodyText h1
{
	font-size: 4.6em;
	color: #7a9d00;
	line-height: 1.2em;
	margin-bottom: 0;
	font-weight: lighter;
}

div.bodyText h2
{
	color: #84a900;
	font-size: 2.4em;
	line-height: 1.3em;
	padding-top: 10px;
	font-weight: lighter;
}

div.bodyText h3
{
	color: #333333;
	font-size: 2.4em;
	line-height: 1.3em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: lighter;
}

div.bodyText p.intro
{
	font-size: 2.4em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	text-align: left;
}

div.bodyText ul 
{
	margin-bottom: 1.5em;
	margin-top: 0;
	padding-top: 0;
}

div.bodyText ul li
{
	font-size: 1.6em;
	line-height: 1.4em;
	border-left: 2px solid #84a900;
	padding-left: 8px;
	margin-left: 20px;
	margin-top: 12px;
}

div.bodyText ul li.Checklista
{
	font-size: 1.6em;
	line-height: 1.4em;
	border-left: 0px;
	padding-left: 16px;
	margin-top: 8px;
	margin-left: 20px;
	background: url(/images/checkBox.gif) no-repeat scroll left 5px;
}

div#rightColumn
{
	position: relative;
	float: right;
	width: 180px;
}

/***********************************************/
/* FOOTER */
/***********************************************/
div.footer
{
	height: 50px;
	width: 896px;
	margin: -30px auto 0px auto;
	position: relative;
	background-color: #fff;
	font-size: 1.2em;
	text-align: center;
}

div.footer p
{
	padding-top: 18px;
}

div.footer a
{
	color: #7a9d00;
	text-decoration: none;
}


/***********************************************/
/* HACKS'N'TRICKS */
/***********************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: block;}


/***********************************************/
/* Image scroller */
/***********************************************/


/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

#scroller li
{
	border-left:0;
	padding-left:0;
	margin-left:0;
	margin-top:10px;
}


/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 560px;
	height: 140px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 560px;
	height: 140px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	height: 140px;
}

/***********************************************/
/* ACCORDION WORLD MAP */
/***********************************************/

div#accordion h3
{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
	padding:3px 0px 0px 12px;
	width:548px;
	height:20px;
	margin:2px 0;
}
div#accordion h3.la
{
	background-color:#FF6600;
}
div#accordion h3.af
{
	background-color:#FFBA00;
}
div#accordion h3.eu
{
	background-color:#51BBBB;
}
div#accordion h3.as
{
	background-color:#AD8F6B;
}

div#accordion div ul 
{
	float:left;
	width:140px;
}

div#accordion div ul li
{
	border:0;
	padding:0;
	margin:0;
	padding-left:11px;
	font-size:1.2em;
	color:#333;
	line-height:1.3em;
	font-weight:normal;
}
div#accordion div.af ul li
{
	background: #fff url(/images/af_dot.png) no-repeat 2px 6px;
}
div#accordion div.as ul li
{
	background: #fff url(/images/as_dot.png) no-repeat 2px 6px;
}
div#accordion div.la ul li
{
	background: #fff url(/images/la_dot.png) no-repeat 2px 6px;
}
div#accordion div.eu ul li
{
	background: #fff url(/images/eu_dot.png) no-repeat 2px 6px;
}
#overlay
{
	position:absolute;
}
map#imgWorldMap area
{
	cursor: pointer;
}
div#worldmap
{
	width:560px;
	height:297px;
	background: url(/images/maps/karta_default.gif) no-repeat center center;
}

/***********************************************/
/* MEDARBETARE PÅ KONTAKTSIDAN */
/***********************************************/
div.contact
{
	position: relative;
	height: 165px;
	width: 560px;
	padding: 0;
	margin: 0px 0px 20px 0px;
}

div.bodyText div.contact img
{
	position: relative;
	float: left;
}

div.bodyText div.contact p
{
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0px 0px -5px 147px;
	line-height: 1.4em;
}

/***********************************************/
/* Dokumentsidan */
/***********************************************/
div.bodyText a.document
{
	text-indent: 35px;
	font-size: 1.6em;
	padding: 15px 0px 5px 0px;
	margin: 0px 0px 0px 2px;
	display: inline-block;
}
div.bodyText a.docFile
{
	background: url(/images/fileExtensions/doc.png) no-repeat left top;
}
div.bodyText a.pdfFile
{
	background: url(/images/fileExtensions/pdf.png) no-repeat left top;
}
div.bodyText a.pptFile
{
	background: url(/images/fileExtensions/ppt.png) no-repeat left top;
}
div.bodyText a.xlsFile
{
	background: url(/images/fileExtensions/xls.png) no-repeat left top;
}
div.bodyText p.documentDescription
{
	margin: 0px 0px 10px 37px
}
div.bodyText h2.catHeader
{
	margin: 10px 0px 0px 0px;
}

div.bodyText div.fileDiv
{
	margin-top: 10px;
}

/***********************************************/
/* SERIESTRIPP */
/***********************************************/

div#bodyTextWide
{
	width: 780px;
}

span.copyright
{
	font-size: 10px;
	float: right;
	margin-top: 2px;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
