body	{
	background-color: #cccc99;
	/* background-image: url(bakgrund.jpg);*/
	background-repeat: no-repeat;/*repeat-y;repeat-x; defines if the image repeats or or not and how it repeats */
	background-position:0 em 0em;/*center center */
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow-X: hidden;}

h1 {font: 150% Verdana; font-stretch:50%; color: #000000; font-variant: small-caps;}
h2 {font: 100% Verdana; color: #000000; font-variant: small-caps; font-stretch:50%;}
h3 {font: 100% Verdana; font-stretch:50%; color: #000000; font-variant: small-caps;}
h4 {font: 100% Verdana; color: #000000; font-variant: small-caps; font-stretch:50%;}
h5 {font-size: 70%; font-variant: Italic;}
h6 {font: 70% Verdana; color: #e9e9e9; background-color:#F8080e;}/* ljusgrå text på röd bakgrund */
p {align: justify; font-family: Verdana;}


td {font-family: Verdana; font-size: 75%; color: #000000;}
li {font-family: Verdana; font-variant: small-caps; color: #808080;}
a:link{font-family: Verdana; font-size: 100%; color: #254ea0 text-decoration: none;}
a:hover{color:#808080; text-decoration: none;}
a:visited{color: #cccc99; ;text-decoration: none}/* gul */

#menycontainer{float:left; margin: 0.8em 1em; width: 12em;}
#meny {margin: 0; padding: 0; list-style-type: none;}

#meny a{
display: block;	
padding: 0.2em 0 0.2em 0.2em; 
text-decoration: none; 
height: 100%;
border: 0.1em solid #b3b3b3;
margin-top: 0.2em; 
background: #e9e9e9;}

#meny ul{list-style-type: none;} 
#meny ul a{color: #808080; padding: 0.2em;}	
#meny a:link{color: #000000;}
#meny a:visited{color: #000000;}
#meny a:hover{background: #cccc99;}
#meny a#current{font-weight: bold; background: #e9e9e9;}
#meny a#subcurrent{background: #e9e9e9e;}


#kolumncontainer {
background: #e9e9e9;
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #000000 1px solid; 
FLOAT: center; 
BORDER-LEFT: #000000 1px solid; 
WIDTH: 80em;
HEIGHT: 400em
BORDER-BOTTOM: #000000 1px solid;
}

#sidhuvud {
PADDING-RIGHT: 0.5em; 
PADDING-LEFT: 0.5em; 
BACKGROUND: #ffffff; 
PADDING-BOTTOM: 0.5em; 
PADDING-TOP: 0.5em; 
BORDER-BOTTOM: #000000 1px solid;
}


#kolumn1 {
WIDTH: 60em;
/*background: #808080;*/
FLOAT: center;
PADDING-RIGHT: 0.5em; 
PADDING-LEFT: 0.5em; 
PADDING-BOTTOM: 1em;  
PADDING-TOP: 1em;
}

#flaggor{
background: #b3b3b3;
valign:top;
FLOAT: right;
font: 90% Verdana;
WIDTH: 88.7em; 
BORDER-BOTTOM: #808080 1px solid;
PADDING-BOTTOM: 0.2em;
PADDING-TOP: 0.1em;}

#adress{float: center; background: #e9e9e9; valign:bottom; font: 90% Verdana;}

.liten {font-size: 85%;}
.kursiv {font-variant:italic ;}
.shadow {font-size: 40px; font-weight: bold; filter: Shadow(Color=#666666, direction=120); width: 100%; height: 60px;}
.shadowimage {font-size: 40px; font-weight: bold; filter: Shadow(Color=#666666, Direction=120); width: 100%; height: 60px;}
 


/*filter: alpha(opacity=85);
	-moz-opacity: 85%;*/


/*runda vita fälten - obs att färg måste ändras om bakgrundsfärg där de placeras ändras*/
#container {
	BACKGROUND: #ffffff;
	float: right;
	margin: 1em 0.5em 1em 0.5em; /* detta är marginal till containern..ovan, höger, under, vänster om containrar..*/
	text-align:justify;
	width: 60em;}

.roundtop {
	BACKGROUND: #e6e6e6;
}
.roundbottom {
	BACKGROUND: #e6e6e6;
}
.r1 {
	BACKGROUND: #ffffff; MARGIN: 0px 5px; OVERFLOW: hidden; HEIGHT: 1px
}
.r2 {
	BACKGROUND: #ffffff; MARGIN: 0px 3px; OVERFLOW: hidden; HEIGHT: 1px
}
.r3 {
	BACKGROUND: #cccc99; MARGIN: 0px 2px; OVERFLOW: hidden; HEIGHT: 1px
}
.r4 {
	BACKGROUND: #ffffff; MARGIN: 0px 1px; OVERFLOW: hidden; HEIGHT: 2px
}
.content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}