* {
   margin: 0;
   padding: 0;
}


body {
   background: #AACAE3;
   font: 62.5% Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #575757;
}

#wrapper {
   width: 770px;
   margin: 0;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   background: url(img/bg_wrap.gif) 0 0 repeat-y;
}

#header {
   background: #AACAE3 url(img/bg_header.gif) 0 23px no-repeat;
   height: 40px;
}

#logo {
   height: 181px;
   width: 180px;
   background: #fff;
}

#logo a img {
   border: none;
   margin: 0;
}

#topdiv {
   background: url(img/topphoto.jpg) no-repeat;
   float: left;
   height: 179px;
   width: 565px;
}

#left-col {
   float: left;
   width: 180px;
   display: inline;
   margin-left: 10px;
}


#footer {
   clear: both;
   margin: 0;
   margin-top: 20px;
   padding: 15px 0 10px 0;
   margin-bottom: 20px;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #000;
   font-size: 1.1em;
   text-align: center;
   width: 770px;
   height: 40px;
   background: #003366 url(img/testfot.png) repeat-x;
}

* html #footer {
   margin-bottom: 0;
   padding-bottom: 10px;
}

#footer li {
   display: inline;
   list-style: none;
}

#footer li a {
   padding-right: 5px;
   padding-left: 5px;
}

#footer a {
   color: #ccc;
   text-decoration: none;
}

#footer a:hover {
   color: #fff;
   text-decoration: none;
}

#content {
   float: left;
   width: 565px;
   display: inline;
   margin-left: 5px;
}

.main-left {
   float: left;
   width: 190px;
}

.main-right {
   float: right;
   width: 189px;
   border-left: 1px solid #eee;
}

.divider {
   border-top: 1px solid #eee;
   clear: both;
   margin: 10px;
}

/* ======================== */
/* ==== SMÅ GRÅ BOKSER ==== */
/* ======================== */

.ram {
   background: #f0f0f0;
   margin: 10px;
   border: 1px solid #d6d6d6;
}

.ram p.headlines {
   padding-left: 10px;
}

.ram blockquote {
   padding-top: 1px;
   background: url(img/sitat_grey.png) 0 0 no-repeat;
}

/* ======================== */
/* ==== HØGRE KOLONNE ===== */
/* ======================== */

#right-col {
   float: right;
   width: 180px;
}

#right-col h3 {
   font: bold 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   color: #fff;
   background: #707FB1 url(img/h_bg.png) top left repeat-x;
   padding: 3px 5px 3px 15px;
   border-top: 3px solid #fff;
   border-bottom: 3px solid #fff;
}

/* ====================== */
/* ====== HOVEDKOLONNE == */
/* ====================== */

#main-col {
   float: left;
   width: 380px;
   padding-bottom: 15px;
   font-size: 1.1em;
   overflow: hidden;
   background: #fff;
}

#main-col a img{
   border: 2px solid #ECE9D8;
   margin: 3px 3px 3px 0;
   padding: 5px;
}

#main-col a:hover img {
   border: 2px solid #4682B4;
   text-indent: 0;
}

#main-col a:hover {
   text-decoration: none;
}

#main-col ul#galleries {
   margin: 15px;
   padding: 15px;
}

#main-col h1 {
   font: 2.4em Arial, Helvetica, sans-serif;
   color: #5E7995;
   background: #F9F9F9 url(img/bg_h1.gif) repeat-x;
   border-bottom: 1px solid #eee;
   letter-spacing: -1px;
   padding: 6px 15px;
   margin-top: 3px;
}

#main-col h2 {
   font: 1.8em Georgia, "Times New Roman", Times, serif;
   color: #A65757;
   margin: 5px 10px;
   letter-spacing: -1px;
   border-bottom: 1px solid #eee;
}

#main-col h3 {
   font: bold 1.45em Arial, Helvetica, sans-serif;
   letter-spacing: -1px;
   color: #336699;
   margin: 5px 15px;
}

