@charset "UTF-8";
/* CSS Document */


html {
	min-height: 100%;
	height:100%;
	height: auto;
	margin: 0 auto;

}

body {
	min-height: 100%;
	height:100%;
	height: auto;
	margin: 0 auto -31px;
	background:url(../images/bg2.jpg) repeat-x #ffffff;
	margin-top:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #424242;
	text-align: center;


}

a {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #0081c4;
	margin: 0px;
	padding: 0px;
	border:none;

}

img {
 	border:none;

}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #424242;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	color: #424242;
	margin-top:3px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #424242;
	margin-bottom: 5px;
	padding-bottom: 0px;
}



h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	color: #424242;
	margin-top:3px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	border-bottom: solid 1px #CCCCCC;
}

p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
	color: #424242;
	margin-top: 0px;
	padding-top: 0px;
}

p a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #0081c4;
}

p a:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #0081c4;
}

.title {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	color: #424242;
	margin-top:3px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}


/* Struktur */

#info {
	border-top:solid 1px #CCCCCC;
	height:20px;
	padding:5px 0px 5px 0px;
	margin-top:5px;
	text-align:right;

}



#wrappa {
	
	width: 930px;
	
	margin: 0 auto ;
	text-align:left;

}

#sida {
	float: left;
	width: 700px;
	
	margin: 0 auto;
	

}

#short {
	float:left;
	width: 217px;
	min-height:100%;
	height:100%;
	height:auto;
	margin: 0 auto;
	background: url(../images/short_flow.gif) repeat-y;

}



#shorttop {
	float: left;
	width: 217px;
	height: 71px;
	


}

#shortmitt {
	float: left;
	width: 217px;
	padding-bottom:20px;
	background: url(../images/short_body.jpg) no-repeat;

}

#shortbott {
	float: left;
	width: 217px;
	height: 92px;
	background: url(../images/short_bott.jpg) no-repeat;

}

#uc {
	width: 217px;
	display: inline-block;
	padding-bottom: 20px;
	background: #fff;
	text-align: center;
}


#float {
	float: left;

}

#top {
	float: left;
	width: 700px;
	height: 140px;
	background:url(../images/top_bg.jpg) repeat-x;

}

#logo {
	float:left;
	padding-top:15px;

}

#mitt {
	float: left;
	width: 685px;
	background:url(../images/body_bg.jpg) repeat-x;
	text-align:left;
	padding: 0px 0px 0px 15px;
	margin:15px 0px 10px 0px;

}


#u_mitt {
	float: left;
	width: 700px;
	background:url(../images/body_bg.jpg) repeat-x;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin-top:6px;

}


#top_banner {
	float: left;
	width: 685px;
	height: 200px;

}

#bott {
	float: left;
	width: 100%;
	padding-bottom:10px;
	
	background: url(../images/botten.jpg) repeat-x #00415a;

}

#adress {
	position:relative;
	width: 910px;
	height: 31px;
	margin: 0 auto;
	text-align:left;
	padding:25px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;

}

#adress a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration:underline;
	color: #ffffff;


}

#adress a img
{	float: right;
	border: none;
}

.banner {
	float:left;
	padding-left:13px;
	padding-bottom:10px;


}

.rubbe {
	float:left;
	padding-left:13px;
	margin-top:10px;
	


}

.rubbe2 {
	float:left;
	padding-left:13px;
	margin-bottom:10px;
	


}


#inlogg {
	float:left;
	background:url(../images/inlogg.jpg) no-repeat;
	height:31px;
	width:191px;
	margin-left:7px;
	
}

.user_form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4e4f4f;
	border: 0px;
	background-color:transparent;
	width:78px;
	float:left;
	margin:9px 15px 0px 5px;
	/*
	position:absolute;
	margin:3px 0px 0px 400px;
	*/
}
.password_form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4e4f4f;
	border: 0px;
	background-color:transparent;
	width:53px;
	float:left;
	margin:9px 0px 0px 5px;
	/*
	position:absolute;
	margin:3px 0px 0px 500px;
	*/
}



#sok {
	float:left;
	background:url(../images/sok.jpg) no-repeat;
	height:31px;
	width:188px;
	margin-left:10px;
	
	
}

.sok_form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4e4f4f;
	border: 0px;
	background-color:transparent;
	width:145px;
	float:left;
	margin:9px 0px 0px 8px;
	/*
	position:absolute;
	margin:3px 0px 0px 400px;
	*/
}



.button_form {
	margin:8px 0px 0px 3px;


}


.datum {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	color: #424242;
	margin-top:1px;
	margin-bottom: 1px;
	padding-bottom: 0px;
}


.rubbo {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	color: #424242;
	margin-top:1px;
	margin-bottom: 1px;
	padding-bottom: 0px;

}

