/* start general fonts, margins, paddings */
body{ 
	margin:0;padding:0;
	font-size:71%;
	line-height:1.3em;
}
body,th,td,p,li,select,option,input,button,textarea{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
}

h1{font-size:1.3em; color:#034a66}
h2{font-size:1.1em}
h3{font-size:1.1em}
h4{font-size:1.1em}
h1,h2,h3,h4{margin-bottom:5px; margin-top:0px; line-height:1.4em}
h1,h2,h3,h4,#topmenu li,#graymenu li{font-family:Arial, Helvetica, sans-serif}
input,textarea,select{font-size:0.95em}/* need for adjusting form elements font-size */

table		{margin:3px 4px 9px 4px;}
th,td		{margin:0; padding:1px 4px}
td			{vertical-align:top}
th		{text-align:left; background-color:#9fafbc;color:#fff}
html,body	{margin:0;padding:0}
fieldset	{padding:18px 2px; margin-left:9px}
form		{margin:0px; padding:0px; display:inline}
div			{margin-bottom:0px;padding-bottom:0px}
select,input{margin:0px}
select		{height:18px}
code		{font-size:1.2em !important}
img			{border-width:0px}
p			{margin-top:3px; margin-bottom:9px}
dt			{font-weight:bold}
ul,ol		{margin:0 0 8px 0; padding:0}
ul ul		{margin:2px 0 12px 0}
li			{margin-left:17px; margin-bottom:8px; padding-left:0px}
ul ul li	{margin-bottom:4px}


p,dl,ol,ul,h1,h2,h3,h4,table{margin-left:8px;margin-right:4px}/* general margin setting */

.c			{text-align:center}
.l			{text-align:left}
.r			{text-align:right}
.floatl		{float:left}
.floatr		{float:right}
.odd		{background-color:#e4eaee}
.even		{background-color:#f2f5f7}
.fullWidth	{width:550px}
.w400		{width:400px}
.w250		{width:250px}
.w200		{width:200px}
.w175		{width:175px}
.w150		{width:150px}
.w128		{width:128px}
.w146		{width:146px}
.w100		{width:100px}
.w50		{width:50px}
.h20		{min-height:22px;}
.mini		{font-size:0.8em}
.dim		{color:#ccd6dd}
.nodisplay	{display:none}
.nonodisplay{display:none !important}
.primary	{font-weight:bold}
.slimbutton	{width:70px}
.mediumbutton{width:100px}
.widebutton	{width:140px}
select.w150	{width:156px}
select.w200	{width:206px}
table.w400	{width:408px}

.pointer	{cursor:pointer; cursor:hand; text-decoration:underline}
.noline		{text-decoration:none;}
.access		{position:absolute;bottom:0; display:none}
.access a	{display:inline; background-image:none; border-left:1px solid #6086a4;padding:0}
.disable	{background-color:f3f3f3;border-style:inset}
.nobr		{white-space:nowrap;}
.wraptext	{width:200px;word-wrap:break-word}/*Moz bug. Width is ignored when TD has a very long word */




/* end general fonts, margins, paddings */


/* start layout definition */
body	{text-align:center; margin:0 0 20px 0; padding:0}
		/* IE fix for centering:*/

#wrap{
	min-width:350px; 
	width:750px; 		/* total width */
	text-align:left; 
	margin:0 auto;
	background:url("/images/leftcolumn.gif") repeat-y;
}

.outer {
	margin-left:166px;  /* left column width */
	margin-right:161px; /* right column width */
/*	background-colors defined in #wrap background-image */
}

#left
 {
	width:160px;              /* left column width */
	margin-left:-166px;       /* _negative_ left column width */
	min-height:400px;
}

#right
 {
	width:160px;              /* right column width */
	margin-right:-161px;      /* _negative_ right column width */
}

/* Main code */

.outer { width:auto}
.inner { margin:0; width:100%; position:relative}

#left	{float:left; position:relative; overflow:hidden}
#right	{float:right; position:relative}
#main	{float:left; position:relative; width:100%}

#footer { width:100%; position:relative; z-index:13; height:20px;
	background:url("/images/leftbot.gif") top left no-repeat #fff;		
}
#header { width:100%; position:relative; z-index:13; height:100px;
	background:url("/images/top-billede.jpg") top right no-repeat #fff;
}

.clear{clear:both}

/* Mozilla code */
.outer > .inner { border-bottom:1px solid transparent}
#wrap > #header {border-top:1px solid transparent}/* Mozilla hack: to avoid default margin on element */
#left {margin-right:1px}
#right{margin-left:1px}
#main {margin:0 -3px 0 -2px}

/* end layout definition */


/* start special wide rightside definition 
	right column is converted to a floated box, which #main content
	wraps around. NB height hardcoded: 160px
	body class="norightcol"
*/
.rightfloatcontainer{display:none}

.norightcol .outer{	margin-right:0px;}
.norightcol #right
{
	margin:0;
	position:absolute;
	top:0px;
	left:422px;
	z-index:15;
}
.norightcol .rightfloatcontainer{
	float:right;
	width:158px;height:218px !important;
	display:block;
}
/* firefox bug: necessary to float table and clear below table */
.norightcol table	{float:left} /* table in normal flow */
.norightcol table +*{clear:left}
.norightcol table	{width:99%}
/* end special wide rightside definition */



/* start special side definition for popups etc. 
	No left column (only content in div id="main")
	body class="noleftcol"
*/
.noleftcol			{background-image:none}
.noleftcol #wrap	{background-image:none; width:auto; min-width:0; margin-top:0}
.noleftcol #left	{display:none}
.noleftcol .outer	{margin:0}
.noleftcol #footer	{background-image:none}
.noleftcol .adresselinie{display:none}
.noleftcol #header { background:url("/images/top-billede.jpg") 200px 0px no-repeat #fff;}
.noleftcol #header {height:75px;}
.noleftcol #main {margin-top:10px}



/*	start special page definition for frontpage 
	body class="forside"
*/
.forside #wrap{background-image:url(/images/leftcolumn_forside.gif);}


/* end special side definition for popups etc. */




/* start masthead only definitions */

.headerright{position:absolute; bottom:4px; right:0; width:160px; margin:0; padding:0;}
input#q{height:16px; font-size:10px; padding:0; margin:1px 0 0 0;
	width:105px; border-width:0px;
	float:left
}
#qs{
	color:#fff; font-weight:normal; font-size:9px;
	text-transform:uppercase;
	background:url("/images/pil_soeg.gif") right center no-repeat #034a66;
	margin:0; padding:0 17px 0 2px; 
	height:19px;
	width:50px;
	border-color:#6086a4;
	vertical-align:middle;
	float:right;
}


a#headerlink{
	display:block;
	position:absolute;
	top:0;left:0;
	width:212px;
	height:62px;
	background:url("/images/logo.gif") 6px 10px no-repeat;
	text-decoration:none;
}
#graymenu{
	margin:0;
	padding:0;
	background:url("/images/graymenu.gif") no-repeat;
	position:absolute;
	bottom:28px;right:0px;
	width:268px;
	height:16px;
	overflow:visible;
}
#graymenu li{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	margin-left:8px;
}
#graymenu li a{
	display:inline;
	padding:0px 9px;
	height:18px;
	color:#fff;
	text-decoration:none;
	background-image:none;
	font-weight:bold;
