/* 

WIDTH: 946px	

LINK COLOR: #2c95ca
LINE COLOR: #c2cfd8
TEXT COLOR: #333


TEXT: 
	font:normal 14px/18px "Trebuchet MS", Verdana, sans-serif;
	color:#277fab;
	
RUBRIK
	font:bold 16px/24px "Century Gothic",Verdana ;
	color:#000066;

*/

* {
 /*font-family: "Trebuchet MS", Verdana, sans-serif;*/
 margin:0; padding:0; outline:none;
}

body {
 margin:0px;  
 padding:0px; 
 
 /*background:url(images/blue-bg.png) 0 0px;*/
 background:#858f9a  url(images/seamap4.jpg) 0 0px fixed;  
 cursor:default;
 color:#000;
}
html, body {
	height: 100%;
}

/*---------------------------------------------------------------------------
LINKS - DEFAULT FOR ALL LINKS
------------------------------------------------------------------------*/
a {text-decoration:underline;border-bottom:0px dotted;outline:none;color:#2c95ca;}

a:hover, a:active {
	outline:none; 
	color:#000066;
	border-bottom:solid 0px;
	text-decoration:underline;
}
a:hover img,a:active img, a img {	
	border:0px !important;	
}


/*---------------------------------------------------------------------------
FONTS - DEFAULTS
---------------------------------------------------------------------------*/

h1 {
	font:normal 24px/24px Arial,Verdana ;
	color:#1f3d5a;
	border-bottom:solid 0px #1f3d5a;
	margin-bottom:15px;
}

h2 {
	font:bold 16px/20px  Arial,Verdana ;
	color:#333;
}

h3 {
	font:bold 14px/20px  Arial,Verdana ;
	color:#333;
}
h4,h5,h6 {
	font:normal 14px/20px  Arial,Verdana ;
	color:#333;
}
div,p {
	font:normal 14px/18px  "Trebuchet MS",Arial, sans-serif;
	color:#333;
}

/*---------------------------------------------------------------------------
SPECIAL FORMATTING
---------------------------------------------------------------------------*/
form, fieldset, legend {margin:0; padding:0;}

.col1 ul,.col2 ul {
	list-style-type:disc;
	list-style:disc;
	margin-left:30px;
	font:normal 14px/18px  "Trebuchet MS",Arial, sans-serif;
	color:#333;
}

.col1 ol,.col2 ol  {
  list-style-type:decimal;
  list-style:decimal;
	margin-left:35px;
	font:normal 14px/18px  "Trebuchet MS",Arial, sans-serif;
	color:#333;
}

fieldset {border:0 none;}
legend {display:none;}

p {
	color:#333;
}

.left {
	float:left;
	padding-right:10px;
}
.right {
	float:right;
	padding-left:10px;
}
.red {
	background-color:red;
	color:#fff;
}
.loginerror {
	border:2px dashed #ccc999;
	
	color:yellow;
	margin:0px 0px 5px 5px;
	padding:4px;
	display:inline-block;
}
.blockqoute {
	display:block;
	width:350px;
	
	font-size:18px;
	line-height:24px;
	padding-left:35px;
	background:transparent url(images/qoute_bg.png) no-repeat 0 5px; 
}

.important {
	display:block;
	border-left:solid 4px #ccc999;
	padding-left:10px;
}

.box {
	display:block;
	background-color:#ccc999;
	padding:5px;
}
/*---------------------------------------------------------------------------
PUFFS
---------------------------------------------------------------------------*/
.puff {	
	
}
.puff h1 {	
	font:bold 16px/20px  Arial,Verdana ;
	border-bottom:0px;
	margin-bottom:0px;	
}

.puff p {
	font:normal 14px/18px "Trebuchet MS", Verdana, sans-serif;
	color:#333333;
}

.puff a {
	font:normal 14px/18px "Trebuchet MS", Verdana, sans-serif;
	color:#277fab;
/*	border-bottom:1px dotted;*/
}
.puff a:hover {
	outline:none; 
	color:#000066;
	border-bottom:solid 0px;
	text-decoration:underline;
}
.puff_divider {
/*
 	width:100%;
 	height:1px;
 	margin:10px 0px 10px 0px;
 	background-color:#c2cfd8;
 	*/
 	clear:both;
 	width:100%;
 	margin:10px 0px 10px 0px;
 	height:1px;border-width:0;color:#c2cfd8;background-color:#c2cfd8
}



.left img,.right img {
	width:80px;
}
.center img {
	/* cant set width */
}
/*---------------------------------------------------------------------------
NEWS LIST
---------------------------------------------------------------------------*/
.news h1 {	
	font:bold 16px/20px  Arial,Verdana ;
	color:#333;	
	margin-bottom:10px;
}

.news a {
	font:normal 14px/18px "Trebuchet MS", Verdana, sans-serif;
	color:#277fab;
}
.news a:hover {
	outline:none; 
	color:#000066;
	border-bottom:solid 0px;
	text-decoration:underline;
}
.news p {
	font:normal 14px/18px "Trebuchet MS", Verdana, sans-serif;
	color:#333;
	
}
.news .firstnewsline {	
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
.news .newsline {
	border-top:solid 1px #c2cfd8;
	margin:10px 0px 10px 0px;
	padding:5px 0px 0px 0px;
}
.news .newsdate,.news .newsdatetime,.news .newsingress {
	font:normal 14px/18px  "Trebuchet MS",Arial, sans-serif;
	color:#333;
}
.news .newscategory {
	clear:both;
	font:bold 12px/14px arial,Verdana ;
	color:#333;
}

.news .newstitle a {		
	
}
.news .firstnewsline .newstitle a {	
	font:normal 14px/18px  "Trebuchet MS",Arial, sans-serif;
	color:#277fab;
}
.page_newsdate,.page_newsdatetime {
	padding:0px 5px 0px 0px;
}
.page_author {
	display:block;	
	margin-top:10px;
}

/*---------------------------------------------------------------------------
CONTAINER
---------------------------------------------------------------------------*/
#divBigWrapper {
	width:1000px;	
	overflow:hidden; 	 	
 	margin:auto; 	 	
 	padding:0px 0px 0px 5px; 
}
#topmargin {
	height:10px;
	width:100%;	
}
#divWrapperContent,#divWrapperContent_first {	
	overflow:hidden;	
	margin:0px 0px 0px 0px;	
	float:left;	
	
}

