body { 
	text-align: center;
	font-family: verdana,sans-serif;
	font-size: 11px;
	color: #000;
	background:#f0f0f8 url('bilder/bakps.png');
}

* { margin:0; padding:0; border:0;}

#ruta {
	margin:20px auto; 
	width:800px;
	background-color:#fff;
	text-align:left;
}

#huvud {
	text-align:center;
	width:600px; height:200px;
	background-color:#fff;
}

#huvud a{text-decoration:none; border:none; }

#fot {
	text-align:left;
	width:800px; height:60px;
	background: url('bilder/tonadlinjener.png');
	border-top:solid 1px #8989bc;
}

#fot .kub {
	float:left;
	width:160px; height:60px;
	margin:10px 20px 0px 20px;
	font-size:81.25%; line-height:1,2;
	color:#000;
}

#kropp {
	width:800px; min-height:600px;
	background: url('bilder/falskkolumn.png') repeat-y top left;
	}

#kolumn2 {
	float:left;
	width:200px; height:100%;
	overflow:hidden;
}

#kolumn2 p {
    font-size:10px;
	margin: 0px 20px 12px 20px;
	line-height:130%;
}

#kolumn2 p.fet {
	font-size:11px;
	font-weight:bold;
}

#kolumn1 {
	float:left;
	width:600px;
	text-align:left;
	overflow:hidden;
}

#kolumn1 p {
	margin: 0px 50px 12px 50px;
	line-height:130%;
}

#fonsterruta {
	hight:200px; width:200px;
	background: url('bilder/tonadruta200.png');
	margin-bottom:40px;
}

#fonsterruta img {
	margin:20px;
}

#menyrad {
	width:600px; height:18px;
	background-color:#f0f0f8;
	margin:20px 0px 28px 0px;
}

#menyrad a:link, #menyrad a:visited {
	text-decoration:none; border-bottom:dotted 1px gray;
}

#menyrad a:hover, #menyrad a:focus, #menyrad a:active {
	color:#000; background-color:#cfcfef;
	text-decoration:none; border-bottom:dotted 1px gray;
}

#menyrad li {
  display:block;
  float:left;
  width:20%;
  margin:0;
  padding:0;
  background-color:#f0f0f8;
  color:#000;
  text-align:center;
}

#menyrad li a {
	display:block;
	padding:6px 0;
	color:#000;
}

#referenser	{ text-indent: -20px; margin-left: 20px; }

h1  {
	font-weight:bold;
    font-size:11px;
    text-transform:uppercase;
    color:#e13800;
    height:20px;
    background: url('bilder/rubrik2linje.png')  no-repeat;
    padding: 0px 0px 0px 40px;
    margin: 30px 50px 12px 50px;
}

h2 { font-weight:bold;
     font-size: 11px;
     line-height: 14px;
     margin: 0 0 0 50px;
}

h3 { font-weight:bold;
     font-size: 11px;
     color: #c00;
     margin: 0 20px;
}
   
hr {
	color: #cccccc;
	height: 1px;
	overflow: hidden;
	margin: 8px 0 8px 0;
	padding: 0 0 0 0;
	border: none;
}


span.upp { font-size:9px; vertical-align:25%; }

a{color:#000; text-decoration: none; border-bottom:dotted 1px gray; }
a:link { color: #000;}
a:visited { color: #000;} 
a:hover { color: #c00;}
a:active { color: #000;} 



.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}
.clearfix {display: inline-block;} 	
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut clearfix */