/* ---------------------------------------------- */
/* TEMA Blaa - Standard (4)                       */
/* ---------------------------------------------- */

/* [GLOBAL RESET] :::::::::::::::::::::::::::::: */ 
html, body, div, span, applet, object, iframe, p, img, fieldset, form, label, legend, h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
 border: 0;
}

ol, ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

fieldset { border: 0px solid #fff; }

:link img { border: none; }

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


/* [BODY] :::::::::::::::::::::::::::::::::::::: */
html {
 font-size: 100%;
 height: 100%;
}

body {
 margin: 1em auto 0 auto;
 background: #96B7DA url(/css/tema/bilder/body-bck.jpg) fixed;
 color: #555;
 font-size: 1em;
 text-align: center;
 font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, sans-serif;
}

/* standard hyperlink */
a, a:link, a:visited {
 color: #244B75;
 text-decoration: none;
}

a:hover, a:active, a:focus { text-decoration: underline; }

input[type="text"] {
 border: 2px solid #9AB1CB;
 padding: 6px 7px 6px 7px;
}

input[type="text"]:focus, textarea:focus {
 background-color: #e6f6f7;
 color: #214c7b;
}

input[type="submit"] {
 border: none;
 background: #C1D3E1 url(/css/tema/bilder/btn-bck.jpg) repeat-x left top;
 cursor: pointer;
 padding: 6px 7px 6px 7px;
 color: #666;
}

input[type="submit"]:hover, input[type="submit"]:focus { background : #CED8E3 url(/css/tema/bilder/btn-bck.jpg) repeat-x left bottom; }

label { cursor: pointer; }

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


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

#side-layout {
 width: 94%;
 margin: 0 auto 1em auto;
 min-width: 780px;
 max-width: 1450px;
 font-size: .75em; /* 12 px */
}

/* Innhold
------------------------------------------------*/
#innhold {
 background-color: #fff;
 height: 100%;
 border: 1px solid #ddd;
 margin-bottom: 1em;
 clear: both;
}

/* DL boks, generell kontainer boks
------------------------------------------------*/

#dl-box {
 width: 80%;
 margin: 2em auto;
 border: 1px solid #eee;
 background: #fbfbfb;
 padding: .5em 3em .5em;
 text-align: left;
}

#dl-box p {
 line-height: 1.6em;
 max-width: 950px;
 margin: 1em 0;
}

/* Felles
------------------------------------------------ */

#dl-sok label, #gog-sok label {
 font-weight: bold;
 color: #92B2D8;
}

/* TOPP MED LOGO OG SOK
------------------------------------------------*/
#topp { }

#logo {
 border: 1px solid #ddd;
 background: #80a4cb url(/css/tema/bilder/logo-bck.jpg) repeat-x left top;
 border-top-width: 0;
 overflow: hidden;
 height: 4em;
}

#logo .dl-logo span {
 float: left;
 text-indent: -2000px;
 overflow: hidden;
 text-align: left;
}

#logo .dl-logo a {
 display: block;
 background: transparent url(/css/tema/bilder/dl-logo.jpg) no-repeat left bottom;
 width: 250px;
 height: 45px;
}

#logo .dl-logo a:hover, #logo .dl-logo a:active, #logo .dl-logo a:focus { background-position: left top; }

/* Dine Linker Sok */

#dl-sok {
 float: right;
 border: 1px solid #ddd;
 border-bottom: none;
 margin: .5em 0 0 0;
 width: 43em;
 padding: .3em .5em .3em 0;
 background-color: #80A4CB;
 text-align: right;
}

#dl-sok #q { width: 55%; }

/* Nav
------------------------------------------------*/
#nav {
 color: #fff;
 width: 100%;
 text-align: center;
}

#nav li { display: inline; }

#nav li a {
 text-decoration: none;
 background: #C1D3E1 url(/css/tema/bilder/tab-bck.jpg) repeat-x left top;
 padding: 0 1em;
 border: 1px solid #ddd;
 line-height: 1.4em;
 display: inline-block;
 border-bottom: none;
}

#nav li a:hover, #nav li a:active, #nav li a:focus {
 background: #CED8E3 url(/css/tema/bilder/tab-bck.jpg) repeat-x left bottom;
 color: #353535;
 border-color: #fff;
}

/* Sub Nav */
#nav-sub { padding-top: 2.2em; }

#nav-sub li { float: right; }

#nav-sub li a {
 background: transparent url(/css/tema/bilder/seperator.gif) no-repeat 0 50%;
 padding: 0 0 0 1.3em;
 margin: 0 .5em 0 0;
 color: #f4f4f4;
 display: inline;
}

/* BROEDSMULESTI
------------------------------------------------*/
#brod-sti {
 background: #80a4cb;
 padding: .8em 1em;
 text-align: left;
 color: #f4f4f4;
 margin-bottom: .5em;
}

#brod-sti p {
 margin: 0;
 padding: 0;
 line-height: 1em;
}

#brod-sti ul li {
 display: inline;
 margin-right: 0;
}

#brod-sti ul li a {
 background: transparent url(/css/tema/bilder/raquo.gif) no-repeat 0 50%;
 padding: 0 .5em 0 1em;
 color: #f4f4f4;
 border-bottom: none;
}

#brod-sti ul li a:hover { color: #E2ECF6; }

#brod-sti ul li span { display: none; }

/* BUNN
------------------------------------------------*/
#bunn {
 background-color:#F2F7FA;
 overflow: hidden;
}

