/* layout */
body{
	margin: 0;
	padding: 0; 
	background: url('../img/bg2.jpg') center top no-repeat;
	background-color: #104260;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

img{
	border: none;
}

h1, h2, h3{
	font-family: myriad, verdana, georgia, arial, tahoma, sans-serif;
	margin: 0px;
	color: #263b4f;
	font-weight: bold;
}

h1{
	font-size: 20px;
	line-height: 32px;
	color: #263b4f;
	margin: 5px 0px 0px 0px;
}

h2{
	font-size: 14px;
	line-height: 28px;
}

h3{
	font-size: 12px;
	line-height: 24px;
}

#wrap,
#devby{
	position: relative;
	width: 804px;
	margin: 0px auto;
}

#wrap{
	padding: 0px;
	overflow: hidden;
	border: 1px solid #88a1b0;
	background: url('../img/content_bg.jpg') no-repeat 0px 140px;
	background-color: #fff;
}

#header{
	position: relative;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	width: 802px;
	height: 110px;
	background: url('../img/header_bg.jpg') center top;
}

#header #SWL{
	margin: 18px 0px 0px 28px;
}

#header #breadcrumbs{
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0px 20px 10px 0px;
	font-size: 10px;
}

#header #breadcrumbs a{
	color: #666666;
	text-decoration: none;
}

#header #breadcrumbs a:hover{
	text-decoration: underline;
}

#tabs{
	width: 800px;
	height: 27px;
	margin: 1px 1px 21px 1px;
	border: 1px solid #263846;
	background: #406080;
	background: url('../img/tabs_bg.gif') repeat-x;
}

#tabs a{
	display: block;
	float: left;
	padding: 6px 11px 0px 11px;
	height: 21px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: url('../img/tabs_a_bg.gif') no-repeat right;
	border-left: 1px solid #406080;
}

#tabs a:hover{
	background: url('../img/tabs_a_hover_bg.gif') no-repeat right;
}

#menu{
	width: 156px;
	float: left;
}

/* Level 1 rubriker */
#menu ul{
	margin: 0px 0px 20px 11px;
	padding: 0px 0px 9px 0px;
	width: 145px;
	list-style-type: none;
	background: url('../img/menu2_bottom_bg.png') bottom right;
}

#menu ul li{
	padding: 0px 0px 0px 15px;
	background: url('../img/menu2_bg.png') no-repeat;
	line-height: 16px;
	vertical-align: top;
}

#menu ul li.first{
	background: url('../img/menu2_first_bg.png') no-repeat;
}

#menu ul li.last{
	background: url('../img/menu2_last_bg.png') no-repeat;
	height: 25px;
}

#menu ul li a{
color: #104260;
text-decoration: none;
font-size: 12px;
}

#menu ul li a:hover{
text-decoration: underline;
}
/* Slut Level 1 rubriker */

/* Level 2 rubriker */
#menu ul li.subMenu{
	height: auto;
	background: none;
	padding: 0px 0px 3px 0px;
	background: url('../img/menu2_sub_bg.png') repeat-y;
}

#menu ul li ul{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

#menu ul li ul li{
	background: url('../img/menu2_sub_bg.png') no-repeat;
	line-height: 12px;
	padding: 4px 0px 0px 19px;
}

#menu ul li ul li.subFirst{
 	background: url('../img/menu2_sub_first_bg.png') no-repeat;
}
/* Slut Level 2 rubriker */

#content{
	position: relative;
	float: left;
	margin: 0px 0px 20px 30px;
	width: 573px;
	padding: 0px 40px 0px 0px;
	overflow: visible;
}

#content a{
	color: #003366;
}

#content p{
	padding: 0px 0px 10px 0px;
}

#content ol li,
#content ul li{
	line-height: 16px;
}

.contentIndex{
	width: 389px !important;
}

#content hr{
	height: 1px;
	border: 0px;
	padding: 0px;
	margin: 15px 0px 15px 0px;
	background: none;
	background: url('../img/hr_bg.gif') center no-repeat;
}

#news{
	float: right;
	width: 186px;
	background: url('../img/news_bg.gif') repeat-y;
	margin: -20px 0px 10px 0px;
	border-right: 1px solid #fff;
}

*html #news{
	right: 0px !important;
}

#news #newsletter{
	width: 186px;
	height: 97px;
	background: url('../img/newsletter2_bg.jpg') no-repeat top right;
	border-bottom: 1px solid #fff;
}

#news #newsletter b{
	padding: 20px 0px 0px 10px;
	display: block;
}

#news #newsletter span{
	padding: 0px 0px 0px 10px;
	display: block;
}

#news #newsletter form{
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

#news #newsHeader{
	background: #2a3841;
	color: #fff;
	overflow: auto;
	width: 100%;
}

