@font-face {
	font-family: 'BlueHighwayRegular';
	src: url('/system/fonts/bluehigh-webfont.eot');
	src: local('Blue Highway'), local('BlueHighway'), url('/system/fonts/bluehigh-webfont.woff') format('woff'), url('/system/fonts/bluehigh-webfont.ttf') format('truetype'), url('/system/fonts/bluehigh-webfont.svg#webfont9LlJzWen') format('svg');
	font-weight: normal;
	font-style: normal;
}
.customfont{font-family: 'BlueHighwayRegular';}

body 
{
background : #fff url("../images/bkg.jpg") repeat-x 0 0; 
padding : 0; 
margin : 0; 
font-family: Arial, sans-serif;
font-size: 11px;
}
/* Default values */
a 
{
color: #3366cc;
text-decoration: none;
}
img 
{
border: 0;
}


h1
{
	font-family: 'BlueHighwayRegular';
	font-weight: normal;
margin: 10px 0 8px 0;
padding: 0;
font-size: 23px;
}
h2 
{
font-size: 11px;
}
h3 
{
margin: 0;
padding: 0;
font-size: 11px;
}

h4
{
margin: 0;
padding: 0;
font-size: 11px;
font-weight: 300;
}
hr 
{
color: #FFCC33;
background-color: #FFCC33;
}
div.hr 
{
height: 1px;
background-color: #ffCC33;
}
div.hr hr 
{
display: none;
}

img.hiddenImg 
{
display: none;
position: absolute;
top: 0;
left: 0;
}

table.myTable 
{
border: 0;
}
table.myTable tr td
{
border-bottom: 1px solid #ccc;
height: 25px;
text-align: center;
}
table.myTable td.left
{
	text-align: left;
}

table.myTable th,
table.myTable tr.head 
{
background-color: #339933;
font-weight: bold;
color: #fff;
height: 25px;
}
table.myTable tr.odd 
{
background-color: #e8e8e8;
} 


table.vbTable tr td
{
font-size: 11px;
border-bottom: 1px solid #ccc;
height: 25px;
text-align: center;
padding-left: 3px;
padding-right: 3px;
}
table.vbTable tr.odd 
{
background-color: #e8e8e8;
} 
table.vbTable tr.tHead 
{
background-color: #393;
font-weight: bold;
color: #fff;
} 



.borderBottom 
{
border-bottom: 1px solid #FFCC33;
margin: 5px 0px;
}
/* Default values end */

/* Same on all sites */
div#container 
{
padding : 0; 
width : 914px; 
background-color : #fff; 
margin : 20px auto; 
}
div.body 
{
padding: 5px 15px;
}
div#top {
height: 145px;
}
div#topmenu 
{
height: 20px;
border-bottom: 1px solid #ffcc33;
}
div#topmenu ul.top_left 
{
padding: 0;
margin:0;
list-style: none;
}
div#topmenu ul.top_left li 
{
font-weight: bold;
float: left;
margin-left: 5px;
}
div#topmenu ul.top_right 
{
padding: 0;
margin:0;
float: right;
list-style: none;
}
div#topmenu ul.top_right li 
{
float: left;
margin-left: 5px;
}
div#topmenu ul.top_left li.selected a,
div#topmenu ul.top_right li.selected a 
{
color: #000;
}

div#topmenu ul.top_left li span,
div#topmenu ul.top_right li span
{
color: #ff9933;
}
div#logo 
{
height: 85px;
}
div#logo img#vb_logo 
{
float: right;
margin-right: 10px;
margin-top: 20px;
}
div#logo img#stamp 
{
float: right;
margin-right: 100px;
margin-top: 10px;
}
div#logo div.big 
{
	font-family: 'BlueHighwayRegular';

float: left; 
margin-left: 20px;
margin-top: 0px;
width: 190px;
}
div#logo div.big h2 
{
	font-weight: normal;
margin: 15px 0px 0px 0px;
padding: 0;
font-size: 23px;
} 
div#logo div.big h2 a 
{
color: #000;
}

div#logo div.big p 
{
margin: 0;
color: #b4b4b4;
font-weight: normal;
font-size: 17px;
}
div#logo div.big p a 
{
color: #b4b4b4;
}

