body {  
	position:relative; 
	font:68.75%/1.4 Verdana,Helvetica,Arial,sans-serif;
	color: #039;
	background:#fff url('bakgrund/tapet.jpg') repeat-x top left fixed;
	margin:0 auto; padding:0;
}

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

#ruta {
	margin:0 auto;
	width:800px;
	background: url('bakgrund/skuggkanter.png') repeat-y top left;
}

#kropp {
	width:800px;
	background: url('bakgrund/tapet0.jpg');
}

#huvud {
	margin:10px auto;
	width:800px; height:110px;
	background: url('bakgrund/dalecarlia.jpg');
}

#fot {
	margin:10px auto;
	width:800px; height:45px;
	background: url('bakgrund/bakfoten.png');
	text-align:center; padding-top:16px;
}

#kolumn1 {
	float:left;
	width:634px;
	background: url('bakgrund/kantmitt600.gif');
	overflow:hidden;
}

#kolumn2 {
	float:left;
	width:166px;
	background: url('bakgrund/kantmitt166.gif');
	overflow:hidden;
}

#kolumn2 p{
	padding:2px 2px 0px 8px;
}

.slut {
	margin-bottom:-3px;
}

.glass {
	text-align:right;
	margin:14px 48px;
}
.klart-vader {margin-left: 5px;}

.textiruta   {margin: 16px 50px 0px 30px;}

.bildruta {
	width:634px;
	background:white;
	padding:20px 0px;
}

.bildettan {
	float:left;
	border:solid 4px white;
	margin-right:15px;
}

.upp {
	text-align:right;
	margin:14px 48px;
}

#menyett {
	height:23px; width:800px;
	background: blue url('bakgrund/menybalk.png') no-repeat top left;
	padding-top:8px;
	color:#ff0;
	text-align:center
}

#menyett a:link { text-decoration: none; color: #fff;}
#menyett a:visited { text-decoration: none; color: #fff;} 
#menyett a:hover { color: #ff0;}
#menyett a:active { color: #ff0;} 

.rutrubrik {
	background: #fff url('bakgrund/kantupp600.gif') no-repeat top left;
	width:634px; height:19px;
	padding:6px 0px 4px 30px;
	font-weight:bold;
	color:#666;
}

.axel {
	font-size:1.2em;
	font-weight:bold;
	color:white;
	background: #ccc url('bakgrund/ton1b.png') repeat-x top left;
	width:166px; height:19px;
	padding:2px 0px 0px 20px;
}

.omgiv {
	font-size:1.2em;
	font-weight:bold;
	color:white;
	background: #fff url('bakgrund/ton2b.png') repeat-x top left;
	width:166px; height:19px;
	padding:2px 0px 0px 20px;
}

.gast {
	font-size:1.2em;
	font-weight:bold;
	color:white;
	background: #fff url('bakgrund/ton3b.png') repeat-x top left;
	width:166px; height:19px;
	padding:2px 0px 0px 20px;
}

.andra {
	font-size:1.2em;
	font-weight:bold;
	color:white;
	background: #fff url('bakgrund/ton4b.png') repeat-x top left;
	width:166px; height:19px;
	padding:2px 0px 0px 20px;
}

.port {
	font-size:1.2em;
	font-weight:bold;
	color:white;
	background: #fff url('bakgrund/ton5b.png') repeat-x top left;
	width:166px; height:19px;
	padding:2px 0px 0px 20px;
}

.erbj {
	font-size:1.2em;
	font-weight:bold;
	color:white;
	background: #fff url('bakgrund/ton6b.png') repeat-x top left;
	width:166px; height:19px;
	padding:2px 0px 0px 20px;
}

h1 { 
	font:300%/1.4 "Century Gothic",Verdana,Helvetica,Arial,sans-serif;
	font-weight:normal;
    color: #ccc;
    padding: 0 0 0 30px;
    background:white;
}
   
h2 { font-weight:normal;
     font-size: 15px;
     line-height:18px;
     color:#484848;
     margin: 0 0 0 30px;
}

h3 { font-weight:bold;
     font-size: 12px;
     line-height: 14px;
     color:#484848;
     margin: 0 0 0 30px;
}
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:link { text-decoration: none; color: #039;}
a:visited { text-decoration: none; color: #039;} 
a:hover { color: #c00;}
a:active { color: #000;} 


ul { margin: 20px 50px;}

.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 */