/*LAYOUT*/
body {
	margin: 6px 6px 6px 6px;
	padding: 6px 6px 6px 6px;
	font-family: trebuchet ms, tahoma, arial;
	font-size: 11px;
		/*line-height: 140%;*/
	background-color: #F1F1F1;
	
	/*border-style: solid;
	border-width: 1px;
	border-color: Blue;*/

}
td {
	font-family: trebuchet ms, tahoma, arial;
	font-size: 11px;
	text-align: left;
	/*line-height: 140%; /*background-color: #F1F1F1;*/
}
.root {
	position: relative;
	width: 1054px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	float: left;
	
	/*border-style: solid;
	border-width: 1px;
	border-color: Green;*/
}
.head {		
	margin-top: 0px;
	width: 100%;
	height: 92px;
	/*border-style: solid;
	border-width: 1px;
	border-color: Red;*/
}
div.logo {
	float:left;		
	padding-top: 15px;
}
div.topBanner {
	float:right;
	width: 728px;
	height: 90px;
}
div.rightBanner {
	float: left;
	width: 160px;
	margin-left: 2px;
	margin-top: 3px;
}
div.mainContent {
	/*position: relative;*/
	
	/*top: 0px;*/
	float: left;
	
	width: 784px;
	border: 2px 2px 2px 2px ;
	border-style: solid;
	border-color: #ffffff;
	padding: 5px 5px 5px 5px;
	background-color: #6F7170;	
	

}
.mainContentLeft {
	position: relative;
	top: 0px;
	left: 0px;
	width: 620px;	
	float: left;
	background-color: #ffffff;
}
div.mainContentRight {
	position: relative;
	top: 0px;
	left: 0px;
	width: 159px;
	float: right;
}
.footerContent {
	padding-left: 80px;
	clear: both;
	top: 60px;
	right: 70px;
}

/* Navigation panels*/
.navigation {
	padding-top: 20px;
	
	/*border-style: solid;
	border-width: 1px;
	border-color: Yellow;*/

}
div.navTop {
	position:relative;
	width: 607px;	
	z-index: 2;
		
	/*border-style: solid;
	border-width: 1px;
	border-color: Aqua;*/

}
div.navBot {
	position:relative;
	top: -3px;
	padding-top: 4px;
	padding-left: 10px;
	width: 1044px;
	height: 20px;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	z-index: 1;
	background: url(../img/nav/bot_start_long.gif);
	/*border-style: solid;
	border-width: 1px;
	border-color: Orange;*/
}
div.logIn {
	position: absolute;
	top: 115px;
	right: 4px;
	width: 300px;
	text-align: right;
}
a {
	text-decoration: none;
	color: black;
}
a:visited {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: underline;
	color: black;
}
a:active {
	text-decoration: none;
	color: black;
}

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

.logIn a {
	text-decoration: none;
	color: black;
}
.logIn a:visited {
	text-decoration: none;
	color: black;
}
.logIn a:hover {
	text-decoration: none;
	color: black;
}
.logIn a:active {
	text-decoration: none;
	color: black;
}

img {
	border: none;
}
SELECT {
	font-family: trebuchet ms, tahoma, arial;
	font-size: 11px;
}
TEXTAREA {
	font-family: trebuchet ms, tahoma, arial;
	font-size: 11px;
	border: 1px solid #657fa1;
	overflow: auto;
}
INPUT {
	font-family: trebuchet ms, tahoma, arial;
	font-size: 11px;
}
.inputField {
	font-family: trebuchet ms, tahoma, arial;
	font-size: 11px;
	border: 1px solid #657fa1;
	padding-left: 0px;
	margin-bottom: 5px;
}
.inputFieldReadonly {
	font-family: trebuchet ms, tahoma, arial;
	font-size: 11px;
	border: 1px solid #657fa1;
	padding-left: 0px;
	margin-bottom: 5px;
	width: 35px;
	background-color: #E6E6E4;
	color: black;
}

.inputButton {
	font-family: trebuchet ms, tahoma, arial;
	font-size: 9px;
	padding: 1px;
	color: black;
	font-weight: bold;
}

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

