@charset "UTF-8";

/*
Design by: JOB Reklambyrå AB, www.jobreklambyra.se
Customer: Lulebo, www.lulebo.se
Date: 2009-01-28
*/


/* RESET */
h1, h2, h3, h4, h5, h6, .reginput, table, tr, td { font-size:100%; font-weight:normal; font-style:normal; padding:none; margin:none }
img, a { border:none; }
.clear { clear:both; height:0px; font-size:1px; line-height:0px }


/* LAYOUT */
html { height:101% }
body, img, div { behavior:url(../../css/iepngfix.htc); }
body { margin:0 auto; background-color:#eeeeee }

#background { width:1000px; margin:0 auto; background-image:url(../../images/skugga-main.png); background-repeat:repeat-y; }
#background_bottom { width:1000px; margin:0 auto; height:30px; background-image:url(../../images/skugga-bottom.png); background-repeat:no-repeat; }
#content { width:960px; margin:0 auto; background-color:#FFFFFF; }
#content_bottom { width:960px; margin:0 auto; padding-top:15px; color:#cccccc; padding-bottom:30px; }
#header {width:920px; padding-left:20px}
#logo { float:left; padding-bottom:5px; padding-right:5px; }
#menu {float:left; }
#flags { float:right;}
.searchBox{float:right;}
#glomtLosenord { float:right; padding-bottom:5px; }
#glomtLosenord a:link { text-decoration:none; color:#666666; }
#glomtLosenord a:visited { text-decoration:none; color:#666666; }
#glomtLosenord a:hover { text-decoration:none; color: #333; }
.line { width:100%; border-bottom: 1px solid #eeeeee; font-size:0px; line-height:0px; margin-bottom:5px; margin-top:5px }
.linedashed { width:100%; border-bottom: 1px dashed #eeeeee; font-size:0px; line-height:0px; margin-bottom:5px; margin-top:5px }


/* LAYOUT MAIN */
#main {  width:920px; padding-left:20px; }
.colspace { float:left; width:10px; padding-top:10px; }
.main1col { float:left; width:145px; padding-top:15px; padding-bottom:15px }
.main2col { float:left; width:300px; padding-top:15px; padding-bottom:15px }
.main3col { float:left; width:455px; padding-top:15px; padding-bottom:15px; padding-left: 4px; padding-right: 16px;}
.main4col { float:left; width:610px; padding-top:15px; padding-bottom:15px }
.main5col { float:left; width:765px; padding-top:15px; padding-bottom:15px; padding-left: 8px; }
.main6col { float:left; width:920px; padding-top:15px; padding-bottom:15px }
.dottedSeparator {border-bottom: 1px dotted #ccc; width: 90%;}
.FelanmdottedSeparator {border-bottom: 1px dotted #ccc; padding-left: 12px; padding-right: 12px; border-right: 1px dotted #ccc; float: left; background-color: #fff;}
.FelanmdottedSeparator:hover {border-bottom: 1px dotted #ccc; padding-left: 12px; padding-right: 12px; border-right: 1px dotted #ccc; float: left; background-color: #f0f0f0;}
.FelanmdottedSeparator a:link { text-decoration:none; color:#666666; }
.FelanmdottedSeparator a:visited { text-decoration:none; color:#666666; }
.FelanmdottedSeparator a:hover { text-decoration:none; color: #333; }
.dottedSeparator:hover{border-bottom: 1px dotted #ddd; width: 90%; background-color: #f9f9f9;}
.dottedSeparator_active {border-bottom: 1px dotted #ddd; width: 90%; background-color: #f0f0f0;}

/* LAYOUT FOOTER */
#footer {  width:940px; margin-left:20px; border-top: 4px solid #de9618; }
.footer1col { float:left; width:145px; padding-top:10px; padding-right:10px; padding-bottom:15px; }


/* BOX */
.box { background-color:#de9618; width:280px; padding:30px 10px 5px 10px; }
.box { font-family:Helvetica, Arial, Verdana, sans-serif; color:#000000; }
.box_h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; color:#ffffff; }
.relative { position:relative }
.splash { position:absolute; top:-60px; right:-22px; z-index:2; }
.box body, table, tr, td { font-family:Helvetica, Arial, Verdana, sans-serif; font-size:11px; line-height:16px; color:#666666; }


/* TYPO */
body, table, input, textarea, select, td{ font-family:arial,verdana, helvetica, sans-serif; font-size:12px; line-height:16px; color:#666666; }
h1, .h1 { font-family:arial,verdana, helvetica, sans-serif; font-size:18px; line-height:24px; color:#de9618; }
.h1_black { font-family:arial,verdana, helvetica, sans-serif; font-size:18px; line-height:24px; color:#000000; }

h2, .h2 { font-family:arial,verdana, helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:18px; color:#de9618; }
h3, .h3 { font-family:arial,verdana, helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:16px; color:#000000; }
#footer { font-family: Helvetica, Arial, Verdana, sans-serif; font-size:11px; line-height:16px; color:#000000; }
.h2_footer { font-size:12px; font-weight:bold; line-height:18px; color:#de9618; text-transform: none; }
.reginput { font-family:"Courier New", Courier, "fast breddsteg", sans-serif; font-size:12px; line-height:18px; color:#000000; }

.ingress { font-family:arial,verdana, helvetica, sans-serif; font-size:12px; line-height:16px; color:#666666; font-style: normal; font-weight: bold;}


/* LINKS */

a:link { text-decoration:underline; color:#0033cc; }
a:visited { text-decoration:underline; color:#0033cc; }
a:hover { text-decoration:underline; color:#0066ff; }

.softText{color: #777; font-size: 10px;}
.softLink:link{color: #777; font-size: 10px;}
.softLink:visited{color: #777; font-size: 10px;}
.softLink:hover{color: #777; font-size: 10px; text-decoration: underline;}


#menu a:link { text-decoration:none; color:#000000; }
#menu a:visited { text-decoration:none; color:#000000; }
#menu a:hover { text-decoration:none; color:#de9618; }

.topmenu a:link { text-decoration:none; color:#000000; }
.topmenu a:visited { text-decoration:none; color:#000000; }
.topmenu a:hover { text-decoration:none; color:#de9618; }

#menu_active a:link { text-decoration:none; color:#de9618; }
#menu_active a:visited { text-decoration:none; color:#de9618; }
#menu_active a:hover { text-decoration:none; color:#de9618; }

.topmenu_active a:link { text-decoration:none; color:#de9618; }
.topmenu_active a:visited { text-decoration:none; color:#de9618; }
.topmenu_active a:hover{ text-decoration:none; color:#de9618; }
.TopMenu_marked { text-decoration:none; color:#de9618; }

#submenu a:link { text-decoration:none; color:#666666; }
#submenu a:visited { text-decoration:none; color:#666666; }
#submenu a:hover { text-decoration:none; color: #333; }

#submenu_active a:link { text-decoration:none; color:#de9618; }
#submenu_active a:visited { text-decoration:none; color:#de9618; }
#submenu_active a:hover { text-decoration:none; color:#de9618; }

.box a:link { text-decoration:none; color:#000000; }
.box a:visited { text-decoration:none; color:#000000; }
.box a:hover { text-decoration:none; color:#ffffff; }


/* LOGIN & SEARCH */
#login { float:right; width:300px; background-image: url(../../images/header_login.jpg); background-repeat: no-repeat; background-color:#de9618; height: 95px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#000000;}
.login1col { float:left; width:110px; padding-top:0px; padding-bottom:0px; padding:0px 0px; }
.login2col { float:left; width:250px; padding-top:15px; padding-bottom:15px; padding:5px 24px; }
#login a:link { text-decoration:none; color:#fff; }
#login a:visited { text-decoration:none; color:#fff; }
#login a:hover { text-decoration:none; color:#66FFFF; }

/* MENUS */
#menu { font-size:12px; }
#menu_active { font-size:12px; }

#submenu { font-family:arial,verdana, helvetica, sans-serif; font-size:11px; line-height:24px; font-weight:bold; }
#submenu_active { line-height:24px; }




/* Nya gjorda av Luleo */
.loginTextWhite { font-family:arial,verdana, helvetica, sans-serif; font-size:10px; font-weight:bold; line-height:16px; color:#FFF; }
.tableHeader{ font-family:arial,verdana, helvetica, sans-serif; background-color:#de9618; background-repeat: no-repeat; font-size:12px; line-height:16px; color:#fff; padding-left: 8px; padding-top: 2px;}
.tableHeader_s2{ font-family:arial,verdana, helvetica, sans-serif; font-size:12px; line-height:16px; color:#fff; background-color: #669999; padding-left: 8px;}
.tableHeader_s3{ font-family:arial,verdana, helvetica, sans-serif; font-size:12px; line-height:16px; color:#fff; background-color: red; padding-left: 8px;}
.tonedTD{ font-family:arial,verdana, helvetica, sans-serif; font-size:12px; line-height:16px; color:#666666; background-color: #faebd7;}
.BofaktaHeading{font-size: 10pt; color: #A5715E; font-weight :bold ; border-bottom:0px; border-right:0px; border-left:0px; border-top:0px; border-style :solid; border-color :#aaaaaa;}
.SokHeaderS1{background-color: #de9618; color: #fff;}
.bofakta_TDleft {padding-left: 4px; background-color: #fff; border-left: 1px solid #de9618;}
.bofakta_TDright {padding-left: 0px; background-color: #fff; border-right: 1px solid #de9618;}
.bofakta_TDfull {padding-left: 4px; padding-top: 4px; padding-bottom: 4px; background-color: #fff; border-right: 1px solid #de9618; border-left: 1px solid #de9618; border-bottom: 1px dotted #ddd;}
.bofakta_TDfullEnd {padding-left: 4px; background-color: #fff; border-right: 1px solid #de9618; border-left: 1px solid #de9618; border-bottom: 4px solid #de9618; padding-bottom: 4px;}
.betonadText {font-style: italic;}
.whiteBoldText {font-weight: bold; color: #000;}
.whiteText {color: #fff;}
.LbErrorWhite{color: #fff; font-style: italic; }
.LbErrorRed{color: red; font-style: italic; }
/* För MinaSidor */
/* .MinaSidorMenuTop{background-color: #de9618; background-image: url(../../images/MinaSidorMenuTop.jpg);color: #fff; width: 135px; height: 18px;} */
.MinaSidorMenuHeader1{padding-left: 0px;padding-top: 5px; background-color: #B0B579; color: #fff; font-weight: bold; width: 135px; height: 19px; text-align: center;}
.MinaSidorMenuBody1{border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding-left: 8px;padding-top: 8px; padding-bottom: 8px; background-color: #D9DBC4; color: #fff; width: 135px;}
.MinaSidorMenuFoot1{padding-left: 0px;padding-top: 0px; border-top: 2px solid #B0B579; background-color: #fff; color: #fff; font-weight: bold; width: 135px; height: 12px;}
.MinaSidorMenuHeader2{padding-left: 0px;padding-top: 5px; background-color: #7F9FB6; color: #fff; font-weight: bold; width: 135px; height: 19px;}
.MinaSidorMenuBody2{border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding-left: 8px;padding-top: 8px; padding-bottom: 8px; background-color: #08CE9E; color: #fff; width: 135px;}
.MinaSidorMenuFoot2{padding-left: 0px;padding-top: 0px; border-top: 2px solid #7F9FB6; background-color: #fff; font-weight: bold; width: 135px; height: 12px;}
.MinaSidorMenuHeader3{padding-left: 0px;padding-top: 5px; background-color: #94B0C4; color: #fff; font-weight: bold; width: 135px; height: 19px;}
.MinaSidorMenuBody3{border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding-left: 8px;padding-top: 8px; padding-bottom: 8px; background-color: #ccc; color: #fff; width: 135px;}
.MinaSidorMenuFoot3{padding-left: 0px;padding-top: 0px; border-top: 2px solid #94B0C4; background-color: #fff; font-weight: bold; width: 135px; height: 12px;}

.MinaSidorDottedSeparator {border-bottom: 1px dotted #ccc; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; width: 90%; border-left: 1px solid #eee; border-right: 1px solid #eee; width: 127px;}
.MinaSidorDottedSeparator:hover{ font-family:arial,verdana, helvetica, sans-serif; font-size:11px; font-weight:bold; background-color: #f9f9f9;}
.MinaSidorDottedSeparatorNoHover {border-bottom: 1px dotted #ccc; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; width: 90%; border-left: 1px solid #eee; border-right: 1px solid #eee; width: 127px;}
.submenus { font-family:arial,verdana, helvetica, sans-serif; font-size:11px; font-weight:bold; }

#FelanmHeader{padding-left: 0px;padding-top: 0px; background-image:url(../../images/felanm_top.gif);background-color: #fff; color: #fff; font-weight: bold; width: 720px; height: 32px;}
#FelanmBody{padding-left: 30px;padding-top: 16px; padding-right: 30px; background-image:url(../../images/felanm_body.gif);background-color: #fff; color: #fff; font-weight: bold; width: 660px;}
#FelanmFoot{padding-left: 0px;padding-top: 0px; background-image:url(../../images/felanm_foot.gif);background-color: #fff; color: #fff; font-weight: bold; width: 720px; height: 32px;}

.submenus a:link { text-decoration:none; color:#666666; }
.submenus a:visited { text-decoration:none; color:#666666; }
.submenus a:hover { text-decoration:none; color: #009; }
/* .MinaSidorDottedSeparator:hover{border-bottom: 1px dotted #ddd; width: 90%; background-color: #f9f9f9;} */

/* Från gamla Lulebo */
.BondErrorText{color: #f00;}

.BofaktaTDrightGrey
{
	background:#E4E4E4;
	height:16px;
	margin-top:0px;
	margin-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}
.BofaktaTDrightWhite
{
	background:#FFFFFF;
	height:16px;
	margin-top:0px;
	margin-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}

#helpBoxContainer
{
position:relative;
width:245px;
float:right;
}

#helpBoxTitle
{
	color:#000000;
  	font-size:12px;
  	font-family:arial,verdana,  helvetica, sans-serif;
  	text-decoration:none;    	
	background-repeat: no-repeat;	
	background-position: center top; 
	border:1px dotted #84B0D7;	
	margin-left:20px;
}

#hbTitle
{
margin-left:3px;
}
	.omradesinfotext
	{
		border-top :1px solid #000000;	
		border-bottom :1px solid #000000;
		border-left :1px solid #000000;	
		border-right :1px solid #000000;
		position:absolute;
		width:220px;
		height:132px;
		margin-left:373px;
		margin-top:0px;
		background-color:white;
		font-size: 10px; 
		font-family: verdana, arial, helvetica, sans-serif;	
		overflow : hidden ;	
		text-align:left;
		padding-left:5px;
	}	
	
.BondListHeading
{
	font-size: 8pt;
	color: #333;
	background-color: #ffffff;
	font-family: Arial;
	border-bottom:1px;
	border-right:0px;
	border-left:0px;
	border-top:0px;
	border-style :solid ;
	border-color :#777;
	padding-left:3px;
	text-align: left;
	font-weight: bold;
}

.BondListHeadingToprow
{
	font-size: 8pt;
	color: #A5715E;
	background-color: #ffffff;
	font-family: Arial;
	border-bottom:1px;
	border-right:0px;
	border-left:0px;
	border-top:1px;
	border-style :solid ;
	border-color :#aaaaaa;
	padding-left:3px;
}

.BondListHeadingToprowAlt
{
	font-size: 8pt;
	color: #A5715E;
	background-color: #e6e6e6;
	font-family: Arial;
	border-bottom:solid 1px #aaaaaa;
	border-right:solid 1px #ffffff;
	border-left:0px;
	border-top:solid 1px #aaaaaa;
	border-style :solid ;
	padding-left:3px;
}
.BondListHeadingAlt
{
	font-size: 8pt;
	color: #A5715E;
	background-color: #e6e6e6;
	font-family: Arial;
	border-bottom:solid 1px #aaaaaa;
	border-right:solid 1px #ffffff;
	border-left:0px;
	border-top:0px
	border-style :solid ;
	padding-left:3px;
}

.BondListRow
{
	font-size: 8pt;
	font-family: Arial;
	background-color: #ffffff;
	height :20px;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:1px;
	border-style :solid ;
	border-color :#ffffff;
	padding-left:3px;
}
.BondListRowAlt
{
	font-size: 8pt;
	font-family: Arial;
	background-color: #e6e6e6;
	height :20px;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:1px;
	border-style :solid ;
	border-color :#ffffff;
	padding-left:3px;
}
.BondListRowSpecialAlt
{
	font-size: 8pt;
	font-family: Arial;
	background-color: #cce8c9;
	height :20px;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:1px;
	border-style :solid ;
	border-color :#ffffff;
	padding-left:3px;
}

.BondListRowDirektAlt
{
	font-size: 8pt;
	font-family: Arial;
	background-color: #FEEEC2;
	height :20px;
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:1px;
	border-style :solid ;
	border-color :#ffffff;
	padding-left:3px;
}

.BondListRowDirektAltLink
{
	font-size: 8pt;
	font-family: Arial;
	background-color: #FEEEC2;
	height :20px;
	
}

.BondFormBody
{
  	font-size:12px;
  	font-family:arial,verdana, helvetica, sans-serif;
  	font-weight:400;
}

#popupbox
{
	background-color:#fff19d;
	border: solid 1px #ffbd03;
	padding:2px;
	padding-right:6px;
	padding-left:6px;
	visibility:hidden;
}

.searchWord
{
    font-weight:bold;
    background-color:#FFF8B9;
}

.justifiedText
{
    text-align:justify;
   display:block;
}

.errorPopUp
{
    background-color: #fff19d;
    border: solid 1px red;
    color: Red;
    margin-left: -100px;
    margin-top: -15px;
    width: 240px;
    padding:4px;   
     
}

.searchButton
{
    /*margin-top:3px;*/
}

ul.searchCloud  
 {  
     list-style-type:none;  
     margin:0px;  
     padding:0px;  
     text-align:center;
 }  
   
 /*this lines each of the li's up next to one another and spaces them out niecly*/  
 ul.searchCloud li  
 {  
     display:inline !important;  
     margin-right:15px;  
     line-height:2em; 
     margin-left:9px; 
 }  
   
 ul.searchCloud li a  
 {  
     display:inline;  
 }  
   
 /*the following are how each of the classes generated by the PHP are presented to the user  
 through CSS, just increasing the text a little each time*/  
 ul.searchCloud li.searchCloudItem-10 a  
 {  
     font-size:110%;  
 }  
   
 ul.searchCloud li.searchCloudItem-20 a  
 {  
     font-size:120%;  
 }  
   
 ul.searchCloud li.searchCloudItem-30 a  
 {  
     font-size:130%;  
 }  
  ul.searchCloud li.searchCloudItem-40 a  
 {  
     font-size:140%;  
 }  
   
 ul.searchCloud li.searchCloudItem-50 a  
 {  
     font-size:150%;  
 }  
   
 ul.searchCloud li.searchCloudItem-60 a  
 {  
     font-size:160%;  
 } 

 ul.searchCloud li.searchCloudItem-70 a  
 {  
     font-size:170%;  
 }  
  ul.searchCloud li.searchCloudItem-80 a  
 {  
     font-size:180%;  
 }  
   
 ul.searchCloud li.searchCloudItem-90 a  
 {  
     font-size:190%;  
 }  
   
 ul.searchCloud li.searchCloudItem-100 a  
 {  
     font-size:200%;  
 } 
 
 .searchCloudHeader
 {
    margin-left:15px;
     height: 43px;
     width: 100%;   
     background: url(../../images/cloud_top.png) no-repeat;
 }
  .searchCloudContent
 {    margin-left:15px;
     width: 100%;
     background: url(../../images/cloud_content.png) repeat-y;     
 }
 
  .searchCloudFooter
 {margin-left:15px;
     height: 13px;
     width: 100%;    
     background: url(../../images/cloud_bottom.png) no-repeat;
 }

.searchCloudH1
{
    margin-left:10px;
   padding-top:10px;
    color:#b1b1b1;
    font-weight:bolder;
    
}