/* CSS Document MAL*/

/* hele vinduet, legg inn bakgrunnsfarge/grafikk her */
body
{
	/*background-color:#FFFFFF;*/
	background-image:url(../img/pattern-kgb-ny.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	margin:0px auto;/* denne sentrerer siden i Firefox, bruk <div align="center"> i pub top for sentrering i IE */
	word-wrap: break-word;
}


/* hoved rammen rundt siden */
#main
{
background-color:#ecebec;
background-image:url(../img/bakgrunn-gadient.jpg);
background-repeat:repeat-x;
background-position:bottom;
width:914px;
padding:20px;
padding-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left; /* denne må stå her i tilfelle <div align="center"> i pub top, ellers blir teksten sentrert! */
/*border-right:1px #000000 solid;*/
}



/* --------------------------------------------------------- toppene ---------------------------------------------------------*/

/* ------------------- top 2 -------------------*/
#top2
{

width:906px;
}

/* ------------------- top 3 ------------------- */
/* top menyen */
#top3
{
background-image:url(../img/topp-hjorne-ny.gif);
background-repeat:no-repeat;
background-position:left;
width:906px;
} 

#top3Meny
{
background-image:url(../img/topp-bakgr.gif);
background-repeat:repeat-x;
width:900px;
height:43px;
margin-left:13px;
}
/* link av typen: <div class="top3MenyLinkBox"><a href="#" >link tekst</a></div> */
.top3MenyLinkBox
{
background-image:url(../img/bak-top-link.gif);
background-repeat:no-repeat;
background-position:center;
height:43px;
width:122px;
float:left;
margin-right:5px;/* avstand til neste link */
display:block; /* denne gjør at hele diven fungerer som link, ikke bare teksten */
cursor:pointer;
}

/* link teksten */
/* for hover effekt på link diven */
.top3MenyLinkBox a
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:12px;
text-decoration:none;
color:#FFFFFF;
height:100%;
display:block; /* må ha denne for å få hover effekt på hele diven */
text-align:center;/* sentrerer  teksten horisontalt */
}
/*hover effekt*/
.top3MenyLinkBox a:hover
{
padding:0px;
height:100%;
width:122px;
background-image:url(../img/bak-link-hover.gif);
background-repeat:no-repeat;
background-position:center top;
padding-top:12px;
float:left;
display:block; /* denne gjør at hele diven fungerer som link, ikke bare teksten */
cursor:pointer;
}
/* her er skille mellom 'aktiv' link og andre bruker ikke hover på denne. legger inn text info også*/
.top3MenyLinkBoxSelected
{
height:100%;
width:122px;
background-image:url(../img/bak-link-hover.gif);
background-repeat:no-repeat;
background-position:center top;
padding-top:12px;
float:left;
margin-right:5px;/* avstand til neste link */
display:block; /* denne gjør at hele diven fungerer som link, ikke bare teksten */
cursor:pointer;
}
.top3MenyLinkBoxSelected a
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#FFFFFF;
height:100%;
display:block; /* må ha denne for å få hover effekt på hele diven */
text-align:center;
}
.topMenyLinkText
{
	padding-top:8px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
}



/* ------------------- historielinje div ------------------- */
#historie
{
position:relative; /* denne gjør at vi kan bruke position:absolute i divene inneholdt i #historie, slik at vi kan finjustere plasseringen */
height:20px;
width:600px;
float:left;
margin-top:15px;

}

#historieLinjeHjemTekst
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
position:absolute;
top:4px;
left:20px;
color:#433252;
}
#historieLinjeTextWrapper
{
position:absolute;
top:0px;
left:70px;
}
#historieLinjeTextWrapper2
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#433252;
position:absolute;
top:4px;
left:70px;

}

.historieLinjeText
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#433252;
}

/* --------------------------------------------------------- kolonnene --------------------------------------------------------- */

/*hjelpe div for firefox */
#colWrapper 
{
width:100%;
clear:both;
}