div.mainmenu 
{
background-color: #ff9933;
height: 39px;
width: 880px;
}
div.mainmenu div 
{
float: left;
padding: 0px 1px 0px 0px;
height: 39px;
}
div.mainmenu div.blue,
div.mainmenu div.blue_selected
{
background-color: #3366cc;
}
div.mainmenu div.orange,
div.mainmenu div.orange_selected
{
background-color:  #ff9933;
} 
div.mainmenu div a 
{
color: #fff;
font-size: 15px;
display: block;
margin: 0px;
font-weight: bold;
}

div.mainmenu div.last a 
{
border-right: 0px;
}
div.mainmenu div.blue_selected a,
div.mainmenu div.blue a:hover
{
color: #ff9933;
}
div.mainmenu div.orange_selected a,
div.mainmenu div.orange a:hover
{
color: #3366cc;
}
div.mainmenu div.border, 
div.mainmenu div.border_o 
{
width: 2px;
padding:0;
margin:0;
background-color: #3366CC;
height: 29px;
padding-top: 10px;
}
div.mainmenu div.border_o 
{
background-color: #FF9933;
} 
div.mainmenu div.border div.innerborder, 
div.mainmenu div.border_o div.innerborder 
{
background-color:#6699ff;
height: 20px;
margin: 0px;
padding: 0px 1px 0px 0px;
}
div.mainmenu div.border_o div.innerborder 
{
background-color: #ffcc66;
}


/*---- sIFR ---*/
/*.sIFR-active div.mainmenu
{
width: 884px;
font-size: 20px;
line-height: 20px;
}
.sIFR-active div.mainmenu div 
{
float: left;
}
.sIFR-active div.mainmenu div a 
{
padding: 0px 5px;
margin: 0;
font-weight: normal;
}*/
/*
.sIFR-flash
{
visibility: visible !important;
margin: 0;
padding: 0;
}

.sIFR-replaced, .sIFR-ignore 
{
visibility: visible !important;
}

.sIFR-alternate 
{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
h1 span.sIFR-alternate{font-size: 12px;}
.sIFR-active h4
{
margin: 0;
padding: 0px 0px 0px 10px;
font-size: 15px;
line-height: 15px;
font-weight: 100;
}
.sIFR-active div#right h1,
.sIFR-active div#logo h2
{
line-height: 17px;
font-size: 20px !important;
}
.sIFR-active div.left h3,
.sIFR-active div.mediabankLeft h3
{
line-height: 13px;
font-size: 16px !important;
}
.sIFR-active div#logo div.big p 
{
line-height: 15px;
font-size: 15px;
color: #b4b4b4;
}
.sIFR-active div.navigation 
{
line-height: 15px;
font-size: 15px;
} 
.sIFR-active div.left ul li ul li 
{
padding-top: 1px !important;
padding-left: 0px !important;
}
.sIFR-active div.left ul li ul li ul li 
{
padding-top: 0px !important;
padding-left: 10px !important;
}*/
  .sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
  
  .sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
  
  .sIFR-alternate{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

/*  sIFR end */
img#print 
{
clear: left;
float: left;
margin: 12px 0px;
}

/*
 *
 Formulär
 *
 */
ul.steps 
{
list-style:none;
padding: 0;
margin: 0;
height: 20px;
}
ul.steps li 
{
float:left;
color: #666;
font-size: 12px;
margin-left: 5px;
text-transform: uppercase;
font-weight: bold;
}
ul.steps li.selected 
{
color: #3366cc;
} 
div.right 
{
margin-top: 10px;
text-align: right;
}
fieldset 
{
width: 445px;
border: 0;
border-bottom:1px solid #FFCC33;
border-top:1px solid #FFCC33;
padding: 0;
margin: 0px 0px 10px;
} 
span.star
{
color: #FF9933;
}
fieldset input.field 
{
border: 1px solid #999;
width: 200px;
}
fieldset textarea 
{
width: 422px;
border: 1px solid #999;
}
fieldset label 
{
color: #000;
font-weight: bold;
font-size: 12px;
}
fieldset table 
{
width: 100%;
}
fieldset table td 
{

vertical-align: bottom;
}
fieldset table td.right 
{
padding-top: 10px;
text-align: right;
padding-right: 17px;
}

/* VB Kraft Dammflöden */
#infolayer {
	position: absolute;
	border: 2px solid #D5D5D3;
	background-color: #FBEFBF;
	width: 220px;
	display:none;
	color:#000000;
	font-weight: normal;
	padding:3px;
}
table.tree 
{
line-height: 8px;
margin-top: 20px;
}
table.tree  a.selected 
{
background-color:transparent;
background-image:url(/system/images/selected.jpg);
background-position:right center;
background-repeat:no-repeat;
margin:2px 0pt;
padding:0pt 24px 0pt 0pt;
text-decoration:none;
}
.updated 
{
color: #FF0000;
}
/* Teckna avtal */
td#ChooseContract td 
{
width: 100px;
}
/* Teckna avtal */

