* { /* nollställer alla marginaler och padding - globalt */
   margin:0; 
   padding:0;
   } 
   
   body {
   text-align: center; /* Centrera innehållet MSIE (steg 1/3)*/
   font-size: 0.9em;
   line-height: 1.5em;
   font-family: Tahoma, times, "times new roman", serif;
   color: #fff;
   background: #000;
   }	
   
   #wrap {
   margin:10px auto; /* Centrera #wrap */
   color:#0000cc;
   background: #fff url(2007-08-04_HP05952_mv01.jpg) no-repeat; 
   width: 850px;
   text-align: left; /* Vänsterställer innehållet i #wrap */   
   }

   #header {
   height:100px;
   background:#0000cc;
   opacity:.8; 
   filter:alpha(opacity=80);

   color:#fff;
   text-align: center;
   }

#header h1 { display: none; }

#headnav
{
	width: 100%;
	height: 30px;
	background-color: #ccc;
	opacity:.9; 
	filter:alpha(opacity=90);
}


   #left {
   width: 100px;
   float: left;
   display: inline;
   }

   #middle {
   width: 650px;
   float: left;
   opacity: 0.7; filter: alpha(opacity=70);
   background: #fff ; 
   display: inline;
   }
   
#container_m {width: auto; background: #fff; float: left;}
#col1 {width: 20em; float: left; padding: .7em;}
#col2 {width: 18em; float: left; padding: .7em;}



   #right {
   width: 100px;
   float: right;
   display: inline;
   }

   #footer {
   margin:40px 0px 0px 0px;
   text-align: center;
   background: #ccc;
   opacity: 0.8; 
   filter: alpha(opacity=80);
   height:30px;
   line-height: 20px;
   }

   ul {
	 margin:0 20px 10px 50px;
	 }

	 li {
	 list-style-type: disc;
	 padding: 3px 10px 0;
	 margin: 0;
	 }


	 #left ul {
	 margin:0 20px 10px 20px;
	 }

	 #left li {
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
	 }

	 #middle ul {
	 margin:10px 20px 10px 20px;
	 }

	 #middle li {
	 list-style-type: disc;
	 padding: 1px 3px 0;
	 margin: 0;
	 }


	 ul#menu {
	 margin:0 0 25px 0;
   background: #ccc;
   opacity: 0.8; filter: alpha(opacity=80);
	 text-align: center;
	 height:35px;
	 }

	 ul#menu li {
	 list-style-type: none;
	 padding: 0 20px;
	 margin: 0;
	 display: inline;
	 line-height: 30px;
	 }


	img.logo {
	position:relative;
	left:70px;
	opacity: 0.8; 
	filter: alpha(opacity=80);
	}

	 
	 h1 {
	 padding:25px 0 0 0;
	 display: none;
	 line-height: 120%;
	 }
	
	 p,h2,h3,h4 {
	 margin:0 20px;
 	 }

	 p {
	 padding-bottom: 10px;
	 }
	 	 
 	 h2 {
	 padding: 10px 0; 
	 }

	 h3 {
	 padding: 10px 0 5px; 
	 }

	 a {
	 font-weight: bold; 
	 color:#000;
	 text-decoration: none;
	 background:transparent;
	 }

	 a:link {
	 
	 }

	 a:visited {
	 
	 }

	 a:hover {
	 color: #fff;
	 background: #0000cc;
	 }

	 a:active {
	 color: #000;
	 }

	 ul#menu a {
	 font-weight: bold; 
	 color:#fff;
	 text-decoration: none;
	 background:transparent;
	 }

	 ul#menu a:link {
	 color: #fff;
	 }

	 ul#menu a:visited {
	 color: #fff;
	 }

	 ul#menu a:hover {
	 color: #444;
	 background: transparent;
	 }

	 ul#menu a:active {
	 color: #444;
	 }

#menu li a
{
text-decoration: none;
color: #000;
padding: .1em 1em;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #FFF;
}

#menu li a:hover
{
background: #FFF;
color: #0000cc;
}


#menu li a#current
{
background: #FFF;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
color: #0000cc;
}


#navcontainer ul
{
padding: 0px 0;
margin: 0;
list-style-type: none;
text-decoration: none;
color: #000;
width: 100%;
font: normal 100% tahoma, georgia, times, "times new roman", serif;
text-align: left;
}

#navcontainer li { display: inline; 

}

#navcontainer li a
{
text-decoration: none;
background-image: url(knapp2.jpg);
color: #0000cc;
padding: .2em 2em;
}

#navcontainer li a:hover
{
background-image: url(knapp1.jpg);
color: #fff;
}



#navcontainer li a#current
{
background: #1E2BD1;
background-image: url(knapp1.jpg);
color: #FFF;
}


div#navleft
{
float: left;
width: 70px;
padding-top: 1em;
padding-left: 1em;
text-align: center;
}

div#navleft ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

div#navleft ul li { 
  margin-top: 8px; 
  list-style-type: none;
}

#navleft ul li a {
	background-color: #ccc;
	opacity:.9; 
	filter:alpha(opacity=90);
	list-style-type: none;
	display: block;
	color: #0000cc;


opacity: 0.8;
filter: alpha(opacity=80);
width: 70px;
padding: 2px 2px 2px 2px;
text-decoration: none;

background-repeat: no-repeat;
}

#navleft ul li a:hover
{
background: #FFF;
color: #0000cc;
}

#navleft li a#current
{
background: #FFF;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
color: #0000cc;
}


.andrasidor a:link, .andrasidor a:visited
{
	display: block;
	padding: 0 0;
	background-color: #D2FAF9;
	color: #0000cc;
	border: 1px solid #D0D0FF;
	width: 30em;
	text-decoration: none;
	text-align: center;
	font-size: 10pt; 
}

.andrasidor a:hover, .andrasidor a:active
{
	background-color: #8070F8; 
	color: #fff;
}


.mellan a:link, .mellan a:visited
{
	display: block;
	padding: .2em 1em .2em 1em;
	background-color: transparent;
	color: #7085BD;
	border: 2px solid #D0D0FF;
	width: 15em;
	text-decoration: none;
	text-align: center; 
}

.mellan a:hover, .mellan a:active
{
	background-color: #0000cc; 
	color: #fff;
}


	.smaller {
	font-size: 90%;
	}