font-family:tahoma,sans-serif;
font-size:95%;
}

body {background:url("/images/topbar_bg.gif") top left repeat-x;}
		/* blue background bar */
		
.noBlueBackgroundBar {background:url("/images/topbar_white.gif") top left repeat-x;}
		/* mulighed for at slå blue-background-bar fra */
		
#topmenu{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	height:28px;
	position:absolute;
	bottom:0;
	background-color:#034a66;
}
#header > #topmenu {bottom:1px}/* cancel Mozilla hack on #wrap > #header */

/* Top level items in ul are inline to display horizontally across page */
#topmenu li{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	top:6px;
	letter-spacing:1px;
}
#topmenu li a{
	display:inline;
	margin:0;
	padding:2px 8px;
	width:125px;
	height:18px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	background-image:none;
	border:1px solid #034a66;
	font-family:tahoma,sans-serif;
	font-size:100%;
	font-weight:bold;
}
#topmenu li a.select{
	border:1px solid #fff;
}
#topmenu li a:hover{
	background-color:#6086a4;
	border:1px solid #fff;
}
/* end masthead only definitions */


/* start leftcolumn-only definitions */
#left	{color:#5b768b; border-top:1px solid #fff;}
#left li{color:#5b768b;}

.leftmenu{
	display:block;
	margin:0 0 8px 0;
	padding:0;
}
.leftmenu li{
	display:inline;
	font-size:99%;
	list-style:none;
	margin:0;
	line-height:1.2em;
}
.leftmenu li a{
	background-image:none;
	display:block;
	text-decoration:none !important;
	overflow:hidden;
	word-wrap:break-word;	/* IE proprietary that allows line breaks in unbreakable words */
	color:#5b768b !important;
	margin:0;
	padding:3px 2px 3px 7px;
	border:1px dashed #f3f6fa;
}

