html, body
{
	height:100%;
       
}

body
{
    background-color: #1D3A6D; 
    margin: auto;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    border: none;
}

#portal-wrapper /* "hele siden" */
{
		width:970px;
		background:#1D3A6D;  
		display:block;
		padding:15px; 
}

#container
{
		width:100%; 
		background-color:#214E82;
		margin-bottom:0px;
	min-height:100%;
overflow:hidden;
}
#portal 
{
  		background-color: #214E82;  
		float:left; 
		width: 150px;
    	margin-bottom:0px;
		position:absolute;
		top:30px;
		left:20px;
}

#portal-content
{
		position:relative;
		width: 760px; 
        background-color: #1D3A6D;
        background-color: #ccdbea;
        background-color: #becdeb; 
		left:165px; 
		margin-bottom:0px;
		top:7px;
		float:left;  
		color:white;
		color:#000;
}

#portal-inner,#portal-blueinner
{
		position:relative;
		width: 740px; 
        background-color: #becdeb; 
		left:0px; 
		margin-bottom:0px;
		top:0px;
/*		float:left;  */
		color:white;
		color:#000;
}

#portal-innerinner
{
		position:relative;
		width: 740px; 
        background-color: #1D3A6D; 
		left:0px; 
		margin-bottom:0px;
		top:0px;
/*		float:left;  */
		color:white;
/*		color:#000;*/
}

.clear {clear:both;}

#portal-wrapper .t {background: url(dotlightbluetop.gif) 0 0 repeat-x; width: 99%;}
#portal-wrapper .b {background: url(dotlightbluebut.gif) 0 100% repeat-x}
#portal-wrapper .l {background: url(dotlightbluelef.gif) 0 0 repeat-y}
#portal-wrapper .r {background: url(dotlightbluerig.gif) 100% 0 repeat-y}
#portal-wrapper .bl {background: url(blorange.gif) 0 100% no-repeat}
#portal-wrapper .br {background: url(brorange.gif) 100% 100% no-repeat}
#portal-wrapper .tl {background: url(tlorange.gif) 0 0 no-repeat;}
#portal-wrapper .tr {background: url(trorange.gif) 100% 0 no-repeat;padding:10px;} 

#portal-content .t {background: url(dotlightbluetop2.gif) 0 0 repeat-x; width: 100%;}
#portal-content .b {background: url(dotlightbluebut2.gif) 0 100% repeat-x}
#portal-content .l {background: url(dotlightbluelef2.gif) 0 0 repeat-y}
#portal-content .r {background: url(dotlightbluerig2.gif) 100% 0 repeat-y}
#portal-content .bl {background: url(bl_inner.gif) 0 100% no-repeat}
#portal-content .br {background: url(br_inner.gif) 100% 100% no-repeat}
#portal-content .tl {background: url(tl_inner.gif) 0 0 no-repeat;}
#portal-content .tr {background: url(tr_inner.gif) 100% 0 no-repeat; padding:10px;} 

#portal-inner .t {background: url(dotlightbluetop2.gif) 0 0 repeat-x; width: 100%;}
#portal-inner .b {background: url(dotlightbluebut2.gif) 0 100% repeat-x}
#portal-inner .l {background: url(dotlightbluelef2.gif) 0 0 repeat-y}
#portal-inner .r {background: url(dotlightbluerig2.gif) 100% 0 repeat-y}
#portal-inner .bl {background: url(bl_inner3.gif) 0 100% no-repeat}
#portal-inner .br {background: url(br_inner3.gif) 100% 100% no-repeat}
#portal-inner .tl {background: url(tl_inner3.gif) 0 0 no-repeat;}
#portal-inner .tr {background: url(tr_inner3.gif) 100% 0 no-repeat; padding:10px;} 

#portal-innerinner .t {background: url(dotlightbluetop4.gif) 0 0 repeat-x; width: 100%;}
#portal-innerinner .b {background: url(dotlightbluebut4.gif) 0 100% repeat-x}
#portal-innerinner .l {background: url(dotlightbluelef4.gif) 0 0 repeat-y}
#portal-innerinner .r {background: url(dotlightbluerig4.gif) 100% 0 repeat-y}
#portal-innerinner .bl {background: url(bl_inner4.gif) 0 100% no-repeat}
#portal-innerinner .br {background: url(br_inner4.gif) 100% 100% no-repeat}
#portal-innerinner .tl {background: url(tl_inner4.gif) 0 0 no-repeat;}
#portal-innerinner .tr {background: url(tr_inner4.gif) 100% 0 no-repeat; padding:10px;} 

#portal-blueinner .t {background: url(dotlightbluetop5.gif) 0 0 repeat-x; width: 100%;}
#portal-blueinner .b {background: url(dotlightbluebut2.gif) 0 100% repeat-x}
#portal-blueinner .l {background: url(dotlightbluelef2.gif) 0 0 repeat-y}
#portal-blueinner .r {background: url(dotlightbluerig2.gif) 100% 0 repeat-y}
#portal-blueinner .bl {background: url(bl_inner3.gif) 0 100% no-repeat}
#portal-blueinner .br {background: url(br_inner3.gif) 100% 100% no-repeat}
#portal-blueinner .tl {background: url(tl_inner5.gif) 0 0 no-repeat;}
#portal-blueinner .tr {background: url(tr_inner5.gif) 100% 0 no-repeat; padding-bottom:10px;padding-top:10px;color:white;} 
#portal-blueinner .content {padding:10px 15px 0 15px;color:black;}

