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

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

#ruta {
	margin-left:auto; margin-right:auto;
	width:820px;
	background:#ffffff url('bakgrund/skuggkanter.png') repeat-y top left;
	text-align:left;
}

#huvud {
	width:766px; height:200px;
	background:  #ffffff;
	border-bottom:solid 1px #cccccc;
	overflow: hidden;
}

#fot {
	width:766px; 
	height:26px;
	background: url('bakgrund/balk.png');
	border-top:solid 1px #cccccc;
	margin-left:27px; 
}

#ex {
	width:766px;
	height:140px;
	background: #ffffff;
	margin-left:27px; 
}

#kropp {
	margin-left:27px; 
	margin-right:27px;
	width:766px;
	background: #ffffff;
}

#kolumn1 {
	float:left;
	width:200px;
	background:  #ffffff;
	overflow:hidden;
}

#kolumn2 {
	float:left;
	width:550px;
	background:  #ffffff;
	overflow:hidden;
}


h1 { font-family: "century gothic", verdana, sans-serif;
	font-weight:bold;
	letter-spacing: 1px;
     font-size: 18px;
     line-height:22px;
     color: #0099ff;
     margin: 40px 0px 10px 45px;
}
   
h2 { font-weight:normal;
     font-size: 15px;
     line-height:18px;
     color:#484848;
     margin: 0 0 10px 45px;
}

h3 { font-weight:bold;
     font-size: 12px;
     line-height: 14px;
     color:#484848;
     margin: 0 0 0 45px;
}
hr {
	color: #cccccc;
	height: 1px;
	overflow: hidden;
	margin: 8px 0 8px 0;
	padding: 0 0 0 0;
	border: none;
}

.text2 a {text-decoration: none; border-bottom: 1px dotted;}
.text2 a:link {text-decoration: none; border-bottom: 1px dotted; color: #003366;}
.text2 a:hover {text-decoration: none; border-bottom: 1px dotted; color: #ff0000;}
.text2 a:visited {text-decoration: none; border-bottom: 1px dotted; color: #003366;}
.text2 a:active {text-decoration: none; border-bottom: 1px dotted; color: #ff0000;}


#meny { width:200; float:left; margin-left:10px; }

#meny a:link { text-decoration: none; color: #484848;}
#meny a:visited { text-decoration: none; color: #484848;} 
#meny a:hover { text-decoration: none; color: #FF6600;}
#meny a:active { text-decoration: none; color: #FF6600;}

.menyrad {
	font-family: Arial,serif;
	font-size: 14px;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	width: 145px;
	margin-left:0px;
	border-bottom: solid 1px #ccc;
}
.fot {font-size: 10px;}
.text1 {font-family: verdana,sans-serif;
     font-size: 12px;
     line-height: 180%;
     font-weight:normal;
     color:#484848;
     margin-top: 50px;
	 margin-right: 15px;
     margin-left: 45px;
}
.text2 {font-family: verdana,sans-serif;
     font-size: 11px;
     line-height: 180%;
     font-weight:normal;
     color:#484848;
     margin-right: 15px;
	 margin-left: 45px;
}
.text3 {font-family: verdana,sans-serif;
     font-size: 11px;
     font-weight:normal;
     color:#484848;
     margin-right: 15px;
	 margin-bottom: 30px
	 margin-left: 45px;
}

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