.leftmenu li a:hover{
	background-color:#fff;
	border:1px solid #ccd6dd;
	padding:3px 2px 3px 7px;
}
.leftmenu li a.super{
	background-image:url(/images/prik.gif);
	background-position:2px 8px;
	font-weight:bold;
	text-decoration:none;
	overflow:hidden;
	word-wrap:break-word;	/* IE proprietary that allows line breaks in unbreakable words */
	color:#5b768b !important;
	padding:3px 2px 3px 7px;
	background-color:#f3f6fa;
	border:1px solid #f3f6fa;
}
.leftmenu li a.select{
	background-color:#fff;
	border:1px solid #ccd6dd;
	padding:3px 2px 3px 7px;
	font-weight:bold;
}
.leftmenu li a.sub{padding-left:22px;}
.leftmenu li a.sub:hover{padding-left:22px;}
.leftmenu li a.super:hover{background-color:#fff;border:1px solid #ccd6dd;}


ul.forsidenyheder li{list-style:disc; font-weight:bold;
	margin:0 0 0 10px; padding:15px 22px 0 0px; 				
	background:url(/images/pil_forside_nyheder.gif) no-repeat bottom right;
}
h2.forsidenyheder {font-weight:bold; font-size:1.5em; 
	text-transform:uppercase;
	padding:35px 0 0 20px; margin:0 0 0px 0;
	line-height:0.7em; background-color:#f2f5f7;
}
.forside .dato{display:block; font-size:0.8em; font-weight:normal;}

/* end leftcolumn-only definitions */



/* start centercolumn-only definitions */
#main{
	margin-top:18px;
	margin-bottom:20px;
}