#main-col h4 {
   font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
   margin-left: 15px;
   color: #a65757;
}

#main-col p {
   margin: 15px;
   line-height: 1.5em;
}

#main-col ul {
   margin: 15px;
}

#main-col li {
   margin: 4px 15px;
}

#main-col a {
   color: #3399CC;
   text-decoration: none;
}

#main-col a:hover {
   color: #CC6600;
   text-decoration: none;
}

/* ======================= */
/* === Venstre Kolonne === */
/* ======================= */

.sidenav {
   float: left;
   width: 180px;
}

.sidenav h3 {
   font: bold 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   color: #fff;
   background: #707FB1 url(img/h_bg.png) top left repeat-x;
   padding: 3px 5px 3px 15px;
   border-top: 3px solid #fff;
   border-bottom: 3px solid #fff;
}

.sidenav ul {
   line-height: 20px;
}

.sidenav li {
   margin-top: 1px;
   list-style-type: none;
   width: 180px;
   float: left;
}

.sidenav li#nav-home {
   background-color: #733339;
}

.sidenav li#nav-news {
   background-color: #853B42;
}

.sidenav li#nav-nyheter {
   background-color: #97434B;
}

.sidenav li#nav-arkiv {
   background-color: #A94B54;
}

.sidenav li#nav-results{
   background-color: #B55861;
}

.sidenav li#nav-bio{
   background-color: #BD6A72
}

.sidenav li#nav-media{
   background-color: #C57C83;
}

.sidenav li#nav-media li{
   background-color: #E8F0FF;
   color: #FFFFFF;
}

.sidenav li.nav-links{
   background-color: #CD8E94;
}

/* ========================== */
/* INTERAKTIVT */
/* ========================== */
.sidenav li#diverse1 {
   background-color: #174417;
}

.sidenav li#diverse1 {
   background-color: #174417;
}

.sidenav li#diverse2 {
   background-color: #1d5a1d;
}

.sidenav li#diverse3 {
   background-color: #236d23;
}

.sidenav li#diverse4 {
   background-color: #298029;
}

.sidenav li#diverse5 {
   background-color: #2f932f;
}

.sidenav li#diverse6 {
   background-color: #35A635;
}

.sidenav li#diverse7 {
   background-color: #35A635;
}

.sidenav li#diverse8 {
   background-color: #35A635;
}

.sidenav li#diverse9 {
   background-color: #35A635;
}

.sidenav li#diverse10 {
   background-color: #35A635;
}

.sidenav li#diverse11 {
   background-color: #153E15;
}

.sidenav li#diverse2 a span {
   font-size: 80%;
   color: yellow;
}

/* ========================= */
/* === LINKER === */
/* ========================= */

.sidenav li#andre1 {
  background-color: #003366;
}

.sidenav li#andre13 {
   background-color: #004080;
}

.sidenav li#andre2 {
  background-color: #004080;
}

.sidenav li#andre3 {
  background-color: #004d99;
}

.sidenav li#andre4 {
  background-color: #005ab2;
}

.sidenav li#andre5 {
  background-color: #0067cb;
}

.sidenav li#andre6 {
  background-color: #0074e4;
}

.sidenav li#andre7 {
  background-color: #0081fe;
}

.sidenav li#andre8 {
  background-color: #198eff;
}

.sidenav li#andre9 {
  background-color: #339bff;
}

.sidenav li#andre10 {
   background-color: #4da7ff;
}

.sidenav li#andre11, .sidenav li#andre12 {
   background-color: #4da7ff;
}

.sidenav a {
   text-decoration: none;
   display: block;
   padding: 5px 0 5px 20px;
   font: small-caps 1.3em Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   width: 160px;
}

.sidenav a:hover {
   background: #3399cc url(img/hover.gif) no-repeat 100% 50%;
   color: #fff;
}

/* /==================================================/ */

.date {
   font-size: 0.9em;
   color: #C77E86;
   border-bottom: 1px dashed #eee;
}

