/* 
----- DEFAULT STILARK FOR  -----
Struktur:
[GLOBAL RESET] = nullstilling av diverse elementer
[BODY] = body tag og diverse standard elementer
[LAYOUT] = layout elementer
[NAVIGASJON] = navigasjon (menyer og broedsmulesti)
[INNHOLD] = stiler rettet mot innhold
[GENERELLE KLASSER] = generelle klasser for clear, linker, bilder o.a.
[EDITOR] = Klasser knyttet opp mot editor 
*/

/* [GLOBAL RESET] :::::::::::::::::::::::::::::: */ 
html, body, div, span, applet, object, iframe, p, img, fieldset, form, label, legend {
margin: 0; padding: 0; border: 0;
}
ol, ul { margin: 0; padding: 0; }
fieldset { border: 0px solid #fff }

/* [/GLOBAL RESET] ::::::::::::::::::::::::::::: */


/* [BODY] :::::::::::::::::::::::::::::::::::::: */

body {
margin: 0 auto;
background-color: #36689E;
color: #474747;
font-size: 1em;
text-align: center;
font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

}

html {font-size: 100%; height:100%; }

/* 
tilgjengelighet for tekstlesere o.l husk at hr blir skjult, er lagt til div erstatning for hr
*/
.tilgjengelighet, hr {
position: absolute;
top: -999em;
left: -999em;
}

/* standard hyperlink */
a, a:link, a:visited {
color: #22558C;
background-color: transparent;
text-decoration: none;
border-bottom: 1px dotted #22558C;
}

a:hover {
border-bottom: 1px solid #22558C;
}

a:active {
border-bottom: 1px solid #22558C;

}
a:focus {
border-bottom: 1px solid #22558C;
}

strong, b {
font-weight: bold;
}

em, i {
font-style:italic;
}

pre {
width: 75%;
border: 1px solid #d8d8d8;
border-left: 4px solid #cccccc;
padding: 7px 7px 7px 11px;
margin: .7em;
line-height: 1.2em;
overflow: auto;
color: #444;
background-color: #f9f9f9;
font-size: 1em;
font-family:"Courier New", Courier, mono;
min-height: 4em;
}

code {
font-family:"Courier New", Courier, mono;
font-size: 1em;
}

code.html {
color: #546f8c;
}

code.css {
color: #ff33cc;
}

blockquote {
color: #505050;
border: 1px solid #d8d8d8;
border-left: 4px solid #36689E;
padding: 7px 7px 7px 11px;
margin: 16px;
font-style: italic;
width: 90%
}

blockquote p {
font-size: 1.1em;
margin: 0;
line-height: 1.2em;
}

q {
font-style: italic;
}


abbr, acronym {
border-bottom: .1em dashed #005FA9;
cursor: help;
}

kbd {
font-family: "Courier New", Courier, FreeMono, "Nimbus Mono L", "Liberation Mono", monospace;
}

/* [/BODY] ::::::::::::::::::::::::::::::::::::::::::::: */


/* [LAYOUT] :::::::::::::::::::::::::::::::::::::::::::: */

/* TOPP MED LOGO OG SOK
------------------------------------------------*/
#topp {
background-color: #22558C;
color: #5081B5;
}

#logo {
width: 80%;
text-align: left;
margin: 0 auto;
}
#logo span {
text-indent: -2000px;
overflow: hidden;
}
	
#logo a  {
display: block;
background: transparent url(/bilder/kb-logo.jpg) no-repeat bottom;
width: 400px;
height: 40px;
}

/* Sokeboks */
#kb-sok {
float: right;
text-align: right;
font-size: .8em;
width: 300px;height: 40px;
line-height: 40px;
}

#kb-sok fieldset legend {
display: none;
margin:0;
padding: 0;
}

#kb-sok label {
cursor: pointer;
font-weight: bold;
color: #3E70A6;
}

#kb-sok .kb-sok-input {
border: 2px solid #517FB1;
border-right: 1px solid #9AB1CB;
padding: 4px 7px 4px 7px;
width: 11em;
background-color: #f7f7f7;
}
	
#kb-sok .kb-sok-btn  {
border: none;
padding: 4px 7px 5px 7px;
background-color: #DEEBF1;
cursor: pointer;
}

#kb-sok .kb-sok-btn:hover, #kb-sok .kb-sok-btn:focus  {
background-color: #CED8E3;
border: none;
}

/* Layout kolonner
------------------------------------------------*/
#ramme-ytre {
width: 80%;
margin: 0 auto;
text-align: left;
clear: both;
}

