/*************************************
               Frontpage
**************************************/

#body-frontpage {
  background: white url('/domcfg.nsf/content_bg.png') repeat scroll center top;
  margin: 0px;
  padding: 0px;
 
  height: 100%;
  width: 100%;
  font-family: Arial;
  font-size: 0px;
  line-height: 0px;
  color: #73777B;
	
/* Safari og Chrome scrollbar */
	
/* IE scrollbar */
  scrollbar-face-color: #808080;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
}

#hefo-background {
  background: transparent url('/domcfg.nsf/upper_bg.png') repeat-x scroll center top;
  text-align:center; /* Necassary for IE in quirks mode*/
}

#hefo-header {
  background: transparent url('/domcfg.nsf/header_portal.png') no-repeat scroll left top;
  height: 151px;
  margin: 0 auto;
  position: relative;
  width: 960px;
}

.hefo-logo {
   display: block;
   height: 100px;
   left: 0px;
   position: absolute;
   top: 0px;
   width: 330px;
}

#hefo-main {
  margin: 0 auto;
  padding: 0 10px;
  width: 960px;
  text-align: left;
}

#hefo-footer {
  margin: 0 auto;
  width: 900px;
  padding: 0;
  height: 39px;
}


/*************************************
             Login box
**************************************/


#content
{
	position: relative;
	height: 50%;
	/*overflow: auto;*/
	min-height: 550px;
	width: 960px;
	max-width: 960px;
	min-width: 788px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	padding-bottom:100px;
}

#header
{
	padding: 0px;
	height: 30px;
	vertical-align: top;
}

/*Mail->*/

#contentempty
{
	position: absolute;
	z-index: 100;
	padding-left: 26px;
	width: 728px;
	height: 536px;
	float: left;
	vertical-align: top;
	
	border-width: 0px;
	border-style: solid;
}

#contentImage
{
	position: relative;
	z-index: 100;
	padding-left: 0px;
	margin-left: 26px;
	width: 670px;
	height: 536px;
	float: left;
	background-image: url('/domcfg.nsf/hefo-login.jpg');
	background-position: -152px 0px;
	background-repeat: no-repeat;
	vertical-align: top;
}

#contentOverview
{
	position: absolute;
	z-index: 102;
	top: 16px;
	left: 25px;
	width: 432px;
	min-height:192px;
}

#contentOverviewBackground
{
	background-color: white;
	position: absolute;
	z-index: 103;
	width: 100%;
	/*height: 100%;*/ /*Not working in IE in quirk mode, need to use fixed heigt.*/
	height: 238px;
	top: 344px;
}

#contentOverviewText
{
	position: relative;
	left: 15px;
	top: 202px;
	z-index: 104;
	padding-top: 25px;
	/*padding-right:25px;*/
	/*padding-bottom:42px;*/
}

#contentOverviewText div ul div p
{
	font-size: 14px;
	line-height: 20px;
}

/*<-Mail*/

#mainContent
{
	position: relative;
	width:726px;
	float: left;
	left: 26px;
	border-style: solid;
	border-width: 0px;
}

#contentLeft
{
	position: relative;
	z-index: 200;
	width: 248px;
	min-width: 248px;
	height: 536px;
	vertical-align: top;
	
	float: left;
}

#contentLeftBottomBorder
{
	position: absolute;
	z-index: 201;
	
	width: 248px;
	min-width: 248px;

	height: 0px;
	bottom:-1px;
	left:0px;
	
	border-bottom-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#contentMid
{
	position: relative;
	z-index: 300;
	width: 464px;
	min-height: 536px;
	vertical-align: top;
	margin-left: 14px;

	float: left;
	
}

#contentMidBottomBorder
{
	position: absolute;
	z-index: 301;
	
	width: 464px;

	height: 0px;
	bottom:-1px;
	left:262px;
	
	border-bottom-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#contentRight
{
	position: absolute;
	z-index: 400;
	width: 208px;
	min-width: 208px;
	vertical-align: top;
	right: 26px;
	/*float: right;*/
}

#midLineUp
{
	margin-top: 0px;
	margin-bottom: 16px;
	padding: 0px;
	border: 0px;
	width: 464px;
	height: 1px;
	background-color:#e6e6e6;
	position: relative;
	z-index: 301;
}

#listNavig
{
	margin-top: 0px;
	margin-bottom: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 464px;
	height: 32px;
	position: relative;
	z-index: 304;
}

#listLinks
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #93117E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #93117E;
	color: #93117E;
	padding: 0px;
	height: 32px;
	width: 124px;
	float: left;
}

#listRechts
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 0px;
	height: 32px;
	width: 308px;
	float: right;
}