.clear {
   clear: both;
}

.hide {
   display: none;
}

/*====================sponsors=================================*/

.sponsors {
   float: left;
   width: 180px;
   font-size: 1.1em;
}

.sponsors li {
   background: #F0F0F0;
}

.sponsors h4 {
   font: bold 1.4em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   color: #336699;
   padding: 5px 10px;
}

.sponsors ul {
   list-style-type: none;
}

.sponsors li a {
   border-bottom: 1px solid #fff;
   width: 170px;
   display: block;
   padding: 0 0 5px 10px;
   font: 1em Arial, Helvetica, sans-serif;
   color: #369;
}

.sponsors li a:hover {
   color: #000;
   text-decoration: none;
}

/*============================== Tabeller ============================*/

#table {
   float: left;
   width: 180px;
   background: #f8f8f8;
}

#table table {
   width: 180px;
}

#table table th {
   font-weight:normal;
   text-align: left;
   text-transform: uppercase;
}

#table table tr td {
   color: #666;
   border: 0;
   text-align: left;
}

#table a, #table a:link, #table a:visited {
   color: #3399cc;
   text-decoration: none;
}

#table a:hover {
   color: #000;
   text-decoration: none;
}

.rightalign {
   text-align: right;
   padding-right: 5px;
   padding-bottom: 3px;
 }
 
 .rightalign a {
    color: #3399cc;
    text-decoration: none;
 }
 
 .rightalign a:hover {
    color: #000;
    text-decoration: underline;
 }
 
 .decorative {
 padding: 6px;
 background: #F0F0F0;
 border: 2px solid #E1E1E1;
 margin: 5px;
 margin-left: 20px;
}

/* ======================= Referatmal =============================== */

#hole-col {
   width: 565px;
   background: #fff;
   padding-bottom: 10px;
   font-size: 1.1em;
}

#hole-col h1 {
   font: 2.4em Arial, Helvetica, sans-serif;
   color: #5E7995;
   background: #F9F9F9 url(img/bg_h1.gif) repeat-x;
   border-bottom: 1px solid #eee;
   letter-spacing: -1px;
   padding: 6px 15px;
   margin-top: 3px;
}

#hole-col h3 {
   font: 1.8em Georgia, "Times New Roman", Times, serif;
   color: #A65757;
   margin: 5px 10px;
   letter-spacing: -1px;
   border-bottom: 1px solid #eee;
}

#hole-col h4 {
  font: 1.5em georgia, "times new roman", times, serif;
  color: #a65757;
  margin: 5px 10px;
  letter-spacing: -1px;
  border-bottom: 1px solid #eee;
}

#hole-col h4 span {
   color: #666;
}

#hole-col a:link, #hole-col a:visited {
   color: #3399cc;
   text-decoration: none;
}

#hole-col a:hover {
   color: #000;
   text-decoration: underline;
}

#hole-col ul#news {
   margin: 0;
   padding: 0;
}

#holi-col ul#news li {
   list-style: none;
   margin: 0;
   padding: 0;
}

img.referat {
   margin: 10px;
   margin-top: 2px;
   margin-bottom: 2px;
   padding: 5px;
   background: #eee;
   border: 1px solid #a65757;
}

#hole-col p {
   margin: 5px 10px;
   line-height: 145%;
   font-size: 1.05em;
}

.float-left {
   float: left;
   width: 282px;
   background: #fff;
}

/* ============================== Referat =============================== */

p.dommer {
   padding-left: 25px;
   background: url(img/dommer.png) left no-repeat;
}

p.sted {
   padding-left: 25px;
   background: url(img/sted.gif) left no-repeat;
}

p.tilskuer {
   padding-left: 25px;
   background: url(img/tilskuer.png) left no-repeat;
}

p.maal {
   padding-left: 25px;
   background: url(img/maal.png) left no-repeat;
}