/* Puffs */
div.puffHolder {
	border-bottom: 2px solid #2C2C2C;
	padding: 2px;
	background-color: #ffffff;
	margin-bottom: 0px;
}
div.puffHolderMainLeft {
	float: left;
}
div.puffHolderMainRight {
	float: right;
}
div.puffHolderContent {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 0px;
	background-color: #ffffff;
	margin-bottom: 0px;
	width: 306px;
	height: 114px;

}
div.puffHolderContentRight {
	border-bottom: 1px solid #cccccc;
	padding: 0px;
	background-color: #ffffff;
	margin-bottom: 0px;
	width: 308px;
	height: 114px;
}
div.puffHolderContentLast {
	float: left;
	border-right: 1px solid #cccccc;
	padding: 0px;
	background-color: #ffffff;
	margin-bottom: 0px;
	width: 306px;
	height: 116px;
}
div.puffHolderContentLastRight {
	float: left;
	padding: 0px;
	background-color: #ffffff;
	margin-bottom: 0px;
	width: 308px;
	height: 116px;	
}
.puffHolderContentImg {
	float: left;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
}
.puffLargeHolderContentImg {
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
}

.puffHolderContentImgTop {
	float: left;
	padding-bottom: 0px;
	padding-right: 2px;

}
div.puffHolderContentImgRight {
	float: left;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}
div.puffHolderContentImgRightTop {
	float: left;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
}
div.puffHolderContentTextHeader {
	padding-top: 5px;
	padding-right: 3px;
	font-weight: bold;

}
div.puffLargeHolderContentTextHeader {
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;

}
div.puffHolderContentText {
	padding-top: 5px;
	padding-right: 3px;
	height: 60px;
}
div.puffLargeHolderContentText {
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
	height: 60px;
}
div.puffHolderContentLasMer {
	text-align: right;
	padding-right: 3px;
	font-size: 10px;

}
div.puffHeader {
	width: 151px;
	height: 18px;
	padding-left: 4px;
	padding-top: 2px;
	color: #ffffff;
	font-weight: bold;
	background: url(../img/puffHeaderBg.gif) 0 0 no-repeat;
	margin-bottom: 2px;
}
div.puffLargeHeader {
	width: 195px;
	height: 18px;
	padding-left: 4px;
	padding-top: 2px;
	color: #ffffff;
	font-weight: bold;
	background: url(../img/puffHeaderBg.gif) 0 0 no-repeat;
	margin-bottom: 2px;
}
div.puffBody {
	padding: 2px;
	margin-bottom: 2px;
}

/* Articles */
div.artikelHolder {
	float: left;
	width: 406px;
	padding-left: 16px;
}
div.artikelHolderHeader {
	font-size: 24px;
	padding-top: 50px;
	line-height: 110%;
}
.artikelImage {
	padding-top: 5px;
}
div.artikelHolderAuthor {
	font-size: 10px;
	padding-top: 4px;
	color: #5A5A5A;
}
div.artikelHolderText {
	padding-top: 20px;
	padding-bottom: 30px;
}

.articleLink {
	padding-left: 2px;
	background-color: #eeeeee;
}
.articleLink a:link {
	text-decoration: none;
	color: #515151;
}
.articleLink a:visited {
	text-decoration: none;
	color: #515151;
}
.articleLink a:hover {
	text-decoration: underline;
	color: #515151;
}
.articleLink a:active {
	text-decoration: none;
	color: #515151;
}

.articleLasMer .header {
	width: 151px;
	height: 18px;
	padding-left: 4px;
	padding-top: 2px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 0px;
	background: url(../img/articleLasMerHeaderBg.gif) 0 0 no-repeat;
}
.articleLasMer {
	width: 155px;
	margin-bottom: 2px;
	color: #515151;
	background-color: #eeeeee;
}
.artikelLinkHolder {
	float: right;
	padding-right: 21px;
	padding-top: 114px; /* 	border-width: 1px; 	border-color: Black; 	border-style: solid;  */
}