.hrLine
{
	background-color: #93117E;
	height: 2px;
	border: 0px;
	margin-top: 4px;
	margin-bottom: 14px;
}	

img#mrLogo
{
	float: left;
	margin-top: 41px;
	margin-left: 28px;
}

img#siteId
{
	float: right;
	margin-top: 4px;
	margin-right: 26px;
}

.schraffur
{
	background-image: url('/domcfg.nsf/schraffur_blue_12x12.png');
	background-repeat: repeat-x;
	width: 400px;
	height: 10px;
	margin-bottom: 18px;
	padding: 0px;
}

#schraffur2
{
	position: relative;
	background-image: url('/domcfg.nsf/schraffur_blue_12x12.png');
	background-repeat: repeat-x;
	width: 216px;
	height: 10px;
	margin-bottom: 18px;
	top: 3px;
}

#schraffurArea
{
	position: relative;
	background-image: url('/domcfg.nsf/schraffur_blue_12x12.png');
	background-repeat:repeat;
	width:100%;
	height:100%;
}

.dogEar
{
	position: absolute;

	right:0px;
	bottom:0px;
}

#verlauf
{
	background-image: url('/domcfg.nsf/verlauf_segment_1x536.png');
	background-repeat: repeat-x;
	width: 216px;
	height: 536px;
	margin: 0px;
	padding-left: 15px;
	padding-top: 11px;
	padding-right: 16px;
	position: absolute;
	z-index: 201;
}

h1
{
	color: #0C2577; //#93117E;
	font-size: 22px !important;
	line-height: 24px;
	margin-bottom: 2px;
	text-transform: uppercase;
	font-weight: lighter;
}

h2
{
	color: #73777B;
	font-size: 22px !important;
	line-height: 24px;
	margin-top: -2px;
	margin-bottom: 4px;
	font-weight: lighter;
}

h4
{
	font-size: 12px !important;
	line-height: 16px;
	margin-top: 8px;
	margin-bottom: 0px;
}

.contentrow /*mid row*/
{
	 
	position:relative;
	width:100%;
	margin-top:11px;
	
}

.textcontent
{
	position:relative;
	font-size: 12px;
	width:460px;
	float:left;
	line-height: 16px;
	top:2px;
}

.margintextcontent
{
	position:relative;
	font-size: 12px;
	width:444px;
	float:left;
	line-height: 16px;
	top:2px;
	padding-left: 16px;
}

.label 
{
	position:relative;
	font-size: 12px;
	width:152px;
	float:left;
	line-height: 16px;
	top:2px;
}

.marginlabel 
{
	position:relative;
	font-size: 12px;
	width:136px;
	float:left;
	line-height: 16px;
	top:2px;
	
	padding-left: 16px;
}



.checkbox 
{
	position:absolute;
	width:20px;
	
	left:0px;
}

.checkboxdescription
{
	position:relative;

	width:408px;
	
	left:24px;
	top:3px;
	line-height: 16px;
	font-size: 12px;
}

.margincheckbox 
{
	position:absolute;
	width:20px;
	
	left:16px;
}

.margincheckboxdescription
{
	position:relative;

	width:392px;
	
	left:40px;
	top:3px;
	line-height: 16px;
	font-size: 12px;
}

.rightcolumncontent
{
	position:relative;

	float:right;
	
	width:308px;
}

.rightcolumntext
{
	position:relative;
	font-size: 12px;
	width: 302px;
	line-height: 16px;
	top:2px;
}

.aboverowremark
{
	font-size: 11px;
	margin-top:-10px;
}

.inputcontrol
{
	border-width: 1px;
	
	border-style: solid;
	border-color: #BABCBF;
	
	font-family: Arial;
	width: 302px;
	color: #73777B;
	font-size: 11px;
}

.validator
{
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 16px;
}

div.validator > span
{
	float:left;
	margin-right:6px;
}

p
{
	font-size: 12px;
	margin-top: -4px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 16px;
}

p.button
{
	font-size: 11px;
	margin-top: -4px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 16px;
}

div.overview
{
	color: #73777B;
	font-size: 12px;
	margin-top: 16px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 16px;
}

div.overviewheading
{
	color: #73777B;
	font-weight:bold;
	font-size: 12px;
	margin-top: 36px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 16px;
}

p.connectoverview
{
	color: #33373B;
	font-size: 14px;
	line-height: 16px;
	padding-right: 24px;
	margin-top: 0px;
}