p.g_kort {
   padding-left: 25px;
   background: url(img/gule.png) left no-repeat;
}

p.r_kort {
   padding-left: 25px;
   background: url(img/rode.png) left no-repeat;
}

p.bb {
  padding-left: 25px;
  background: url(img/bb.png) left no-repeat;
}

p.bildekommentar {
   margin-top: 0;
   padding-top: 0;
   text-align: center;
   font-size: 95%;
   color: #777;
}

p.bildekommentar a {
   color: #3399cc;
   text-decoration: none;
}

p.bildekommentar a:hover {
   color: #000;
   text-decoration: underline;
}

.float-right {
   float: right;
   width: 281px;
   border-left: 1px solid #eee;
   background: #fff;
}

ul.referat li {
   list-style: none;
   margin: 0;
}

ul.referat li {
   list-style: none;
   margin: 0;
}

/* =============================== Spillerprofiler ============================= */

dl {
   margin: 7px 2px 2px 10px;
}

dt {
   float: left;
   width: 110px;
   margin-left: 5px;
}

dd {
   margin-left: 116px;
}

img.profil {
   margin-left: 10px;
   padding: 3px;
   border: 1px solid #ccc;
   background: #f8f8f8;
}

#main-col dl#visittkort {
   margin: 7px 2px 2px 10px;
}

#main-col dl#visittkort dt {
   float: left;
   width: 90px;
   margin-left: 5px;
}

#main-col dl#visittkort dd {
   margin-left: 96px;
}

/* ===================================== Gallerimal-galleri index ======================= */

div.bilder-left {
   float: left;
   width: 190px;
   text-align: center;
}

div.bilder-left h3, div.bilder-right h3 {
   color: #2F932F;
   font-weight: normal;
}

div.bilder-right {
   float: right;
   width: 189px;
   text-align: center; 
 }

a img.galleri {
   border: 1px solid #ccc;
}

a:hover img.galleri {
   border: 1px solid #3399cc;
}

img.galleri {
  margin: 10px;
  padding: 3px;
  border: 1px solid #ccc;
  background: #f8f8f8;
}

/* ========================== LIVEOVERFØRINGER ============================ */

p.tom {
   background: url(live/i_live/tom.gif) 0 0 no-repeat;
   padding-left: 20px;
}

p.livemaal {
   background: url(live/i_live/maal.gif) left no-repeat;
   padding-left: 20px;
   color: red;
}

p.liveinfo {
   background: url(live/i_live/info.gif) left no-repeat;
   padding-left: 20px;
}

p.keeper {
   background: url(/live/i_live/keeper.gif) left no-repeat;
   padding-left: 20px;
}

p.bytte {
   background: url(/live/i_live//bytte.gif) 0 0 no-repeat;
   padding-left: 20px;
}

p.liveg_kort {
   background: url(live/i_live/gult.gif) left no-repeat;
   padding-left: 20px;
}

p.skade {
   background: url(live/i_live/skade.gif) left no-repeat;
   padding-left: 20px;
}

p.liver_kort {
   background: url(live/i_live/rodt.gif) left no-repeat;
   padding-left: 20px;
}

p.sjanse {
   background: url(live/i_live/sjanse.gif) left no-repeat;
   padding-left: 20px;
}

p.slutt {
   background: url(live/i_live/dommer.gif) left no-repeat;
   padding-left: 20px;
}

/* Før kampen mal */
ul.forkamp {
   margin: 0;
   margin-left: 10px;
   padding: 0;
}

ul.forkamp li {
   margin: 0;
   padding: 0;
   list-style: none;
}

/* ======================== Kontaktskjema ============================= */

#kontakt {
   margin: 10px;
}

fieldset {
   border: none;
}

textarea {
   text-align: left;
   margin-left: 10px;
   color: #003366;
}

#notes { 
   border: 1px solid #003366;
   margin-left: 15px;
}

.button {
   color: #fff;
   background: #003366;
   width: 50px;
}

