body, html {
margin: 0;
padding: 0;
background: url('/home/DSC_8972_1.jpg');
background-attachment:fixed;
background-repeat: no-repeat;
background-position: top left;
height: 100%;
}

#bunn,#alt,#bunn_kontakt {
width: 610px;
}

body img {
border: 0;
}

.tut_b dt {
font-weight: bold;
}

.finliste {
list-style-type: upper-roman;
}

.finliste ol {
list-style-type: lower-roman;
}

.tut_b {
padding-bottom: 2em;
border-bottom: 1px solid black;
}

code.k {
background: #F1F1F1;
margin-left: 2em;
padding: 0.8em;
display: block;
font-weight: bold;
border: 1px solid #E4E4E4;
margin-top: 0.6em;
margin-bottom: 0.6em;

}

#alt {
margin: 0 auto;
height:auto !important;
min-height:100%;
height:100% ! important;
position: relative;
background: transparent;
}

.fet_topp dt {
font-weight: bold;
}

.tips {
float: right;
width: 160px;
padding: 0.7em;
border: 1px solid #F1F1F1;
font-weight: 0.8em;
margin-left: 0.2em;
}

.bildemidt {
border: 1px solid black;
clear: both;
margin-top: 1em;
margin-bototm: 1em;
}

.spess {
color: #A52710 ! important;
}

.tutknapp {
border: 1px solid black;
/*background: black;
color: white;*/
font-weight: bold;
font-size: 1.2em;
float: right;
padding:0.3em;
width: 120px;
text-align: center;
}

#header {
position: relative;
height: 60px;
}

#main {
background: white;
padding: 1.8em 2.5em 2em 2.5em;
font: 11px Verdana, Sans;
color: black;
line-height: 1.7em ! important;
margin-bottom: 3em ! important;
overflow: auto;
}

/*    GENERELL TEKST */

.overskrift {
display: block;
margin-bottom: 1px;
margin-top: 2.6em;
border: none;
font-weight: 3em;
} 

.center {
margin-left: auto ! important;
margin-right: auto  ! important;
right: auto;
left: auto;
text-align: center;
}

#main i {

}

.kode {
font-family: monospace;
font-weight: bold;
color: #868686;
}


#main a:link, #main a:active, #main a:visited {
text-decoration: none;
color: #008FD5;
}

#main a:hover {
background: #828282;
color: white;
margin-left: -1px;
margin-right: -1px;
padding-left: 1px;
padding-right: 1px;
}

#main img.bilde {
padding: 4px;
background: white;
border: 1px solid #848484;
margin: 0;
}


#main a.bildelink:link, #main a.bildelink:active, #main a.bildelink:visited, #main a.bildelink:hover {
background: transparent ! important;
margin: 0 ! important;
padding: 0 ! important;
}

#main .smiley {
margin: 0 1px -3px 1px;

}

.objleft {
float: left;
margin-left: 0;
margin-right: 4px ! important;
}

.objright {
float: right;
margin-right: 0;
margin-left: 4px ! important;
}

#modtid {
float: right;
color: #e5e5e5;
margin-top: 1em;
font-size: 0.8em;
}

#main blockquote {

background: #f5f5f5;
border-top: 1px solid #909090;
border-bottom: 1px solid #909090;
padding: 0.6em 1em 0.6em 1em;
font-style: italic;
font-family: Sans serif;
margin-top: 1.6em;
margin-bottom: 1.6em;
}

#main .bildebred {
position: relative;
display: block;
margin-top: 1.2em;
margin-bottom: 0.9em;
background-repeat: no-repeat ! important;
background-position: top left;
border: 1px solid #909090 ! important;
text-align: center;
vertical-align: bottom;
overflow: auto;
}

#main .ikon {
vertical-align: bottom;
margin-right: 3px;
}

#main .http {
background: white url(/home/http.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 30px;
}

.ok, .obs  {
position: relative;
/*width: 100%;*/
font-weight: bold;
padding: 1em;
margin-top: 1em;
margin-bottom: 1em;
}

.ok {
color: #27582C;
border: 1px solid #27582C;
background: #E7F1E8;
}

.obs {
color: #B82228;
border: 1px solid #B82228;
background: #F4D7D8;
}

/*      BUNN        */