#portal-blueinner2 .t {background: url(dotlightbluetop5.gif) 0 0 repeat-x; width: 99%;}
#portal-blueinner2 .b {background: url(dotlightbluebut2.gif) 0 100% repeat-x}
#portal-blueinner2 .l {background: url(dotlightbluelef2.gif) 0 0 repeat-y}
#portal-blueinner2 .r {background: url(dotlightbluerig2.gif) 100% 0 repeat-y}
#portal-blueinner2 .bl {background: url(bl_inner3.gif) 0 100% no-repeat}
#portal-blueinner2 .br {background: url(br_inner3.gif) 100% 100% no-repeat}
#portal-blueinner2 .tl {background: url(tl_inner5.gif) 0 0 no-repeat;}
#portal-blueinner2 .tr {background: url(tr_inner5.gif) 100% 0 no-repeat; padding-bottom:10px;padding-top:10px;color:white;} 
#portal-blueinner2 .content {padding:10px 15px 0 15px;color:black;}

#footer 
{
	clear: both;
	background-color:#214E82;
	color: #5F80A4; 
	font-family: Verdana, Helvetica, Sans-Serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: bold;
	line-height:25px;
	text-align:right;
	}

/*#footer
{
		background-color:#214E82;
		margin-bottom:0px;
		clear: both;
        margin-top: 10px;
        border-top: solid 0px #00792C;
        padding-top: 5px;
}

#footer span
{
        font-size: 10px;
        color: #A1A1A1;
        border-right: solid 1px #A1A1A1;
        padding-right: 15px;
        padding-left: 13px;
}
*/
* div#navbar { /* Sætter samme skrift og størrelse på alle elementer i navbar'en  */
      font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;padding:0 10px 0 10px;
font-weight:normal;}
div#navbar ul { margin:0; padding:0; list-style:none;
  border-top: 0px solid black;}

div#navbar li { position:relative; width:140px; line-height:21px;
  margin:0; padding:0 0 0 4px ; list-style:none; float:left;
  border-bottom:none;
  border-right:0px solid black; 
    background-image:url(menuitem.gif);
  background-position:left center;
  background-repeat:no-repeat;
  text-align:left;
}

div#navbar li.none  { position:relative; width:140px; line-height:21px;
  margin:0; padding:0 0 0 4px ; list-style:none; float:left;
  border-bottom:none;
  border-right:0px solid black; 
  background-image:url(menuitem_empty.gif);
  background-position:left center;
  background-repeat:no-repeat;
  text-align:left;
}
/* 2. MENU punkt*/
div#navbar ul ul {
visibility:hidden;
position:absolute;
top:0;
left:142px; 
}
div#navbar ul li:hover ul,
div#navbar ul a:hover ul {
visibility:visible;
}


/* keep the third level hidden when you hover on first level list OR link */
div#navbar ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
div#navbar ul :hover ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
div#navbar ul :hover ul :hover ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
div#navbar ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
div#navbar ul :hover ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
div#navbar ul :hover ul :hover ul :hover ul :hover ul{ 
visibility:visible;
}

/* ------------- */
a.link {text-decoration:underline;color:black;}
a.visited {text-decoration:underline;color:black;}
a.hover {text-decoration:underline;color:black;}
a.active {text-decoration:underline;color:black;}
a {text-decoration:underline;color:black;}

.menudiv {width:135px;border:0;cursor:hand;z-index:5;}
a.menu:link {text-decoration:none;color:#becdeb;}
a.menu:visited {text-decoration:none;color:#becdeb;}
a.menu:hover {text-decoration:underline;color:white;}
a.menu:active {text-decoration:none;color:#becdeb;}
a.menu {text-decoration:none;color:#becdeb;}

a.blueheader:link {text-decoration:underline;color:white;}
a.blueheader:visited {text-decoration:underlige;color:white;}
a.blueheader:hover {text-decoration:underline;color:white;}
a.blueheader:active {text-decoration:underline;color:white;}
a.blueheader {text-decoration:underline;color:white;}

.table2border2
{
background-color:#ddddFF;
background-color:#214E82;
color:#becdeb;
font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border: solid 1px #000000; 
}
.table
{
	color:#000;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
	width: 640px; 
}

.table2
{
	color:#000;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
}
.table2border1 
{
	background-color: #42576C;
color:#becdeb;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
		width: 640px; 
/*    border: solid 1px #000000; */
}
.table2border2
{
background-color:#ddddFF;
background-color:#214E82;
color:#becdeb;
font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border: solid 1px #000000; 
}

html>body #container{height:auto;min-height:100%;}/* not ie6- */