#ramme-indre {
clear: both;
margin-top: .5em;
background-color: #fff;
border: 2px solid #22558C;
padding-top: .5em;
width: 100%;
}

#innhold-ramme {
width: 100%;
float: left;
margin-right: -186px;
}

#innhold-kolonne {
margin-right: 235px;
margin-left: 10px;
}


#innhold-ramme.uten-sidebar {
margin-right: 0;
}

#innhold-kolonne.uten-sidebar {
margin-right: 50px;
}

/* SIDEBAR
------------------------------------------------*/

#sidebar-kolonne {
width: 180px;
float: right;
}

#sidebar-kolonne div.sidebar-box {
width: 180px;
background-color: #fff;
margin-bottom: 1em;
}

#sidebar-kolonne div.sidebar-box h2 {
background: #22558C url(/bilder/s-bck.jpg) no-repeat top left;
width: 180px;
color: #E2ECF6;
text-indent: 1em;
font: 1.1em/1.5em Geneva, Arial, Helvetica, sans-serif;
margin: 0 0 .2em 0;
letter-spacing: 1px;
}


/* BUNN
------------------------------------------------*/
#bunn {
width: 80%;
margin: 0 auto;
padding: .5em;
clear: both;
text-align: center;
background-color:#22558C;
color: #E2ECF6;
min-height: 50px;
border: 2px solid #1B4571;
border-top: none;
font-size: .7em;
}
#bunn a {
color: #E2ECF6;
border-bottom: 1px dotted #fff
}


#bunn .solrating {
text-align: left;
margin: .3em;
}

/* [/LAYOUT] :::::::::::::::::::::::::::::::::::::::::::: */

/* [NAVIGASJON] ::::::::::::::::::::::::::::::::::::::::::: */


/* HOVEDMENY
------------------------------------------------*/

#hoved-nav {
width: 80%;
margin: 0 auto;
background-color: #36689E;
border-top: 1px solid #517FB1;
border-bottom: 1px solid #22558C;
border-left: 1px solid #517FB1;
font-size: .875em;
}

#hoved-nav ul {
list-style: none;
float: left;
}

#hoved-nav li, #hoved-nav li a {
float: left;
background-color: #2D5E96;
display: block;
height: 2.3em;
text-align: center;
line-height: 2.3em;
width: 8em;
border-right: 2px solid #517FB1;
color: #E2ECF6;
border-bottom: none;
}

#hoved-nav li a:link, #hoved-nav li a:visited, #hoved-nav li a:active   {
display: block;
color: #E2ECF6
}

#hoved-nav li a:hover, #hoved-nav li.nav-on {
background-color: #36689E;
display: block;
}

/* KATEGORIMENY
------------------------------------------------*/
ul#kategori-nav {
list-style-type: none;
font-size: .75em;
padding: 0;
margin:0;
}

ul#kategori-nav li {
font-weight: bold;
color: #9CADC3;
padding: 0;
margin:0;
display: block;
}

ul#kategori-nav li a,  ul#kategori-nav li a:link, ul#kategori-nav li a:visited  {
padding: 0 0 0 20px;
text-decoration: none;
color: #22558C;
display: block;
line-height: 1.6em;
border-bottom: 1px dotted #22558C;
height: 1.6em
}

ul#kategori-nav li a:hover, ul#kategori-nav li a:focus {
color: #fff;
background-color: #22558C;
border-bottom: 1px dotted #fff;
}

ul#kategori-nav li a:active {
color: #fff;
background-color: #22558C;
border-bottom: 1px dotted #fff;
}

/* BROEDSMULESTI
------------------------------------------------*/

/* ###### broedsmulesti (breadCrumb) ###### */
div#broedsmulesti {
height: 1.6em;
margin: 0;
padding-top: .6em;
background: transparent url(/bilder/spor.jpg) no-repeat 0% 50%;
}
div#broedsmulesti ul {
margin: 0 0 0 35px;
padding: 0;
font-size: .75em;
list-style-type: none;

}
div#broedsmulesti ul li {
float: left;
margin-right: 4px;
font-weight: bold;
list-style-type: none;
color: #9CADC3;
}
div#broedsmulesti ul li a  {
font-weight: normal;
background: transparent url(/bilder/raquo.png) no-repeat 100% 50%;
padding: 0 11px 0 .1em;
text-decoration: underline;
color: #9CADC3;
border-bottom: none;
}
div#broedsmulesti ul li a:hover { color: #E2ECF6; }
div#broedsmulesti ul li span {
display: none;
}

/* [/NAVIGASJON] ::::::::::::::::::::::::::::::::::::::::::: */