#divContainer {
	width:1000px; 	
	margin:0px;		
	overflow:hidden;	
	background:#fff;	
}
#divContainerTop {
	width:1000px; 	
	margin:0px;		
	height:15px;
	overflow:hidden;	
	background:transparent url(images/container_top.png) no-repeat;	
}
#divContainerBottom {
	width:1000px; 	
	margin:0px;		
	height:25px;
	overflow:hidden;	
	background:transparent url(images/container_bottom.png) no-repeat;	
}
#divBlueBorder {
	width:1040px; 	
	margin:0px;			
	overflow:hidden;	
	/*background-color:#3a4d66;	 */
	
	background-color:#153063;  
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#content .threecols {	
	width:960px; 	
	margin:10px 0px;		
	min-height:400px;
	overflow:hidden;		
	background:transparent url(images/container_middle.png) repeat-y 100% 100% !important;
	padding:5px 20px 20px 20px;
}
#content .twocols {	
	width:960px; 	
	margin:10px 0px;		
	min-height:400px;
	overflow:hidden;		
	background:transparent url(images/container_middle_2cols.png) repeat-y 100% 100% !important;
	padding:5px 20px 20px 20px;
}
#content .onecols {	
	width:960px; 	
	margin:10px 0px;		
	min-height:400px;
	overflow:hidden;			
	padding:5px 20px 20px 20px;
}
/*---------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------*/
#divFooter {
	width:998px; 	
	padding:10px 0;	
	margin:0px 1px;			
	overflow:hidden;		
	background:#efefef;	
	border-top:1px solid #ccc;			
}
#divFooterCol1 {
	float:left;
	overflow:hidden;		
	width:260px;
	margin:0 0 0 120px;
	font:normal 12px/14px  Verdana, sans-serif;	
}
#divFooterCol2 {
	float:left;	
	overflow:hidden;		
	width:260px;		
	margin:0 40px;
	font:normal 12px/14px  Verdana, sans-serif;	
}
#divFooterCol3 {
	float:left;	
	overflow:hidden;		
	width:260px;	
	margin:0;	
	font:normal 12px/14px  Verdana, sans-serif;	
}
#divFooterRow1 {
	width:900px;
	padding:10px 15px;
	margin-top:0px;
	font:normal 11px/14px  Verdana, sans-serif;
	
}

#divFooter a {
	color:#333;
	font:normal 12px/14px  Verdana, sans-serif;
}

#divFooter .area a  {
	text-decoration:none;
}
#divFooter .area h4  {
	font:bold 12px/14px  Verdana, sans-serif;
	margin-top:10px;
	color:#2c95ca;
}