/* Buttons */
.button_mid {
	float: left;
	background: url(   "../img/button_mid.gif" );
	background-repeat: repeat-x;
	border: none;
	height: 18px;	
	padding-top: 0px;
	color: #ffffff;
	font-family: trebuchet ms, tahoma, arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
a.button_mid {
	color: #ffffff;
	text-decoration: none;
}

.button_l {
	float: left;
}
.button_r {
	float: left;
}

.button
{
	cursor: pointer;	
}

.mainContentLeft .button a 
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

.artikelHolder .button a 
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
.button a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

.diary {
	background-color: #FFFFFF;
}

.diary .inputField {
	border-bottom: #E6E6E4 2px solid;
	border-left: #E6E6E4 2px solid;
	border-right: #E6E6E4 2px solid;
	border-top: #E6E6E4 2px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 35px;
}
.diary .inputFieldReadonly {
	border-bottom: #E6E6E4 2px solid;
	border-left: #E6E6E4 2px solid;
	border-right: #E6E6E4 2px solid;
	border-top: #E6E6E4 2px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 35px;
	background-color: #E6E6E4;
	color: black;
}

.toolbar {
	border-right: #e6e6e4 0px solid;
	border-top: #e6e6e4 0px solid;
	border-left: #e6e6e4 0px solid;
	border-bottom: #e6e6e4 1px solid;
	background-color: #f8f8f8;
}
.headingMid {
	font-family: Arial;
	color: #000000;
	font-size: 13pt;
	font-weight: bold;
	margin-top:7px;
	padding-bottom: 5px;
}
.headingSmall {
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
}


/* Calendar */
.datum {
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #00aeef;
	text-align: right;
}
.datumNum {
	font-family: Arial;
	font-size: 30pt;
	font-weight: bold;
	color: #00aeef;
	letter-spacing: -3px;
}
.highlight {
	font-size: 8pt;
	color: #ffffff;
	padding-left: 2px;
	background-color: #00aeef;
	vertical-align: bottom;
}
.highlightMore {
	font-size: 11pt;
	font-weight: bold;
	color: #00aeef;
	border-color: #00aeef;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background-color: #FFFFFF;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 2px;
	width: 70px;
}

.calendar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	text-decoration: none;
	text-align: center;
}

.calendar a:hover {
	text-decoration: underline;
}

.calendar .puffHeader {
	height: 20px;
	padding-left: 0px;
	color: #ffffff;
	font-weight: bold;
	background-color: #0293ca; /*background: url(../img/puffHeaderBg.gif) 0 0 no-repeat; 	background-color: #ffffff;*/
	margin-bottom: 2px;
	text-align: center;
}
.calendar .nextPrev {
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	background-color: #0293ca; /*background: url(../img/puffHeaderBg.gif) 0 0 no-repeat; 	background-color: #ffffff;*/
	margin-bottom: 2px;
	text-align: center;
}

.calendar .puffHeader a {
	color: #ffffff;
}

.calendar {
	text-align: center;
}
.calendarButton a:link {
	text-decoration: none;
	color: #ffffff;
}
.calendarButton a:visited {
	text-decoration: none;
	color: #ffffff;
}
.calendarButton a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.calendarButton a:active {
	text-decoration: none;
	color: #ffffff;
}

/* Tabs */
.tabActive {
	color: #ffffff;
	height: 18px;
	font-family: Arial;
	font-size: 8pt;
	background: url( "../images/tab_background1.gif" );
	font-weight: bold;
}
.tabActive a {
	color: #ffffff;
	text-decoration: none;
}
.tabActive a:hover {
	color: #ffffff;
	text-decoration: none;
}
.tabActive a:visited {
	color: #ffffff;
	text-decoration: none;
}

.tabInactive {
	color: #ffffff;
	height: 18px;
	font-family: Arial;
	font-size: 8pt;
	background: url( "../images/tab_background0.gif" );
	font-weight: normal;
}
.tabInactive a {
	color: #ffffff;
	text-decoration: none;
}
.tabInactive a:hover {
	color: #ffffff;
	text-decoration: none;
}
.tabInactive a:visited {
	color: #ffffff;
	text-decoration: none;
}

.tabBorder {
	background-color: #9e9c91;
}




/* div-popup style */
.popup 
{
	color: #BABABA;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #f4f4f4;
	
	
}
.blur {
	width: 500px;
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
	POSITION: absolute;
	TOP: 300px; 
	LEFT: 50px; 
	z-index: 100;
}

.content {
	position: relative;
	bottom: 2px;
	right: 2px;
	background-color: #63b5d6; /*background color of content*/
	color: #000000; /*text color of content*/
	border: 1px solid  #0084B5;/*border color*/
	padding: 3px;
}

.shadow {
	background-color: #005a84; /*shadow color*/
	color: inherit;
}