/*genvagar */

.button_container{
	

}


.button_trigger{
	height: 23px;
	background:url(../images/genvag_plus.jpg) no-repeat;
	padding-left:20px;
	padding-top:5px;

}

.button_content a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:normal;
	margin-bottom:5px;
	margin-left:5px;


}

.button_content a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	font-weight:bold;


}



#genvagar {
	
	margin:20px 0px 10px 15px;
	clear: left;

}

#genvagar A
{	display: block;
}


/* Nyheter */

#nyheter {
	float: left;
	width: 685px;
	margin:10px 0px 0px 0px;

}

.trespalt {
	float: left;
	width: 210px;
	margin: 0px 20px 15px 0px;
	border-right: solid 1px #CCCCCC;

}

.trespalt2 {
	float: left;
	width: 210px;
	
	margin: 0px 0px 0px 0px;

}


.trespalt img, .trespalt2 img {
	height:88px;
	width:188px;

}

.trespalt p, .trespalt2 p {
	
	display:block;
	width:200px;
	height:50px;
	overflow:hidden;
	
}

.trespalt h3, .trespalt2 h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #0081c4;
	border:none;
	
}

.trespalt h2, .trespalt2 h2 {
	
	display:block;
	width:180px;
	margin:5px 0px 5px 0px;

	
}


.nyhetbild {
	float: left;

}

.nyhettext {
	float: left;
	width: 190px;
	margin: 0px 0px 0px 0px;

}

.news_archive img {
	border:none;

}

/* UNDERSIDA */





#u_innehall {
	float:left;
	width:465px;
	padding: 10px 0px 20px 15px;
	


}

#u_innehall_2 {
	float:left;
	width:665px;
	padding: 0px 0px 20px 15px;
	

}


#intern_nyhet {
	
	float:left;
	width:320px;
	margin-right:20px;

}

#intern_nyhet h1, #intern_dokument h1 {
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	margin-bottom: 3px;
	padding-bottom: 5px;
	padding-top:5px;
	padding-left:5px;
	background:#5698d2;
}


#intern_dokument h1 {
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top:5px;
	padding-left:5px;
	background:#5698d2;
}


#intern_dokument {
	
	float:left;
	width:325px;
	
	
}


.spacer{
	
	margin:2px 0px 2px 0px;
	
	
}

#tapeten {
	
	float:left;
	width:625px;
	background:url(../images/skrik.jpg) no-repeat #5698d2;
	padding: 110px 15px 10px 15px;
	margin: 0px 0px 20px 0px;
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	

}


#tapeten p{
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	

}







/* Meny */

#nomeny {
	float: left;
	width: 700px;
	height: 60px;
	padding-top:6px;
	background: url(../images/meny_bg.jpg) repeat-x;

}


#meny {
	float: left;
	width: 700px;
	height: 60px;
	padding-top:6px;
	background: url(../images/meny_bg.jpg) repeat-x;

}

#meny ul {
	margin: 0;
	padding: 0;
}

#meny li {
	display: inline;
	margin: 0;
	padding: 0;
}

