/* MAIN
------------------------------------------------------------------------------- */
body { background-color: #fff; color: #000; }

/* COMMON
------------------------------------------------------------------------------- */
p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; }
p.title   { font-size: 1.2em; font-weight: bold; margin: 0; }
p.nm	  { margin: 0; }
.hide     { display: none; }
.cntr	  { text-align: center; }
.alft	  { text-align: left; }
.argt	  { text-align: right; }

ul, ol { list-style-type: disc; }

.selfClear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.selfClear { display: inline-block; }

/* Hide from IE-mac \*/
* html .selfClear { height: 1%; }

.selfClear { display: block; }
/* End hide from IE-mac */


.horizlist { list-style: none; }
.horizlist li { display: inline; }
.horizlist.cent { text-align: center; }

/* common spacing classes */
.p1 { padding: 4px; } .p2 { padding: 8px; } .p3 { padding: 12px; } .p4 { padding: 20px; }
.tp1 { padding-top: 4px; } .tp2 { padding-top: 8px; } .tp3 { padding-top: 12px; } .tp4 { padding-top: 20px; }
.bp1 { padding-bottom: 4px; } .bp2 { padding-bottom: 8px; } .bp3 { padding-bottom: 12px; } .bp4 { padding-bottom: 20px; }
.lp1 { padding-left: 4px; } .lp2 { padding-left: 8px; } .lp3 { padding-left: 12px; } .lp4 { padding-left: 20px; }
.p0 { padding: 0; }
.tp0 { padding-top: 0; } .bp0 { padding-bottom: 0; } .lp0 { padding-left: 0; } .rp0 { padding-right: 0; }
.vp1 { padding: 0 4px; } .vp2 { padding: 0 8px; } .vp3 { padding: 0 12px; } .vp4 { padding: 0 20px; }

.m0 { margin: 2px; }, .m1 { margin: 4px; } .m2 { margin: 8px; } .m3 { margin: 12px; } .m4 { margin: 16px; }
.tm0 { margin-top: 2px; } .tm1 { margin-top: 4px; } .tm2 { margin-top: 8px; } .tm3 { margin-top: 12px; } .tm4 { margin-top: 16px; }
.bm0 { margin-bottom: 2px; } .bm1 { margin-bottom: 4px; } .bm2 { margin-bottom: 8px; } .bm3 { margin-bottom: 12px; } .bm4 { margin-bottom: 16px; }
.lm0 { margin-left: 2px; } .lm1 { margin-left: 4px; } .lm2 { margin-left: 8px; } .lm3 { margin-left: 12px; } .lm4 { margin-left: 16px; }
.rm0 { margin-right: 2px; } .rm1 { margin-right: 4px; } .rm2 { margin-right: 8px; } .rm3 { margin-right: 12px; } .rm4 { margin-right: 16px; }
.nm { margin: 0; }

/* form layouts */
input[type=password], input[type=text], textarea { /* this is duplicated in ie.css because IE6 cant't parse CSS ;) */
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	padding: 2px;
}

input[type=submit], button { /* this is duplicated in ie.css because IE6 cant't parse CSS ;) */
	color: #000;
	border: 0;
	background-color: #fff;
}

select {
	font-size: 1em;
	border: 1px solid #dadada;
}

/* icons */
.English,
.svenska { display: block; width: 27px; height: 18px; background: url(../images/flags.gif) no-repeat; text-indent: -9999px; }
.svenska { background-position: 0 -18px; }

/* MAIN LAYOUT
------------------------------------------------------------------------------- */
#container { width: 960px; margin: 0 auto; position: relative;}
#contentWrapper { padding-top: 130px; }

#topHeader { position: absolute; width: 100%; top: 0; left: 0; padding: 3px 0; }

#crumb { float: left; }
#crumb .active { font-weight: bold; }

#search,
#langSelect { float: right;}
#search input[type=text] { width: 200px; }
#search input,
#langSelect { vertical-align: middle; }
#langSelect { margin: 1px 5px 0; }

