/* HOVEDSTYLESHEET TIL NCB-forside/-undersider - Redesígn 2005 af NCB's hjememside - ULRICH JENSEN */

/* BODY: centrering i BODY text-align (virker kun for IE - se under indhold-tag)- ændring af rullepanelet virker udelukkende i IE */

body {
	text-align: center;
	padding: 0;
	background-image: url(../grafik/baggrund.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    color: #000000;
	}

/* specielt med tabeller fungerer arveregler ikke altid - derfor gentagelse af visse body-egenskaber */
p, td, ul, ol, li, dl, dt, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    }

p 	{
	 margin-top: 0;
	 margin-bottom: 1.2em;
	 }

/* FORMULARER - fjerner top- og bundmargin - farvet baggrund */
form {
	margin-top: 0;
	margin-bottom: 0;
	}

input.lgroen {
	background-color: #E3F2E6;
	}

input.mgroen {
	background-color: #A6C7B8;
	}

input.lblaa {
	background-color: #D7E4E7;
	text-align: center;
	}

input.mblaa {
	background-color: #A3C1C9;
	}




/* dette fjerner den blå ramme omkring klikbare billeder */
a img {
	border: 0;
	}

/* hovedoverskrift på tekstsider */
h1 {
	font-size: 180%; 
	color: #000000;
	margin-top: 0;
	padding-top: 0;}
	
/* underoverskrift på tekstsider */
h2 {
	font-size: 120%; 
	color: #000000;
	margin-top: 30px;}
	
/* overskrifttekst til bl.a. navnetræk og højremenuen på tekstsider (sidstnævnte kombineres med hmenuover-tags) */
h3 {
	font-size: 120%; 
	color: #000000;}
    

/* underoverskrift - som h2 - på tekstsider, men med farvet baggrund */
h4 {
	font-size: 120%; 
	color: #FFFFFF;
	background-color: #60C659;}
	


/* effektblaa til aktivt toplink */
.effektblaa {
	color: #33B9F0;
	}


/* hvide bokse der skaber afstand til bokse nedenunder */
.afstand10{
	float: left;
	width: 780px;
	height: 10px;
	background-color: #FFFFFF;
	}

.afstand20{
	float: left;
	width: 780px;
	height: 20px;
	background-color: #FFFFFF;
	}

.afstand50{
	float: left;
	width: 780px;
	height: 50px;
	background-color: #FFFFFF;
	}


/* INDHOLD: centrering i BODY text-align (for IE) og her er MARGIN (Mozilla og Opera - højre og venstre AUTO) centrerer også indholdsteksten  - derfor denne INDHOLD, men WIDTH (der er sat til samme som menupunkters totalbredde) er også nødvendig for at det fungerer med venstrestillet tekst når der sættes andre div eller p-tags ind */

#indhold{
	margin: 1em auto 2em auto;
	text-align: left;
	width: 780px;
	background-color: #FFFFFF;
	}


/* TOPBOKS med links og logo */

#topbox{
	position: relative;
	width: 780px;
	height: 100px;
	margin: 0 0 0 0;
	background: url(../grafik/c08.jpg);
	color: #000000;
	font-weight: bold;
	border-top: 10px solid #185770;
	padding-bottom: 20px;
	}

#toplinks{
	position: absolute;
	left: 10px;
	top: 20px;
	}

#logo01{
	position: absolute;
	right: 20px;
	top: 20px;
	text-align: right;
	}

#navnetraek{
	position: relative;
	right: 0px;
	top: 5px;
	text-align: right;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	}


/* STARTSIDEN - bokse som kun forekommer på startsiden */

#box01{
	float: left;
	width: 270px;
	height: 330px;
	margin: 0 10px 0 5px;
	background-color: #D6FFE5;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-top: 10px solid #185770;
	border-bottom: 2px solid #185770;
	padding: 10px 0 5px 0;
	}

#box02{
	float: left;
	width: 270px;
	height: 330px;
	margin: 0 10px 0 0;
	background-color: #D8F2F2;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-top: 10px solid #185770;
	border-bottom: 2px solid #185770;
	padding: 10px 0 5px 0;
	}

