﻿/*----------------------------------------------------------
The base color for this template is #888888. If you'd like
to use a different color start by replacing all instances of
#888888 with your new color.
----------------------------------------------------------*/
/* CSS Document */

.meny
{
	height: 35px;
	background: repeat-x;
	background-image: url('../img/meny_bg.jpg' );
	text-align: center;
}
a
{
	text-decoration: none;
	 color: #696969; 
}
a.topmeny
{
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-image: url('../img/meny_stripe.jpg');
	background-position: right;
	background-repeat: no-repeat;
	height: 35px;
	text-decoration: none;
}
a.topmeny_end
{
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	height: 35px;
	text-decoration: none;
}
a.topmeny_black
{
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-image: url('../img/meny_bg_black.jpg');
	background-position: right;
	background-repeat: no-repeat;
	height: 35px;
	text-decoration: none;
}
a.topmeny:hover
{
	color: #ffffff;
	text-decoration: none;
	background-image: url('../img/meny_hover.jpg');
	background-position: right;
	background-repeat: no-repeat;
}
a.topmeny_black:hover
{
	color: #ffffff;
	text-decoration: none;
	background-image: url('../img/meny_black_hover.jpg');
	background-position: right;
	background-repeat: no-repeat;
}
a.topmeny_end:hover
{
	color: #ffffff;
	text-decoration: none;
	background-image: url('../img/meny_end_hover.jpg');
	background-position: right;
	background-repeat: no-repeat;
}
.meny_hover
{
	background: repeat-x;
	background-image: url('../img/meny_hover.jpg');
	padding-left: 13px;
	padding-right: 13px;
}

.meny_active
{
	background: repeat-x;
	background-image: url('../img/meny_active.jpg');
	padding-left: 13px;
	padding-right: 13px;
}
.meny_black_hover
{
	background: repeat-x;
	background-image: url('../img/meny_hover.jpg');
	padding-left: 13px;
	padding-right: 13px;
}

.meny_active_black
{
	background: repeat-x;
	background-image: url('../img/meny_active.jpg');
	padding-left: 13px;
	padding-right: 13px;
}
.left_meny_sm
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-left: 10px;
	line-height: 18px;
	text-decoration: none;
}
.left_meny_sm:hover
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #5f5f5f;
	padding-left: 10px;
	line-height: 18px;
	text-decoration: none;
}
.left_meny_lg
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 5px;
}
.header1_black
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
}
.header1_black_link
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.header1_black_link:hover
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #5f5f5f;
	font-weight: bold;
	text-decoration: none;
}
.header1_pink
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #ff0089;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
}
.header2_black
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	padding-left: 5px;
}
.header2_white
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding-left: 5px;
}
.text
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	padding-left: 5px;
}
.text_sml
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #4d4d4d;
	line-height: 16px;
	padding-left: 5px;
}
.text_source
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #868674;
	line-height: 16px;
	padding-left: 5px;
}
.link_green_sm
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #15cb10;
	line-height: 16px;
	padding-left: 5px;
}
.link_pink_lg
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 13px;
	color: #ff0089;
	line-height: 16px;
	padding-left: 5px;
	padding-right: 15px;
}
.link_pink_sm
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #ff0089;
	line-height: 16px;
	padding-left: 5px;
}
.padding_header
{
	padding-left: 5px;
}

.rubrik
{
	padding-left: 5px;
	padding-bottom:5px;
	color: black;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
.text
{
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 5px;
}
.text_pink
{
	color: #ff0089;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 5px;
}
.smalltext
{
	color: #444444;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}
.input
{
	width: 381px;
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 5px;
}
.caption
{
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.button
{
	
}



.header2_grey
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#4d4d4d;
	font-weight:bold;
	padding-left:5px;
}
.normal2_grey
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#4d4d4d;
	padding-left:5px;
}
.link_pink_text
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #ff0089;
	font-weight:bold;
	line-height: 16px;
}
.move_left
{
  padding-left:12px;
  padding-bottom:2px;
}

.link_white_sm
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: White;
	line-height: 16px;
	padding-left: 5px;
}

.header2_black_wos
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}
.link_green_sm_wos
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #15cb10;
	line-height: 16px;
}
.link_pink_sm_wos
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #ff0089;
	line-height: 16px;
}
.left_meny_sm_white
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: White; 
	line-height: 18px;	
	 font-weight:normal; 
}
.input_wos
{
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 5px;
}
.header2_white_wos
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
}
.rubrik_wos
{
	color: black;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: bold;
	height: 43px;
	text-decoration: none;
}
.text_wos
{
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
.ovrflow
{
  overflow:hidden ; 
}

body
{
	/*background-image: url('../img/bg3.jpg');*/
	background-color: #e9f8ff;
	font-size: .75em;
	font-family: Helvetica, Arial, Sans-Serif;
	color: #696969;
}



/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2
{
	padding: 0 0 10px 0;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}
.topdate 
{
	font-family: Helvetica/Arial Regular;
	font-size: 9pt;
	color:#ff0c00;
	vertical-align:bottom;
	padding-bottom: 5px;
	
}
.NotesText
{
    color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-left: 5px;
	font-weight:bold;
}
.NotesGray
{
    color:Gray ;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-left: 5px;
}
/*jscrollpane*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #ff0000;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
/*a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
/*}*/

/*a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/ 
/*}*/
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}