#bunn .copyright {
 font-size: 1.4em;
 color: #AEBCCB;
 margin: 1em 0;
}

#bunn ul {
 color: #fff;
 text-align: center;
 margin: 1em 0;
}

#bunn ul li {
 display: inline;
 margin: 0 1em;
}

#anker-toppen {
 float: right;
 width: 40%;
 text-align: right;
}

#anker-toppen em { display: none; }

#anker-toppen a {
 float: right;
 display: block;
 background: transparent url(/css/tema/bilder/til-toppen.gif) no-repeat left bottom;
 width: 40px;
 height: 40px;
}

#anker-toppen a:hover { background: transparent url(/css/tema/bilder/til-toppen.gif) no-repeat left top; }

#webhuset {
 float: left;
 width: 40%;
 text-align: left;
}

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


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



#dl-box h1, #dl-box h2, #dl-box h3, #dl-box h4, #dl-box h5, #dl-box h6 {
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #546f8c;
}

#dl-box h1 { font-size: 1.8em; }

#dl-box h2 { font-size: 1.6em; }

#dl-box h3 { font-size: 1.4em; }

#dl-box h4 { font-size: 1.2em; }

#dl-box h5 { font-size: 1.2em; }

#dl-box h6 { font-size: 1.2em; }

#dl-box li { padding: 0.2em 0 0.2em 0; }

/* list tag stiler */
#dl-box ul {
 margin: 0 0 0 40px;
 list-style-type: square;
}

#dl-box ol {
 margin: 0 0 0 40px;
 list-style-type: decimal;
}

#dl-box ul ul { list-style-type: disc; }

#dl-box ol ol { list-style-type: lower-roman; }

#dl-box ul ul ul { list-style-type: disc; }

#dl-box li {
 padding: 5px 0 5px 0;
 color: #444;
}

#innhold.mld-bruttlink {
 font-size: .75em; /* 12 px */
 background-color: transparent;
 border: none;
 height: auto;
}

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


/* [GOOOOGLLE] ######################################## */
#gog-sok {
 width: 100%;
 background: #80a4cb;
 border-top: 2px solid #7798BC;
 border-bottom: 2px solid #7798BC;
 text-align: center;
 margin-top: 1em;
 padding: .5em 0;
 clear: both;
}

#gog-sok .gog-input { width: 40%; }

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

/* MELDINGS BOKSER
------------------------------------------------*/

.mld-box {
 background-color: #eff4ff;
 color: #333;
 border: 1px solid #4A659C;
 padding: .8em .5em .8em 4em;
 width: 80%;
 text-align: left;
 margin: 1em auto;
 clear: both;
}

.mld-box.informasjon { background: #eff4ff url(/bilder/ikon-informasjon.gif) no-repeat 1em 50%; }

.mld-box.feil {
 background: #ffffe0 url(/bilder/ikon-feil.gif) no-repeat 1em 50%;
 border: 1px solid #990000;
 color: #990000;
}

.mld-box.vellykket {
 background: #B6D5B8 url(/bilder/ikon-ok.png) no-repeat 1em 50%;
 border: 1px solid #416941;
}

.mld-box.advarsel {
 background: #E5E5A3 url(/bilder/ikon-advarsel.gif) no-repeat 1em 50%;
 border-color: #A3A374;
}

/* ANNONSER
------------------------------------------------*/
.dl-ads {
 width: 98%;
 text-align: center;
 margin: .5em 0;
}

.dl-ads .ad468x60 {
 width: 520px;
 height: 70px;
 background:transparent url(/css/tema/bilder/gadsense_468.jpg) no-repeat left center;
 padding: 7px 0 3px 20px;
 text-align: left;
 margin: 0 auto;
}

.dl-ads .ad728x90 {
 width: 775px;
 height: 104px;
 background:transparent url(/css/tema/bilder/gadsense_728.jpg) no-repeat left center;
 padding: 14px 0 0 20px;
 text-align: left;
 margin: 0 auto;
}

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

.clearb { clear: both; }

.clearr { clear: right; }

.clearl { clear: left; }

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

/* DIVERSE KLASSER
------------------------------------------------*/
.off-screen, hr {
 position: absolute;
 left: 0;
 top: -9999px;
 width: 1px;
 height: 1px;
 overflow: hidden;
}

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

.display-block { display: block; }

.hidden { display: none; }

.floatl { float:left; }

.floatr { float: right; }

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


/* --------------------------------------------- */
/* divboks for paging (side 1 - 2 - osv )        */
/* --------------------------------------------- */

#pagingbox {
 padding: 0;
 margin: 1em 2em;
 font-size: 1.2em;
 overflow: hidden;
}

#pagingbox ul {
 list-style: none;
 margin:0;
 padding: 0;
}

#pagingbox ul li {
 margin:0 3px 0 0;
 list-style: none;
 padding: 0;
}

#pagingbox ul li a, #pagingbox ul li a:visited {
 margin:0 3px 0 0;
 text-decoration: none;
 color: #2e6ab1;
 float: left;
 display: block;
 border: 1px solid #ddd;
 padding: 3px 6px;
}

#pagingbox ul li a:hover, #pagingbox ul li a:active, #pagingbox ul li a:focus { background-color: #8db3d1; }

#pagingbox li.pbxcurrent {
 background-color: #2e6ab1;
 font-weight: bold;
 padding: 4px 6px;
 color: #fff;
 float: left;
 display: block;
}