BODY {
WIDTH: 100%; 
HEIGHT: 100%; 
MARGIN: 0px; 
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px; 
PADDING-TOP: 0px; 
PADDING-BOTTOM: 10px; 
BACKGROUND: url(bg.gif); 
BACKGROUND-REPEAT: repeat-x; 
BACKGROUND-COLOR: #eeeeee; 
FONT: 0.8em/1.3em Verdana, Arial, Helvetica, sans-serif; 
TEXT-ALIGN: left
}

H1 {
	FONT-SIZE: 1.8em;
		
}

H2 {
FONT-SIZE: 1.5em
}

H3 {
FONT-SIZE: 1.2em
}

H4 {
FONT-SIZE: 1.0em
}

A {
COLOR: #000000; 
TEXT-DECORATION: underline
}

A:link {
COLOR: #000000; 
TEXT-DECORATION: underline
}

A:hover {
TEXT-DECORATION: none
}

/*Ramskugga*/
#shadow-container {
MARGIN: 10px auto;
BACKGROUND: url(ramskugga_sidor_topp.gif) top center no-repeat
}

#shadow-fill {
MARGIN: 10px auto;
BACKGROUND: url(ramskugga_sidor_fill.gif) center repeat-y
}
/*Slut ramskugga*/

#wrapper {
PADDING: 0px 0px 0px 0px;
BACKGROUND: #fff; 
MARGIN: 0px auto; 
WIDTH: 750px 
}

#header {
PADDING: 0px 0px 0px 0px; 
BACKGROUND-IMAGE: url(BM_head.gif);
MARGIN-BOTTOM: 20px;
HEIGHT: 120px;
WIDTH: 750px; 
TEXT-ALIGN: center
}

#sidebar {
PADDING-RIGHT: 0px;
MARGIN-TOP: 5px;
MARGIN-BOTTOM: 10px;
FLOAT: left;
VERTICAL-ALIGN: top;
WIDTH: 140px;
MARGIN-RIGHT: 0px
}

#bannerarea {
PADDING-RIGHT: 0px;
MARGIN-TOP: 10px;
DISPLAY: inline;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
WIDTH: 162px;
MARGIN-RIGHT: 0px;
PADDING-TOP: 0px;
CLEAR: both
}

#sidecontainer {
PADDING: 5px 0px 0px 0px;
MARGIN-BOTTOM: 20px;
MARGIN-LEFT: 25px;
FLOAT: left;
VERTICAL-ALIGN: top;
WIDTH: 162px
}

.arrowlistmenu{
width: 162px /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 6px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #333333;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font: bold 8px Verdana;
border-bottom: 1px solid #dadada;
font-size: 90%
}

.arrowlistmenu ul li a:visited{
color: #333333
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #CCCCCC
}

.arrowlistmenu ul li a#current{ 
color: #000000;
background-color: #CCCCCC
}

#content {
WIDTH: 480px; 
FLOAT: right; 
VERTICAL-ALIGN: top; 
MARGIN-LEFT: 20px; 
MARGIN-RIGHT: 20px;
MARGIN-BOTTOM: 20px;
PADDING-TOP: 0px;
PADDING-LEFT: 20px; 
PADDING-RIGHT: 20px;
PADDING-BOTTOM: 10px
}

#imgfoot{
 BACKGROUND-IMAGE: url(skyline.gif);
 CLEAR: both;
 HEIGHT: 48px;
 WIDTH: 750px
}

#footer {
	BACKGROUND: #000;
	CLEAR: both;
    PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	text-align: center;
}

.textfooter {
	color: #FFF;
}

.textfooter A {
COLOR: #FFF; TEXT-DECORATION: underline
}

.textfooter A:link {
COLOR: #FFF; TEXT-DECORATION: underline
}

.textfooter A:hover {
COLOR: #FFF; TEXT-DECORATION: none
}
	

.clearer {
CLEAR: both
}

.border {
BORDER: #000 1px solid
}

#kolumncontainer {
FLOAT: left; 
WIDTH: 480px; 
MARGIN-BOTTOM: 20px; 
CLEAR: both 
}

#kolumn1 {
FLOAT: left; 
WIDTH: 110px; 
MARGIN-RIGHT: 10px 
}

#kolumn2 {
FLOAT: left; 
PADDING-TOP: 20px;
WIDTH: 360px 
}

img.floatLeft { 
FLOAT: left; 
CLEAR: both
}

img.floatRight { 
FLOAT: right; 
MARGIN: 5px 0px 0px 5px
}

.icon {
VERTICAL-ALIGN: middle
}

.ulpunktlistan {
list-style-position: outside;
margin: 0pt;
padding: 0px 0px 0px 30px
}

.bildpunktlista {
MARGIN-BOTTOM: 10px; 
LIST-STYLE-IMAGE: url(bullet3.gif) 
}

.noborder {
BORDER: none
}

.lankpil {
MARGIN-RIGHT: 5px
}

.bold {
FONT-WEIGHT: bold
}