/* En div som är runt formuläret, rensas och svarstext syns.*/
div.FormHolder 
{
float:left;
width: 445px;
margin-top: 10px;
font-weight: bold;
}
/* Formulär */

/* Footer */
div#footerspace 
{
clear: both;
background-color: #339933;
height: 15px;
}
div#footer div#contact 
{
padding: 10px 0px 10px 0px;
text-align: center;
color: #666;
border-bottom: 1px solid #ffcc33;
}
div#footer div#footerimages 
{
text-align: center;
padding-top: 10px;
} 
div#footer div#footerimages img 
{
vertical-align:middle;
margin-left: 20px;
}

div.navigation a
{
color: #666;
font-size: 11px;
font-weight: bold;
}
/* Same on all sites END */

 
 
div#content.hem div#left 
{
float: left;
height: 420px;
}
div#content.hem div#right 
{
width: 380px;
margin-left: 490px;
padding-top: 8px;
} 
div#content.hem div#right div.small_news 
{
border-bottom: 1px solid #ffcc33;
min-height:92px;
height:auto !important;
height:92px;
padding-top: 10px;
} 
div#content.hem div#right div.small_news div.newsimg 
{
float: left;
width: 103px;
height: 100px;
} 
div#content.hem div#right div.small_news div.newscontent 
{
margin-left: 107px;
min-height: 100px;
height:auto !important;
height:100px;
} 
div#content.hem div#right div.small_news h3, 
div#content.hem div#right div.small_news p 
{
padding: 0;
}
div#content.hem div#right div.small_news h3 a 
{
color: #000;
} 

div#content.hem div#right div.big_news 
{
padding-top: 10px;
} 
div#content.hem div#right p 
{
margin: 0;
padding: 0;
}





div#content.kund div.left 
{
float:left;
width: 220px;
padding-top: 10px;
} 
div#content.kund div.left ul 
{
padding: 0;
margin: 0;
list-style: none;
}
div#content.kund div.left ul li 
{
border-bottom: 1px solid #ccc;
line-height: 18px;
padding: 5px 0px 0px 0px;
white-space: nowrap;
}
div#content.kund div.left ul li h3
{
/*background: url("../images/leftmenuarrow.gif") no-repeat 5px 4px; 
*/
padding-left: 20px;
margin: 0;
font-size: 16px;
width: 200px;
} 
div#content.kund div.left ul li.selected h3 
{
background-color: #e6e6e6;
}
div#content.kund div.left ul li h3 a:hover 
{
color: #000;
}

div#content.kund div.left ul li p 
{
margin: 0px;
padding: 0;
}
div#content.kund div.left ul li ul 
{
margin-left: 20px;
list-style: none;
/*list-style-position: inside; */
} 
div#content.kund div.left ul li ul li 
{
/*background: url("../images/liststyle_disc.png") no-repeat 0px 6px;*/
color: #ccc;
padding: 0px 0px 0px 10px;
}
div#content.kund div.left ul li ul li.selected 
{
/*background: url("../images/liststyle_bluedisc.png") no-repeat 0px 6px;*/
}

div#content.kund div.left ul li ul li.date { 
background: none;
border:0;
}
div#content.kund div.left ul li ul li.date a, 
div#content.kund div.left ul li ul li.date a:hover 
{
list-style: none;
border:0;
color:#3366CC;
} 
div#content.kund div.left ul li ul li.news a,
div#content.kund div.left ul li ul li.news_selected a
{
color: #000;
font-size: 12px;
} 
div#content.kund div.left ul li ul li.news a:hover 
{
color: #3366CC;
} 
div#content.kund div.left ul li ul li.news_selected a:hover 
{
color: #000;
} 


div#content.kund div.left ul li ul li a:hover, 
div#content.kund div.left ul li ul li.selected,
div#content.kund div.left ul li ul li.selected ul li a,
div#content.kund div.left ul li ul li.news_selected,
div#content.kund div.left ul li ul li.selected ul li.selected ul li a
{
color: #3366cc;
} 

