/* RSS STYLES */
html, body {
  margin: 0;
  min-height: 100%;
} 
body {
  background:#FAFAFA;
} 

/* TEXT OCH TYPSNITT */ 
/* #DE7A33 #DF7A32 #D76512*/ 
p,a{ margin:0;padding:0;
	padding-bottom:12px; /* Avstånd mellan styckena */
	line-height:140%; 
	font-weight:normal;
	font-size:16px;
	font-family:Candara, Verdana, Arial;
	color:#515151;
	text-decoration:none;
}
 
h1,h2,h3,h4{
	margin:0;padding:0;	font-weight:bold;
	font-family:Candara, Verdana, Arial;
	color:#515151;
}

/* ANPASSNINGAR */
h1{color:#D76512;} 
h2{color:#D76512;} 
h3,h4{color:#515151;}

h1{ font-size:32px;	padding-top:26px;}
h2{ font-size:24px; padding-top:20px;}
h3{ font-size:22px; padding-top:20px;}
h4{ font-size:16px; padding-top:14px; font-weight:normal; text-decoration:underline; line-height:140%; } /*text-decoration: underline, text-decoration: none*/

a{color:#FFB31A;font-weight:bold;}
a:hover{color:#D76512; cursor:pointer;} 

ul{ 
	padding:0; margin:0;
	padding-top:0px;
	padding-left: 24px;
	padding-bottom:12px; /* Avstånd mellan styckena */
	margin-left: 1px;
	 
}
ul li{ 
	list-style-type: square; 
	list-style-position:inside; /*outside; */
	font-family:Candara, Verdana, Arial;
	font-size:16px;
	line-height:140%;
	padding:0; margin:0;
	padding-left: 1px;
	margin-left: 1px;
}

/*** TABLE ***/
table {
	display:table;
	border-collapse:collapse;
	margin:0; padding:0; 
	margin-bottom:12px; 
	text-align:center; 
	/* min-width:100%; */
	/* max-width:960px; */
	/*overflow-x:auto;*/
	/*float:left;*/
	/*table-layout:fixed;*/
}

/* TR */
tr{ margin:0;padding:0;
	border-bottom: 1px solid #DDDDDD;
}
	
/* TD */
th,td{
	margin:0;padding:0;
	padding-bottom:2px;
	padding-top:1px;
	/* border: 0px solid #000000; */
}

/* TD TEXT*/
td > p ,td > h4{
	display:block;
	padding:0px;margin:0;
	padding-left: 5px;
	padding-right: 5px;
	line-height:120%;
	text-align: left;
}

/* Effects */
.highLight { 
	font-weight:bold; 
	color:#D76512; 
}
.emphasize { 
	font-weight:bold; 
	color:#555555; 
}

/* Javascript-generated content */
.jsList{ 
	font-family: Candara, Verdana, Arial;
	font-size:16px;
	color:#515151;
	line-height:160%;
}

.jsMenu{ 
	font-family: Candara, Verdana, Arial;
	font-size:16px;
	padding-top:0px;
	color:#515151;
	line-height:140%;
}

.jsText{ 
	font-family: Candara, Verdana, Arial;
	font-size:16px;
	color:#000000;
	line-height:100%;
}
div.jsText p { font-size:16px;font-weight:normal;color:#000000;padding:0;padding-top:0;padding-bottom:8px;line-height:140%;}
div.jsText h2{ font-size:18px; color:#515151; line-height:100%;padding-top:16px;padding-bottom:0px;}
div.jsText h3{ font-size:16px; color:#515151; line-height:100%;padding-top:4px;padding-bottom:0px;}
div.jsText h4{ font-size:16px; font-weight:bold; color:#D76512;line-height:120%;padding-top:8px;text-decoration:none;} /* BA5811 */ 

/* BLOCK */
#WRAPPER{
	position:relative;
	width:100%;	min-height:100%;
	margin:0; padding:0; 
}

/* Översta delen */
#HEADER{
	position:relative;
	margin:0; padding: 0;
	clear:both; /* inget till höger eller vänster om */
	height:80px;
	background: #FAFAFA; /*FAFAFA EFEFEF */
}

/* Ingår i HEADER, innehåller logo, meny,slogan osv ... */
/* Översta delen av sidan som är lika stor som CONTENTS och som ligger centrerad */
#BANNER{
	position:relative;
	margin:0 auto; /* centrerad */
	padding:0;
	max-width:960px;
	height:100%;
	/*background: #EFEFEF; */
}

#logo{ position:relative;float: left;margin:0; padding: 0;
	margin-left:9px;margin-top:47px;margin-right:6px;
	height: 30px;
}
#logo2{ position:relative;float: left;margin:0; padding: 0;
	margin-left:3px;margin-top:34px;
	height: 50px;
}
.BANNER_CENTER{
    position:relative;
    padding:0; margin:0 auto; 
	text-align: center;
}
.BANNER_RIGHT{
    position:relative;
    margin:0; padding: 0;
	padding-top:28px;
	padding-right:25px;
	float: right;
}
.BANNER_RIGHT > h4{ 
	/*font-weight:bold; */ 
	/*font-size:16px;*/
	color:#000000;	
}

.BANNER_RIGHT > p,.BANNER_RIGHT >a { 
	font-weight:normal; 
	font-size:14px;
	color:#000000; 
}


/* "Remsan" där menyn ligger */
#MENUHEADER{
	position:relative;
	margin:0; padding: 0;
	clear:both; /* inget till höger eller vänster om */
	background: #F3F3F3; /* DDDDDD F5F5F5 FFB31A D76512 */
	background: #FFFFFF;
	border-top: 2px solid #D76512; 
	border-bottom: 2px solid #D76512; 
}

#CONTENTS{
	position:relative;
	margin:0 auto; /* centrerad */
	display: block;
	overflow: auto;
	padding:10px;
	padding-bottom:50px;
	max-width:960px; /* inte större än så här */
	/* overflow-y: hidden;*/
	overflow-x: hidden;
}

 
/* Nedersta delen av sidan som innehåller information och annat */
#FOOTER{
	/* position: relative; */
	position: fixed;
	display: block;
	overflow: hidden;
	margin-top:24px; /* avstånd till övre delen av siten */
	bottom:0px;
	width: 100%;
	height: 32px;
	background: #FAFAFA; 
	border-top: 1px solid #D76512; 
	/* border-bottom: 1px solid #D76512;  */
}

/* Nedersta delen av sidan som är lika stor som CONTENTS och som också ligger centrerad */
#FOOTNOTE{
	position:relative;
	padding:0; margin:0 auto; /* centrerad */
	margin-top:4px;
	max-width:960px;
}