#news #newsHeader b{
	float: left;
	display: block;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 10px;
	font-size: 12px;
}

#news #newsHeader a{
	float: right;
	display: block;
	font-size: 10px;
	color: #fff;
	padding: 4px 0px 4px 8px;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	background: url('../img/arrow.gif') no-repeat left;
}

#news #newsHeader a:hover{
	text-decoration: underline;
}

#news #list{
	padding: 7px 0px 4px 0px;
	background: url('../img/newslist_bg.gif') bottom no-repeat;
}

#news #list .newsItem img{
	padding: 0px 6px 0px 7px;
}

#news #list .newsItem a{
	display: block;
	padding: 2px 0px 2px 15px;
	margin: 0px 0px 7px 0px;
	text-decoration: none;
	color: #3b3a3a;
	font-weight: bold;
	background: url('../img/arrow_news.gif') no-repeat 7px;
}

#news #list .newsItem a:hover{
	text-decoration: underline;
}

#footer{
	clear: both;
	border-left: 7px solid #fff;
	border-right: 7px solid #fff;
	padding: 5px 0px 4px 0px;
	border-top: 1px solid #8f8f8f;
	width: 790px;
	height: 43px;
	line-height: 120%;
	vertical-align: middle;
	color: #606060;
	background: #fff;
	text-align: center;
	font-size: 11px;
	word-spacing: 1px;
}

#footer a{
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

#footer p{
	margin: 0px;
	padding: 0px;
}

#footer a:hover{
	text-decoration: underline;
}

#devby{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 13px;
  color: #ccc;
  text-align: center;
}

#devby a{
	text-decoration: none;
	color: #9d9d9d;
}

#devby a:hover{
	text-decoration: underline;
}

.extraNews{
	clear: both;
	width: 100%;
	overflow: auto;
}

.extraNews h2{
	width: 60%;
	float: left;
}

.extraNews a.more{
	display: block;
	float: right;
	padding: 0 0 2px 8px;
	margin: 4px 2px 0 0;
	background:transparent url(../img/arrow_extra_news.gif) no-repeat left center;
}

.extraNews .col0{
	width: 45%;
	float: left;
}

.extraNews .col1{
	width: 45%;
	float: right;
}

.errorstar {text-decoration: none;font-weight: bold;color: red}
.infoText {
  background: #99DD99;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;
  padding: 2px;
  border: #555 solid 1px;
}

.errorText {
  background: #FFAAAA;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;
  padding: 2px;
  border: #555 solid 1px;
}

.smallText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
	line-height: 8px;
  text-decoration: none;
}

.quiet{
	color: #666;
}

.textarea_body1 {
	width: 600px;
	height: 550px;
}
.textarea_body2 {
	width: 200px;
	height: 400px;
}

.inputNarrowest { width: 20px; }
.inputNarrow { width: 100px; }
.inputStandard { width: 200px; }
.inputWide { width: 240px; }

.textareaNarrow { width: 200px; height: 60px }
.textareaStandard { width: 200px; height: 60px }
.textareaWide { width: 400px; height: 100px }

/* Start design tabel listning */
table.tableList{
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-spacing: 1px;
	width: 593px;
}

table.tableList tr.odd{
	background: #e5f1f4;
}

table.tableList tr.even{
	background: #f8fbfc;
}

table.tableList tr.odd:hover, table.tableList tr.even:hover{
	background: #ecfbd4;
}

table.tableList tr th{
	background: #50c2d9;
	padding: 4px 6px 4px 6px;
	border: 0px;
	text-align: left;
	color: #fff;
}

table.tableList tr td{
	padding: 4px 6px 4px 6px;
}

table.tableList tr td.right, table.tableList tr th.right{
	text-align: right;
}

table.tableList tr td.center, table.tableList tr th.center{
	text-align: center;
}

table.tableVertical th{
	text-align: left;
}
/* Slut design tabel listning */

/* CSS tabels */
div.row
{
	clear: both;
	margin-bottom: 15px;
	width: 700px;
}

div.row span.label,
div.row span.label2,
div.row span.label3
{
	float: left;
	padding: 0px 10px 0px 0px;
	text-align: right;
}

div.row span.label{
	width: 100px;	
}

div.row span.label2{
	width: 150px;
}

div.row span.label3{
	width: 200px;
}

div.row span.formw{
	width: 600px;
}

div.row span.formw2{
	width: 550px;
}

div.row span.formw3{
	width: 500px;
}

div.row span.right{
	text-align: right;
}
/* CSS tabels */

.ingres{
	padding: 0px 0px 5px 0px;
	width: 100%;
	overflow: auto;
}

.ingres img{
	padding: 0px 10px 10px 0px;
	float: left;
}