/* denne rullebox passer til box01 og box 02 */
.rullebox
	{overflow: auto; 
	width: 270px; 
	height: 220px; 
	background-color: #FFFFFF; 
	padding: 5px 0 0 0;}
	
/* denne rullebox passer til box03 */
.rullebox03
	{overflow: auto; 
	width: 158px; 
	height: 220px; 
	background-color: #FFFFFF; 
	padding: 5px 0 0 0;}

#box03{
	float: left;
	width: 198px;
	height: 330px;
	margin: 0 5px 0 0;
	background-color: #A6B1D4;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-top: 10px solid #185770;
	border-bottom: 2px solid #185770;
	padding: 10px 0 5px 0;
	}

#box04over{
	float: left;
	width: 370px;
	height: 20px;
	margin: 0 10px 2px 5px;
	background-color: #185770;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E5E5E5;
	font-weight: bold;
	text-align: left;
	padding: 7px 0 0 5px;
	border-bottom: 2px solid #D7E4E7;
	}
#box04{
	float: left;
	width: 365px;
	height: 90px;
	margin: 0 10px 0 5px;
	background-color: #D7E4E7;
	color: #000000;
	border-bottom: 1px solid #7AA891;
	padding: 10px 5px 5px 5px;
	}

#box05over{
	float: left;
	width: 370px;
	height: 20px;
	margin: 0 5px 2px 0;
	background-color: #185770;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E5E5E5;
	font-weight: bold;
	text-align: right;
	padding: 2px 5px 5px 0;
	border-bottom: 2px solid #D7E4E7;
	}
#box05{
	float: left;
	width: 365px;
	height: 90px;
	margin: 0 5px 0 0;
	background-color: #E3F2E6;
	color: #000000;
	border-bottom: 1px solid #65787D;
	padding: 10px 5px 5px 5px;
	}

/* UNDERSIDERNE - elementer som kun forekommer på undersiderne */

#vmenu{
	float: left;
	width: 155px;
	margin: 0 10px 0 5px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 0 0 5px 0;
	}

#midten{
	float: left;
	width: 400px;
	margin: 0 20px 0 10px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 0 0 5px 0;
	}

#hmenu{
	float: left;
	width: 170px;
	margin: 0 5px 0 0;
	background-color: #FFFFFF;
	color: #000000;
	border-bottom: 1px solid #A3C1C9;
	padding: 3px 0 20px 0;
	}

/* overskrifttekst til højre-menuen: Søg + links + kontakt - kombineres med h3-tag */
.hmenuover {
	border-top: 1px solid #A3C1C9;
	margin-top: 0;
	padding-top: 3px;
	color: #A3C1C9;}

.pilliste{
	list-style-image: url(../grafik/pil-h.gif);
	margin-left: 0px;
	padding-left: 1.8em;
	}

#sidetop{
	padding-top: 30px;
	}


/* LINKS */

a:link 
	{color:#D81E05; 
	text-decoration:none;
	}
a:visited 
	{color:#D81E05;
	text-decoration:none;
	}
a:hover 
	{color:#33B9F0; 
	text-decoration:none;
	}
a:active 
	{color:#33B9F0;
	text-decoration:none;
	}




/* TOPMENUEN - navlist  */

#navlist1
{
margin: 0;
background-color: #ffffff;
padding: 5px 0 20px 2px;
border-bottom: 1px solid #237EA3;
border-top: 1px solid #237EA3;
}

#navlist1 ul, #navlist1 li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

/* (afstand mellem menupunkter reguleres med margin i dette punkt) */
#navlist1 a:link, #navlist1 a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 22px 4px 10px;
text-decoration: none;
color: #D81E05;
}

#navlist1 a:link#current, #navlist1 a:visited#current, #navlist1 a:hover
{
border-bottom: 4px solid #185770;
padding-bottom: 2px;
background: transparent;
color: #185770;
}

#navlist1 a:hover 
{ 
border-bottom: 4px solid #33B9F0;
color: #33B9F0; 
}


/* SIDEMENUEN - VENSTRE SIDE */

#navcontainer { 
	width: 155px;
	}

/* 1. niveau */

#navcontainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
	border-bottom: #FFFFFF solid 1px;
	}

#navcontainer li {
	margin: 0px;
	padding: 0px;
	}


