﻿html, body { 
	HEIGHT: auto; 
	PADDING: 0px; 
	MARGIN: 0px;
}

body { 
	BACKGROUND: #E6FFE6; 
	BACKGROUND-POSITION: top center;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; 
	FONT-SIZE: 11px; 
	COLOR: #003300; 
	PADDING: 0px; 
	MARGIN: 0px;
	SCROLLBAR-TRACK-COLOR:		#E6FFE6;;
	SCROLLBAR-HIGHLIGHT-COLOR:	#E6FFE6;
	SCROLLBAR-3DLIGHT-COLOR:	#E6FFE6;
	SCROLLBAR-SHADOW-COLOR:		#E6FFE6;
	SCROLLBAR-DARKSHADOW-COLOR:	#E6FFE6;
	SCROLLBAR-FACE-COLOR:		#E6FFE6;
	SCROLLBAR-ARROW-COLOR:		#000000;
}

/* Länk elements bestämmer hur länkarna skall se ut */
A {
	COLOR: #0033CC; 
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: transparent;
} 
A:hover {
	TEXT-DECORATION: none; 
	COLOR: #FF0000;
}

a:active { 
	TEXT-DECORATION: underline;
	COLOR: #FF0000;
}

/* HTML elements bestämmer hur hemsidan skall se ut */
img {
	MARGIN: 5px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* Form elements sätter utseendet på formulärer */
form {
	FONT-FAMILY: Verdana, Arial, Sans-Serif; 
	FONT-SIZE: 10px; 
	BACKGROUND-COLOR: transparent;
} 

input {
	FONT-FAMILY: Verdana, Arial, Sans-Serif; 
	FONT-SIZE: 10px; 
	BORDER: 1px #7F9DB9 solid; 
	BACKGROUND-COLOR: FFFFFF;
} 
textarea {
	FONT-FAMILY: Verdana, Arial, Sans-Serif; 
	FONT-SIZE: 10px; 
	BORDER: 1px #7F9DB9 solid; 
	BACKGROUND-COLOR: FFFFFF;
}
select {
	FONT-FAMILY: Verdana, Arial, Sans-Serif; 
	FONT-SIZE: 10px; 
	BORDER: 1px #7F9DB9 solid; 
	BACKGROUND-COLOR: FFFFFF;
} 

button {
	FONT-FAMILY: Verdana, Arial, Sans-Serif; 
	FONT-SIZE: 10px; 
	BORDER: 1px #7F9DB9 solid; 
	BACKGROUND-COLOR: transparent;
}

#header_text {
	POSITION: relative;
	RIGHT: 10px;
	TOP: 115px;
	FONT-SIZE: 16pt;
	FLOAT: right;
}

.content-box {
	BACKGROUND: #E6FFE6 url(bilder/content_header.jpg) top repeat-x;
	BORDER: solid 1px #003300;
	PADDING: 6px;
	HEIGHT: auto !important;
	FLOAT: center;
	WIDTH: 567px;
	MARGIN-BOTTOM: 10px;
	FONT-FAMILY: "Verdana";
	FONT-SIZE: 10px;
	COLOR: #003300;
}

.content-text {
	HEIGHT: auto !important;
	FLOAT: left;
	MARGIN-BOTTOM: 10px;
	FONT-FAMILY: "Verdana";
	FONT-SIZE: 10px;
	COLOR: #003300;
}

.popup-text {
	PADDING: 6px;
	HEIGHT: auto !important;
	FONT-FAMILY: "Verdana";
	FONT-SIZE: 10px;
	COLOR: #000000;

    PADDING: 5px;
    MARGIN-BOTTOM: 10px;
}

.extraText { 
	POSITION: absolute; 
	DISPLAY: none;
	BACKGROUND: #F5F5F5;
	WIDTH: 450px;
	BORDER: 1px solid #BABABA;
    PADDING: 5px;
    MARGIN-BOTTOM: 10px;
}

.tumb {
	FLOAT: left;
	MARGIN-RIGHT: 5px;
	PADDING: 0px;
}

h2 {
	FONT-FAMILY: "Verdana", Lucida Handwriting, sans-serif;
	FONT-SIZE: 8px;
	HEIGHT: 25px;
}

h3 {
	FONT-FAMILY: "Verdana", Lucida Handwriting, sans-serif;
	FONT-SIZE: 12px;
	HEIGHT: 25px;
	MARGIN: 0px;
	PADDING: 0px;
	COLOR: #E6FFE6;
}

h4 {
	FONT-FAMILY: "Verdana", Lucida Handwriting, sans-serif;
	FONT-SIZE: 18px;
	HEIGHT: 25px;
	MARGIN: 0px;
	PADDING: 0px;
	COLOR: #FFF;
}

#navcontainer li {
	PADDING: 0px;
	MARGIN: 0px;
	COLOR: #FFF;
	DISPLAY: block;
	POSITION: relative;
	HEIGHT: 25px;
	WIDTH: 148px;
	BORDER-BOTTOM: solid 1px #576C85;
}

#navcontainer ul {
	MARGIN: 0px;
	PADDING: 0px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 148px;
	LIST-STYLE-TYPE: none;
	BACKGROUND: #9FB8D3;
	HEIGHT: auto;
	POSITION: relative;
	TOP: -1px;
	BORDER-TOP: solid 1px #576C85;
}

#navcontainer a, #navcontainer a:visited {
	DISPLAY: block;
	COLOR: #FFF;
	TEXT-DECORATION: none;
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
	MARGIN: 0px;
	HEIGHT: 20px;
	WIDTH: 138px;
	BACKGROUND: #7D9CC0;
	PADDING-LEFT: 10px;
	PADDING-TOP: 5px;
}

#navcontainer a:hover {
	MARGIN: 0px;
	COLOR: #FFF;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #9FB8D3;
}