/* --------------------------------------- */
/* --------> Definition af body <--------- */
/* --------------------------------------- */

body{
margin: 0px;
padding: 0px;
background: black;
/* background: #E1E7E8; */
}

img{
border: 1px solid #70868D;
}

p{
font: 70% tahoma, verdana, serif;
color: black;
}	

p.justify{
text-align: justify;
}

p.center{
text-align: center;            
}

p.left{
text-align: left;            
}

p.right{
text-align: right;            
}

p.font-formular{
font: 70% tahoma, verdana, serif;
color: black;
/* font-weight: bold; */
}


legend{
font: 70% tahoma, verdana, serif;
font-weight: bolder;
color: black;
letter-spacing: 0px;
}

label{
vertical-align: middle;
font: 65% tahoma, verdana, serif;
color: #70868D;
font-weight: bolder;
letter-spacing: 0px;
}

input{
margin-bottom: 2px;
border: 1px solid #70868D;
font: 70% tahoma, verdana, serif;
color: black;
/* background: #E1E7E8; */
background: #e1e5e7;
}

input.felt{
margin-bottom: 2px;
background: white;
}

input.nyhedsbrev{
margin-bottom: 2px;
border: none;
font: 70% tahoma, verdana, serif;
color: black;
background: white;
}

select{
border: 1px solid #70868D;
font: 65% verdana, tahoma, serif;
color: black;
}

textarea{
border: 1px solid #70868D;
font: 70% tahoma, verdana, serif;
color: black;
}

ul.box-links-icons{
list-style: url( ../billeder/icon_arrow2.gif);
color: #70868D;
margin-top: 5px;
margin-left: 20px;
text-align: left;
} 

ul.box{
list-style: disc;
font: tahoma, verdana, serif;
color: black;
/* color: #70868D; */
margin-top: 5px;
padding-left: 10px;
margin-left: 10px;
}

ul.indholdsrude{
list-style: disc;
font: 70% tahoma, verdana, serif;
color: black;
text-align: justify;
}

ul.vedtaegter{
margin-right: 15px;
font: 70% tahoma, verdana, serif;
color: black;
list-style: disc;
text-align: justify;
}


/* ------------------------------------------------- */
/* --------> Definition af celler i tabel <--------- */
/* ------------------------------------------------- */

table.links{
/* font: 70% tahoma, verdana, serif; */
color: black;
text-align: justify;
border-collapse: collapse;
position: relative;
top: 0px;
width: 380px;
border: 1px solid #70868D;
}


/* ------------------------------------------------- */
/* --------> Definition af bjaelke i tabel <-------- */
/* ------------------------------------------------- */

tr.links{
/* border: 1px solid #70868D; */
font: 65% tahoma, verdana, serif; 
color: white;
font-weight: bold;
text-indent: 5px;
/* background-image:url( ../billeder/bar_sitemap2.gif); */
background: black;
}

table.maxbredde{
/* font: 70% verdana, tahoma, serif; */
color: black;
text-align: justify;
border-collapse: collapse;
position: relative;
top: 0px;
width: 530px;
border: 1px solid #70868D;
}

table.aktiviteter{
font: 65% verdana, tahoma, serif;
color: black;
text-align: left;
border-collapse: collapse;
position: relative;
border: 1px solid #70868D;
}

th.maxbredde-dato{
width: 65px;
}

th.maxbredde-beskr{
width: 45%;
}

td.links{
border: 0px solid #70868D;
padding: 3px 5px 3px 5px;
background: white;
text-align: justify;
}

td.links-graa{
border: 0px solid #70868D;
padding: 3px 5px 3px 5px;
background: #E1E7E8;
text-align: justify;
}


/* ---------------------------------------- */
/* --------> Definition af rammer <-------- */
/* ---------------------------------------- */

#ramme-ydre{
position: absolute;
left: 133px;
top: 20px;
width: 762px;
/* height: 100%; */
/* padding: 5px 5px 5px 20px; */
/* background: #E1E7E8; */
padding-bottom: 10px;
background: #4b5b5f;
border-width: 1px;
border-style: solid;
border-color: black;
/* border-color: white; */
z-index: 1;
}

#ramme-indre{
position: relative;
left: 10px;
top: 0px;
height: 100%;
width: 741px;
z-index: 4;
}


/* ------------------------------------------------------ */
/* ---------> Definition af bar i indholdsrude <--------- */
/* ------------------------------------------------------ */

.bar{
width: 393px;
/* width: 99%; */
height: 15px;
background-image: url(../billeder/bar_sitemap.gif);
border-width: 1px;
border-style: solid;
border-color: #70868D;
	
font: 60% tahoma, verdana, serif;
color: white;
padding-left: 5px;
padding-top: 3px;
margin-bottom: 10px;
text-align: left;
}


/* ---------------------------------------------------- */
/* ---------> Definition af bar-hojre-venste <--------- */
/* ---------------------------------------------------- */