.button:hover {
   color: #003366;
   background: #fff;
}

/* =========================== Statistikk - annonsere mm ============================= */

table#statistikk {
   margin-left: 10px;
   margin-right: 10px;
}

table#statistikk th {
   color: #336699;
   background: #f8f8f8 url(img/headcell_bg.png) repeat-x;
   text-align: left;
   padding: 7px 3px 7px 3px;
   text-transform: uppercase;
}

table#statistikk th.bilde {
   background: #fff;
}

table#statistikk tr.second {
   color: #339bff;
   background: #f8f8f8;
}

table#statistikk td {
   padding-right: 5px;
   border: 1px solid #f0f0f0;
}

table#statistikk img {
   border: 1px solid #003366;
}

table#statistikk td.bilde {
   border: none;
}

table#statistikk td.bilde {
   background: #fff;
   margin: 0;
   padding: 0;
}

/* ================ class statistikk ==================== */

table.statistikk {
   margin-left: 10px;
   margin-right: 10px;
}

table.statistikk th {
   color: #336699;
   background: #f8f8f8 url(img/headcell_bg.png) repeat-x;
   text-align: left;
   padding: 7px 3px 7px 3px;
   text-transform: uppercase;
}

table.statistikk th.bilde {
   background: #fff;
}

table.statistikk tr.second {
   color: #339bff;
   background: #f8f8f8;
}

table.statistikk td {
   padding-right: 5px;
   border: 1px solid #f0f0f0;
}

/* ================ class statistikk slutt ============== */

dl#statistikk dt {
   float: left;
   width: 220px;
   border-bottom: 1px solid #eee;
   border-right: 1px solid #eee;
}

dl#statistikk dd {
   margin-left: 221px;
   border-bottom: 1px solid #eee;
}

dl#stats dt {
   float: left;
   width: 220px;
   border-bottom: 1px solid #eee;
   border-right: 1px solid #eee;
}

dl#stats dd {
   margin-left: 221px;
   border-bottom: 1px solid #eee;
}

/* ============================= Annonser ========================== */

 table#statistikk th.colspan {
    color: #003366;
    background: #f8f8f8;
 }

img.info {
   float: left;
   margin: 2px;
   margin-left: 10px;
   margin-right: 5px;
   padding: 2px;
   border: 1px solid #ccc;
}

#googleads {
   text-align: center;
   margin: 5px 0;
}

#google_sidebox {
   text-align: center;
   background: #f0f0f0;
   margin: 0;
   padding: 0;
}

#google_sidebox h3 {
   font: bold 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   color: #fff;
   background: #707FB1 url(img/h_bg.png) top left repeat-x;
   padding: 3px 5px 3px 15px;
   border-top: 3px solid #fff;
   border-bottom: 3px solid #fff;
   text-align: left;
}

#google_whitebox {
   text-align: center;
   padding-top: 10px;
   margin-top: 10px;
}

#quiz {
   padding-left: 10px;
}

div.headlines {
   display: block;
   height: 10px;
   margin: 0;
   margin-left: 10px;
   padding: 0;
}

div#update {
   width: 380px;
   text-align: center;
   color: #aaa;
}

p#online {
   text-align: right;
}

p#online span {
   color: #336699;
}

#main-col dl{
   margin: 7px 0 2px 5px;
}

#main-col dl dt {
   float: left;
   width: 130px;
   margin-left: 10px;
   padding: 2px 0 0 0;
}

#main-col dl dd {
   margin-left: 145px;
   padding: 2px 0 0 3px;
}

/* IEFIX */
* html #main-col dl dd.iefix {
   margin-left: 139px;
}

#hole-col img.kart {
   margin: 3px;
   margin-left: 5px;
   padding: 5px;
   border: 1px solid #ccc;
}

/* Google søkeboks */

div#search {
   background-color: #f0f0f0;
}

div#search a img {
   border: none;
}

