body, html {
height: 100%;
margin: 0;
padding: 0;
font: 0.9em Tahoma, Sans-serif;
}

body {
background-color: #5588b3;
background-image: url("rep1.png");
background-repeat: repeat-x;
background-position: top left;
}

#center  {
min-height: 100%;
margin-left: auto;
margin-right: auto;
background: #f9f9f9;
position: relative;
/*border: 1px solid black;*/
}

#center, #bunn {
width: 820px;
}

#topp {
position: absolute;
background-image: url("topp1.png");
background-repeat: no-repeat;
background-position: top center;
height: 139px;
/*border: 1px solid red;*/
width: 900px;
left: -41px;
z-index: 4;
}


/* MENY */

#meny {
position: absolute;
top: 93px;
padding-left: 30px;
font-size: 0.9em;
}

.valgt .meny_vh, .valgt .meny_hh {
position: absolute;
bottom: 0;
width: 4px;
height: 4px;
background: white;
/*z-index: 4;*/
}

.valgt .meny_vh {
left: 0;
background-image: url("vh.png");
}

.valgt .meny_hh {
right: 0;
background-image: url("hh.png");
}

#meny_tab {
height: 80px;
width: 100%;
}

#meny_tab td {
font-weight: bold;
color: white;
/*background: black;*/
vertical-align: bottom;
position: relative;
padding: 0;
}

.td_wrap {
position: relative;
height: 100%;
/*width: 100%;*/
/*padding: 0 1em 0.3em 1em;*/
/*border: 1px solid yellow;*/
padding-bottom: 0.4em;
z-index: 3;
padding-top: 50px;
}

#meny_tab a {
height: 100%;
width: 100%;
/*border: 1px solid red;*/
padding: 2em 0.5em 0.4em 0.5em;
text-decoration: none;
color: black;
background: transparent;
}

#meny_tab .valgt a {
height: 100%;
width: 100%;
/*border: 1px solid red;*/
padding: 2em 0.5em 0.4em 0.5em;
text-decoration: none;
color: white;
background: black;
}

#strek1 {
position: relative;
top: 182px;
border-bottom: 1px solid #5A5A5A;
height: 2px;
/*width: 100%;*/
margin-left: 3em;
margin-right: 3em;
}


/* SIDEMENY  */

#sidemeny {
position: relative;
color: white;
/*text-align: right;*/
text-align: left;
padding-left: 20px;
font-size: 0.9em;
}

#sidemeny a {
display: block;
margin-bottom: 1px;
background: #F0F0F0;
color: #5588B3;
text-decoration: none;
padding: 0.4em;
padding-left: 0.8em;
border-left: 2px solid #808080;
}

#sidemeny a:hover {
background: #DCDCDC;
}

#sidemeny a.valgt {
background: #808080;
color: white;
}

.bilderamme img {
border: 1px solid black;
}


/* HOVED  */

#hoved {
position: relative;
/*top: 200px;*/
padding-top: 200px;
padding-bottom: 100px;
}

#hoyre {
float: left;
width: 25%;
/*background: red;*/
margin-left: 30px;
position: relative;
}

#tekst {
position: relative;
width: 65%;
/*margin-left: 30px;*/
margin-left: 252px;
font-size: 0.9em;
line-height: 1.5em;
/*border: 1px solid black;*/
}

#tekst h1, #tekst h2 {
/*padding-bottom: 0.4em;
padding-top: 0.3em;*/
margin-bottom: 0.4em;
margin-top: 0.3em;
line-height: 1.1em;
padding: 0;
}

#tekst a, #bunn a, #hoyre a {
text-decoration: none ! important;
color: #5588B3;
}

#tekst a:hover, #bunn a:hover , #hoyre a:hover{
text-decoration: underline ! important;
color: #1B4D77;
}

#tekst img {
border: none;
}


/* NYHET */

.forsidenyhet {
position: relative;
border-bottom: 1px solid #949293;
margin-bottom: 3em;
padding-bottom: 1.7em;
display: block;
}

.forsidenyhet.last {
border: none ! important;
}