.box-bar{
position: relative;
width: 146px;
height: 12px;
background-image: url(../billeder/bar_hojre.gif);
border-width: 1px;
border-style: solid;
border-color: #70868D;
	
font: 60% tahoma, verdana, serif;
color: white;
/* margin-bottom: 0px; */
text-indent: 5px;
text-align: left;
z-index: 4;
}


/* ----------------------------------------------------- */
/* ---------> Definition af box-hojre-venstre <--------- */
/* ----------------------------------------------------- */

.box-tekst{
position: relative;
width: 136px;
background: white;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #70868D;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
background: white;

font: 65% tahoma, verdana, serif;
color: #70868D;
text-align: left;
z-index: 3;
}


/* ----------------------------------------------------------- */
/* --------> Definition af p.copyright og p.signatur <-------- */
/* ----------------------------------------------------------- */

#signatur{
position: absolute;
right: 15px;
top: -25px;
text-align: right;
z-index: 5;
}

p.font-signatur{
font: 65% tahoma, verdana, serif;
color: black;
}

p.ophavsret{
position: relative;
left: 0px;
bottom: 0px;
clear: both;
margin: 10px 165px 0px 165px;
padding-top: 70px;
z-index: 5;

font: 65% tahoma, verdana, serif;
color: black;
text-align: center;
}

#validering{
position: absolute;
top: -82px;
left: 15px;
/* bottom: 64px; */
z-index: 5;
color: black;
text-align: left;
}


/* ----------------------------------------- */
/* --------> Definition af menubar <-------- */
/* ----------------------------------------- */

div#menubar {
position: absolute;
top: 145px;
float: left;
width: 743px;
height: 26px;
margin: -1px 0px 0px 0px;
z-index: 5;
}

* div#menubar { /* Sætter samme skrift og størrelse på alle elementer i menubar'en  */
font: 60% tahoma, verdana, serif;
color: white;
font-weight: bolder;
text-align: center;
}
  
div#menubar ul {
margin: 0px;
padding: 0px;
list-style: none;
/* background: #E1E7E8; */
background: white;
border-top: 1px solid black;
}

div#menubar li {
position: relative;
width: 75px;
line-height: 20px;
margin: 0px;
padding: 0px;
list-style: none;
float: left;
border-bottom: 1px solid #70868D; 
border-right: 1px solid #70868D;
}

div#menubar li:hover {
background-color: black;
}

div#menubar li.sub {
/* background-image:url(../billeder/icon_arrow2.gif); */
background-position: right center;
background-repeat: no-repeat;
}

div#menubar li.sub li.sub:hover {
background-color: black; /* Forhindre background-repeat i IE/Win. */
}

div#menubar ul li a {
display: block; 
text-decoration: none; 
padding: 2px 0px 2px 0px;
/* width: 75px; */ 
width: auto;
margin: 0px;
}

div#menubar>ul a {
width: auto;
}

div#menubar ul ul {
display: none;
position: absolute;
width: 115px;
}

div#menubar ul ul li {width: 115px; line-height: 12px;
 border-bottom: 1px; border-top: 0px; border-style: solid; color: #70868D;
  border-left: 1px solid #70868D; margin-left: -1px; background: white}

div#menubar li.sub li.sub {
background-image:url(../billeder/icon_arrow2.gif);
background-position: right center;
background-repeat: no-repeat;
}

div#menubar ul.niveau1 li.sub:hover ul.niveau2 {
border-top: 1px solid #70868D;
}

div#menubar ul.niveau1 li.sub:hover ul.niveau2, 

div#menubar ul.niveau2 li.sub:hover ul.niveau3, 

div#menubar ul.niveau3 li.sub:hover ul.niveau4,

div#menubar ul.niveau4 li.sub:hover ul.niveau5 {display: block;}

div#menubar ul.niveau2 {top: 24px; left: 0px;}

div#menubar ul.niveau3 {top: -1px; left: 116px; border-top: 1px solid #70868D;}

div#menubar ul.niveau4 {top: -1px; left: 116px; border-top: 1px solid #70868D;}

div#menubar ul.niveau5 {top: -1px; left: 116px; border-top: 1px solid #70868D;}



/* ------------------------------------------ */
/* ------> Definition af indholdsrude <------ */
/* ------------------------------------------ */

#indhold{
position: relative;
left: 1px;
height: 100%;
/*  margin-top: -11px; */
/* width: 99%; */
/* border-color: #70868D; */
color: black;
z-index: 4;
/* background-color: #F7F7F7; */
background-image:url( ../billeder/baggrundsgradient.jpg);
background-position: bottom;
background-repeat: repeat;
}

#spalte-miderste{
float: left;
width: 54%;
margin: 10px 10px 0px 10px;
padding: 0px 0px 0px 0px;
text-align: center;

border: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-style: dashed; 
border-color: #70868D;
}

#spalte-hojre{
height: 100%;
float: left;
margin-top: 10px;
/* margin-left: -11px; */
padding-left: 0px;
padding-right: 10px;
}