div.connectoverview
{
	color: #33373B;
	font-size: 12px;
	line-height: 16px;
	padding-right: 24px;
	margin-top: -3px;
}

ul::first-line
{
	/* background-color: yellow; */
	/* color: #0C2577; */
	/*color: #93117E;*/
	/*font-weight: bold;*/
	/* text-decoration-line: underline; */
}

ul.connectoverview
{
	color: #33373B;
	font-size: 12px;
	line-height: 16px;
	padding-right: 24px;
	margin-top: 0px;
}

div.info
{
	font-size: 12px;
	margin-top: -4px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 16px;
}

div.small
{
	font-size: 11px;
}

p.small
{
	font-size: 11px;
}

table
{
	font-size: 12px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}


.labeledData
{
	position:relative;
	min-height: 30px;
}

.labeledDataLeft
{
	position:relative;
	color: #93117E;
	
	padding: 6px 16px 6px 0px;
	margin: 0px;
	float: left;
	width: 112px;
}

.labeledDataLeftBottomLine
{
	position:absolute;
	
	border-color: #93117E;
	border-style:solid;
	border-width: 0px 0px 1px 0px;
	
	width:128px;
	left:0px;
	bottom:5px;
}

.labeledDataRight
{
	position:relative;
	
	
	padding: 6px 0px 6px 0px;
	margin-left: 16px;
	float: left;
	width: 318px;
	height:100%;
}

.labeledDataRightBottomLine
{
	position:absolute;
	
	border-color: #E6E6E6;
	border-style:solid;
	border-width: 0px 0px 1px 0px;

	width: 318px;
	left:144px;
	bottom:5px;
}

form
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: 0px;
}

input.login 
{
	border-width: 1px;
	border-style: solid;
	border-color: #BABCBF;
	margin-top: 3px;
	margin-bottom: -3px;
	padding: 1px 2px 3px 5px;
	width: 199px;
	height: 21px;
	color: #73777B;
	font-size: 11px;
}

input.request
{
	border-width: 1px;
	border-style: solid;
	border-color: #BABCBF;
	margin-top: 11px;
	width: 302px;
	color: #73777B;
	font-size: 11px;
}

textarea.request 
{
	border-width: 1px;
	border-style: solid;
	border-color: #BABCBF;
	margin-top: 11px;
	width: 302px;
	color: #73777B;
	font-size: 11px;
}

select.request
{
	border-width: 1px;
	border-style: solid;
	border-color: #BABCBF;
	margin-top: 11px;
	width: 302px;
	color: #73777B;
	font-size: 11px;
}

a
{
	color: #3A3E42;
	text-decoration: none;
	line-height: 18px;
}

a:link
{
	color: #3A3E42; 
}

a:hover
{
	color: #93117E;
}

a:active 
{
	color: #3A3E42;
}

a:focus
{
	color: #93117E;
}

.arrows
{
	color: #93117E;
	font-size: 12px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}

.hidden
{
	display: none;
}

hr
{
	border: 0;
	height: 1px;
	line-height: 0;
	margin-bottom: 16px;
	color: #e6e6e6;
	background-color: #e6e6e6;
}

/* Service navigation */

#cService *
{
	font-size: 11px;
	text-decoration: none;
}

#cService ul
{
	list-style: none;
	padding: 0;
	margin-top: 4px;
	margin-right: 26px;
}

#cService ul li a
{
	/*background: url(/domcfg.nsf/ServiceMenuDivider.png) no-repeat 0 2px;*/
	padding-left: 10px;
}

.openToggle
{
	padding-bottom: 7px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color:#e6e6e6; 
	width: 464px;
	position: relative;
	z-index: 304;
	
}

.closedToggle
{
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color:#e6e6e6; 
	width: 464px;
	height: 32px;
	position: relative;
	z-index: 304;
}

p.openToggleHeader
{
	color:#93117e;
	margin-top:8px;
}

p.closedToggleHeader
{
	color:#73777B;
	margin-top:8px;
}

img.closedToggleArrow
{
	width:4px;
	height:7px;
	margin-right:9px; 
	
}

img.openToggleArrow
{
	width:11px;
	height:8px;
	margin-right:2px; 
}

button.link {
	/*font-family: "Verdana" sans-serif;*/
	font-size: 11px;
	color: #3A3E42;
	text-align: left;

	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

button.link:hover {
	color: #93117E;
}

#submitButtonX input,
input.link {
	/*font-family: "Verdana" sans-serif;*/
	font-size: 11px;
	color: #3A3E42;
	text-align: left;
	
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

#submitButtonX input:hover,
input.link:hover {
	color: #93117E;
}