html { margin: 0px; } 

body { 
/*background: #f9f9f2;*/ 
background: #000000;
 text-align: center; 
 font: 0.8em Verdana, Arial, Helvetica, sans-serif; 
 margin: 0px; 
 padding: 0px; 
}

#header { 
margin: 0px auto; /*  to fix centering in Mozilla */ 
 background: url('images/huvud.jpg') no-repeat; 
 width: 800px;  /* width should be the same as the background image */ 
 height: 45px;
 color: #B1B5C1; 
 padding: 0px 0px 0px 0px; 
 position:absolute;
left: 50px; 
}

#menu { 
margin: 0px auto; /*to fix centering in Mozilla */ 
 background: url('images/munylist.jpg') no-repeat; 
 width: 800px;  /* width should be the same as the background image */ 
height: 20px;
 color: #B1B5C1; 
 padding: 0px 0px 0px 0px; 
 color: #fff; 
 font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; 
 position:absolute;
left: 50px; 
top: 45px;
}
	#menu ul { 

	 list-style: none;  /* removes list marker */ 
	 background: url('images/munylist.jpg') no-repeat; 
	 padding: 0px 0px 0px 150px;    /* removes left indent */ 
	 margin: 0px; 

	} 
	
	#menu ul li { 
	 display: inline;  /* sets list items to display in a row */ 
	 padding-left: 25px;  /* puts space in between list items */ 
	} 
	
	#menu a:link, #menu a:visited { 
	 color: #333; 
	 text-decoration: none; 
	} 
	
	#menu a:active, #menu a:hover { 
	 color: #f2f1e1; 
	 text-decoration: none; 
	}

.ram1 { 
  background-color:#7c783c;  
}

#time {
	background-color: #7c783c; 
	padding-top: 4px; 
	border-top: #f2f1e1 0px solid; 
	border-bottom: #f2f1e1 0px solid; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: arial; 
	height: 20px; 
	text-align: left; 
	text-decoration: none;
	vertical-align: middle; 
	color: #f2f1e1; 
	text-indent: 8px;	
}

#wrapper { 
margin: 0px auto;  /*to fix centering in Mozilla */ 
 background: url('images/hori.gif') repeat-y; 
 text-align: left; 
 width: 800px;    /* width should be the same as the background image */ 
 padding: 0px 5px 0px 5px; 
 /* box model hack */ 
 voice-family: "\"}\""; 
 voice-family:inherit; 
 width: 790px; 
 position:absolute;
 left: 50px; 
 top: 65px;
} 
 html>body #wrapper { width: 790px; }

#leftcol { 
 width: 160px;              /* left column width */ 
 float: left; 
  /*background: #ededed;*/ 

background: url('images/nat.jpg') repeat-y; 
 padding: 10px 0px 8px 0px; 
 /* box model hack */ 
 voice-family: "\"}\""; 
 voice-family:inherit; 
 width: 160px; 
	} 
	html>body #leftcol { width: 160px; } 

	.verticalmenu ul { 
		 list-style: none; 
		 padding: 0px; 
		 margin: 0px; 
		} 
		
		.verticalmenu a:link, .verticalmenu a:visited, .verticalmenu a:hover { 
		 display: block; 
		 font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; 
		 color: #1A286E; 
		 text-decoration: none; 
		 padding: 5px; 
		 width: 160px; 
		 height: 30px; 
		 /* box model hack */ 
		 voice-family: "\"}\""; 
		 voice-family:inherit; 
 		 width: 150px; 
		 height: 20px; 
		} 
		html>body .verticalmenu a:link, html>body .verticalmenu a:visited, html>body .verticalmenu a:hover { 
		 width: 150px; 
		 height: 20px; 
		}
		.verticalmenu a:hover { 
		 background: url('images/nyckel.gif') no-repeat; 
		} 

#maincol { 
background: url('images/mt_bg.jpg') repeat-x;
 width: 490px; 
 float: left; 
 padding: 10px 20px 10px 10px; 
 /* box model hack */ 
 voice-family: "\"}\""; 
 voice-family:inherit; 
 width: 460px; 
} 
html>body #maincol { width: 460px; }

#artcol { 
background: url('images/mkv.jpg') repeat;
 width: 490px; 
 float: left; 
 padding: 10px 20px 10px 10px; 
 /* box model hack */ 
 voice-family: "\"}\""; 
 voice-family:inherit; 
 width: 460px; 
} 
html>body #maincol { width: 460px; }

#rightcol { 
 width: 140px; 
 float: left; 
  padding: 0px 0px 10px 15px; 
 /* box model hack */ 
 voice-family: "\"}\""; 
 voice-family:inherit; 
 width: 125px; 
} 
html>body #rightcol  { width: 125px; }

#bigcol { 
background: #fbfbf8;
 width: 630px; 
 float: left; 
 padding: 10px 20px 10px 15px; 
 /* box model hack */ 
 voice-family: "\"}\""; 
 voice-family:inherit; 
 width: 595px; 
} 
html>body #bigcol { width: 595px; }

.clear { clear: both; }

#footer {
margin: 0px auto;  /* to fix centering in Mozilla */ 
background: url('images/blist.gif') no-repeat; 
width: 800px;  /* width should be the same as the background image */ 
color: #fff; 
padding: 2px 0px 2px 0px; 
}

#Layer1{
  border: solid 0px #000000; 
  border-width: 0px; 
  padding: 2px;
}