div#search #button {
   text-align: center;
   width: 50px;
   background-color: #336699;
   color: #fff;
   border: 1px solid #ccc;
   margin-bottom: 5px;
}

div#search #button:hover {
   color: #336699;
   background-color: #fff;
}

div#search p#searchtext {
   padding-top: 5px;
   padding-bottom: 5px;
}

div#search #boks {
   width: 175px;
   background: #f8f8f8;
   color: #336699;
   border: 1px solid #336699;
}

div#search h3 {
   font: bold 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   color: #fff;
   background: #707FB1 url(img/h_bg.png) top left repeat-x;
   padding: 3px 5px 3px 15px;
   border-top: 3px solid #fff;
   border-bottom: 3px solid #fff;
}

input.button {
   text-align: center;
   width: 50px;
   background-color: #336699;
   color: #fff;
   border: 1px solid #ccc;
   margin-bottom: 5px;
}

table#historie {
   margin-left: 55px;
}

table#historie th {
   text-align: left;
   color: #fff;
   background: #336699;
   padding: 2px 1px 1px 2px;
}

table#historie td {
   border: 1px solid #ccc;
}

table#historie tr.opprykk {
   color: #000;
   background: yellow;
}

table#historie tr.nedrykk {
   background: #ff918c;
   color: #000;
}

table#historie tr.second {
   background: #f8f8f8;
}

/*Info og Alfabetisk spilleroversikt */

div.alfa {
   margin-top: 5px;
}

div.alfa h5 {
   margin-left: 10px;
   margin-right: 10px;
   color: #336699;
   background: #f8f8f8;
   font-weight: normal;
   font-size: 1.3em;
   border-top: 1px solid #f0f0f0;
   border-bottom: 1px solid #f0f0f0;
}

div.alfa ul.navn {
   list-style: none;
}

div.alfa ul.forkamp li {
   margin: 3px 0 0 10px;
   padding-left: 10px;
}

/* ============================================== */
.ram p.tid {
   background: url(img/clock.gif) left no-repeat;
   padding-left: 45px;
}

.ram p.lag {
   background: url(img/boxing.gif) left no-repeat;
   padding-left: 45px;
}

.ram p.sted {
   background: url(img/sted.gif) left no-repeat;
   padding-left: 45px;
}

.ram p.referee {
   background: url(img/whistle.png) left no-repeat;
   padding-left: 45px;
}

.ram p.odds {
   background: url(img/nordicbet.png) left no-repeat;
   padding-left: 45px;
}

.ram img.center {
   margin-left: 10px;
}

/* ================================================ */

#gjestebok {
   margin-left: 10px;
   margin-right: 10px;
}

#gjestebok table {
   margin-top: 10px;
   border: 1px solid #ccc;
}

#gjestebok table td {
   padding: 2px;
}

#gjestebok table td.headcell {
   background: #f8f8f8 url(img/headcell_bg.png) repeat-x;
   border-bottom: 1px solid #ccc;
   padding: 3px 2px 5px 2px;
}

#gjestebok table td.subcell {
   background: #fff;
   padding: 5px 2px 5px 2px;
}

/* ======================================================= */

/* ============== News --oppdateringer av stilsetting ============== */

.newspic {
   float: left;
   padding: 3px;
   border: 1px solid #ccc;
   margin: 0 5px 5px 0;
}

#hole-col blockquote {
   padding: 13px;
   color: #aaa;
   background: url(img/sitat_main.png) top left no-repeat;
}


/* =========== DIVERSE =========== */

div#priser {
   text-align: center;
   margin-top: 2px;
   padding-top: 10px;
   padding-bottom: 10px;
   background: #f0f0f0;;
}

div#priser a img {
   border: none;
}

/* ============ Spillseksjon ============== */

h4.spill {
   clear: both;
}

a.spillink img {
   margin: 0;
   padding: 4px;
   border: 1px solid #ccc;
   text-decoration: none;
}

a.spillink:hover img {
   border: 1px solid #45c000;
   background: #ccc;
}