div#content.kund div.left ul li ul li a, 
div#content.kund div.left ul li ul li.selected a, 
div#content.kund div.left ul li ul li.selected ul li.selected a,
div#content.kund div.left ul li ul li.selected ul li a:hover, 
div#content.kund div.left ul li ul li.selected ul li.selected ul li.selected a
{
color: #000;
}
div#content.kund div.left ul li ul li.selected ul 
{
list-style: none;
margin-left: 10px;
}
div#content.kund div.left ul li ul li.selected ul li 
{
background: url("../images/liststyle.png") no-repeat 0px 8px;
border: 0;
text-indent: 0px;
padding-left: 10px;
color: #000;
}





div#content.kund div#right 
{
margin-top: 5px;
margin-left: 237px;
line-height: 18px;
} 
div#content.kund div#right div.box1 
{
float: left;
width: 200px;
margin-right: 30px;
}
div#content.kund div#right div.box2 
{
float: left;
width: 210px;
}

div#content.kund div#right h3 
{
margin-bottom: 5px;
}
div#content.kund div#right p
{
margin: 0;
}

div#content.kund div#right div#box_left div 
{
margin-bottom: 10px;
} 
div#content.kund div#right div#box_left div.noBorder 
{
border: 0;
} 

div#content.kund div#right div#box_left div p 
{
margin-top: 5px;
}
div#content.kund div#right div#box_left div img 
{
margin-top: 5px;
} 

div#content.kund div#right div.bigbox 
{
float: left;
width: 445px;
}

div#content.kund div#right div#box_left 
{
float: right;
width: 182px;
}
div#content.kund div#right div.question_right 
{
float: right;
width: 220px;
}

div.mediabankLeft 
{
margin: 10px 0px 0px 10px;
float: left;
width: 220px;
}
div.mediabankLeft  h4 
{
font-weight: bold;
font-size: 12px;
}

div.mediabankLeft  ul 
{
list-style: none;
padding: 0;
padding-bottom: 10px;
margin: 10px 0px;
border-bottom: 1px solid #ccc;
}
div.mediabankLeft  ul li h4
{
font-weight: bold;
font-size: 12px;
padding: 5px 0px;
}
div.mediabankLeft  ul li ul 
{
padding: 0;
margin: 0;
border-bottom: 0;
} 

div.mediabankLeft  ul li ul li 
{
font-weight: normal;
font-size: 11px;
padding: 0;
}

div.mediabankBox 
{
height: 180px;
width: 145px;
float: left;
}

div.ao div.left 
{
float: left;
width: 200px;
margin-top: 10px;
}

div.ao div#right 
{
margin-left: 237px;
line-height: 18px;
} 
div.ao div#right div.coloum 
{
width: 180px;
float: left;
border-left: 1px solid #ccc;
padding: 0px 16px;
} 

div.ao div#right ul 
{
list-style: none;
padding: 0;
margin: 0;
}
div.ao div#right ul li 
{
font-weight: bold;
font-size: 12px;
padding-bottom: 5px;
} 
div.ao div#right ul li a 
{
color: #000;
text-transform: uppercase;
}

div.ao div#right ul li ul 
{
border-bottom: 1px solid #ccc;
}
div.ao div#right ul li ul li 
{
background: #fff url("/system/images/liststyle_blue.png") no-repeat 0px 8px;
padding-left: 10px;
padding-bottom: 0px;
font-size: 11px;
}
div.ao div#right ul li ul li a 
{
color: #3366CC;
text-transform: none;
}
div.ao div#right ul li ul li ul 
{
border: 0;
padding-left: 15px;
}
div.ao div#right ul li ul li ul li 
{
background: #fff url("/system/images/liststyle_black.png") no-repeat 0px 8px;
padding-left: 10px;
font-weight: normal;
}
div.ao div#right ul li ul li ul li a
{
color: #000;
}
div.ao div#right ul li ul li ul li a:hover
{
color: #3366CC;
}