#mainHeader {
	position: relative;
	background: #4c721d url(../images/topheader_bg.gif) no-repeat;
	height: 79px;
	font: normal 2.5em/79px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	text-indent: 20px;
}

#topLogo {
	position: absolute;
	right: 15px;
	top: 25px;
}

	/* TEMPLATES / PAGES
	--------------------------------------------------------------------------- */
	.subpage #contentWrapper { padding-bottom: 40px; }
	.subpage h1 { margin:15px 110px 10px 215px;}
	.subpage #mainContent {
		width: 535px;
		min-height:633px;
		float: left;
		margin-right: 15px;
		position: relative;
		left: 215px;
	}
	
	.subpage #leftContent {
		width: 200px;
		margin-right: 15px;
		display: inline;
		float: left;
		position: relative;
		left:-550px;
	}
	
	.subpage #extraContent {
		width: 195px;
		display: inline;
		float: right;
	}
	
	.firstpage #mainContent
	{
		min-height:633px;
	}
	.firstpage #mainContent img { vertical-align: bottom; }
	
	

	
	/* NAVIGATION
	--------------------------------------------------------------------------- */
	#mainnavbar  { background-color: #497136; height: 20px; width: 960px; }
		
		/* level 1 */
		#mainnavbar ul { margin: 0; list-style-type: none; }
		#mainnavbar ul li { float: left; border-right: 2px solid #fff; position: relative;}
		#mainnavbar ul .selected { background-color: #719063; }
		#mainnavbar ul .last { border-right: 0; }
		
		#mainnavbar ul a {
			display: block;
			height: 20px; line-height: 20px;
			color: #fff;
			padding: 0 8px;
			white-space: nowrap;
			width: 100%;
		}
		
		/* level 2 */
		#mainnavbar ul ul { background-color: #dbe3d4; padding: 2px 0; border: 1px solid #b4beab; position: absolute; }
		#topHeader #mainnavbar ul ul li { background-color: #dbe3d4; float: none; border-right: none; padding: 2px 8px; }
		#mainnavbar ul ul li a { height: auto; line-height: 1.2; color: #000; padding: 0; }
		
		/* level 3 */
		#mainnavbar ul ul ul { top: 0; left: 100%; }
		
		/* interactiveness */
		#mainnavbar ul ul,
		#mainnavbar ul li:hover ul ul,
		#mainnavbar ul .hover ul ul,
		#mainnavbar ul ul li:hover ul ul,
		#mainnavbar ul ul .hover ul ul { display: none; }
		
		#mainnavbar ul li:hover ul,
		#mainnavbar ul .hover ul,
		#mainnavbar ul ul li:hover ul,
		#mainnavbar ul ul .hover ul,
		#mainnavbar ul ul ul li:hover ul,
		#mainnavbar ul ul ul .hover ul { display: block; }
		
		
	#backtoplink { 
		display: block; 
		background: #759264 url(../images/arrow.gif) 1% 8px no-repeat; 
		padding: 2px 2px 2px 25px; 
	}
	#backtoplink a { 
		color: #fff; 
		float: left;
	}
	#backtoplink .right {
		float: right;
	}
	#backtoplink .right p {
		margin: 0;
	}
	/* COLUMNS
	--------------------------------------------------------------------------- */
	.mlcol { float: left; }
	.mrcol { float: left; margin-left: 14px; }
	.row { margin-bottom: 7px; }
	
	.cw1 { width: 316px; }
	.cw2 { width: 646px; }
	.cw3 { width: 977px; }
	
	/* SPOTBOXDESIGN
	--------------------------------------------------------------------------- 
	--------- LIGGER I RESET TYPO PGA editorn ---------------------------------
	*/	
	

/* FOOTER
--------------------------------------------------------------------------- */
#footer { margin-top: 10px; }
#footer a { font-weight: bold; }
#footer p a { font-weight: normal; }
#footer span { margin: 0 4px; }
#footer .left {
}
#footer .middle {
}
	
/* MISC OVERRIDES (last in document to override previous stated rules)
--------------------------------------------------------------------------- */
.fltl { float: left; }
.fltr { float: right; }