/* ------------------- venstre kolonne ------------------- */
#col1
{
height:1000px;
width:210px; 
float:left; /* legger seg til venstre for innhold som kommer etter denne diven */
/*overflow-x:hidden; /* hvis innholdet i denne diven er bredere vil det skjules istedet for å fucke opp resten av designet  */
text-align:left;
margin-top:20px;
}
/* meny i denne kolonnen fungerer som 'boks' rundt alle meny divene*/
#col1Meny
{
width:100%;
height:400px;
background-color:#dcdbdc;
background-image:url(../img/meny-bunn.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
/* øverste meny i col1 */
#VenstreMenyTopp
{
margin-top:10px;
}
#nettpmld
{
position:relative;
height:60px;
}
#nettpmldPilImg
{
background-image:url(../img/stor-pil.gif);
background-repeat:no-repeat;
position:absolute;
width:6px;
height:8px;
top:14px;
left:20px;
}
#nettpmldTekst
{
background-image:url(../img/nettpaamelding-btm.jpg);
background-repeat:no-repeat;
width:147px;
height:28px;
position:absolute;
top:3px;
left:29px;
}
#nettpmldKlikkImg
{
background-image:url(../img/klikk-her-boks.gif);
background-repeat:no-repeat;
position:absolute;
width:77px;
height:17px;
top:40px;
left:40px;
display:block;
cursor:pointer;
}

.VenstreMenyToppLinkbox
{
position:relative;/* slik at vi kan bruke absolutt posisjonering i underliggende diver */
height:18px;
width:100%;
display:block;/* bruker hele diven som link */
cursor:pointer;/* garanterer at muspekeren er en link-pointer */
clear:both;/* denne garanterer at ingenting legger seg på siden av den (bare nødv. hvis col1MenyLinkbox er mye smalere enn col1Meny)*/
}
.VenstreMenyToppLinkboxImage
{
position:absolute;/* slik at vi kan finjustere */
background-image:url(../img/liten-pil.gif);
background-repeat:no-repeat;
width:6px;
height:8px;
top:11px;
left:20px;
}

.VenstreMenyToppLinkboxSub
{
position:relative;/* slik at vi kan bruke absolutt posisjonering i underliggende diver */
height:12px;
width:100%;
display:block;/* bruker hele diven som link */
cursor:pointer;/* garanterer at muspekeren er en link-pointer */
clear:both;/* denne garanterer at ingenting legger seg på siden av den (bare nødv. hvis col1MenyLinkbox er mye smalere enn col1Meny)*/
}

.VenstreMenyToppLinkboxSub a
{
font-family:Arial, Helvetica, sans-serif;
color:#353535;
font-size:11px;
text-decoration:none;/* tar vekk underline på linken */
height:100%;
padding-top:2px;/* bruk denne til å sentrere teksten vertikalt */
margin-left:40px; /*flytter linkteksten bort fra link bildet */
display:block; /* må ha denne for å få hover effekt på hele diven */
}

.VenstreMenyToppLinkboxSub a:hover
{
color:#8c0a55;
}

/* selve linken tekst osv  */
.VenstreMenyToppLinkbox a
{
font-family:Arial, Helvetica, sans-serif;
color:#353535;
font-size:12px;
text-decoration:none;/* tar vekk underline på linken */
height:100%;
padding-top:8px;/* bruk denne til å sentrere teksten vertikalt */
margin-left:40px; /*flytter linkteksten bort fra link bildet */
display:block; /* må ha denne for å få hover effekt på hele diven */
}
/*hover effekt farge, bakgrunsgrafikk ect. */
.VenstreMenyToppLinkbox a:hover
{
color:#8c0a55;
}










/* nederste meny i col1 */
#VenstreMenyBunn
{
margin-top:20px;


}



/* link av typen: <div class="col1MenyLinkbox"><a href="#" ><div class="col1MenyLinkboxImage"></div>link tekst</a></div> */
.col1MenyLinkbox
{
position:relative;/* slik at vi kan bruke absolutt posisjonering i underliggende diver */
height:11px;
width:100%;
display:block;/* bruker hele diven som link */
cursor:pointer;/* garanterer at muspekeren er en link-pointer */
clear:both;/* denne garanterer at ingenting legger seg på siden av den (bare nødv. hvis col1MenyLinkbox er mye smalere enn col1Meny)*/
padding-top:5px;
}
.col1MenyLinkboxSub
{
position:relative;/* slik at vi kan bruke absolutt posisjonering i underliggende diver */
height:20px;
width:100%;
display:block;/* bruker hele diven som link */
cursor:pointer;/* garanterer at muspekeren er en link-pointer */
clear:both;/* denne garanterer at ingenting legger seg på siden av den (bare nødv. hvis col1MenyLinkbox er mye smalere enn col1Meny)*/
}

/* selve linken tekst osv  */
.col1MenyLinkboxSub a
{
font-family:Arial, Helvetica, sans-serif;
color:#353535;
font-size:11px;

text-decoration:none;/* tar vekk underline på linken */
height:100%;
padding-top:0px;/* bruk denne til å sentrere teksten vertikalt */
margin-left:40px; /*flytter linkteksten bort fra link bildet */
display:block; /* må ha denne for å få hover effekt på hele diven */
}
/*hover effekt farge, bakgrunsgrafikk ect. */
.col1MenyLinkboxSub a:hover
{
color:#8c0a55;
}


/* selve linken tekst osv  */
.col1MenyLinkbox a
{
font-family:Arial, Helvetica, sans-serif;
color:#353535;
font-size:11px;
font-weight:bold;
text-decoration:none;/* tar vekk underline på linken */
height:100%;
padding-top:0px;/* bruk denne til å sentrere teksten vertikalt */
margin-left:40px; /*flytter linkteksten bort fra link bildet */
display:block; /* må ha denne for å få hover effekt på hele diven */
}
/*hover effekt farge, bakgrunsgrafikk ect. */
.col1MenyLinkbox a:hover
{
color:#8c0a55;
}

.col1MenyLinkboxImage
{
position:absolute;/* slik at vi kan finjustere */
background-image:url(../img/liten-pil.gif);
background-repeat:no-repeat;
width:6px;
height:8px;
top:4px;
left:20px;
}




/*------------------------- paneler -----------------------------*/
/* ett panel */
#col1PanelWrapper
{
border:1px #b7b6b7 solid;
margin-top:20px;/* avstand til diven over */
width:209px;
}
#col1Panel
{
background-image:url(../img/motta-nbrv-tittel.gif);/* bildet i toppen av panelet */
background-repeat:repeat-x;
background-position:top left; /* plasserer bildet øverst */
border:5px #f0f0f0 solid;
padding-top:40px; /* denne sørger for at teksten i panelet ikke kommer på toppen av bildet */
padding-left:20px;
height:114px;
background-color:#dfdfdf;
font-family:Arial, Helvetica, sans-serif;
color:#433252;
font-size:12px;
}
#col1PanelRegImg
{
background-image:url(../img/registrer-box.gif);
width:77px;
height:17px;
margin-top:20px;
display:block;
cursor:pointer;
}


/* ett panel til*/

#col1Panel2Wrapper
{
border:1px #b7b6b7 solid;
margin-top:20px;/* avstand til diven over */
width:209px;
}
#col1Panel2
{
background-image:url(../img/reklame-tittel.gif);/* bildet i toppen av panelet */
background-repeat:repeat-x;
background-position:top left; /* plasserer bildet øverst */
border:5px #f0f0f0 solid;
padding-top:40px; /* denne sørger for at teksten i panelet ikke kommer på toppen av bildet */
padding-left:20px;
height:87px;
background-color:#dfdfdf;
font-family:"Times New Roman", Times, serif;
color:#612e49;
font-size:14px;
}

#col1Panel2 a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#612e49;
text-decoration:none;

}


/* ------------------- midtre kolonne (innholdet) ------------------- */
#col2
{
width:694px;
width:100%;
float:left;
overflow-x:hidden;
}



/* ---------------------------------------------------------bunn div (footer) --------------------------------------------------------- */
#footer
{
background-image:url(../img/footer-bilde.gif);
background-repeat:no-repeat;
background-position:center top;
height:27px;
width:909px;
clear:both; /* sørger for at den kommer under allt uansett */
}

/*---------------------------------------------------------- galleri diver ----------------------------------------------------------------*/

#albumMainBox
{
width:694px;

}

.galleri_bilde_wrapper
{
clear:both;
}
.galleri_main_box
{
height:300px;
border:1px #979797 solid;
margin-bottom:10px;
margin-left:10px;
padding:10px;
}
.galleri_stort_bilde
{
width:360px;
float:left;
}
.galleri_nav
{
width:320px;
margin-top:10px;
}
.galleri_neste
{
background-image:url(../img/knapp-neste.gif);
background-repeat:no-repeat;
width:77px;
height:17px;
float:right;
display:block;
cursor:pointer;
}

.galleri_forrige
{
background-image:url(../img/knapp-forrige.gif);
background-repeat:no-repeat;
width:77px;
height:17px;
float:left;
display:block;
cursor:pointer;
}

.galleri_bilde_liste
{
position:relative;
width:280px;
float:left;
background-color:#dfdfdf;
margin-left:5px;
padding:5px;
padding-bottom:25px;
}

.galleri_main_box_tekst
{
font-family:"Times New Roman", Times, serif;
font-size:26px;
color:#8c1b5c;
margin-bottom:5px;
width:300px;
float:left;
}
.galleri_main_box_linje
{
height:2px;
width:200px;
float:right;
background-color:#8c1b5c;
margin-top:20px;
}


.galleri_bilde_liste_tekst
{
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#433252;
margin-bottom:10px;
}
.zoomImage
{
position:absolute;
left:10px;
bottom:5px;
background-image:url(../img/zoom.gif);
background-repeat:no-repeat;
width:15px;
height:14px;
}


/*------------------------------------- forside ting ---------------------------------------------*/
.cmsMainBoxForside
{
width:694px;
float:left;
overflow-x:hidden;
padding:2px;
padding-left:10px;
padding-top:10px;
}
#forsideTable
{
width:97%;
margin:0px;
}

#velkommenTD
{
padding:10px;
border:1px #b7b6b7 solid;
}

#galleriTD
{
padding:10px;
border:1px #b7b6b7 solid;
}
#spacerTD
{
width:5%;

}
#pTD1
{
border:1px #b7b6b7 solid;
padding:20px;

}