.forsidenyhet .info, .kalender_hendelse .info {
display: block;
font-size: 0.9em;
color: #949293;
margin-bottom: 0.4em;
}

.forsidenyhet .lesmer {
position: relative;
/*bottom: 10px;
right: 10px;*/
margin-top: 20px;

margin-right: 20px;
font-size: 0.8em;
text-align: right;
font-weight: bold;
}

.forsidenyhet .lesmer .ikon {
font-weight: bold;
color: #5588B3;
}

.filer {
position: relative ! important;

/*background: #f2f2f2;*/
/*border: 1px solid #949293;*/
padding: 0.2em;
padding-left: 2em;
font: 0.8em Tahoma, Sans-serif;
color: #949293;
display: block;

}

.fil {
display:block;
}

/*  KALENDER  */

#kalender {

}

#kaltab {
position: relative;
width: 100%;
}

#kaltab a {
text-decoration: none;
color: #5588B3;
}

#kaltab td {
vertical-align: middle;
text-align: center;
}

#kaltab tr.visdager {
background: #949293;
color: white;
}

#kaltab td.active {
background: #5588B3;
color: white;
}

#kaltab td.active {

}

#kaltab td a {
text-decoration: none;
color: white;
font-weight: bold;
}

#kaltab td.active:hover {
text-decoration: none;
background: #1B4D77;
}


.kalender_ting {
display: block;
border-top: 1px solid black;
padding: 0.7em;
margin-bottom: 2em;
}

.kalender_ting .periode {
color: #bababa;
font-size: 0.9em;
}

.kalender_ting .tekst {
font-style: italic;
}

.kalender_side {

}


#megakal {
font-size: 0.9em;
border-collapse: collapse;
/*width: 100%;*/
position: relative;
margin-right: 10px;
margin-bottom: 2em;
}

#megakal td {
position: relative;

}

#megakal tr {

}

#megakal .dag {
position: relative;
text-align: right;
/*background: #bababa;*/

}

.dag .tall {
padding: 1px 3px 1px 3px;
background: #f0f0f0;
border: 1px solid #bababa;
}

#megakal .event {
font-size: 0.8em;
display: block;
}



/*  medlemsboks  */


#medlem_tall {
font-size: 0.7em;
margin-top: 3px;
font-weight: bold;
text-align: right;
position: relative;
}

#medlem_tall b {
padding: 0.1em 0.4em 0.1em 0.4em;
border: 1px solid #949293;
margin-right: 1px;
}

#medlem_tall b.valgt {
background:  #949293;
color: white;
}

#medlemsprez .more {
display: none;
}


#medlemsprez ul {
/*margin-left: 1em;
padding-left: 0;*/
/*padding-left: 0.5em;*/
}



/*   GALLERI   */



.galleri_element {
display: block;
padding: 1em;
border: 1px solid #bababa;
margin-bottom: 2em;
}

.galleri_element .description {
font-style: italic;
color: #bababa;
}

#galleri1 .pagination ul {
/*border: 1px solid blue;*/
padding-left: 0;
}

#galleri1 .pagination p {
display: none;
}

#galleri1 .pagination li {
list-style: none;
display: inline;
background: #E1DFDF;
padding: 0.3em;
/*color: white ! important;*/
font-weight: bold;
}

/* felles  */

.boks {
position: relative;
background: #f2f2f2;
border: 1px solid #949293;
padding: 0.5em;
font: 0.8em Tahoma, Sans-serif;
color: #949293;
display: block;
margin-bottom: 2em;
}

.boks h1 {
font-weight: bold;
color: #949293;
font-size: 1.2em;
margin: 0;
padding: 0;
}

/*   BUNN */

#bunn {
position: absolute;
bottom: 0 ! important;
height: 100px;
background: #F0F0F0;
border-top: 1px solid #808080;
font: 0.8em Verdana, Sans-serif;
}

#postkontakt {
position: absolute;
left: 7%;
top: 10px;
width: 30%;
}

#oppfordring {
position: absolute;
right: 5%;
width: 20%;
font-style: italic;
}

#interkontakt {
position: absolute;
left: 40%;
top: 10px;
width: 30%;
}

.invisible {
display: none;
}