/* [FORMATERING INNHOLD] ::::::::::::::::::::::::::::::::::: */
#innhold-kolonne {
font: .75em/1.4em "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
#innhold-kolonne p {
margin: 0 0 1em 0;
}

#innhold-kolonne h1 {
font: 1.83em/1.2em Geneva, Arial, Helvetica, sans-serif;
color:#333;
margin: 0 0 0.2em 0;
color: #22558C;
border-bottom: 1px solid #22558C;
}

#innhold-kolonne h2 {
font: normal 1.667em/1.83em Arial, Helvetica, sans-serif;
color:#444;
margin: 0 0 0.2em 0;
letter-spacing: 1px
}

#innhold-kolonne h3 {
font: 1.5em/1.667em Arial, Helvetica, sans-serif;
color:#444;
margin: 0 0 0.1em 0;
letter-spacing: 1px
}

#innhold-kolonne h4 {
font: normal 1.333em/1.5em Arial, Helvetica, sans-serif;
color:#333;
margin: 0 0 0.1em 0;
letter-spacing: 2px
}

#innhold-kolonne h5 {
font: normal 1.2em/1.3em Arial, Helvetica, sans-serif;
color:#333;
margin: 0 0 0.1em 0;
letter-spacing: 2px
}

#innhold-kolonne h6 {
font: normal 1.1em/1.3em Arial, Helvetica, sans-serif;
color:#333;
margin: 0 0 0.1em 0;
letter-spacing: 2px
}

/* lister
------------------------------------------------*/

#innhold-kolonne ul, ol {
margin: 1em 0 .5em 2.3em;
}

#innhold-kolonne li {
margin: 0 0 1em 0;
}

#innhold-kolonne ul ul, ol ol {
font-size: 1em;
}

/* [/FORMATERING INNHOLD] ::::::::::::::::::::::::::::::::::: */

/* [GENERELLE KLASSER] ::::::::::::::::::::::::::::::::::: */

/* ANNONSER
------------------------------------------------*/
.annonse-120x240 {
width: 140px; height: 250px; background:transparent url(/bilder/120x240-rek.jpg) no-repeat left center; 
padding:7px 0 3px 20px; text-align: left; margin: 1em auto; 
}

.annonse-468 { width: 520px; height: 70px; background:transparent url(/bilder/annonse-468.jpg) no-repeat left center; 
padding:8px 0 5px 20px; text-align: left; margin: 1em auto; 
}

/* CLEAR
------------------------------------------------*/

.clearb { clear: both; }
.clearr { clear: right; }
.clearl { clear: left; }

.clearfix {clear: both; line-height: 0; margin: 0; border: 0;}

/* MELDINGS BOKSER
------------------------------------------------*/
.advarsel {
	background: #eff4ff url(/bilder/ikon-advarsel.gif) no-repeat 1em 50%;
	border: 1px solid #4A659C;
	padding: .8em .5em .8em 4em;
	width: 90%;
	margin: .5em 0;
}

.feil {
	background: #ffffe0 url(/bilder/ikon-feil.gif) no-repeat 1em 50%;
	border: 1px solid #990000;
	padding: .8em .5em .8em 4em;
	color: #990000;
	width: 90%;
	margin: .5em 0;
}

.informasjon {
	background: #eff4ff url(/bilder/ikon-informasjon.gif) no-repeat 1em 50%;
	border: 1px solid #4A659C;
	padding: .8em .5em .8em 4em;
	width: 90%;
	text-align:left;
	margin: .5em 0;
}

.vellykket {
	background: #B6D5B8 url(/bilder/ikon-ok.png) no-repeat 1em 50%;
	border: 1px solid #416941;
	padding: .8em .5em .8em 4em;
	width: 90%;
	text-align:left;
	margin: .5em 0;
}

/* DIVERSE KLASSER
------------------------------------------------*/

/* vanlig hr skjules sa bruk denne div klassen for aa lage en horisontal linje */
div.div-hr {
	height: 1px;
	padding: .5em;
	border-bottom: 1px dotted #597EAF;
	margin: .5em auto;
	width: 85%
}

/* tekst */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}





/* .divbox er lage div boks */
.abox { 
border: 1px solid #999;
width: 95%;
margin: .5em 0;
padding: .5em;
background: #fff;
}

.abox-a { background: #eff4ff;}
.abox-b { background: #efefef;}


.kbd-btn {
padding: 0 3px;
border: 1px solid #999;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
}


/* [/GENERELLE KLASSER] ::::::::::::::::::::::::::::::::::: */