/* layout and divs */

div#menu {
    overflow: visible;
    width: 760px;
    float: left;
}

div#submenu {    width: 998px;    float: left;}
div#submenuW{    padding-top: 4px;    padding-bottom: 0px;}

div#hypeWrapper {      
    float:left;
    font-size:10px;
    width: 100%;
    overflow: visible;
}

div#footerW {	width:998px;	}
div#footer {
    margin-bottom:2px;
    padding-top: 12px;
    border-top: 16px solid #002561;
}


span.small { 	font-size: 12px;  }
span.big {  font-size: 18px;  color: #00a9dc; }

div#menu a {  	text-decoration: none;      }

/* Main navigation */
div.headerNavMain {
    position: relative;
    height: 25px;
    width: 998px;
    font-size: 12px;
    background-color: #002561;
}

div.headerNavMain div.divMenu{
    float: left;
    overflow: visible;
    border-right: 1px solid white;
    width: 79px;
    height: 25px;
}

div.headerNavMain a.btnMenu {
    height: 25px;
    color: #FFFFFF;
    display: block;
}

div.headerNavMain a.btnMenu span {     
    display: block;  
    padding-top: 5px;
    text-align: center;
}


div.headerNavMain div.divAlt_innhold {
    width: 100px;
    float: right;
    border-right: 0px none;

}

div.headerNavMain a.itemAlt_innhold{    width: 100px;   }

div.headerNavMain div.divKontakt_oss {    float: right; width: 100px;   }


div.headerNavMain a.itemLokalt:hover{    background-color: #F5821F; }
div.headerNavMain a.itemMening:hover {    background-color: #00ABE6;  }
div.headerNavMain a.itemKultur:hover{    background-color: #78317F; }
div.headerNavMain a.itemSport:hover{    background-color: #D71920; }
div.headerNavMain a.itemFotball:hover{    background-color: #D71920; }

div.headerNavMain div.divLokalt a.btnHover{    background-color: #F5821F; }
div.headerNavMain div.divMening a.btnHover {    background-color: #00ABE6;  }
div.headerNavMain div.divKultur a.btnHover{    background-color: #78317F; }
div.headerNavMain div.divSport a.btnHover{    background-color: #D71920; }
div.headerNavMain div.divFotball a.btnHover{    background-color: #D71920; }

div.headerNavMain a.itemKontakt_oss:hover{    background-color: #00ABE6; }
div.headerNavMain a.itemAlt_innhold:hover{    background-color: #00ABE6; }

div.headerNavMain div.divKontakt_oss a.btnHover{    background-color: #00ABE6; }
div.headerNavMain div.divAlt_innhold a.btnHover{    background-color: #00ABE6; }

div.headerNavMain a.btnMenuSelected {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    overflow: visible;
}

div.headerNavMain a.btnMenuSelected span {   display: none; }

/* Generelle stiler for pop meny */
div.popMenu{
    position: relative;
    display: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
    top: 25px;
    z-index: 3000;
}

div.popMenu span.space {
    display: block;
    height: 8px;
    background: transparent url(../img/iconsProfile.gif) 0 0 no-repeat; /* use icons from css sprites */
    width: 70px;
}

div#popLokalt span.space {   background-position: 0 -40px;  }
div#popMening span.space {   background-position: 0 -20px;  }
div#popKultur span.space {   background-position: 0 -70px;  }
div#popSport span.space {    background-position: 0 -30px;  }
div#popFotball span.space {  background-position: 0 -30px;  }

div.popMenu a.popItem{
    display: block;
    padding: 4px 20px 4px 10px;
    border-top: 1px solid white;
    text-decoration: none;
    background-color: #CECECE;
    color: #000000;
}

div.popMenu a.popItem:hover {
    background-color: #737373;
    color: #FFFFFF;
}

div#popKontakt_oss {
    height: 162px;
    width: 802px;
    overflow: hidden;
}

div#popKontakt_oss a img {border: 0;}

div#tip {  background: #00ABE6; color: #FFFFFF; }
div#tip div {float: left;}

div#tip div.tipText {padding: 9px; font-size: 12px;}
div#tip h2 { 
    font-size: 15px;
    font-family: "Arial Black", Helvetica, sans-serif;
    line-height: 1.07em;
}
div#tip a, div#tip h2 a { color: white; text-decoration: underline;}

div#tip div#col1 { width: 176px;}
div#tip div#rows { width: 483px;}
div#tip div#col2 { width: 157px;}
div#tip div#col3 { width: 174px;}
div#tip div#col4 { width: 152px;}
div#tip div#col5 { width: 143px; background: #F5821F;}

div#tip div#col1 img{ padding: 5px;}


div#popAlt_innhold{
    height: 220px;
    width: 802px;
    border-top: 1px solid #FFFFFF;
    overflow: hidden;
    background: #00529E;
    position: absolute;
    right: 0;

    /* opacity: 0.9; */
}

div#popAlt_innhold ul {
    height: 175px;
    padding-left: 10px;
}

div#popAlt_innhold li {
    float: left;
    width: 120px;
    list-style-type: none;
}
div#popAlt_innhold div.menuColumn {
    width: 125px;
    float: left;
}
div#popAlt_innhold div.menuGroup {
    float: left;
    display: block;
    width: 120px;
}
div#popAlt_innhold a {
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}
div#popAlt_innhold a:hover {
    text-decoration: none;
    color: #00ABE6;
    font-weight: bold;
}

div#popAlt_innhold h1 {
    font-size: 6px;
    color: #000000;
    line-height: 6px;
}
div#popAlt_innhold div.menuHeader {
    border-top: 6px solid #00ABE6;
    height: 10px;
}
div#popAlt_innhold div.menuFooter {
    font-size: 12px;
    background: #002561;
    padding-top: 10px;
    padding-left: 10px;
    color: #FFFFFF;
    height: 18px;
    clear: both;
}


#menuListingWrapper { font-size: 16px; line-height: 20px; color: #00ABE6; width: 100%;}
.menuHeader { font-size: 18px; line-height: 22px; }
.menuFooter { color: #000000; padding: 8px;}
.menuListing { width: 180px; float: left;}
.menuListing ul { width: 100%; padding: 16px;}
.menuListing li { }
.menuListing li.TITLE { list-style: none outside; margin-left: -16px; font-weight: bold; }
.menuListing li.BODYTEXT { list-style: circle inside; }
/**
 * Horizontal menu
*/
#menuH {    overflow: visible;    width: 546px;    float: left; }

#topnav {
    width: 546px;     height: 46px; margin: 0; padding: 0;
    float: left; position: relative;   list-style: none;
    font-size: 12px;
}

#topnav li {   float: left; margin: 0; padding: 0;
       width: 90px; height: 22px;
       border-right:1px solid white;  background-color: #002561; }

#topnav li a {    padding: 5px 0px;  display: block;  color: #ffffff;
          text-decoration: none; text-transform: uppercase; text-align: center;  }

#topnav li span a { display: inline; padding: 0px 3px; background-color: #ffffff; color: #000000; text-transform: none;  }
#topnav li span a:hover {  color: #00529E; }

#liForsiden.subActive , #liForsiden:hover  { background-color: #002561;}
#liLokalt.subActive, #liLokalt:hover { background-color: #6894BD;}
#liKultur.subActive, #liKultur:hover { background-color: #7B2365;}
#liSport.subActive, #liSport:hover { background-color: #99211C; }
#liFotball.subActive, #liFotball:hover { background-color: #99211C; }
#lifvntv.subActive, #lifvntv:hover { background-color: #3953a4; }

#topnav li span {
     display: none;  position: absolute;    left: 0px; bottom: 0px;
     float: left;    width: 546px;    height: 16px;
   padding: 0px 1px 3px 0px; background-color: #fff;
}
#topnav li.current span{ display: block; }
#topnav li:hover span { display: block; }

#topnav div.active { background: url("../img/fnutt.png") no-repeat 0px 0px;
     bottom: 16px; height: 8px; width: 90px; position: absolute;
 display: none; }