.FOOTER_CENTER{
    position:relative;
    padding:0; margin:0 auto; 
	text-align: center;
}

.FOOTER_LEFT{
    position:relative;
    padding:0; margin:0;
	margin-left: 12px;
	float: left;
}

.FOOTER_RIGHT{
    position:relative;
    padding:6px; margin:0;
	margin-right: 26px;
	float: right;
}


/* CSS / JAVASCRIPT */
/* Används av meny-funktionaliteten som är gjord med Java-script*/
.dynamicBlock{
	position:relative;
	padding:0; margin:0;
	float:left;
	clear:both;
	max-width:950px;

}
.dynamicBlock > div{ display:none; } /* Div:ar blir osynliga*/

.dynamicHalfBlock{
	position:relative;
	padding:0; margin:0;
	float:left;
	margin-right: 26px;
	width:440px;
}
.dynamicHalfBlock > div{ display:none; }

/* - CSS ÖVRIGA BLOCK - */
.documentBlock {
	position:relative; float:left; 
	padding:0px;
	width:600px;
	clear:both;
	width:100%;
	max-width:600px;
}

.fullSizeBlock {
	overflow-y: hidden; /* - Tar bort scroll-bar vertikala - */
	position:relative;
	float:left;
	padding:0; margin:0;
	clear:both;
	width:100%;
}

.halfSizeBlock {
	overflow: hidden;
	position:relative;
	padding:0; margin:0;
	float:left;
	margin-right:20px;
	width:450px;
	max-width:450px;
	/*background:#a54ea3;*/ 
}

.thirdSizeBlock {
	overflow: hidden;
	position:relative;
	padding:0; margin:0;
	float:left;
	margin-right: 20px;
	width:295px;
	max-width:295px;
	/*background:#123ea3;*/ 
}

.twoThirdSizeBlock {
	overflow: hidden;
	position:relative;
	padding:0; margin:0;
	float:left;
	margin-right: 30px;
	/* width:580px; */
	max-width:600px;
	/*background:#123123;*/ 
}

.forthSizeBlock {
	overflow: hidden;
	position:relative;
	padding:0; margin:0;
	float:left;
	margin-right: 10px;
	/* width:240px; */
	max-width:240px;
}
.threeForthSizeBlock {
	overflow: hidden;
	position:relative;
	padding:0; margin:0;
	float:left;
	margin-right: 10px;
	/* width:680px; */
	max-width:680px;
}
.fifthSizeBlock {
	position:relative;
	overflow: hidden;
	padding:0; margin:0;
	float:left;
	margin-right: 20px;
	/* width:160px; */
	max-width:160px;
	/* background:#123ea3; */
}

.fixWidthBlock_1fourth {
	position:relative;
	float:left;
	padding:0; margin: 0; 
	width:240px;	
	/* min-width:320px; */
	 background: green;
}

@media all and (max-width: 905px) {	
	div.forthSizeBlock{margin:0px;}
	div.threeForthSizeBlock {margin:0px;}
}

@media all and (max-width: 688px) {
	div.forthSizeBlock{margin:0px;}
	div.threeForthSizeBlock {margin:0px;}
}

@media all and (max-width: 516px) {
	div.forthSizeBlock{margin:0px;}
	div.threeForthSizeBlock {margin:0px;}
}