html, body												{ height:100%;}
body 															{ background: #A4B6C6 url(/images/chrome/bg.gradient.png) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; line-height: 1.4167; /*17px*/ }
body.large												{ font-size: 100%; }

#page															{
	width: 898px;
	margin: 0 auto;
	background: url(/images/chrome/bg.page.two-column-layout.png) repeat-y;
	position: relative;
	padding: 0 11px;
	overflow:hidden;
	_overflow:visible; /*ie6 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
}


/* Transparent PNGs */
img, div, li											{ behavior: url("/include/lib/iepngfix/iepngfix.htc"); }

/* Chrome top */
#chrome-top													{ position: relative; height: 79px; background: #fff url(/images/chrome/bg.border.top.png) repeat-x; }
#chrome-top #logotype								{ position: absolute; left: 10px; bottom: 2px; }
.chrome-top-menu										{ position: absolute; top: 0; font-size: 80%; overflow: hidden;}
.chrome-top-menu li									{ _margin-left: -1px /* ~ie:first-child */; display: block; float: left; padding-left: 1px; background: url(/images/chrome/top-menu.border.png) no-repeat top left; }
.chrome-top-menu li:first-child			{ padding-left: 0; background: none; }
.chrome-top-menu a									{ display: block; float: left; padding: 8px 10px 3px 10px; color: #000;}
.chrome-top-menu.left								{	left: 9px; }
.chrome-top-menu.right							{	right: 0; }


      /* New login/contact style */

      .chrome-top-menu a {
        color: #8491a2;
      }
      
      .chrome-top-menu ul.login, .chrome-top-menu ul li.login {
        margin-right: 20px;
        /* IE6 Hack as margins do no collapse */
        _margin-right: 10px;
      }

      .chrome-top-menu ul.login li, .chrome-top-menu ul li.login {
        background: none;
      }
      
      .chrome-top-menu ul.login li a, .chrome-top-menu ul li.login a {
        margin-top: 0;
        padding: 0;
        background: none;
      }
      
      .chrome-top-menu ul li a.contact {
        border-left: 1px dotted #bfbfbf;
      }
      
      p.login-text {
         position: absolute;
         right: 20px;
         text-align: right;
         font-size: 10px;
         color: #8491A2;
         top: 34px;
      }
      
      p.login-text span {
        font-weight: bold;
      }



/* Top menu */
/*
#top-menu													{ clear:both; background:#1B4972; overflow:hidden; border-bottom:1px solid #fff; width: 100%;}
#top-menu ul											{ overflow:hidden; float:left;}
#top-menu li											{ display:block; float:left; }
#top-menu li a										{ display:block; float:left; }
#login-container									{ float:right; padding: 1px 16px 1px 0; }
#login-container span							{ color:#fff; margin-right: 5px;}
#login-container img							{ display:inline; border:0; vertical-align: middle;}
*/

     /* New background for top menu */      

#top-menu {
  background: url(/images/chrome/titlebg.jpg) repeat-x center center;
  float: left;
  height: 34px;
  border-bottom:1px solid #FFFFFF;
  clear:both;
  overflow:hidden;
  width:100%;
}

 
#top-menu ul {
  float:left;
  overflow:hidden;
}

 
#top-menu li {
  display:block;
 float:left;
}


#top-menu li a {
  display:block;
  float:left;
}
      
      /* Font size, print get as PDF */
      
      #top-menu ul#actions {
        float: right;
        background: url(/images/chrome/titlebg2.jpg) repeat-x center center;
      }
      
      #top-menu ul#actions li a {
        color: #d7dade;
        font-size: 10px;
        padding: 7px 12px 9px 12px;
        margin-top: 3px;
        border: 0;
      }
      
      #top-menu ul#actions li a.top-menu-big-font {
        padding-left: 40px;
        background: url(/images/chrome/top-menu-big-font.gif) no-repeat 11px center;
      }
      
      #top-menu ul#actions li a.top-menu-print {
        background: url(/images/chrome/top-menu-print.gif) no-repeat center left;
      }
      
      #top-menu ul#actions li a.top-menu-pdf {
        background: url(/images/chrome/top-menu-pdf.gif) no-repeat center left;
      }

      /* Utility class for clearing floats */
      
      .clear {
        clear: both;
        margin: 0;
        padding: 0;
        width: 0;
        height: 0;
        font-size: 0;
      }