#topnav .current div.active { display: block; }
#liForsiden div.active  { background-position: 0px -0px }
#liLokalt div.active  { background-position: 0px -36px }
#liKultur div.active { background-position: 0px -48px }
#liSport div.active { background-position: 0px -12px }
#liFotball div.active { background-position: 0px -12px }
#lifvntv div.active { background-position: 0px -60px }

/**
 * Breadcrumbs, search and other heading base style
*/
#menuS { width: 282px; height: 22px; padding-left: 170px; background-color: #002561; font-size: 12px; }
#menuS ul { width: 282px; }
#menuS li {   float: left; margin: 0; padding: 0 20px; list-style: none; }
#menuS li a {    padding: 5px 0px;  display: block;  color: #ffffff; text-transform: uppercase; text-align: center;  }

div#search {    height: 24px; width: 210px; padding-left: 170px;   float: left; }
div#search #q { border: 1px solid rgb(126, 157, 185); padding: 0px;
   background: url("../img/logo/google-search.gif") no-repeat scroll left center #ffffff;}
div#search #q.clean { background:  #ffffff; }
div#search .submit input { background-color:#FFFFFF; border: 1px solid #7E9DB9;  font-size: 11px;  text-transform: uppercase; color: #7E9DB9;  
        padding: 0px; margin: 3px 0px 0px 0px;  }