#byline {
	background:#fff;
	width:350px;	
	padding:10px;
	margin:0px 20px 20px 20px;
	font:normal 11px/14px  Verdana, sans-serif;
	opacity:0.6;
	filter:alpha(opacity=60);

}
/*---------------------------------------------------------------------------
Header
---------------------------------------------------------------------------*/

#divHeader {
	width:960px; height:90px; margin-left:0px;float:left;
	padding:0px 20px 0px 20px;
	background:#ffffff;
	}

#divHeader a {
	text-decoration:none;
	border-bottom:0px;
}	
#divHeader .qoutebn img {
	margin:10px 0 0 10px;
	background:#ccc;
}
#divQLinks {		
	float:right; 
	margin:0px 10px; 
	padding:0px 10px 0px 10px;	
	font:normal 14px/16px "Trebuchet MS", Verdana, sans-serif;
	color:#333;		
	text-align:right;	
}

#divQLinks a {
	color:#333;
	text-decoration:none;	
	padding-right:10px;
	border-bottom:0px;
}
#divQLinks a:hover {
	color:#333;
	text-decoration:underline;	
	padding-right:10px;
	border-bottom:0px;
}

#mylogo {
 width:260px; 
 height:45px; 
 margin:15px 0 0 15px;
 display:inline;
 text-indent:-9999px;
 background:transparent url(images/bn_loggo.gif) no-repeat 0 0; 
 float:left;
}

#divPhotoTop {
width:1000px;
height:0px;
float:left;

}

#divPhotoContent {
 width:998px; 
 height:180px;
 padding:0px 1px 0px 1px;
 float:left;
 overflow:hidden;
 
}

#divPhotoContent img {
 width:998px; 
 
 margin:auto;
 overflow:hidden;
}

#divPhotoBottom {

 float:left;
 padding:0px; 
  margin-bottom:1px;
}


/*---------------------------------------------------------------------------
Navigation - Huvudmenyn
---------------------------------------------------------------------------*/

#divNavigationBar {
 width:998px; 
 height:40px; 
 margin:1px 0px 0px 0px; 
 border-bottom:0px solid #3a4d66;
 border-left:1px solid #ccc; 
 background: transparent url(images/menu_bg.png) repeat-x; 
 float:left;
}

#divNavigationBar ul {
 margin:0 0 0 0px; 
 padding:0px; 
 float:left; 
}

#divNavigationBar ul li { 
  list-style:none;
  margin-right:1px;  
  margin-left:1px;
  padding:0 0px 0 0; 
  margin-top:2px;
  height:38px;
  float:left;  
}

#divNavigationBar ul li.last {
	background:none;	
}

/*Standard*/
#divNavigationBar ul li a {
	font:normal 14px/32px "Trebuchet MS", Verdana, sans-serif;
 	color:#fff;
 	padding:2px 7px;
 	float:left; 
 	overflow:hidden;
 	text-decoration:none;
 	border-bottom:0px; 	 	
}

/*Hover*/
#divNavigationBar ul li a:hover {	
	color:#666;
	text-decoration:none;
	background-color: #bed8f9;
	margin-bottom:2px;
}
#divNavigationBar .first a:hover {
		background-color: #bed8f9;
	text-decoration:none;
	color:#666;
	}
	

/*Active*/
#divNavigationBar li a.current, #divNavigationBar li a.current:hover {
 	background-color: #bed8f9; 
 	color:#333;
 	text-decoration:none;
 	margin-top:0px !important;
}
#divNavigationBar .first a.current, #divNavigationBar .first a.current:hover {
 	background-color: #bed8f9;
  color:#333;
 	text-decoration:none;
 
}


/*---------------------------------------------------------------------------
CONTENT
---------------------------------------------------------------------------*/
.textbox {
	padding:10px 5px;
}

#divWrapper {	 
 width:1000px; 
 margin:0;
 padding:0; 
 float:left;      
}

#divWrapperContent_withoutmenu_2cols {

  
}
.linebetweencols {
  width:1px;    
  float:left;
  background:#000 !important;
}


/* 1 KOLUMN  */
.onecols .col1 {
	width:960px;
	float:left;				
}
/* 2 KOLUMN  */
.twocols .col1 {
	width:630px;
	margin:0px 20px 0px 0px;
	float:left;
	overflow:hidden;	
}
.twocols .col2 {
	margin:0px 0px 0px 20px;
	width:290px;
	float:left;
	overflow:hidden;		
}
/* 3 KOLUMN  */
.threecols .col1 {
	width:470px;
	margin:0px 20px 0px 0px;
	float:left;
	overflow:hidden;
}
.threecols .col2 {
	width:225px;
	margin:0px 20px 0px 0px;
	float:left;
	overflow:hidden;
}
.threecols .col3 {
	width:225px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;	
}