.bar
{
	font-family: Arial;
	font-size: 11pt;
	position: relative;
	bottom: 2px;
	right: 2px;
	background-color: #0084B5; /*background color of content*/
	color: #ffffff; /*text color of content*/
}	
.bartext
{
	font-family: Arial;
	font-size: 11pt;
	color: #ffffff; /*text color of content*/	
}	
.bartextclose
{
	font-family: Arial;
	font-weight:bold;
	font-size: 8pt;
	color: #ffffff; /*text color of content*/	
	float:right;
}	
a.bartextclose 
{
	color: #ffffff; 
}	
a:visited.bartextclose 
{
	color: #ffffff; 
}	

.tableHeader 
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #00aeef;
	padding-left:10px;
}
.tableRow /*tableRowAlternating*/
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	border: solid 1px white;
	background-color: #f5f5f5;
	padding-left:10px;
}
.tableRow a /*tableRowAlternating*/
{
	font-weight:bold;
	color: #246295;
	text-decoration: none;
}
.tableRow a:hover /*tableRowAlternating*/
{
	text-decoration: underline;
}
.tableCell {
	border: solid 1px white;
}
.tableRowAlternating /*tableRow*/
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	border: solid 1px white;
	background-color: #C9E2EC;
	padding-left:10px;
}
.tableRowAlternating a 
{
	font-weight:bold;
	color: #246295;
	text-decoration: none;
}
.tableRowAlternating a:hover 
{
	text-decoration: underline;
}

/* Statistics specifics */
.stats_enhet
{
	font-family:arial;
	font-size:12px;
	font-weight:normal;  
	color: gray;	

}
.stats_min_varde 
{
	font-family:arial;
	font-size:18px;
	font-weight:bold;  
	color: #808080;			
}

.right {
	text-align: right;
}
.center {
	text-align: center;
}
.verticalSpacer {
	height: 5px;
	line-height: 5px;
	background-color: #6F7170;	
}

/* Customizable select */
.trigger{
	border:1px solid #ccc;
	color:green;
	width:15em;
	padding-right:1em;
	background:url(arrow.gif) top right no-repeat #fff;
	display:block;
}
.activetrigger{
	border:1px solid #ccc;
	color:green;
	width:15em;
	padding-right:1em;
	display:block;
	background:#ccc;
}
/* style of the UL */
.dropcontainer ul{
	background:#fff;
	border:1px solid #999;
	border-bottom:none;
	list-style-type:none;
	padding:0;
	margin:0;
	width:16em;
	position:absolute;
}
.dropdownhidden{
	top:0;
	left:-999em;
}
.dropdownvisible{
	top:0;
	left:0;
}
.dropcontainer ul a{
	padding:0 .5em;
	display:block;
	width:15em;
	text-decoration:none;
	color:#666;
	border-bottom:1px solid #999;
}
.dropcontainer ul a:hover{
	background:#ccc;
}
.dropcontainer{
	position:relative;
}

.bigrow
{
	clear: both;
	float: left;
	width: 700px;
	padding: 5px 0px 5px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: none;
	border-color: #C6C6C6;
}

.col
{
	width: 250px;
	float: left;
}
.colsmall
{
	width: 150px;
	float: left;
}

.pager {
	color: Red;
	background-color: Black;
	text-align: center;
	text-indent: 100px;
	margin-left: 100px;
	clear: both;
	float:right;
}

.headerspacead {
	position:absolute; 
	top:97px; 
	left:655px;
}

.gridheader th {
	padding-left: 4px;	
	padding-top: 2px;	
	margin-bottom: 2px;
}
.gridheader {
	color: #ffffff;
	font-weight: bold;
	background: url(../img/gridHeaderBg.gif) 0 0 repeat-x;
	
}

.puffFullHeader {
	width: 612px;
	height: 18px;
	padding-left: 4px;
	padding-top: 2px;
	color: #ffffff;
	font-weight: bold;
	background: url(../img/gridHeaderBg.gif) 0 0 repeat-x;
	margin-bottom: 2px;
}

.tablenoborder {
	border: none 0px white;
}
.tablenoborder tr {
	border: none 0px white;
}

.tablenoborder td {
	border: none 0px white;
}

.listitem {
	border-bottom: solid 1px LightGrey;
	color: Gray;
}
.listitem span {
	color: black;
}
.news {
	color:Red;
	background-color:white;
	padding-left: 3px;
	padding-right: 3px;
	
}