#content-top-container						{ width: 674px; float: left; overflow:hidden; border-left: 1px solid #fff;position:relative;}
#content-top-container img				{ width: 674px; height: 185px;}
#content-top-container div				{ position: absolute; right:0px; top: 0px; width: 222px; height: 185px; background: url(/images/elements/alpha.red.png) repeat;}
#content-top-container p					{ padding: 25px 0 0 40px; color: #fff; font-size: 125%; font-weight:bold;}


#content-float-wrapper {float: left;width: 674px;}

/* Layout */
#spots-container									{ 
	display:none; 
	width:222px; 
	padding:4px 20px 20px 20px; 
	float:left; 
}


/* left menu */
#content-menu-container											{ width: 223px; float: left; clear: both; background-color: #F3F8FA; border-bottom: 1px solid #E3EBF0; }
#content-menu-container .spacer							{ padding:6px 20px 10px 27px;}
#content-menu-container ul									{ overflow: hidden;}
#content-menu-container li									{ float:left; clear:both;width:100%;}
#content-menu-container li a								{ display:block;color:#000;font-size:100%;text-decoration: none;border-top: 1px solid #E3EBF0;zoom:1 /*ie hover fix*/;}
#content-menu-container li a:hover					{ background-color: #FFF;}
#content-menu-container ul.level1 a					{padding:6px 20px 10px 27px; background: url(/images/elements/arrow.black.gif) no-repeat 18px 12px;}
#content-menu-container ul.level2 a					{padding:6px 0 10px 7px; margin:0 20px 0 19px; background: none;}
#content-menu-container ul.level3 a					{padding:6px 0 10px 14px; margin:0 20px 0 19px; background: none;}
#content-menu-container li.selected-item, 
#content-menu-container li.selected-node		{ background: #FFF;}
#content-menu-container li.selected-node a	{ background-color: #FFF;}
#content-menu-container ul.level1 li.selected-node a	{ font-weight: bold;}
#content-menu-container li.selected-node ul.level2 a	{ font-weight: normal;}
#content-menu-container li.selected-item a		{ background-color: #FFF; font-weight: bold !important;}
#content-menu-container li.selected-item ul a 	{ font-weight: normal !important;}

#content-main-footer													{ font-size: 80%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; margin-top: 2em;}

/* Layout switch */
.three-column-layout #content-main-container	{ width: 407px; }
.three-column-layout #spots-container					{ display: block; }

