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

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

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

p{
font: 75% verdana, tahoma, 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;
}

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;
}

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

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

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

table.aktiviteter{
font: 70% tahoma, verdana, 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; */
left: 40px;
top: 10px;
/* width: 762px; */
width: 922px;
padding-bottom: 10px;
/* background: #4b5b5f; */
background: #395e04;
border-width: 1px;
border-style: solid;
border-color: black;
/* border-color: white; */
z-index: 1;
}

#ramme-indre{
position: relative;
left: 10px;
top: 10px;
height: 100%;
/* width: 741px; */
width: 900px;
background: white;
border-width: 1px;
border-style: solid;
border-color: black;
z-index: 4;
}


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

.bar{
width: 623px;
/* width: 99%; */
height: 15px;
/* background-image: url(../billeder/bar_sitemap.gif); */
background: #395e04;
border-width: 1px;
border-style: solid;
border-color: #395e04;

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: 228px;
height: 12px;
/* background-image: url(../billeder/bar_hojre.gif); */
background: #395e04;
border-width: 1px;
border-style: solid;
border-color: #395e04;
	
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: 218px;
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: 152px; */
/* left: 400px; */
top: 160px;
left: 251px;
float: left;
/* width: 741px; */
/* height: 22px; */
margin: -1px 0px 0px 0px;
z-index: 6;
}

* div#menubar { /* Sætter samme skrift og størrelse på alle elementer i menubar'en  */
font: 55% 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: 65px;
line-height: 20px;
margin: 0px;
padding: 0px;
list-style: none;
float: left;
border-bottom: 1px solid black; 
border-right: 1px solid black;
}

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: black;
  border-left: 1px solid black; 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 black;
}

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 {display: block;}

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

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

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


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

div#menubar-login {
position: relative;
top: 20px;
/* width: 277px; */
height: 20px;
float: left;
background-image:url(../billeder/bar_sitemap.gif);
margin: -1px 0px 0px 0px;
z-index: 5
}

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

div#menubar-login li {
position: relative;
/* width: 11em; */
width: 105px;
/* height: 18px; */
line-height: 18px;
margin: 0px;
padding: 0px;
list-style: none;
float: left;
border-bottom: 1px solid black;
border-right: 1px solid black;
}

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

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

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

div#menubar-login ul li a { display: block; text-decoration: none; 
  width: 106px; margin: 0px; }

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

div#menubar-login ul ul {display: none; position: absolute; width: 105px;
}

div#menubar-login ul ul li {width: 11em; line-height: 16px;
 border-bottom: 1px; border-top: 0px; border-style: solid; color: black;
  border-left: 1px solid black; margin-left: -1px; background: white}

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

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

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

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

div#menubar-login ul.niveau3 li.sub:hover ul.niveau4 {display: block;}

div#menubar-login ul.niveau2 {top: 18px; left: 0px;}

div#menubar-login ul.niveau3 {top: -1.0px; left: 107px; border-top: 1px solid black;}

div#menubar-login ul.niveau4 {top: -1.0px; left: 107px; border-top: 1px solid black;}


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

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

#spalte-miderste{
position: relative;
top: -115px;
left: -5px;
float: left;
width: 70%;
margin: 10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;

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

#spalte-venstre{
position: relative;
top: 0px;
left: -1px;
height: 100%;
width: 25%;
float: left;
/* margin-left: -11px; */
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
z-index: 4;
}

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

#titelbillede{
position: relative;
/* width: 741px; */ 
/* height: 133px; */
width: 898px;
height: 298px;
background-image: url(../billeder/karlsson_fly_fishing/titelbillede3.jpg);
left: 0px;
top: 1px;

z-index: 3;
}

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

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

#onlinetaeller{
position: absolute;
top: 125px;
right: 10px;
z-index: 4;

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

#login{
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;
}