.img-responsive {
    max-width:100%;
    height:auto;
}
.table-responsive {
    overflow-x:auto;
}
a:hover, a:active {
    color:#6E9A06;
}
table.lamp, table.w3-table-all {
    margin:16px 0;
}
/*OPPSETT AV TOP, TOPNAV, SIDEMENU, MAIN, RIGHT OG FOOTER:*/
.top {
    background-color:#ffffff;
    height:68px;
    padding-top:20px;
    line-height:50px;
    overflow:hidden;
}
.topnav {
    position:relative;
    z-index:1;
    font-size: 17px;
    background-color:#5f5f5f;
    color:#f1f1f1;
    width:100%;
    padding:0;
    letter-spacing:1px;
}
.topnav a{
    text-decoration:none;
    padding:10px 15px 9px 15px !important;
    border-bottom:none;
    display:inline-block;
}
.topnav a:hover{
    border-bottom:none;
    background-color:#000000;
    color:#ffffff;
}
.topnav a.active {
    background-color:#8AC007;
    color:#ffffff;    
}
a.topnav-icons {
    width:52px;
    font-size:18px !important;
    padding-top:14px !important;
    padding-bottom:12px !important;
}
a.topnav-localicons {
    font-size:20px !important;
    padding-top:6px !important;
    padding-bottom:12px !important;
}
i.fa-caret-down,i.fa-caret-up {
    width:10px;
}
#sidemenu h2 {
    font-size:22px;
    padding-left:16px;
}
#sidemenu a {
    display:block;
    text-decoration:none;
    padding:2px 2px 2px 16px;
    font-size:15px;
}
#sidemenu a:hover {
    background-color:#dddddd;
    color:#000000;
}
#sidemenu a.active {
    background-color:#dddddd;
    color:#000000;    
}
#sidemenuinner {
    padding-bottom:40px;
    padding-top:10px;
}
#main {
    padding:16px;
}
#mainLeaderboard {
	height:90px;
}
#right {
    text-align:center;
    padding-top:16px;
    padding-right:16px;
}
#right a {
    text-decoration:none;    
}
#right a:hover {
    text-decoration:underline;
}
#right h3 {
    font-size:18px;
}
#skyscraper {
    min-height:600px;
}
.sidesection {
    margin-bottom:32px;
}
.bottomad{
    padding:0 16px 16px 0;
    float:left;
    width:auto;
}
.footer a {
    text-decoration:none;
}
.footer a:hover{
    text-decoration:underline;
}
.w3-dropnav {
    display:none;
    position:absolute;
    width:100%;
    padding-bottom: 40px;
    letter-spacing:0;    
}
.w3-dropnav .w3-closebtn {
    padding:0 16px 16px 16px !important;
    position:absolute;
    right:0;
}
.w3-dropnav h3{
    padding-top:30px;
    text-align:left;    
}
.w3-dropnav a{
    display:block;
    padding:0 !important;
    text-align:left;    
}
.w3-dropnav a:hover{
    background-color:transparent;
    color:#000000;    
}
.w3-dropnav .w3-col {
    height:260px;
}
.w3-dropnav #nav_references_content .w3-col {
    height:320px;
}
.w3-code {
    border-left: 4px solid #8AC007 !important;
}
.w3-table-all td, .w3-table-all th, .w3-table-all th:first-child,.w3-table-all td:first-child {
    padding:8px;
}
.w3-theme {color:#fff !important;background-color:#8AC007 !important}

.fa-facebook-square,.fa-twitter-square,.fa-google-plus-square  {
    padding:0 8px;
}
.fa-facebook-square:hover, .fa-thumbs-o-up:hover {
    color:#3B5998;    
}
.fa-twitter-square:hover {
    color:#55acee;    
}
.fa-google-plus-square:hover {
    color:#dd4b39;    
}
#fblikeframe {
    display:none;
}
#popupframe {
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-color:#000000;
    opacity:0.5;
    z-index:999;
}
#popupDIV {
    position:fixed;
    height:40%;
    width:40%;
    min-width:310px;
    min-height:250px;
    top:30%;
    left:30%;
    background-color:#ffffff;
    z-index:9999;
}
#nav_translate a {
    display:inline;
}
#googleSearch {
    color:#000000;
}
.searchdiv {
    max-width:400px;
    margin:auto;
    text-align:left;
    font-size:16px;
}
div.cse .gsc-control-cse, div.gsc-control-cse {
    background-color: transparent;
    border: none;
    padding:0px;
    margin:0px;
}
td.gsc-search-button input.gsc-search-button {
    background-color: #555555;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
    box-sizing: content-box;
    line-height: normal;
    xborder-color:transparent !important;
}
.gsc-tabsArea div {
    overflow: visible; 
}
.gsst_a .gscb_a {
    margin-top: 3px;
}
/*For å "nullstille" w3css:*/
.w3-topnav a {
    -webkit-transition:background-color 0.3s ease, color 0.3s ease;
    -moz-transition:background-color 0.3s ease, color 0.3s ease;
    -o-transition:background-color 0.3s ease, color 0.3s ease;
    transition:background-color 0.3s ease, color 0.3s ease;
}
@media screen and (max-width:601px){.w3-topnav a{display:inline-block}.w3-topnav a:first-child{padding:8px 16px}.w3-dropnav a{display:block;}}	
@media screen and (max-width:600px){.w3-topnav{text-align:left}}
/*Slutt på "nullstilling" */
@media (max-width: 992px) {
    .top {
        height:100px;
    }
    .top img {
        display:block;
        margin:auto;
    }
    .toptext {
        width:100%;
        text-align:center;
    }
    #sidemenu {
        display:none;
        position:fixed;
        width:260px;
        top:0;
        height:100%;
        width:260px;
        padding-top:144px;
    }
    #sidemenu h2 {
        font-size:26px;
    }
    #sidemenu a {
        padding:3px 2px 3px 24px;
        font-size:17px;
    }
    #sidemenuinner {
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        height:100%;
    }
    .bottomad {
        float:none;
        text-align:center;
    }
    #skyscraper {
        min-height:60px;
    }   
}
@media (min-width: 993px) {
    #sidemenu {
        display:block !important;
    }
}
@media screen and (max-width:600px) {
    .top {
        height:68px;
    }
    .toptext {
        display:none;
    }
    .w3-dropnav .w3-col, .w3-dropnav #nav_references_content .w3-col {
        height:auto;
    }    
}
@font-face {
  font-family: 'fontawesome';
  src: url('../../../AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/lib/fonts/fontawesome.eot?14663396');
  src: url('../../../AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/lib/fonts/fontawesome.eot?14663396#iefix') format('embedded-opentype'),
url('../../../AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/lib/fonts/fontawesome.woff?14663396') format('woff'),
url('../../../AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/lib/fonts/fontawesome.ttf?14663396') format('truetype'),
url('../../../AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/lib/fonts/fontawesome.svg?14663396#fontawesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.fa-2x {
  font-size: 2em;
}
.fa-home:before { content: '\e800'; }
.fa-globe:before { content: '\e801'; }
.fa-search:before { content: '\e802'; }
.fa-thumbs-o-up:before { content: '\e803'; }
.fa-left-open:before { content: '\e804'; }
.fa-right-open:before { content: '\e805'; }
.fa-facebook-square:before { content: '\e806'; }
.fa-google-plus-square:before { content: '\e807'; }
.fa-twitter-square:before { content: '\e808'; }
.fa-caret-down:before { content: '\e809'; }
.fa-caret-up:before { content: '\e80a'; }

/*STYLES FOR Å RETTE OPP I "LYSPÆRA" SOM BLIR FOR SMAL PGA WIDTH 34PX:*/
.lamp {
    border:1px solid #dddddd;
}
.lamp th {
    box-sizing:content-box;
    padding:10px;
}
/*STYLES HENTET FRA STDTHEME, FOR Å FÅ EXEMPLER, TABELLER OG TRYITKNAPPER TIL Å SE UT SOM DE GJØR PÅ W3SCHOOLS:*/
.highCOM {color:green;}
.highELE {color:brown;}
.highATT {color:crimson;}
.highATT {color:red;}
.highVAL {color:mediumblue;}
.highGLB {color:#CC9900;}
.highLT, .highGT {color:blue;}
span.marked {
    color:#e80000;
    background-color:transparent;
}
span.deprecated {
    color:#e80000;
    background-color:transparent;
}

p.intro {
    font-size:16px;
}
div.tutintro {
    width:auto;
    min-height:132px;
}
div.tutintro img {
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}
div.tutintro p {
    margin-top:0px;
    font-size:16px;
}
code {
    font-size:105%;
    color:crimson;
    background-color:#f1f1f1;
    padding:1px 4px;
}
.html5badge {
    /*position:relative;*/
    background-image:url('/images/html5_badge20.png');
    background-repeat:no-repeat;
    background-position:right;
}
.notsupported,.notsupported:hover,.notsupported:active,.notsupported:visited,.notsupported:link {
    color:rgb(197,128,128)
}
/*.html5badge:after {
    content:"\f13b";
    font-family:FontAwesome;
    font-size:24px;
    color:#e34f26;
    float:right;
    position:absolute;
    overflow:hidden;
    right:0px;
    top:0;
}*/
div.chapter, div.nav {
    font-size:20px;
    margin:0px;
    padding:0px;
    width:auto;
    overflow:hidden;
}
a.chapter:link    {color:#8AC007;background-color:transparent;text-decoration:none;}
a.chapter:visited {color:#8AC007;background-color:transparent;text-decoration:none;}
a.chapter:hover   {color:#8AC007;background-color:transparent;text-decoration:underline;}
a.chapter:active  {color:#8AC007;background-color:transparent;text-decoration:underline;}
div.chapter div.prev {
    width:40%;
    float:left;
    text-align:left;
    overflow:hidden;
    white-space:nowrap;
}
div.chapter div.next {
    width:48%;
    float:right;
    text-align:right;
    white-space:nowrap;    
    overflow:hidden;
}
div.nav div.prev {
    width:22%;
    float:left;
    text-align:left;
    overflow:hidden;
    white-space:nowrap;
}
div.nav div.home, div.nav div.video {
    margin-left:3%;
    width:46%;
    float:left;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
}
div.nav div.next {
    width:28%;
    float:right;
    text-align:right;
    overflow:hidden;
    white-space:nowrap;
}
a.w3-btn, a.w3-btn:link, a.w3-btn:visited {
    color:#FFFFFF;
    background-color:#8AC007;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
a.w3-btn:hover,a.w3-btn:active {
    background-color:#ffffff;
    color:#8AC007;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
a.w3-btn[href*="exercise.asp"] {
    margin:10px 5px 0 0;
}
a.btnplayit,a.btnplayit:link,a.btnplayit:visited {
    background-color:#FFAD33;
    padding:1px 10px 2px 10px;
}
a.btnplayit:hover,a.btnplayit:active {
    background-color:#ffffff;
    color:#FFAD33;
}
a.btnsmall:link,a.btnsmall:visited,a.btnsmall:active,a.btnsmall:hover {
    float:right;
    padding:1px 10px 2px 10px;
    font:15px Verdana, sans-serif;
}
a.btnsmall:active,a.btnsmall:hover {
    color:#8AC007;;
    background-color:#ffffff;
}
div.tryit_ex {
    margin-bottom:5px;
    overflow:auto;
}
div.tryit_ex img {
    float:left;
    margin-right:10px
}
div.tryit_ex h2 {
    margin-top:5px;
}
table.tecspec {
	width:100%;
	max-width:100%;
	border-bottom:1px solid #dddddd;		
}
table.tecspec>thead>tr>th, table.tecspec>tbody>tr>th, table.tecspec>tfoot>tr>th, table.tecspec>thead>tr>td, table.tecspec>tbody>tr>td, table.tecspec>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
table.tecspec th {
    text-align:left;
}
@media screen and (max-width: 700px) {
    #mainLeaderboard {
	    height:60px;
    }
    #div-gpt-ad-1422003450156-0 {
        float:none;margin-left:auto;margin-right:auto;
    }
    #div-gpt-ad-1422003450156-3 {
        float:none;margin-left:auto;margin-right:auto;
    }
    .prev .chapter, .next .chapter, .home .chapter, .video .chapter {
        color:transparent !important;
    }
    .prev .chapter::after, .next .chapter::after, .home .chapter::after, .video .chapter::after {
        position:absolute;
        color:#8AC007;
    }
    .prev .chapter::after {
        content: "\ab";
        left:15px;
        font-size:30px;
    }
    .next .chapter::after {
        content: "\bb";
        right:15px;
        font-size:30px;        
    }
    .home .chapter::after {
        font-family: 'fontawesome';
        font-size:30px;
        content: "\e800";
        left:47%;	
    }
    .video .chapter::after {
        content: "\f008";
        left:49%;
        font-size:24px;
    }
    .homeOperaMini .chapter::after {
        content: "Home";
        left:47%;	
    }
}