/*---------------------------------------------------------------------------
Classes
---------------------------------------------------------------------------*/

.hide {display:none;}
.clear {clear:both;}



/*---------------------------------------------------------------------------
Sub menu
---------------------------------------------------------------------------*/
.sublevelmenu {
	background:#efefef;
	padding:5px;
	border:1px solid #ccc;
}
.sublevelmenu h2 {
	color:#333;
	margin-left:5px;
}

.sublevelmenu ul { 
	border-top: 1px solid;
 	width: 250px; 
  	padding-top: 0px; 
  	margin: 4px 0px 15px 0px; 
  	border-color: #c2cfd8;
  	overflow:hidden;  	
}

.sublevelmenu li { 
	font:bold 14px/16px Arial, "Trebuchet MS", Sans-Serif;
	color:#277fab;
	list-style: none; 
  	padding: 4px 0px 4px 0px; 
  	border-bottom: 1px solid;
  	border-color: #c2cfd8;
}

.sublevelmenu li a { 
	background: transparent url(images/arrow.png) no-repeat left center;
	text-decoration: none; 
	border-bottom:0px;
  	padding: 0px 0px 0px 18px; 
  	margin-left:5px;
  	display: block;
 
} 

.sublevelmenu li a:hover { 
	background: url(images/arrow_select.png) no-repeat 5px center;   	
   	margin-left:0px;
   	padding-left:23px;
}

.sublevelmenu li a.current, .sublevelmenu li a.current:hover { 
	background: url(images/arrow_select.png) no-repeat 5px center;
   	color:#000066;
   	margin-left:0px;
   	padding-left:23px;
}

/*---------------------------------------------------------------------------
Sub menu
---------------------------------------------------------------------------*/
.subsubmenu ul { 
	border-top: 1px solid;
 	
  	padding-top: 0px; 
  	margin: 4px 0px 0px 10px; 
  	border-color: #c2cfd8;
  	overflow:hidden;
}
.subsubmenu li { 
	font:bold 14px/16px Arial, "Trebuchet MS", Sans-Serif;
	color:#277fab;
	list-style: none; 
  	padding: 4px 0px 4px 0px; 
  	border-bottom: 0px solid;
  	border-color: #c2cfd8;
}


/*---------------------------------------------------------------------------
		SITEMAP
---------------------------------------------------------------------------*/
.sitemapcol {
	display:inline-block;
	margin-right:25px;
	float:left;
	overlfow:hidden;
}

.spiffyspace {
	height:0px;
	margin:5px 0px 10px 0px;
	background:#ccc;
}

/*---------------------------------------------------------------------------
		CSS POPUP WINDOW - jquery
---------------------------------------------------------------------------*/


#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
/*	background: #ccc;
	opacity: .80;
	z-index: 9999;*/
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #f3f3f3;
	padding: 15px;
	border: 10px solid #333;
	float: left;
	font-size: 1.0em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
.popup_block p {
	margin-top:0px;
	font-size:0.8em;
	}
#modalform{width:350px;margin-top:0px;}
#modalform .formrow{clear:both;width:330px;overflow:hidden;margin:0 0 10px 0;}
#modalform .formrow.lastrow{margin:0;}
#modalform .formrow .left{width:135px;float:left;margin:0 10px 0 0;}
#modalform .formrow .right{width:135px;float:left;margin:0;}
#modalform .formrow label{clear:both;font-size:0.8em;font-weight:bold;}
#modalform .formrow input{clear:both;margin-top:3px;}
#modalform .formrow select{clear:both;border-width:1px;margin-top:3px;}
#modalform .formrow select.halfwidth{width:130px;}
#modalform .formrow textarea{clear:both;width:300px;height:130px;margin-top:3px;}
#modalform .formrow input.fullwidth{width:294px;}
#modalform .formrow input.halfwidth{width:130px;}
#modalform .formrow input.inputerror{border:1px solid #BF0005;}
#modalform .formrow textarea.inputerror{border:1px solid #BF0005;}
#modalform .formrow_error {clear:both;width:330px;overflow:hidden;margin:-8px 0 0px 0;}
#modalform .formrow_error .left{width:135px;float:left;margin:0 10px 0 0;}
#modalform .formrow_error .right{width:135px;float:left;margin:0;}
#modalform .formrow_error span.form-errorMessage{font-size:0.8em;color:#BF0005;font-weight:bold;display:block;float:left;clear:both;margin-top:0px;}