div.sok div.left 
{
float: left;
width: 200px;
margin-top: 10px;
line-height: 18px;
}
div.sok div#right 
{
margin-left: 237px;
line-height: 18px;
} 
div.sok div#right div#box_left 
{
float: right;
width: 182px;
}
div.sok input.button 
{
background-color: #fff;
color: #3366CC;
border: 0;
font-weight: bold;
font-size: 11px;
padding: 0px 2px;
cursor: pointer;
}
div.sok div#right div.bigbox 
{
width: 426px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
} 
div.sok div#right div.bigbox input.searchImg 
{
float: right;
margin-right: 220px;
}
div.sok div#right div.bigbox div.searchresultbox 
{
border-top: 1px solid #ffcc33;
border-bottom: 1px solid #ffcc33;
padding: 10px 0px;
margin-top: 10px;
}
div.sok div#right div.bigbox div.searchresultbox div.searchres 
{
margin-bottom: 10px;
}
div.sok div#right div.bigbox div.searchresultbox div.searchres p 
{
margin: 6px 0px 0px 0px;
}

div.sok div#right div#paging 
{
height: 50px;
margin-top: 20px;
}
div.sok div#right div#paging div 
{
font-weight: bold;
float:left;
text-align: center;
font-size: 12px;
color:#FF9933;
width: 140px;
}
div.sok div#right div#paging div#paging_prew, 
div.sok div#right div#paging div#paging_next 
{
height: 20px;
} 
 

/*
  Prisräknartabellen
*/
.priceCalc 
{
	width:100%
}
.priceCalc th 
{
	text-align: left;
	font-weight: bold;	
}
.priceCalc tr.toprow th
{
	text-align: center;
	font-weight: bold;
}
.priceCalc td 
{
	text-align: right;
}


/*
	Newslist
*/

.newslist
{
 width:100%;
}

.newslist_left
{
 width: 15%;
}
.newslist_right
{
 width: 85%;
}
.newslist td
{
 padding: 3px;
}
.newslist td.linkitem
{
 border:0px solid red;
 padding-left: 8px;
 background-image: url(/system/images/li_link_dot.gif);
 background-repeat:no-repeat;
 background-position: 0 7px;
}
.newslist td a
{
 background-image:none;
 padding-left: 0px;
}
.newslist_top td
{
 background-color: #ECECEC;
 padding: 3px;
 margin: 0;
 font-weight:bold;
}

.newslist_odd td
{
 background-color: white;
}
.newslist_even td
{
 background-color: #ECECEC;
}


.yeartrail
{
	float:right;
}
ul.yeartrail
{
	float:right;
	padding:0;
	margin:0;	
}
ul.yeartrail li
{
float:left;
list-style-type:none;
margin:0pt;
padding:0px 0px 0px 3px;
}
ul.yeartrail li a
{
	/*
background:transparent url(/system/images/li_link_dot.gif) no-repeat scroll 0px 5px;
padding-left:10px;*/
	padding:0 0.5em;
}
ul.yeartrail li a.active
{
	color:#F58238;
}

.sasongsmix_meter { background: transparent url('/system/images/vbe_sasongsmix_matare.jpg') no-repeat center top;width: 169px;height: 167px;float: left;margin: 25px 0 0 5px;line-height: 167px;text-align: center;font-size: 42px;font-weight: bold;color: #27589F;}

.floatleft { float: left;}
.floatright { float: right;}

.styledform { width: 48%;}
.styledform .styledform-content
{
	color: #fff;
	font-size: 14px;
	border: 1px solid #2764AC;
	padding: 10px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;
	background-color: #4579B7;
    background: -webkit-gradient(linear, left top, left bottom, from(#4579B7), to(#2764AC)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #4579B7,  #2764AC); /* for firefox 3.6+ */ 

}
.styledform .styledform-content p{ min-height: 95px;margin-bottom: 10px;}
.styledform .styledform-content input[type="text"] { line-height: 35px; border: 1px solid #2764AC;	padding: 0px; border-radius: 3px 3px 3px 3px;width: 100%;margin-bottom: 10px;height: 35px;text-indent: 10px;}
.styledform a {line-height: 35px; border: 1px solid #E5C18B;background: url("/system/images/mobile_btn_bg.png") repeat-x scroll left center #EDAA44;color: #615C59;	padding: 0px; border-radius: 3px 3px 3px 3px;display: block;text-align: center;height: 35px;text-indent: 10px;font-size: 18px;
               background: -webkit-gradient(linear, left top, left bottom, from(#F8E0BA), to(#EDAA44)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F8E0BA,  #EDAA44);}

a.newslink
{
	padding:0.5em 0;
}
a.pdflink
{
	background: url(/system/images/pdf_icon.gif) right center no-repeat;
	padding-right:25px;
}