#bunn {
position: fixed;
bottom: 0px;
margin-left: auto;
margin-right: auto;
background: #828282;
border-top: 1px solid black;
z-index: 10 ! important;
}

#bunn a:link, #bunn a:visited, #bunn a:active {
text-decoration: none;
font-weight: normal;
color: white;
}

#bunn_content {
font: 9px Verdana, Sans;
color: #C1C1C1;
/*border-top: 1px dashed #C9C6BA;*/
margin: 1px;
position: relative;
padding: 2px 4px 2px 4px;
}

#kontakt_tabell {

margin: 1px;

}

#bunn_kontakt {
position: absolute;
bottom: 20px;
/*width: 400px;*/
height: 150px;
visibility: hidden;
background: white;
font: 10px Verdana, Sans;
color: black;
border-top: 1px solid black;
}

.ajax-loading {
	padding: 20px 0;
	background: url(http://www.kjetilbm.net/gfx/spinner.gif) no-repeat center;
}

#kontakt {
padding: 4px;
height: 100%;
background: #F7F7F7;
}


#kontakt .tekst1 {
font-weight: bold;
}

#kontakt .felt {
font: 10px Verdana, Sans;
width: 70px;
}

#tekstboks {
font: 10px Verdana, Sans;
height:100px ! important;
}



/*  MENY   */


#meny {
position: absolute;
left: -140px;
/*top: 275px;
left: 136px;*/
width: 130px;
/*border-left: 1px solid white;*/
}

#hovedmeny {
margin-bottom: 30px;
}

.undermeny {
margin-bottom: 11px;
margin-left: 27px;
position: relative;
width: 75px;
}

.mlink {
display: block;
background: white;
height: 22px;
margin-bottom: 11px;
}

.ulink {
/*background: #008FD5;*/
}

.siste {
margin-bottom: 0;
}

.undermeny img {
/*border: 1px solid black;*/
}

.valgt {
border-left:5px solid black;
margin-left: -5px;
}


/*     KOMMENTARER   */

#kommentarer {
position: relative;
margin: 0;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid black;
}

#kommentarer a:hover {
margin-left: 0 ! important;
margin-right: 0 ! important;
padding-left: 0 ! important;
padding-right: 0 ! important;
}

#kommentarer #felt {
background: #eeeeee;
padding: 0.8em;
}

#felt .felt {
width: 120px ! important;
}

.komm_post {
/*position: relative;
display: block;*/

margin-bottom: 1em;
padding: 0.8em;
border-top: 1px solid #e5e5e5;
width: 100% ! important;
}

.komm_post .navn {
font-weight: bold;
}

.komm_post .bilde img {
border: 1px solid #848484;
}

.komm_post .bilde {
vertical-align: top;
width: 70px;
}

.komm_post .tekst {
vertical-align: top;
}

.komm_post .web {
float: right;
}

#komm_topp_wrap {
float: right;
position: absolute;
right: 10px;
border: 1px solid #BC1616;
padding: 1px;
width: 100px;
overflow: auto;
font-size: 9px;
line-height: 1.1em;
}

#komm_topp {
background: #BC1616;
color: white;
padding: 2px 2px 2px 2px;
font-weight: bold;
text-align: center;
}

#komm_topp a {
color: white ! important;
}

#komm_topp a:hover {
margin: 0;
padding: 0;
color: white;
background: transparent;
}


#mp3ogg tr {
background: #ECECEC;
}

#mp3ogg tr:hover {
background: #DADADA;
}

div.toggler {
cursor: pointer;
float: left;
padding-right: 5px;
}

div.toggler img {
margin-bottom: -2px;
}


/* eksviser */
tr.kilde td {
vertical-align: middle;
text-align: center;
line-height: 1.1em;
height: 2em;
}

tr.kilde a {
background: #ECECEC;
display: block;
position: relative;
text-decoration: none;
text-transform: uppercase;
font-family: Sans;
padding: 1em ! important;
color: black ! important;
height: 100%;
}

td.kommentar {
/*background: #ECECEC;*/
padding: 0.3em 0.2em 0.2em 0.7em;
font-style: italic;
border-top: 1px solid black;
border-bottom: 1px solid black;
}


tr.kilde a:hover {
background-color: #DADADA ;
margin: 0 ! important;
}


.normal {
font-weight: normal ! important;
}

/*.version {
background: #FFBE8D ! important;
padding: 1px;
}*/