@media screen and (min-width: 899px){

.mainnava, .mainnava:link, .mainnava:visited {
    border:none;
    color:#000;
    padding:2px 4px 2px 4px;
    margin:0px;
    background-color: #b8bab8;
    text-decoration:none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}


.mainnava:hover, .mainnava:active, mainnavasel  {
    background-color: #848c8c ;
    color:#fff;
    padding:2px 4px 2px 4px;
    margin:0px;
    text-decoration:none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.mainnav li{
    position:relative;
    top:25px;
    padding:2px 4px 2px 4px;
    margin:0px;
    left:21%;
    line-height:14px;
    font-size:80%;
    border:none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    list-style: none;
    display:inline;
}

.mainnav li:hover {
    color:#000 ;
    padding:5px 2px 2px 4px;
    margin:0px;
    background: #848c8c ;
}

.mainnav li.selectedark {
    padding:5px 4px 2px 4px;
    color:#fff ;
    margin:0px;
    background: #848c8c ;
}

.header, .article, .footer {
    display: block;
    padding:2px 2px 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    background:#f6f6f7 ;
}
.header {
    height:92px;
    line-height:100%;
}

.hgroup img {
    height:24px !important;
    top:0px;
    padding:3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.header .logo {
    position:absolute;
    left:0px;
    float:left;
    top:10px;
    width:150px;
}


.nav {
    background-color: #f6f6f7;
    text-align:center;
    list-style: none;
    font-size:0.6em;
    padding:4px 12px 4px 12px;
    white-space: nowrap;
    overflow: hidden;
}

.nav li {
    list-style: none;
    display:inline;
}


.nav p.zero a:link, .nav p.zero a:visited, .nav p.zero a:hover {
    position:absolute;
    padding:2px 2px 2px;
    background:#f6f6f7 ;
    top:95px;
    left:21%;
    color:#000;
    white-space: nowrap;
}
.nav li.zero2 a:link, .nav li.zero2 a:visited, .nav li.zero2 a:hover {
    position:absolute;
    top:35px;
    left:21%;
    color:#ffffff;
    width: 56%;
    padding:4px 12px 4px 12px;
    font-size:1.5em;
    white-space: nowrap;
    overflow: hidden;
    background-color: #007fa4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.nav li.one a:link, .nav li.one a:visited, .nav li.one a:hover {
    position:absolute;
    top:65px;
    left:21%;
    color:#fff;
    width: 16%;
    padding:4px 12px 4px 12px;
    font-size:1.5em;
    white-space: nowrap;
    overflow: hidden;
    background-color: #f47d4d;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.nav li.two a:link, .nav li.two a:visited, .nav li.two a:hover {
    position:absolute;
    top:65px;
    left:39.5%;
    color:#fff;
    width: 17.5%;
    padding:4px 12px 4px 12px;
    font-size:1.5em;
    white-space: nowrap;
    overflow: hidden;
    background-color: #94BB1F;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.nav li.three a:link, .nav li.three a:visited, .nav li.three a:hover {
    position:absolute;
    top:65px;
    left:59.5%;
    color:#fff;
    width: 17.5%;
    padding:4px 12px 4px 12px;
    font-size:1.5em;
    white-space: nowrap;
    overflow: hidden;
    background-color: #8a951e;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.nav li.four a:link, .nav li.four a:visited, .nav li.four a:hover {
    position:absolute;
    top:65px;
    width: 16%;
    color:#fff;
    width: 210px;
    padding:4px 12px 4px 12px;
    font-size:1.5em;
    white-space: nowrap;
    overflow: hidden;
    background-color: #007fa4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


a img {
    border:none;
    float:right;
}

.chapwrap{
    position:absolute;
    top:150px;
    width:20%;

}

.leftone {
    position:relative;
    padding:4px;
    margin:2px;
    font-size:80%;
    text-align:left;
    line-height:2.5em;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #b8bab8;

}

.leftonered {
    position:relative;
    color: red;
    font-size:80%;
    padding:4px;
    margin:2px;
    line-height:2.5em;
    text-align:left;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #848c8c ;
}



iframe[seamless]{
    important: !;
    display:block;
    position:relative;
    top:30px;
    left:21%;
    background-color:transparent;
    width:66%;  /* Bredde for midterspalte */
    height:5000px;
    padding:2px;
    margin-top:3px;
    margin-bottom:130px;
    border:0px;
    overflow-x:auto;
    overflow-y:auto;
    
}



.leftone {
    display:block;
}
.leftonered {
    display:block;
}
.lefttwo {
    display:none;
}
.lefttwored {
    display:none;
}
.article {
    position:relative;
    top:30px;
    left:21%;
    width:58%;  /* Bredde for midterspalte */
    padding:2px;
    margin-top:3px;
    margin-bottom:130px;
    text-align:left;
    font-weight:normal;
}
.footer {
  position: relative;
  width: 50%;
  left:21%;
  bottom: 0;
}

.footer p {
    font-size:80%;
    color:#000;
    text-align:center;
    font-style:italic;
    margin:0px 5px;
}

a.leftnotsel {
    background-color: #b8bab8;
    color:#000;
    padding:2px;
}
.leftsel, a.leftnotsel:hover {
    background-color: #b8bab8;
    color:#fff;
    padding:2px;
}

.selectChap {
    color:green ;
    padding:1px;
    background-color: #b8bab8;
}

}