#meny .meny1 a {
	width: 63px;
	height: 47px;
	background:url(../images/meny_start.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny2 a {
	width: 96px;
	height: 47px;
	background:url(../images/meny_utbildningar.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny3 a {
	width: 139px;
	height: 47px;
	background:url(../images/meny_ansok.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny4 a {
	width: 102px;
	height: 47px;
	background:url(../images/meny_kontakt.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny5 a {
	width: 158px;
	height: 47px;
	background:url(../images/meny_omoss.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny6 a {
	width: 50px;
	height: 47px;
	background:url(../images/meny_map.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}



#meny .meny1 a:hover {
	width: 63px;
	height: 47px;
	background:url(../images/meny_hov_start.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny2 a:hover {
	width: 96px;
	height: 47px;
	background:url(../images/meny_hov_utbildningar.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny3 a:hover {
	width: 139px;
	height: 47px;
	background:url(../images/meny_hov_ansok.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny4 a:hover {
	width: 102px;
	height: 47px;
	background:url(../images/meny_hov_kontakt.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny5 a:hover {
	width: 158px;
	height: 47px;
	background:url(../images/meny_hov_omoss.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny6 a:hover {
	width: 50px;
	height: 47px;
	background:url(../images/meny_map.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny1_on a {
	width: 63px;
	height: 47px;
	background:url(../images/meny_on_start.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny2_on a {
	width: 96px;
	height: 47px;
	background:url(../images/meny_on_utbildningar.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny3_on a {
	width: 139px;
	height: 47px;
	background:url(../images/meny_on_ansok.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny4_on a {
	width: 102px;
	height: 47px;
	background:url(../images/meny_on_kontakt.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny5_on a {
	width: 158px;
	height: 47px;
	background:url(../images/meny_on_omoss.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny .meny6_on a {
	width: 50px;
	height: 47px;
	background:url(../images/meny_map.jpg) no-repeat;
	float: left;
	padding-right: 0px;
}

#meny span {
	display:none;
}

/* Undermeny */

 




#u_meny {
	float:left;
	width:205px;
	min-height:390px;
	height:390px;
	height:inherit;
	margin: 0 auto;
	padding: 10px 0px 15px 0px;
	background:url(../images/undermeny_bg.jpg) no-repeat;

}




#navigation_left {
		display:block;
		float:left;
		width:202px;
		overflow:hidden;
  		margin:0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px; 
}

#navigation_left ul {
	
	  	margin:0px 0px 0px 3px; 
		padding: 0px 0px 0px 0px; 
 		font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif; 
 		font-weight: bold;
		font-size: 11px;
		list-style: none;
}

#navigation_left ul ul {
	
	  	margin:0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px; 
 		
}


#navigation_left li {
	
}

#navigation_left li a{
		display: block;
	  	margin:0px 0px 0px 0px; 
	 	padding:6px 0px 4px 14px;
		width:100%;
		height: 16px;
		background-image: url(../images/nav_left_lev1.gif);
		background-repeat : no-repeat;	
		text-decoration: none;
		color: #8b8b8b;
}

#navigation_left li a:hover{
		background-image: url(../images/nav_left_lev1_over.gif);
}

#navigation_left li.active a{
		background-image: url(../images/nav_left_lev1_over.gif);
  		font-weight: bold;
		
		
		
		
}



#navigation_left li.dir_active a, #navigation_left li.dir_active a:hover{
		background-image: url(../images/nav_left_lev1_dir_active.gif);
  		font-weight:normal;
		font-size:11px;
}

#navigation_left li li a, #navigation_left li.dir_active li a {
	 	padding:6px 8px 6px 22px; 
		width:100%;
		height: auto;
		background-image: url(../images/nav_left_lev2.gif);
		background-repeat : repeat;	
  		font-weight: normal;
}

#navigation_left li li a:hover, #navigation_left li.dir_active li a:hover{
		background-image: url(../images/nav_left_lev2_over.gif);
  		font-weight: normal;
}

#navigation_left li li.active a, #navigation_left li li.active a:hover{
		background-image: url(../images/nav_left_lev2_over.gif);
  		font-weight: normal;
}

#navigation_left li li.dir_active a, #navigation_left li li.dir_active a:hover{
		background-image: url(../images/nav_left_lev2_dir_active.gif);
  		font-weight: normal;
}

#navigation_left li li li a, #navigation_left li.dir_active li li a {
	 	padding:6px 8px 6px 42px; 
		width:100%;
		height: auto;
		background-image: url(../images/nav_left_lev3.gif);
  		font-weight: normal;
}

#navigation_left li li li a:hover, #navigation_left li li.dir_active li a:hover{
		background-image: url(../images/nav_left_lev3_over.gif);
  		font-weight: normal;
}

#navigation_left li li li.active a, #navigation_left li li li.active a:hover, #navigation_left li li li.dir_active a:hover{
		background-image: url(../images/nav_left_lev3_over.gif);
  		font-weight: normal;
}





#navigation_left li li li li a, #navigation_left li.dir_active li li li a {
	 	padding:6px 8px 6px 62px;
		width:100%;
		height: auto;
		background-image: url(../images/nav_left_lev4.gif);
  		font-weight: normal;
}

#navigation_left li li li li a:hover, #navigation_left li li li.dir_active li a:hover{
		background-image: url(../images/nav_left_lev4_over.gif);
  		font-weight: normal;
}

#navigation_left li li li li.active a, #navigation_left li li li li.active a:hover, #navigation_left li li li li.dir_active a:hover{
		background-image: url(../images/nav_left_lev4_over.gif);
  		font-weight: normal;
}





#navigation_left li li li li li a, #navigation_left li.dir_active li li li li a {
	 	padding:6px 8px 6px 72px; 
		width:100%;
		height: auto;
		background-image: url(../images/nav_left_lev5.gif);
  		font-weight: normal;
}

#navigation_left li li li li li a:hover, #navigation_left li li li li.dir_active li a:hover{
		background-image: url(../images/nav_left_lev5_over.gif);
  		font-weight: normal;
}

#navigation_left li li li li li.active a, #navigation_left li li li li li.active a:hover, #navigation_left li li li li li.dir_active a:hover{
		background-image: url(../images/nav_left_lev5_over.gif);
  		font-weight: bold;
}