#Layer2{
  border-width: 0px; 
  padding: 10px 0px 0px 2px;
}


h1  {
    color:#333333; 
    font-size: 150%;
    line-height:100%;
    font-weight:bold;
    font-family:verdana,ariel,helvetica,san-serif;
    margin:0px 0px 5px 0px;
		}
h2 {
	color:#333333; 
	font-size: 130%;
    line-height:120%;
    font-weight:bold;
    font-family:verdana,ariel,helvetica,san-serif;
    margin:0px 0px 5px 0px;
		}
h3  {
    color:#333333; 
    font-size: 110%;
    line-height:100%;
    font-weight:bold;
    font-family:verdana,ariel,helvetica,san-serif;
    margin:0px 0px 5px 0px;
		}

h5 {
     color: #FF9900; 
     font-size: 300%;
     line-height:115%;
     font-weight:normal;
     font-family:verdana,ariel,helvetica,san-serif;
   }

td { 
text-align: left;
       }

p {
    color:#333333;
    font-size: 11pt;
    line-height:115%;
    font-weight:normal;
    font-family:verdana,ariel,helvetica,san-serif;
    margin-top:2px;
    margin-bottom: 2px;
    text-align: left;
        }

.varb {
    color:#333333;
    font-size: 11pt;
    line-height:115%;
    font-weight:bold;
    font-family:verdana,ariel,helvetica,san-serif;
    margin-top:2px;
    margin-bottom: 2px;
    text-align: left;
        }

 .var { 
    font-size: 90%;
    line-height:90%;
    font-weight:normal;
    font-family:verdana,ariel,helvetica,san-serif;
    margin:5px;
        }
.var1 { 
    font-size: 90%;
    line-height:100%;
    font-weight:normal;
    font-family:verdana,ariel,helvetica,san-serif;
    margin:2px;
        }
.var1b { 
    font-size: 90%;
    line-height:100%;
    font-weight:bold;
    font-family:verdana,ariel,helvetica,san-serif;
    margin:2px;
        }

.var2 { 
    font-size: 80%;
    line-height:100%;
    font-weight:normal;
    font-family:verdana,ariel,helvetica,san-serif;
    margin-top:10px;
    margin-bottom:0px;
        }

.var3 {
	COLOR: #3333CC;
	FONT-SIZE: 90%;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 100%;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT:0px;
	TEXT-INDENT: 0px
     	}

.var4 {
	COLOR: #333333;
	FONT-SIZE: 110%;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 100%;
		}
.var4b {
	COLOR: #333333;
	FONT-SIZE: 110%;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 100%;
		}
		
.var5 {
	COLOR: #3333CC;
	FONT-SIZE: 60%;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 100%;
		}
       
.rod { 
    font-size: 100%;
    line-height:100%;
    color: #aa4911;
    font-weight:bold;
    font-family:verdana,ariel,helvetica,san-serif;
    margin:5px;
        }
.bla {
	color:#3333CC; 
	font-size: 100%;
    line-height:100%;
    font-style:normal;
    font-family:verdana,ariel,helvetica,san-serif;
    }

.bla1 {
	color:#3333CC; 
	font-size: 130%;
    font-family:verdana,ariel,helvetica,san-serif;
    }

.bla2 {
	color:#3333CC; 
	font-size: 130%;
	font-weight:bold;
    font-family:verdana,ariel,helvetica,san-serif;
    }


.or  {
color:#FF9900;
	}

.or1
{
color:#E35400;
font-weight:bold;
margin:10px;

	}
	
a:link {
        color: #0000CC;
        font-size: 10pt;
        font-weight:600;
        line-height:85%;
        text-decoration:none;
        font-family:ariel,helvetica,geneva,san-serif;
        }

a:visited {
        color: #0000CC;
        font-size: 10pt;
        font-weight:600;
        line-height:85%;
        text-decoration:none;
        font-family:ariel,helvetica,geneva,san-serif;
        }        
a:hover {
    color:#000033;
    font-size:10pt;
    font-weight:600;
    line-height:85%;
    text-decoration:underline;
    font-family:ariel,helvetica,geneva,san-serif;
    }
    
a:active {
    color:#0000FF;
    font-size:10pt;
    font-weight:600;
    line-height:85%;
    font-family:ariel,helvetica,geneva,san-serif;
    }

	
	.dropdown {
	Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute; TOP: 99px
}
.dropitem {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.menu {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; text-align: left;
}

a.menu:link {
      	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	LINE-HEIGHT: 13px; 
	TEXT-DECORATION: none
	}

a.menu:visited {
      	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	LINE-HEIGHT: 13px; 
	TEXT-DECORATION: none
	}

a.menu:hover{
      	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #333333; 
 	background:#b5cfd6; 
	LINE-HEIGHT: 13px; 
	
	}

a.menu:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	LINE-HEIGHT: 13px; 
	TEXT-DECORATION: none
	}

a.menu1:link {
      	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	LINE-HEIGHT: 13px; 
	TEXT-DECORATION: none
	}

a.menu1:visited {
      	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	LINE-HEIGHT: 13px; 
	TEXT-DECORATION: none
	}

a.menu1:hover{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	background:#b5cfd6; 
	LINE-HEIGHT: 13px; 
	}

a.menu1:active {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	LINE-HEIGHT: 13px; 
	TEXT-DECORATION: none
	}

      
