/*-----------------------------------------------------------------------------
version:   1.0 
date:      XX/05/2010
author:    Nicky Christensen
email:     nic@dkis.dk
-----------------------------------------------------------------------------*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("headings.css");
@import url("forms.css");
@import url("tables.css");

/* Remove padding and margin */
img { margin: 0; padding: 0; border: 0; }
* { margin: 0; padding: 0; xborder: 0; }
html	{
	overflow-y: scroll;
}
html, body { margin: 0; padding: 0px;}
body, td, th, input, select, option, textarea { color: #000; font-family: Arial, Tahoma, sans-serif; font-size: 12px; }
p { padding: 0; margin: 0px 0px 10px 0px; }
sup { font-size:9px; vertical-align:super;}
ol, ul {
    margin: 10px 0 0 0; /* 10px 0 0 15px; */
}

body {
    background: #f0f0f0 url(../images/bg-page.png) no-repeat center top;
}

#page { 
    width: 990px;
    margin: 0px auto;
    text-align: left;
    background: #fff;
}
#container { width: 940px; margin: 0 auto; background: transparent url(../images/containerbg.gif) left top no-repeat; }
#subpage #container { width: 940px; background: transparent url(../images/subContainerbg.gif) left top no-repeat; }


/* Generel Links */
img a { border: none; }
a { color: #7799ae; text-decoration: underline; }
a:hover { color: #000; }
a:visited { color: #7799ae; text-decoration: underline; }

/* CLEAR / RESET/FLOATS */
.reset {width: 1px; height:1px; margin:-1px; overflow: hidden; clear:both;}
.right { float: right; }
.left { float: left; }

/* Header/Top
-----------------------------------------------------------------------------*/
#frontpage #topcontainer { height: 130px; }
#topcontainer {
    height: 220px;
    float: left;
    width: 100%;
}
#topheader {height: 34px; padding-top: 16px; } /*height blir i alt 50px */
.servicenav { float: right; width: 100%;}
.search { float: right; text-align: right; }

.servicenav ul { padding: 5px 10px 0px 0px; margin:0px; list-style-type:none; float: right; }
.servicenav ul li { padding: 0px 5px; float: left; border-right: 1px solid #000; }
.servicenav ul li a { color: #000; text-decoration: none; }
.servicenav ul li a:hover { text-decoration: underline; }

#logo { float: left; width: 300px;}

/* TopNavigation
-----------------------------------------------------------------------------*/
#mainmenu { width: 640px; float: right; text-align: right; }
#mainmenu ul { padding:30px 0px 0px 0px; margin:0px; list-style-type:none; float: right; }
#mainmenu ul li { float: left; padding: 0px 10px; border-right: 1px solid #000; font-family: Arial Narrow, Arial, Tahoma, sans-serif; font-size: 18px;}
#mainmenu ul li a { font-weight: bold; text-transform: uppercase; text-decoration:none; color: #477491; }
#mainmenu ul li a:hover { border-bottom:3px solid #477491; }
#mainmenu ul li a.open { border-bottom:3px solid #477491; }
#mainmenu ul li.selected a{ border-bottom:3px solid #477491; }

/* Frontpage
-----------------------------------------------------------------------------*/
/*#gallery { height: 271px; color:#FFF; position:relative; display:block; }
#gallery a { float:left; position:absolute; }
#gallery a.show {  z-index:500;  }
#gallery .caption { z-index:600; }
#gallery a { float:left; position:absolute; }
#gallery img { position:absolute;  top: 0; left:0; margin:0 auto;}
#gallery .caption { width: 381px; position:absolute; padding: 102px 0 0 65px; }
#gallery .caption .infotext { width: 381px; padding: 0 0 0 14px; }*/

.gallery { 	height: 271px; width: 940px; overflow: hidden; position:relative; float: left; }
.gallery a { float:left; position:absolute; }
.gallery a img {	border:none; }
.gallery a.show { z-index:500 }
.gallery .caption { width: 381px; z-index:600; color:#ffffff; padding: 102px 0 0 65px; position:absolute; top:0; bottom:0;}
.gallery .caption .infotext { width: 381px; padding: 0 0 0 14px; }

#maincontent { padding: 20px 0 0 0; }
#mainleftrightwrapper { float: left; width: 647px; }
.mainleftrighrow { float: left; width: 647px; }
#mainleft, #mainleftbottom  { width: 320px; float: left;}
#mainmiddle, #mainmiddlebottom { width: 327px; float: left; }
#mainright { width: 273px; float: right; padding-top: 12px; }

.col { width: 306px; background: transparent url(../images/frontcntboxbg.jpg) left top no-repeat; min-height: 93px; }
.colNoBackground { width: 306px; min-height: 93px; }
.column { padding: 10px 15px; }
.colheading {  border-bottom: 1px solid #002c5a; margin-bottom:20px; }

/* 
.colbanner { overflow: hidden; position: relative; bottom: 0; left: 0; }
*/

#mainright .col { width: 273px; background:none;}
#mainright .column { padding:0;}

.box { margin-bottom: 30px; /* 17px; */ }
.news ul { padding:0; margin:10px 0; }
.news ul li { list-style-type: none; background: transparent url(../images/bullet.gif) left top no-repeat; padding: 0 0 15px 25px; }

.toggle_cnt { padding-bottom:12px; }

#subpage #mainright h2.trigger,
#frontpage #mainright h2.trigger, 
h2.trigger {
    padding-bottom:10px;
    margin-bottom: 0px;
    font-size: 14px;
    border-bottom: 0px;
    border-bottom: 0px;
    font-size: 14px;
}
#frontpage h2.triggerArrow a {
    padding-left: 15px;
	background: url(../images/simpel_pil_h.gif) no-repeat 0px 5px;
}
#subpage #mainright h2.trigger	{
	padding-top: 0px;
	margin-left: 0px;
}
#subpage h2.trigger a	{
	display: block;
	padding-left: 15px;
	background: url(../images/arrow-right-blue.png) no-repeat 0px 4px;
	text-decoration: none;
	color: #002C5A;
	font-weight: bold;
}
#subpage h2.trigger a:active,
#subpage h2.trigger a:focus	{
	outline: none;
}
#subpage h2.trigger.active a	{
	background: url(../images/arrow-down-blue.png) no-repeat 0px 5px;
}
/* Loginpage
-----------------------------------------------------------------------------*/
#maincontent #loginbox { width: 300px; margin: 0px auto 30px auto; padding: 10px 10px 10px 10px; border: 1px solid #aaa; background-color: #ddd; overflow: hidden; }
#maincontent #loginbox .loginLabel { width: 60px; padding: 1px; margin: 7px 0 7px 0; display: inline-block; font-weight: bold; }
#maincontent #loginbox .loginTextbox { width: 225px; border: 1px solid #aaa; background-color: #ffffff; padding: 1px; margin: 7px 0 7px 0; font-weight: bold; }
#maincontent #loginbox .buttonPanel { text-align: center; }
#maincontent #loginbox .loginSubmitButton { border: 1px solid #aaa; width: 60px; margin: 10px 10px 0 10px; }
#maincontent #loginbox #lblMessage { color: #f00; display: block; text-align: center; margin: 10px 0 0 0; font-weight: bold; }

/* Subpage
-----------------------------------------------------------------------------*/
/*#subpage #maincontent { margin-top: -15px;}*/
#subpage #mainleft { width: 240px; float: left;}
#subpage #mainmiddle { width: 425px; float: left; }
#subpage #mainmiddlefull { width: 700px; float: left; }
#subpage #mainright { width: 255px; float: right;}

.documents { width: 425px; }
#mainmiddlefull .documents { width: 700px; } /* Kan ogs? fjernes */

/* .pagetitle { border-bottom:1px solid #002c5a;} */

.document { line-height: 16px; }
.document .teaser { font-weight: bold; font-size: 14px; }
.document .image { /*background: transparent url(../images/contentimg_bg.gif) left top no-repeat;*/ min-height: 82px; /*padding: 0px 12px; */margin:20px 0px;}
.document .images {margin-bottom: 20px; margin-top: 20px;}
/*#mainmiddlefull .document .image { background:none; padding:0;}*/
.document ul li { list-style-type: none; background: transparent url(../images/bullet.gif) left top no-repeat; padding: 0 0 7px 25px;}


.relatedItem .image { background: transparent url(../images/relatedimg_bg.gif) left top no-repeat; min-height: 82px; padding: 10px 12px 0 12px; margin: 0 0 0 6px;  }
.relatedItem ul { padding:0; margin:10px 0; }
.relatedItem ul li { list-style-type: none; background: transparent url(../images/bullet.gif) left top no-repeat; padding: 0 0 15px 25px; }
.relatedItem .text { padding: 5px 0 0 14px; line-height: 16px;}


/* Breadcrumb
-----------------------------------------------------------------------------*/
.breadcrumb { height: 26px; font-size:9px; color:rgb(120,120,120);   padding: 10px 0px 0px 0px; } /*height blir i alt 36px */
.breadcrumb a { color:rgb(120,120,120);  text-decoration:none; float: left; padding: 0 5px; background: transparent url(../images/sep.png) left top no-repeat; }
.breadcrumb a:hover { text-decoration:underline; }
ul#breadnav, .breadcrumb ul { padding:0; margin:0; list-style-type:none; }
.breadcrumb ul ul { float: left; padding:0; margin:0; list-style-type:none;}
.breadcrumb ul li { float: left; padding: 0 5px 0 0; list-style-type:none;}


/* Left Navigation
-----------------------------------------------------------------------------*/
/*.leftmenu { width: 220px; padding-top: 15px; }
.leftmenu ul { padding: 0px; margin:0px; list-style-type: none; }
.leftmenu ul li { font-size: 16px; font-family: Arial Narrow, Arial, Tahoma, sans-serif; text-transform:uppercase; border-bottom: 1px solid #000; display:block; }
.leftmenu ul ul { border:none; }
.leftmenu ul ul li { background: transparent url(../images/leftmenubg.gif) left top repeat-x; border-bottom: none; padding: 10px 0 10px 5px; display: block; font-size: 12px; text-transform: none; font-family: Arial, Tahoma, sans-serif;}
.leftmenu ul ul li:hover { background: transparent url(../images/leftmenuhoverbg.gif) left top repeat-x; }
.leftmenu ul ul li:hover a { color: #7195ad;}
.leftmenu ul ul li a { display:block; color: #333333; text-decoration:none; }
.leftmenu ul ul li a:hover { color: #7195ad; }
.leftmenu ul ul li.active { background: transparent url(../images/leftmenuhoverbg.gif) left top repeat-x; color: #7195ad;}
.leftmenu ul ul ul { padding: 10px 0 0 0; }
.leftmenu ul ul ul li a { padding-left:15px;}*/
.leftmenu { width: 220px; padding-top: 15px; }
.leftmenu ul { padding: 0px; margin:0px; list-style-type: none; }
.leftmenu ul li { font-size: 16px; font-family: Arial Narrow, Arial, Tahoma, sans-serif; text-transform: uppercase; border-bottom: 1px solid #000; display: block; float: left; clear: both; }
.leftmenu ul ul { border: none; }
.leftmenu ul ul li { border-top: solid 1px #e5ecf2; border-bottom: none; display: block; font-size: 12px; text-transform: none; font-family: Arial, Tahoma, sans-serif; background: none; float: left; clear: both; width: 220px; }
.leftmenu ul ul li a { display: block; float: left; width: 210px; color: #333333; text-decoration: none; margin: 2px 0px 0px 0px; border-bottom: solid 2px #ffffff; padding: 10px 5px 10px 5px; background-color: transparent; }
.leftmenu ul ul li li a { width: 195px; padding: 10px 5px 10px 20px; }
.leftmenu ul ul li li li a { width: 180px; padding: 10px 5px 10px 35px; }
.leftmenu ul ul li li li li a { width: 165px; padding: 10px 5px 10px 50px; }
.leftmenu ul li.active li a, .leftmenu ul li.active li.active li a, .leftmenu ul li li.active li a, .leftmenu ul li li.active li.active li a { color: #333333; background-color: transparent; }
.leftmenu ul li.active a, .leftmenu ul li.active li.active a, .leftmenu ul li li.active a, .leftmenu ul li li.active li.active a { color: #7195ad; background-color: #e5ecf2; }
.leftmenu ul ul li a:hover, .leftmenu ul ul li.active a:hover, .leftmenu ul ul li.active li a:hover, .leftmenu ul ul li.active li.active a:hover { color: #7195ad; background-color: #e5ecf2; }

/* Your template
-----------------------------------------------------------------------------*/

/* Footer
-----------------------------------------------------------------------------*/

#footer { text-align: left; font-family: Arial Narrow, Arial, Tahoma, sans-serif; color:rgb(120,120,120);  font-size:12px; margin-top:30px; }

/* Search Results
-----------------------------------------------------------------------------*/
#searchResults { padding: 0 0 0 5px; margin: 0; }
#searchResults ul { padding: 0 0 10px 0; margin: 0; }
#searchResults ul li { list-style: none; padding: 0 0 10px 0; }
#searchResults .searchResultItem a:hover { color: #002c5a; }
#searchResults .searchResultItem p { margin: 0 5px 0 3px; }

#mainmiddlefull .scfForm { width: 450px; }
#mainmiddlefull .scfForm input { border: 1px solid #467491; }
#mainmiddlefull .scfForm textarea { border: 1px solid #467491; }
#mainmiddlefull .scfForm label { width: 100px; }
#mainmiddlefull .scfForm .scfSubmitButtonBorder { text-align: right; padding-right: 72px; }


/* sitemap */
.sitemap ul li { list-style-type: none; background: transparent url(../images/bullet.gif) left top no-repeat; padding: 0 0 15px 25px;}
.sitemap ul li ul li { list-style: none; xpadding: 0 0 10px 0; background: none;}
.sitemap ul ul ul li { list-style: none; xpadding: 0 0 10px 0;background: none;}

.malfunctionsList * { border: none; }
.malfunctionsList .first { width: 120px; }
.malfunctionsList td { padding: 5px; }


/* malfunctions list editor */
.malfunctionsListEditor input { width: 350px; }

.malfunctionsListEditor .date,
.malfunctionsListEditor .time { width: 100px; }

.malfunctionsListEditor div table { width: 100%; clear: both; }
.malfunctionsListEditor div table .item-table-header { display: none; }
.malfunctionsListEditor .itemWrapper { margin: 0 0 10px 0; padding: 5px; border-bottom: 1px solid #002c5a; float: left; width: 100%;}
.malfunctionsListEditor .item { padding-top: 10px; padding-bottom: 10px; vertical-align: top; }
.malfunctionsListEditor .inputActive input { margin: 0px; padding: 0px; width: 20px; }

.malfunctionsListEditor h4	{
	font-size: 16px;
	padding-bottom: 10px;
}
.malfunctionsListEditor .form-line	{
	float: left;
	width: 100%;
	clear: both;
}
.malfunctionsListEditor .form-line textarea	
{
    width: 500px;
    height: 120px;
}
.malfunctionsListEditor .form-input	{
	float: left;
	width: 200px;
	padding-bottom: 8px;
	position: relative;
}
.malfunctionsListEditor .form-input-extra	{
	float: left;	
	padding-bottom: 8px;
}
.malfunctionsListEditor .form-input label,
.malfunctionsListEditor label	{
	font-weight: bold;
	display: block;
	padding-bottom: 2px;
}
.malfunctionsListEditor .form-input-extra label	{
	font-weight: bold;
	display: inline;
}
.malfunctionsListEditor .form-submit	{
	float: left;	
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}
.malfunctionsListEditor .form-submit a	{
	font-size: 14px;
	padding: 4px 15px 4px 15px;	
	background-color: #E5ECF2;
	text-decoration: none;
}
.malfunctionsListEditor .item-table	{
	float: left;
	clear: both;
	width: 100%;
}
.malfunctionsListEditor #scrollHere {
    visibility: hidden;
}
.item-table table td	{
	border-bottom: 1px solid #002c5a;
}
.item-table .itemWrapper	{
	border: none;
	margin-bottom: 0px;
}
.item-table .item-text	{
	float: left;
	width: 390px;
	position: relative;
	top: 0px;
	left: 0px;
}
.item-table .item-text .item-full,
.item-table .item-text .item-half	{
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
.item-table .item-text .item-full span,
.item-table .item-text .item-half span	{
	font-weight: bold;
	display: block;
}
.item-table .item-text .item-half	{
	width: 50%;
}
.item-table .item-gmap	{
	float: left;
	position: relative;
	height: 200px;
	width: 200px;
	padding-left: 10px;
}
.item-table a.edit-links	{
	float: right;
	clear: both;
	font-size: 14px;
	padding: 4px 15px 4px 15px;	
	background-color: #E5ECF2;
	text-decoration: none;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 50px;
	text-align:center;
}
/* malfunction googlemaps */
.malfunctionsGM { padding: 5px; }
.malfunctionsGM .malfunctionsGMSelector { border: 1px #000 solid; padding: 5px 5px 5px 5px; }
.malfunctionsGM #map_canvas { border: 1px solid grey; height: 480px; margin-top: 5px; }
.malfunctionsGM .label { width: 40px; margin: 2px; display: inline-block; text-align: right; }
.malfunctionsGM input,
.malfunctionsGM select { margin-top: 2px; }
.malfunctionsGM .updateBtn { margin-left: 43px; }
                              
/* item with overlaying text */
.textoverlay-item  {
    position: relative;
    width: 243px;
    margin-left: 12px;
    float: left;
    padding-bottom: 10px;
}
#frontpage .textoverlay-item   {
    width: 276px;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#subpage #mainmiddle .textoverlay-item   {
    width: 438px;
    margin-left: 0px;
}
.item-text,
.item-text-with-transparent-background,
.item-img,
.item-link
  {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 80;
}
.item-text-with-transparent-background
{
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 90;
    width: 245px;
    background-image: url(../images/txt_bg.png);
}

.item-text  {
    top: 10px;
    left: 15px;
    z-index: 90;
    width: 235px; 
}
#subpage #mainright .item-text h2 {
    padding: 0px;
    /*margin: 0px;*/
    border: 0px;
}
.item-link  {
    z-index: 100;
    /*height: 100%;*/
    width: 100%;
}
.item-link a {
    width: 100%;
    height: 100%;
    display: block;
}
.item-link img  {
    height: 100%;
    width: 100%;
    display: block;
}
/*GoogleMaps ContentBox*/
.googleMaps 
{
    padding-left: 10px;
    padding-bottom: 10px;
}
.map
{
    margin-left: -23px !important;
}

#polygonMap
{
    height: 600px;
    width: 688px;
}

/* PageOverview list */
.pageOverview li { list-style: none; padding-bottom: 12px; letter-spacing: 0px; font-weight:bold }
.pageOverview li div { clear: both; }
.pageOverview li div.headSection a {float: left;}
.pageOverview li div.headSection a.title { font-family: Verdana; font-size: 12px; color: #002c5a; text-decoration: none; vertical-align: bottom; }
.pageOverview li div.headSection a.date { font-family: Verdana; font-size: 10px; color: #002c5a; text-decoration: none; vertical-align: bottom; font-weight: normal }
.pageOverview li div.bodySection a.resume { font-family: Verdana; font-size: 10px; color: #002c5a; text-decoration: none; vertical-align: bottom; font-weight: normal }