div.err,div.msg{
	color:#c40306;
	padding:4px;
	font-size:1em;
	border:1px solid #9f1000;
	margin:0px 10px 8px 8px;
}
div.msg{
	padding:4px;
	font-size:1em;
	border:1px solid #0e9a29;
	margin:0px 10px 8px 8px;
}
.err ul,.msg ul{margin-top:8px;}
.err li{
	list-style-image:url(/images/erroricon.gif);
	color:#9f1000;
	font-weight:bold;
}
.msg li{
	list-style-image:url(/images/okicon.gif);
	color:#0e9a29;
	font-weight:bold;
}
input.err,select.err{
	color:#000;
	background-color:#ffdcd8;
	border:1px solid #9f1000;
}
textarea.err{color:#000;background-color:#fcc;}


.row,.rowxfloat{
	padding:4px 2px;
	margin:0 8px;
	position:relative;
}

.label{
	float:left;
	width:135px;
	text-align:left;
}

.labelW95{
	float:left;
	width:95px;
	text-align:left;
}

.row:after {	/*http://www.positioniseverything.net/easyclearing.html */
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.row {display: inline-block}
/* Hides from IE-mac \*/
* html .row {height: 1%}
.row {display:block}
/* End hide from IE-mac */




.even .label, .odd .label{
	margin-left:4px;
}
.field{
	float:right;
	width:255px;
	position:relative;
}

.field .help{
	position:absolute;
	left:-15px;
	top:4px;
}


.dfieldset	{border:0 solid #f2f5f7; border-width:0;padding:8px 0 0 0;margin:0 8px 0 8px; background-color:#f2f5f7}
.dfieldset .row{margin:0}

.subtitle{font-weight:bold; background-color:#efefef; padding:8px 4px; margin-right:6px}

.forsidespalte{ float:left; margin: -15px 0 0 8px; width:190px  }
.forsidespalte h2{ font-size:1.2em; margin-top:27px; margin-bottom:13px }


/* end centercolumn-only definitions */


/* start rightcolumn-only definitions */


#right		{color:#5b768b;border-top:1px solid #fff;}
#right ul	{margin-left:0;}
#right li	{color:#5b768b;}
img#loginbox{}/* Her kan du logge ind 1.juni billede */

div.loginbox{
	border-width:0px 1px 1px 1px; 
	border-style:solid;
	border-color:#abbfcf;
	background-color:#f3f6fa; /*#f4f8fb;*/
	height:205px;
	overflow:visible;
	position:relative;
	margin-top:-1px;
	padding-top:1px;
}
.loginbox p{	/* assumes a heading above div loginbox */
	position:relative;
	color:#e16704;
	background-color:#f3f6fa; /*#f4f8fb;*/
	padding:0;
	margin:3px 2px 5px 6px;

}
p.loginboxend{
	margin-left:0;padding-left:6px;
	position:absolute;bottom:0;width:152px;
}

/* special class link login box */
.loginboxpil{padding-right: 25px; padding-top:2px; background: url(/images/pil-lys-til-content.gif) no-repeat center right; height:20px}

.loginbox .h1{height:1.30em; overflow:hidden; text-overflow:ellipsis;}
.loginbox .h2{height:2.65em; overflow:hidden; text-overflow:ellipsis;}
.loginbox .h3{height:4.00em; overflow:hidden; text-overflow:ellipsis;}


.tooltip{ 
	color:#e16704;
	position:relative;
	display:block;
	overflow:visible;
}
.tooltip span {
	display:none;
}


#tooltip{ 
	display:block;
	color:#454545;
	padding:2px;
	background-color:infobackground;
	border:1px outset #000;
	overflow:visible;
	position:absolute;
	text-align:left;
	cursor:pointer; cursor:hand;
	z-align:20;
}
#tooltiphead{ 
	color:666; 
	text-align:right;
	font-weight:bold;
	font-style:Arial,Helvetica,sans-serif;
	background-color:#cc9;
	margin:-2px;padding:2px;
}

.emailtext{
	color:#5b768b; font-weight:bold
}
.emailfield	{width:96px; border:1px solid #5b768b; font-weight:normal;}
.emailbutton{
	color:#5b768b; background:url("/images/pil.gif") right no-repeat; 
	padding:0 20px 0 0; width:150px; 
	font-weight:bold; font-size:0.95em;
	position:relative; top:2px
}

/* end rightcolumn-only definitions */


/* start footer only definitions */
#footer{text-align:center;}
.adresselinie{
	color:#6086a4;
	letter-spacing:0;
	word-spacing:0px;
	font-size:0.9em;
	top:7px;
	padding-top:4px;
}
#footerdato{
	position:absolute;
	right:2px;
	top:1.6em;
}
#footerdata{
	position:absolute;
	top:2.4em; right:2px;
	font-size:0.9em;
	color:#ccd6dd;
	text-align:right;
}
/* end footer only definitions */


/* start other general definitions */

span.required{font-weight:bold; color:#9f1000; margin-left:2px; font-size:1.2em; position:absolute;}

.heading,.returnheading,.loginheading{
	height:21px;
	line-height:22px;
	padding-left:6px;
	margin-left:0;margin-right:0px;
	color:#fff;
	font-weight:normal;
	font-size:93%;
	text-transform:uppercase;
	letter-spacing:1px;
	font-family:tahoma,sans-serif;
}
.heading{
	background:url("/images/header.gif") top left repeat-y;
}

.returnheading{		/*til forsiden*/ 
	background:url("/images/header_graa.gif") top left no-repeat;
	margin-bottom:1px;
}
.loginheading{
	background:url("/images/header.gif") top left no-repeat;
/*	padding-left:8px !important; */
	margin-bottom:0px;
}
.heading a,.returnheading a,.loginheading a{
	display:block;
	background-image:none;
	color:#fff !important;
	padding-left:0;
}
.heading a:visited,.returnheading a:visited,.loginheading a:visited{color:#fff;}
.heading a:hover,.returnheading a:hover,.loginheading a:hover{color:#fff;text-decoration:none;}




/* link colors */
a{
	display:block; 
	position:relative;
	padding-left:20px; 
	background:url("/images/pil_videre.gif") left no-repeat;
	text-decoration:none;
}
a:link		{color:#5b768b;}
a:visited	{color:#8e4c4c;}
a:hover		{color:#e16704; text-decoration:underline;}
a:active	{color:#f33;}

a.normal	{display:inline; position:static; padding:0; background-image:none;}

/* special class link on frontpage */
a.forsidelink{padding-left: 28px; padding-top:2px; background: url(/images/pil-lys-til-content.gif) no-repeat center left; height:20px}


a.subtitlelink{
	display:inline !important; position:static;
	text-align:right;
	float:right;
}

/* special link and anchor for "Til Top" */
a#tiltoptarget{position:relative; top:-100px;left:-1400px}/*hidden target*/
a.tiltoplink{display:inline; position:static; background: url("/images/pil_op.gif") left no-repeat;}



/* Calendar extra definition: */
.calendar{ z-index:100; }
.calendar, .calendar table, .calendar table td, .calendar table th {
  font-size: 11px;
  font-family: tahoma,sans-serif;
}
.calendar table{width:auto;}



/* IE 5.0 and IE5.5 hack in topmenu */
* html #topmenu li
{
	top:3px;	/* IE5.5 */
	t\op:6px;	/* other browsers (IE6+, Mozilla) */
}
* html #leftmenu li a{ 
	height:20px;
	he\ight:12px;
}

* html #header{ 
/*	height:102px; extra 2 px for IE5.0 but not IE5.5*/
}
/* end other general definitions */





@media print{	/*hide left menu and move content left*/
	#emailfieldset{display:none;}
	#right{display:none;}
	#left{display:none;}
	#wrap{background-image:none;}
	#footer{background-image:none;}
	#udskriftsfarve{font-weight:bold; color:#9f1000;}
	.outer{margin-left:0;}
	.norightcol #right{top:0px; right:-10px;}
	.norightcol .outer{margin-right:0px;}
}

/* start test definitions must be commented */
/*
.outer{border:1px dashed yellow}
.inner{border:1px dashed black}
#left{border:1px dashed red}
#main{border:1px dotted blue}
#right{border:1px dashed red}

#wrap{border:1px dotted green}
*/
/*#main{ border-left:0px solid #cfdbe4; margin-left:-166px;border-left:160px; z-index:-1 }*/
/* end test definitions must be commented */