.img-responsive {
    max-width:100%;
    height:auto;
}
.table-responsive {
    overflow-x:auto;
}
a:hover, a:active {
    color:#6E9A06;
}
/*OPPSETT AV TOP, TOPNAV, SIDEMENU, MAIN, RIGHT OG FOOTER:*/
.top {
    position: fixed;
    z-index:1;
    font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    background-color:#ffffff;
    padding-top:10px;
    font-family:helvetica;
    letter-spacing:4px;
    width: 100%;
}
.topnav {
	position: relative;
    top: 100px;
    z-index:2;
    font-family:"Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 17px;
    background-color:#0000c1;
    color:#f5f5f5;
    width:100%;
    padding:0px 8px;
}
.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:#ffffff;
    color:#0000c1;    
}
a.topnav-icons {
    width:52px;
    font-size:24px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
}
a.topnav-localicons {
    font-size:20px !important;
    padding-top:6px !important;
    padding-bottom:12px !important;
}
.tsgbody {
	position: relative;
    top: 150px;
    z-index: 3;
}
i.fa-caret-down,i.fa-caret-up {
    width:10px;
}
#sidemenu {
    position:relative;
    z-index:0;
}
#sidemenu h2 {
    font-size:22px;
    padding-left:16px;
}
#sidemenu a {
    display:block;
    text-decoration:none;
    font-family:"Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    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;
}
#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;
}
.w3-dropnav .w3-closebtn {
    padding:10px 20px !important;
    position:absolute;
    right:0;
}
.w3-dropnav h3{
    padding-top:30px;
}
.w3-dropnav a{
    display:block;
    padding:0 !important;
}
.w3-dropnav a:hover{
    background-color:transparent;
    color:#000000;    
}
.w3-dropnav .w3-col {
    height:260px;
}
.w3-code {
    border-left: 4px solid #8AC007 !important;
}
.w3-btn, .w3-btn:link, .w3-btn:visited {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);   
}
.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;
}
.w3-example h2 {
    font-size:20px;
    color:#555555;
    margin-top:10px;
}
/*For å "nullstille" w3css:*/
@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 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;
        z-index:1;
    }
    #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;
        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 {
        font-size:10px;
        letter-spacing:2px;
    }
    .w3-dropnav .w3-col {
        height:auto;
    }
}
@font-face {
  font-family: 'fontawesome';
  src: url('../fonts/fontawesome.eot?14663396');
  src: url('../fonts/fontawesome.eot?14663396#iefix') format('embedded-opentype'),
       url('../fonts/fontawesome.woff?14663396') format('woff'),
       url('../fonts/fontawesome.ttf?14663396') format('truetype'),
       url('../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 {
    margin-top:10px;
    border:1px solid #dddddd;
}
.lamp th {
    box-sizing:content-box;
}
/*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;
}
/*.html5badge:after {
    content:"\f13b";
    font-family:FontAwesome;
    font-size:24px;
    color:#e34f26;
    float:right;
    position:absolute;
    overflow:hidden;
    right:0px;
    top:0;
}*/
div.chapter {
	overflow:auto;
}
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;
}
div.example {
    width:auto;
    color:#000000;
    background-color:#f1f1f1;
    padding:16px 16px 16px 16px;
    word-wrap: break-word;
    margin-bottom:12px;
    margin-top:12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
div.example_code {
    width:auto;
    background-color:#ffffff;
    padding:1.1%;
    border-left:4px solid #8AC007;
    word-wrap: break-word;    
    font-size:15px;
    line-height:1.4;
}
div.example_result {
    width:auto;
    background-color:#ffffff;
    padding:1.1%;
}
div.example h2 {
	font-size:20px;
	color:#555555;
	margin-top:1px;
}
div.example h3 {
    margin-top:0;
	font-size:20px;
	color:#555555;
}
div.example p {
    margin-top:10px; 
}
div.code {
    width:auto;
    border:1px solid #dddddd;
    background-color:#f1f1f1;
    color:#444444;
    padding:1.1%;
    margin:0;
    word-wrap: break-word;    
    margin-bottom:12px;
}
div.code:after {
    content:"";
    clear:both;
    display:block;
}
div.code div {
    font-size:14px;
}
div.example_code, div.code, div.code div {
	font-family:Consolas,"courier new";
}
a.tryitbtn, a.tryitbtn:link, a.tryitbtn:visited, a.showbtn, a.showbtn:link, a.showbtn:visited {
    font-family:Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
    display:inline-block;
    color:#FFFFFF;
    background-color:#8AC007;
    font-size:15px;
    text-align:center;
    padding:5px 16px;
    text-decoration:none;
    margin-left:0;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #8AC007;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
a.tryitbtn:hover,a.tryitbtn:active,a.showbtn:hover,a.showbtn:active {
    background-color:#ffffff;
    color:#8AC007;
}
a.playitbtn,a.playitbtn:link,a.playitbtn:visited {
    display:inline-block;
    color:#ffffff;
    background-color:#FFAD33;
    border:1px solid #FFAD33;
    font-size:15px;    
    text-align:center;
    padding:10px;
    padding-top:1px;
    padding-bottom:2px;
    text-decoration:none;
    margin-left:1px;
    white-space:nowrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);    
}
a.playitbtn:hover,a.playitbtn:active {
    background-color:#ffffff;
    color:#FFAD33;
}
a.tryitbtnsyntax:link,a.tryitbtnsyntax:visited,a.tryitbtnsyntax:active,a.tryitbtnsyntax:hover {
    font-family:Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
    float:right;
    padding-top:0px;
    padding-bottom:1px;
    background-color:#8AC007;
    border:1px solid #8AC007;
}
a.tryitbtnsyntax:active,a.tryitbtnsyntax: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.reference {
	width:100%;
	max-width:100%;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;	
	border-bottom:1px solid #dddddd;		
}
table.reference>thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
table.reference tr:nth-child(odd)	{background-color:#ffffff;}
table.reference tr:nth-child(even)	{background-color:#f1f1f1;}
table.reverse tr:nth-child(odd)	{background-color:#f1f1f1 !important;}
table.reverse tr:nth-child(even)	{background-color:#ffffff !important;}
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;
}
@media screen and (max-width: 700px) {
    #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 {
        font-family: 'FontAwesome';
        visibility:visible !important;
        position:absolute;
        color:#8AC007;
    }
    .prev .chapter::after {
        content: "\e804";
        left:15px;
    }
    .next .chapter::after {
        content: "\e805";
        right:15px;
    }
    .home .chapter::after {
        content: "\e800";
        left:47%;	
    }
    .video .chapter::after {
        content: "\f008";
        left:49%;
        font-size:24px;
    }
    .prevOperaMini .chapter::after {
        font-family: 'Verdana';
        content: "<< Previous";
        left:15px;
    }
    .nextOperaMini .chapter::after {
        font-family: 'Verdana';
        content: "Next >>";
        right:15px;
    }
    .homeOperaMini .chapter::after {
        content: "Home";
        left:47%;	
    }
    .videoOperaMini .chapter::after {
        content: "Video";
        left:49%;	
    }
}