#tipMenu { width: 70px; float: right; }
#tipMenu #btnTip { font-size: 18px; line-height: 16px; color: #6894BD; text-transform: uppercase;  cursor: pointer; }

div#sectionID {    width: 998px;    height: 2px;    float: left;  background-color: #6894BD;}

div#breadCrumbs {    margin-top: 4px;  padding-bottom: 16px;  font-size: 12px;    }
div#breadCrumbs .active {     font-weight: bold; }


/* hype elements */
div.hypeDivider{     border-top: 8px solid #002561;  }
div.hypeIntro{    width: 400px;    float: left;}
div.hypeIntro h2 {       font-size: 36px;    color: #969696;    font-family: Georgia, Times, Helvetica, serif;    line-height: 1.1em;}
div.hypeLinks{ float: right; font-size: 12px;}
div.hypeLinks span.space{   margin-left: 3px; margin-right: 3px; }
div.hypeBox {    width: 175px;    height: 159px;    padding: 12px;    float: left; }

div.hype {     background: transparent url(../img/icon/hype_4.jpg) no-repeat;     }
div.hype_1 {     background: transparent url(../img/icon/hype_1.jpg) no-repeat;     }
div.hype_2 {     background: transparent url(../img/icon/hype_2.jpg) no-repeat;     }
div.hype_3 {     background: transparent url(../img/icon/hype_3.jpg) no-repeat;     }
div.hype_4 {     background: transparent url(../img/icon/hype_4.jpg) no-repeat;     }

div.hypeTitle h4{ 
    font-size: 18px;    line-height: 1.07em;    font-weight: normal;    color: #00529E;
    margin-top: 5px;    margin-bottom: 3px;
}
div.hypeTitle div.right{ padding-right: 10px; }
div.hypeContent {   font-size: 12px; width: 171px;    }
div.hypeContent p {  padding-right: 6px; }
div.hypeBox a img{  border: 0px;     }

.ePaper .ui-tabs .ui-tabs-nav { display: none; }
.ePaper .ui-tabs .ui-tabs-panel { padding: 0;}
.ePaper .ui-widget-content { border: 0 solid black;}
.ePaper img { width: 140px;}
.ePaper span a { text-decoration: underline; color: #00ABE6;}

/* footer elements */
div.footerLogo {    float: left;    width: 200px;    height: 70px; }
div.footerText {    font-size: 10px;    padding-bottom: 15px;    padding-top: 5px; }
div.footerText span.space{   margin-left: 3px; margin-right: 3px; }

div.footerLinks, div.footerLinks a {    font-size: 12px;    color: #00529E;    }
div.footerLinks span.space{   margin-left: 5px; margin-right: 5px; }