/* Form elements */
select																				{ border: 1px solid #A4B6C6; padding: 1px 1px 1px 5px;}
input, textarea																{ border: 1px solid #A4B6C6; padding: 2px 5px; }
select:hover, select:focus										{ border-width: 2px; padding: 0 0 0 4px;}
input:hover, input:focus,
textarea:hover, textarea:focus								{ border-width: 2px; padding: 1px 4px; }


/* content elements */
#content-main-container								{ width: 628px; float: left; padding: 28px 16px 0 31px; }
#content-main-container h1						{ color: #1A385E;font-size:	166.67%;/*20px*/ font-weight: lighter; line-height: 1.15;/*23px*/ margin: 0 0 23px 0; }
#content-main-container h2,
#content-main-container h3						{ font-size: 100%; font-weight: bold; margin-bottom: -0.7em; }
#content-main-container a							{ color:#C33926;text-decoration:none; }
#content-main-container a.arrow				{	display:block; padding:1px 0px 0px 11px; background: url(/images/elements/arrow.orange.gif) no-repeat 0 65%; }
#content-main-container a:hover				{ text-decoration:underline } 
#content-main-container .info-box			{	font-size: 91.66%;/*11px*/ line-height: 1.5454;/*17px*/ margin: 10px 0 15px 0px; padding: 13px; background :#E5ECF1 url(/images/elements/info-box.gradient.gif) repeat-x; }
/* TODO: should probably use h2/h3/h4 instead - Glenn what do you want? ;) */
#content-main-container .info-box .header	{ display:block; margin:0;	padding:0; font-size:109.0909%;/*12px*/ line-height:1.4167;/*17px*/ font-weight:bold; }
#content-main-container .info-box a				{ display:block; color:#000; background:url(/images/elements/circle-arrow.lightblue.gif) no-repeat 0 1px;	margin-bottom:3px; padding: 1px 0 0 22px; }
#content-main-container ul								{ padding-left:17px; }
#content-main-container ul.bullet					{ margin-bottom:15px; list-style-image:url(/images/elements/bullet.blue.gif); }
#content-main-container ul.bullet li			{	margin-top:1em;}
#content-main-container ul.arrow					{ margin:12px 0;list-style-image:url(/images/elements/arrow.black.gif); }
#content-main-container p									{ margin: 1em 0;}


#popup							{ background: #fff; }
#popup #logotype		{ padding: 30px; border-bottom: 20px solid #1B4972; }
#popup-content			{ padding: 30px; }

input {font-family: Verdana, Arial, Helvetica, sans-serif;}


      /* Font page - mostly positioning */
      
      #page.front {
        /*background: transparent url(bg.page.one-column-layout.png) repeat-y;*/
      }
      
      div#front-page-container1 {
        position: relative;
        margin: 11px 0 0 19px;
        background: url(/images/chrome/frontbg.jpg) no-repeat;
        width: 862px;
        height: 296px;
      }

      div#front-page-container1 a#virksomheder {
        background: url(/images/chrome/button-arrow-blue.png) no-repeat 100% 0;
        left: 15px;
        top: 170px;
        width: 183px;
      }
      
      ul.front-page-list {
        padding-left: 10px;
        line-height: 20px;
        vertical-align: middle;
      }
      
      ul.front-page-list li {
		background: url(/images/chrome/list-arrow.gif) no-repeat center left;
		padding-left: 10px;
		margin-left: -8px;
      }
      
      ul.front-page-list a, ul.front-page-list a:hover, ul.front-page-list a:visited {
        color: #fcfcfc;
      }
      
      div#front-page-container1 div#list1 p {
        color: #fcfcfc;
        font-weight: bold;
      }

      div#front-page-container1 div#list2 p {
        color: #fcfcfc;
        font-weight: bold;
      }
      
      a.require-login {
        background: url(/images/chrome/key.gif) no-repeat center right;
        padding-right: 24px;
      }
      
      div#list1 {
        position: absolute;
        left: 32px;
        top: 202px;
      }
      
      div#list2 {
        position: absolute;
        left: 204px;
        top: 202px;
      }
      
      a.button-arrow {
        display: block;
        position: absolute;
        width: 19px;
        height: 18px;
      }

      div#front-page-container1 div#spot {
        position: absolute;
        left: 682px;
        top: 10px;
        width: 128px;
      }
      
      div#front-page-container1 div#spot div#spot-text {
        width: 100%;
        overflow: hidden;
        color: #fff;
        margin-bottom: 10px;
      }


      div#front-page-container1 div#spot a#spot-link {
        background: url(/images/chrome/button-arrow-red.png) no-repeat;
      }
      
      div#front-page-container1 a#soeg-tilskud {
        position: absolute;
        left: 453px;
        top: 216px;
      }
      
      div#front-page-container2 {
        float: left;
        position: relative;
        margin: 9px 12px 0 19px;
        /* Margin fix for IE 6 */
        _margin: 9px 12px 0 10px;
        background: url(/images/chrome/frontbg2.jpg) no-repeat;
        width: 426px;
        height: 213px;
      }
      
      div#list3 {
        position: absolute;
        left: 20px;
        top: 138px;
      }
      
      div#front-page-container2 a#medlemmer {
        background: url(/images/chrome/button-arrow-red.png) no-repeat 100% 0;
        left: 15px;
        top: 110px;
        width: 167px;
      }
      
      div#front-page-container3 {
        float: left;
        position: relative;
        margin-top: 9px;
        background: url(/images/chrome/frontbg3.jpg) no-repeat;
        width: 424px;
        height: 213px;
      }
      
      div#front-page-container3 a#fonde {
        background: url(/images/chrome/button-arrow-blue.png) no-repeat 100% 0;
        left: 15px;
        top: 108px;
        width: 333px;
      }
      
      div#list4 {
        position: absolute;
        left: 14px;
        top: 138px;
      }
      
      /* Footer */
      
      #footer {
        margin: 11px 0 0 19px;
        text-align: center;
        font-size: 11px;
        color: #767676;
        padding-top: 6px;
        background: url(/images/chrome/footerbg.gif) repeat-x;
        height: 29px;
        width: 862px;
      }

      #footer p
      {
        text-align: center;
      }