.img-responsive {
 max-width:100%;
 height:auto;
}
.table-responsive {
 overflow-x:auto;
}
a:hover, a:active {
 color:#4CAF50;
}
table.w3-table-all {
 margin:16px 0;
}
/*OPPSETT AV TOP, TOPNAV, SIDEMENU, MAIN, RIGHT OG FOOTER:*/
.top {
 position:relative;
 background-color:#ffffff;
 height:68px;
 padding-top:20px;
 line-height:50px;
 overflow:hidden;
 z-index:2;
}
.w3schools-logo {
 font-family:fontawesome;
 text-decoration:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 font-size:37px;
 letter-spacing:3px;
 color:#555555;
 display:block;
 position:absolute;
 top:17px;
}
.w3schools-logo .dotcom {
  color:#4CAF50;
}
.topnav {
 position:relative;
 z-index:2;
 font-size:17px;
 background-color:#5f5f5f;
 color:#f1f1f1;
 width:100%;
 padding:0;
 letter-spacing:1px;
}
.topnav a{
 padding:10px 15px 9px 15px !important;
 display:inline-block;
}
.topnav a:hover{
 background-color:#000000;
 color:#ffffff;
}
.topnav a.active {
 background-color:#4CAF50;  
 color:#ffffff;
}
a.topnav-icons {
 width:52px;
 font-size:20px !important;
 padding-top:11px !important;
 padding-bottom:13px !important;
}
a.topnav-icons.fa-home {
 font-size:22px !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;
}
#sidenav h2 {
 font-size:21px;
 padding-left:16px;
 margin:-4px 0 4px 0;
 width:204px;
}
#sidenav a {
 padding:2px 1px 1px 16px;
}
#sidenav a:hover {
 color:#000000;
}
#sidenav a.active {
 background-color:#4CAF50;
 color:#ffffff;  
}
#sidenav .w3-closebtn {
 position:absolute;
 right:16px;
 top:0;
}
#leftmenuinner {
 position:fixed;
 top:0;
 padding-top:112px;
 padding-bottom:0;    
 height:100%;
 width:220px;
 background-color:transparent;
}
#leftmenuinnerinner {
 height:100%;
 width:100%;
 overflow-y:hidden;
 overflow-x:hidden;
 padding-top:20px;
}
#leftmenuinnerinner:hover {
 overflow-y:scroll;
}
#main {
 padding:16px;
}
#mainLeaderboard {
 height:90px;
}
#right {
 text-align:center;
 padding:16px 16px 0 0;
}
#right a {
 text-decoration:none;
}
#right a:hover {
 text-decoration:underline;
}
#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:relative;
 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;
 text-decoration:underline!important
}
.w3-dropnav .w3-col {
 height:260px;
}
.w3-dropnav #nav_references_content .w3-col {
 height:320px;
}
.nextprev a {
  font-size:17px;
  border:1px solid #cccccc;
}
.nextprev a:link,.nextprev a:visited {
  background-color:#ffffff;
  color:#000000;
}
.nextprev a.w3-right {
  background-color:#4CAF50;
  color:#ffffff;
  border-color:#4CAF50;
}
.w3-code {
 border-color:#4CAF50;
}
.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:#73AD21 !important;background-color:#4CAF50 !important}
.w3-theme-border {border-color:#4CAF50 !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;
}
#nav_translate a {
 display:inline;
}
#google_translate_element img {margin-bottom:-1px;}
#googleSearch {color:#000000;}
#googleSearch a {padding:0 !important;}
.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:6px;
 margin:0px;
}
td.gsc-search-button input.gsc-search-button {
 background-color:#4CAF50;
 border-color:#4CAF50;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
 box-sizing:content-box;
 line-height:normal;
}
.gsc-tabsArea div {
 overflow:visible; 
}
/*For å "nullstille" w3css:*/
.w3-main{transition:margin-left 0s;}
.w3-sidenav a {transition:background-color 0s;}
@media screen and (max-width:601px){.w3-navbar a{display:inline-block}.w3-navbar a:first-child{padding:8px 16px}.w3-dropnav a{display:block;}}	
@media screen and (max-width:600px){.w3-navbar{text-align:left}}
/*Slutt på "nullstilling" */
@media (min-width:1675px) {
#main {
 width:79%;
}
#right {
 width:21%;
}}
@media (max-width:992px) {
.top {
 height:100px;
}
.top img {
 display:block;
 margin:auto;
}
.top .w3schools-logo {
 position:relative;
 top:0;
 width:100%;
 text-align:center;
 margin:auto;
}
.toptext {
 width:100%;
 text-align:center;
}
#sidenav {
 width:260px;
}
#sidenav h2 {
 font-size:26px;
 width:100%;
}
#sidenav a {
 padding:3px 2px 3px 24px;
 font-size:17px;
}
#leftmenuinner {  
 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%;
 position:relative;
 width:auto;
 padding-top:0;
 background-color:#f1f1f1;
}
#leftmenuinnerinner {
 overflow-y:scroll;
}
.bottomad {
 float:none;
 text-align:center;
}
#skyscraper {
 min-height:60px;
}}
@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('/National_Library/20170827070107oe_/https://www.w3schools.com/lib/fonts/fontawesome.eot?14663396');
src:url('/National_Library/20170827070107oe_/https://www.w3schools.com/lib/fonts/fontawesome.eot?14663396#iefix') format('embedded-opentype'),
url('/National_Library/20170827070107oe_/https://www.w3schools.com/lib/fonts/fontawesome.woff?14663396') format('woff'),
url('/National_Library/20170827070107oe_/https://www.w3schools.com/lib/fonts/fontawesome.ttf?14663396') format('truetype'),
url('/National_Library/20170827070107oe_/https://www.w3schools.com/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';}

.highCOM {color:green;}
.highELE {color:brown;}
.highATT {color:crimson;}
.highATT {color:red;}
.highVAL {color:mediumblue;}
.highGLB {color:#CC9900;}
.highLT, .highGT {color:blue;}
span.marked, span.deprecated {
 color:#e80000;
 background-color:transparent;
}
.intro {
 font-size:16px;
}
.w3-btn, .w3-btn:link, .w3-btn:visited {
 color:#FFFFFF;
 background-color:#4CAF50;  
}
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:#4CAF50;  
 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;
}
@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;
}}
.w3-note {
 background-color:#ffffcc;
 border-left:6px solid #ffeb3b;
}
.w3-warning {
 background-color:#ffdddd;
 border-left:6px solid #f44336;
}
.w3-info {
 background-color:#ddffdd;
 border-left:6px solid #4CAF50;
}