/* HTML styles */
/* HTML tag styles redefine the formatting for a particular tag, such as td. When you create or change a CSS style for the h1 tag, all text formatted with the h1 tag is immediately updated. */

a {
	color: #003366;
	text-decoration: underline;
	font-weight: normal;
	}
	
a:hover {
	color: #993300;
	text-decoration: underline;
	}

body {
	background-color: #FFFFFF;
	margin: 0px;
	}
	
td {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	}
	

/* Class Styles */
/* Custom CSS rules, also called class styles, let you apply style attributes to any range or block of text. */	

.bildtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	color: #336666;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
	}
	
.bildtext_normal {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	color: #336666;
	letter-spacing: 0.1em;
	text-transform: none;
	text-align: center;
	}

.bodytext {
	color:#000000;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	}
	
.bodyrubrik_1 {
	color: #336666;
	line-height:26px;
	letter-spacing:0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	}

.bodyrubrik_2 {
	color: #003366;
	letter-spacing:0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

.bodyrubrik_3 {
	color: #CC3300;
	line-height:26px;
	letter-spacing:0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	}

.emfas_ord_bluegreen {
	color: #006666;
	font-weight: bold;
	letter-spacing: normal;
	}

.emfas_ord_red {
	color: #CC0000;
	font-weight: bold;
	letter-spacing: normal;
	}

.gra_linje_under_cell {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336666;
	}

.linje_mot_hogerspalt {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #336666;
	}

.logo_footer {
	color: #8C4300;
	letter-spacing:0.1em;
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.numrerad_lista_nyhetscell {
	font-size: 11px;
	line-height: 18px;
	color: #660000;
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: decimal;
	}	

.punktlista_nyhetscell {
	font-size: 11px;
	line-height: 18px;
	color: #660000;
	list-style-position: outside;
	list-style-type: disc;
	}

.ram_nyhetscell {
	border: 1px solid #CCCCCC;
	background-color: #F3F0E4;
	}

.sidorubrik_1 {
	color: #336633;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	}


.sidorubrik_2 {
	color: #8C4300;
	line-height:15px;
	letter-spacing:0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
    }
	
.sidotext_1 {
	color: #333333;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

.text_footer {
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}

.undermeny_pil {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-position: inside;
	background-image: url(Templates/Objects/undermeny_pil.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.vet_artikel_authors {

	font-size: 10px;
	line-height: 16px;
	color: #000033;
}

.vet_artikel_rubrik {
	font-size: 11px;
	line-height: 18px;
	color: #660000;
}

/* CSS advanced styles */
/* CSS selector styles (advanced styles) redefine the formatting for a particular combination of elements, or for other selector forms as allowed by CSS (for example, the selector td h2 applies whenever an h2 header appears inside a table cell.) Advanced styles can also redefine the formatting for tags that contain a specific id attribute (for example, the styles defined by #myStyle apply to all tags that contain the attribute-value pair id="myStyle"). */	

#bakgrund {
	background-image: url(Startsida_objekt/background.gif);
	background-repeat: no-repeat;
	background-position: center 50px;
	}

#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}

#logo {
	color: #8C4300;
	letter-spacing:0.25em;
	line-height:26px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#tagline {	
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	}

/* menyrubrik anger egenskapen för a och a:hover */

#menyrubrik a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	letter-spacing: 0.1em;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#menyrubrik a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

/* meny1 - meny4 anger placering av menyrubrikerna*/

#meny1 {
	position:absolute;
	left:11px;
	top:110px;
	width:110px;
	height:23px;
	z-index:1;
	text-align: left;
	text-indent: 10px;
	display: block;
	padding: 5px;
	visibility: visible;
	}

#meny2 {
	position:absolute;
	left:121px;
	top:110px;
	width:110px;
	height:23px;
	z-index:2;
	text-align: left;
	text-indent: 10px;
	display: block;
	padding: 5px;
	visibility: visible;
	}

#meny3 {
	position:absolute;
	left:216px;
	top:110px;
	width:110px;
	height:23px;
	z-index:3;
	text-align: left;
	text-indent: 10px;
	display: block;
	padding: 5px;
	visibility: visible;
	}

#meny4 {
	position:absolute;
	left:589px;
	top:104px;
	width:110px;
	height:23px;
	z-index:4;
	text-align: left;
	text-indent: 10px;
	display: block;
	padding: 5px;
	visibility: visible;
	}

	#meny5 {
	position:absolute;
	left:221px;
	top:110px;
	width:110px;
	height:23px;
	z-index:5;
	text-align: left;
	text-indent: 10px;
	display: block;
	padding: 5px;
	visibility: visible;
	}

/* undermeny1 - undermeny4 anger placering */

#undermeny11 {
	position:absolute;
	left:11px;
	top:138px;
	z-index:11;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

#undermeny21 {
	position:absolute;
	left:121px;
	top:138px;
	z-index:21;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

#undermeny41 {
	position:absolute;
	left:221px;
	top:138px;
	z-index:41;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

#undermeny51 {
	position:absolute;
	left:221px;
	top:138px;
	z-index:51;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

#undermeny111 {
	position:absolute;
	left:163px;
	top:138px;
	z-index:111;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

#undermeny112 {
	position:absolute;
	left:163px;
	top:167px;
	z-index:112;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

#undermeny113 {
	position:absolute;
	left:163px;
	top:196px;
	z-index:113;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

#undermeny115 {
	position:absolute;
	left:163px;
	top:253px;
	z-index:115;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}

#undermeny511 {
	position:absolute;
	left:363px;
	top:138px;
	z-index:511;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
	
#undermeny512 {
	position:absolute;
	left:363px;
	top:167px;
	z-index:512;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}	

#undermeny517 {
	position:absolute;
	left:363px;
	top:312px;
	z-index:517;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
	
#undermeny518 {
	position:absolute;
	left:363px;
	top:341px;
	z-index:517;
	visibility: hidden;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
	

/* undermeny anger egenskaper för a, a:hover och td */

#undermeny a {
	color: #660000;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	letter-spacing: 0.1em;
	line-height: 10px;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 6px;
	}

#undermeny a:hover {
	color:#333333;
	background-color: #FFFFCC;
	}	

#undermeny td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FCFFE3;
	background-color: #ECE4CD;
	}
#undermeny_pil a:hover {
	color:#333333;
	background-color: #FFFFCC;
	background-image: url(Templates/Objects/undermeny_pil.gif);
	background-repeat: no-repeat;
	background-position: right;
	}