#spalte-venstre{
float: left;
width: 150px;
height: 100%;
margin-top: 10px;
padding-left: 10px;
padding-right: 0px;
text-align: right;
}



#spalte-venstre-login{
float: left;
width: 75%;
height: 100%;
margin-top: 10px;
padding-left: 10px;
padding-right: 0px;
text-align: right;
}

#spalte-hojre-login{
height: 100%;
float: right;
margin-top: 10px;
/* margin-left: -11px; */
padding-left: 0px;
padding-right: 10px;
}

/* ------------------------------------------------- */
/* ----------> Definition af titelbillede <--------- */
/* ------------------------------------------------- */

#titelbillede{
position: relative;
width: 741px; 
height: 133px;
background-image: url(../../billeder/titelbillede2.jpg);
left: 0px;
top: 10px;
border-width: 1px;
border-style: solid;
border-color: black;
z-index: 3;
}

#bundbar{
position: relative;
clear: both;
bottom: 0px;
}

#bundbillede{
position: relative;
width: 741px; 
height: 64px;
background-image: url(../billeder/bundbillede.jpg);
/* top: 0px; */
/* margin-top: -10px; */
z-index: 4;
}

#onlinetaeller{
position: absolute;
top: 109px;
right: 15px;
z-index: 4;

font: 65% tahoma, verdana, serif;
color: white;
text-align: right;
}

#login{
margin-bottom: 10px;
left: 0px;
z-index: 5;

color: #70868D;
}

#login_formular{
margin-bottom: 10px;
left: 0px;
z-index: 5;

color: #70868D;
}


#searchpanel{
position: relative;
top: -10px;
margin-bottom: 10px;
z-index: 5;

color: #70868D;
}



/* --------------------------------- */
/* -----> LINKS - USPECIFIKKE <----- */
/* --------------------------------- */

a:link{
color: black;
font-weight: bolder;
}

a:visited{
color: black;
font-weight: bolder;
}

a:active{
color: black;
font-weight: bolder;
}

a:hover{
color: blue;
font-weight: bolder;
}

/* ----------------------------------- */
/* -----> LINKS - SEARCHPANEL <------- */
/* ----------------------------------- */

.links-searchpanel a{
color: #70868D;
}

.links-searchpanel a:link{
color: #70868D;
}

.links-searchpanel a:visited{
color: #70868D;
}

.links-searchpanel a:hover{
color: #70868D;
}


/* -------------------------------- */
/* -----> LINKS - SITE MAP <------- */
/* -------------------------------- */

.links-sitemap a{
text-decoration: none;
color: white;
font-weight: bolder;
}

.links-sitemap a:link{
color: white;
font-weight: bolder;
}

.links-sitemap a:visited{
color: white;
font-weight: bolder;
}

.links-sitemap a:hover{
color: black;
background-color: white;
}


/* --------------------------------- */
/* -----> LINKS - VALIDERING <------ */
/* --------------------------------- */

a.links-validering:link,a.links-validering:visited,a.links-validering:active{
font: 65% tahoma, verdana, serif;
color: black;
text-decoration: none;
font-weight: bold;
}

a.links-validering:hover{
text-decoration: underline;
}


/* ------------------------- */
/* -----> LINKS - BOX <----- */
/* ------------------------- */

.links-box a:link{
color: #70868D;
font-weight: bold;
}

.links-box a:visited{
color: #70868D;
font-weight: bold;
}

.links-box a:active{
color: blue;
font-weight: bold;
}

.links-box a:hover{
color: blue;
font-weight: bold;
}

/* ------------------------------------ */
/* -----> LINKS - TABEL-CELLER <------- */
/* ------------------------------------ */

.links-tabel a{
text-decoration: none;
color: black;
}

.links-tabel a:link{
color: black;
}

.links-tabel a:visited{
color: black;
}

.links-tabel a:hover{
color: blue;
text-decoration: underline;
}



/* --------------------------------- */
/* ------> LINKS - BLOKLINKS <------ */
/* --------------------------------- */

a.mlink:link,a.mlink:visited,a.mlink:active{
font: 60% tahoma, verdana, serif;
color: white;
font-weight: bolder;
display: block;
width: 60px;
height: 16px;
text-decoration: none;
text-align: center;
background: transparent;
border-width: 1px;
border-style: solid;
border-color: #70868D;
}

a.mlink:hover{
background: white;
color: black;
border-width: 1px;
border-style: solid;
border-color: white;
text-decoration: underline;
}


/* --------------------------------- */
/* ---------> LINKS - MENU <-------- */
/* --------------------------------- */

a.links-menu:link,a.links-menu:active {
background: transparent;
color: black;
}

a.links-menu:visited {
background: transparent;
color: white;
}

a.links-menu:hover {
color: white;
}

a.links-submenu:link,a.links-menu:active {
background: transparent;
color: #70868D;
}

a.links-submenu:visited {
background: transparent;
color: #70868D;
}

a.links-submenu:hover {
color: white;
}