#navcontainer ul li a {
	display: block;
	width: 144px;
	padding: 5px 5px 5px 5px;
	background-color: #5B99B2;
	color: #ffffff;
	border-bottom: #ffffff solid 1px;
	font-weight: bold;
	}

#navcontainer ul li a:link, #navcontainer ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	}

#navcontainer ul li a:hover {
	background-color: #33B9F0;
	color: #FFFFFF;
	}


/* 2. niveau */

#navcontainer ul ul li a {
	display: block;
	padding: 5px 5px 5px 20px;
	width: 129px;
	background-color: #D7E4E7;
	border-bottom: #FFFFFF solid 1px;
	font-weight: normal;
	}

#navcontainer ul ul li a:link, #navcontainer ul ul li a:visited {
	color: #000000;
	text-decoration: none;
	}

#navcontainer ul ul li a:hover {
	background-color: #33B9F0;
	color: #FFFFFF;
	}


/* de valgte menupunkter */

#navcontainer ul li a#maincurrent {
	color: #FFFFFF;
	background-color: #185770;
	}

#navcontainer ul ul li a#subcurrent {
	color: #FFFFFF;
	background-color: #185770;
	}

    


/* BILLEDER */

#w3c{
	float:left;
	padding-left: 5px;
	padding-top: 200px;
	}
	

.hojre{
	float: right;
	margin: 10px 0px 10px 10px;}

.venstre{
	float: left;
	margin: 10px 10px 10px 0px;
	}


/* TABELLER */

table.standard {
	padding: 3px;
	margin: 0;
	border: solid 1px #A3C1C9;
	width: 100%;
	}

/*tabel med halv bredde */
table.standard50 {
	padding: 3px;
	margin: 0;
	border: solid 1px #A3C1C9;
	width: 50%;
	}


tr {
	vertical-align: top;
	}

.hdr1 {
	background-color: #A6C7B8;
	color: #FFFFFF;
	text-align: left;
	width: 80%;
	}

.hdr2 {
	background-color: #A6C7B8;
	color: #FFFFFF;
	text-align: left;
	width: 20%;
	}

.hdr3 {
	background-color: #A6C7B8;
	color: #FFFFFF;
	text-align: left;
	width: 50%;
	}

/* anvendes til tabeloverskrifter så cellerne får en mørkegrøn baggrund uden fast bredde */
.hdr4 {
	background-color: #A6C7B8;
	color: #FFFFFF;
	text-align: left;
	}

/* anvendes fx til tbody-tagget så cellerne får en lysegrøn baggrund */
.layout1 {
	background-color: #E3F2E6;
	}



/* formatering af regnemaskinen */

input, option{
font: normal normal 11px verdana;
border: 1px solid #000000;
background-color: #FFFFFF;
text-align: right;
padding-right: 3px;
}

input.beregn{
background-color: #00BCE2;
color: #FFFFFF;
font-weight: bold;
text-align: left;
border: 2px;
border-color: #A3C1C9;
padding-left: 3px;
width: 60px;
}

input.beregn2{
background-color: #00BCE2;
color: #FFFFFF;
font-weight: bold;
text-align: left;
border: 2px;
border-color: #A3C1C9;
padding-left: 3px;
width: 70px;
}

input.nulstil{
background-color: #D81E05;
color: #FFFFFF;
font-weight: bold;
text-align: left;
border: 2px;
border-color: #A3C1C9;
padding-left: 3px;
width: 60px;
}

input.resultat{
font-weight: bold;
border: 0px;
}

textarea{
background-color: #E3F2E6;
font: normal normal 11px verdana;
border: 1px solid #000000;
padding: 2px;
}

.hdr91 {
	background-color: #E3F2E6;
	color: #000000;
	text-align: left;
	padding: 3px 0 0 3px;
	width: 50%;
	}

.hdr92 {
	background-color: #A6C7B8;
	color: #000000;
	width: 35%;
	}

/* definitionslister */

dt {
	padding: 2px 5px;
	border: 1px solid #A6C7B8;
	margin-bottom: 0.3em;
	background: #E3F2E6;
	font-weight: bold;
	}
	
dd {
	margin-bottom: 1em;
	}
