/* handheld ag1c-hh-20050227 */

/* modified handheld styles for most pages on www.gunlaug.no */

@media all and (max-width: 600px) {

html body div div #superwrapper1, html body div div #superwrapper2, html body div div #superwrapper3, * { border: none!important; background: none!important; margin: 0!important; padding: 0!important;
position: static!important; width: auto!important; float: none!important;  min-width: 0!important; max-width: 100%!important;}

html,body,html body#fp { font-family:Nina, sans-serif!important; background: #bbb!important; width: auto!important; margin: 0!important;}

body {min-width: 116px!important; max-width: 640px!important; border: solid 2px #fff!important; font-size: 82%!important; width: auto!important; }

html body {margin: 0 auto!important;}

html body * {box-shadow: none!important;}

html body p {line-height: 1.25!important;}

html body div #add1, html body div #add2,
html body div #add1 p, html body div #add2 p,
html body div #add1 *, html body div #add2 * {font-size: 100%!important; line-height: 1.3!important;}

div#wrapper { background: #f7f5ff!important; background-image: url(../imagedepot/hogmog-grey-1.png)!important;
background-position: -8px 0!important; background-repeat: no-repeat!important; border: none!important;}

html body div div#iewrapper,html body div div div div div div#content div#header {width: 100%!important; padding-top: 25px!important; background: none!important;}
div div div div#content, div div div div#content div {min-width: 0!important;}
.tac {text-align: center!important;}

div.spacer, small.more i {display: none!important;}

#footer img,#head,#add1, h1#overlay-ie,.throwleft {display: none!important;}
#footer {border-top: solid 1px #aaa!important; background: #bcd!important; float: left!important; width: 100%!important; clear: both!important;}
#footer ul {margin: 6px!important; padding: 0!important; width: auto!important;}
#footer ul li {list-style: none!important; margin: 2px!important; padding: 1px!important; width: auto!important; display: block!important; background: none!important; box-shadow: none;}
#footer ul li a {display: block!important;}
p#overlay, h1#overlay-ie {display: none!important;}

html body div div h1 {font-size: 120%!important; position: static!important;font-family:Nina, sans-serif!important; white-space: normal!important; padding-top: 10px!important; }
html body div h2 {font-size: 118%!important;font-family:Nina, sans-serif!important; white-space: normal!important;}
html body div h3 {font-size: 112%!important;font-family:Nina, sans-serif!important;}
html body div h4 {font-size: 108%!important;font-family:Nina, sans-serif!important;}
html body div#wrapper div h3.head {font-size: 112%!important; background: none!important; font-family:Nina, sans-serif!important; font-weight: 800!important;}
html body div#wrapper div h4.head {font-size: 108%!important; background: none!important; font-family:Nina, sans-serif!important; font-weight: 800!important;}
h5 {font-size: 105%!important;font-family:Nina, sans-serif!important;}
h1,h2,h3,h4,h5 {margin: 0 0 0 1%!important; padding: 1px!important; line-height: 1.2!important; color: #000!important;}

html body div div div div div div p {font-size: 100%!important; margin: 0 3px 0 2%!important; padding: 0.1em 0 0.5em 0!important; font-family:Nina, sans-serif!important; }
html body div div ul,html body div div div div ol {margin: 0 1px 0 0!important; padding-left: 1.5em!important;}
html body div div ol {padding-left: 2em!important;}
html body div div ul li, html body div div div div ol li {margin: 0 1px 0 0!important; padding: 0!important; }
p.head,p#overlay {text-align: center!important;clear: both!important;}
p#overlay {margin: 0; padding: 0.3em 0 0 0;}
.flr {float: right!important; margin: 3px!important;}
.fll {float: left!important; margin: 3px!important;}
div#content div div {padding: 1px 1px 5px 1px!important; width: auto!important; border-bottom: solid 10px #ccc!important; margin-bottom: 6px!important;}

html body div div div div #content div div {-webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-right-radius: 0;}
html body div div div div #content div div {-moz-border-radius: 0;}
html body div div div div #content div div {border-radius: 0;}


div#content div div div {border: none!important;}
div#content div div#inlineheader {border: none!important;}
div#content div div div.tac {height: auto!important;}
br {font-size:1px!important; line-height: 0px!important; height: 0!important; width: 10px; }
br.left {clear:left!important }
br.right {clear:right!important }
br.both {clear:both!important }
img.left,p.left,div.left {clear: left!important;}
img.right,p.right,div.right {clear: right!important;}
img.both,p.both,div.both {clear: both!important;}
html body div div i {font-weight: 100!important;}
html body div div em {font-style: italic!important;}
html body div div em,strong {font-weight: 800!important;}
html body div div pre, html body div div div div div#content div div div.quote,html body div div div div div#content div div div.exp {font-family:Nina, sans-serif; 
margin: 0 0 0.5em 2%!important; padding: 4px 10px 4px 4px!important; border: solid 1px #ccc!important; float: left!important; background-color: #ffd!important; width: 96%!important;}
html body div div div#content div .exp { background-color: #ddd!important; padding: 4px 3px 4px 4px!important;}
html body div div div#content div .expo { background-color: #ffb!important; padding: 4px 3px 4px 4px!important;}

html body p i.flr {width: 100%!important; text-align: right!important; white-space: nowrap!important; float: none!important; display: block!important; font-size: 82%!important;}
html body #add2 p i.flr {font-size: 94%;}

html body div div #superwrapper1 #add2 div {width: 100%!important; min-height: 0;}

img {max-width: 98%!important;}
img.fit {height: 0.9em; vertical-align: middle!important;}

i.flr.both,em.flr.both,b.flr.both,strong.flr.both {width: 96%!important; text-align: right!important;}

img.def {float: right!important; margin: 0!important; background-image: url(../imagedepot/msie-grey.png)!important; background-repeat: no-repeat!important; background-position: 0!important;}
img.def.right {float: right!important; margin: 0 30% 0 0!important; }

html body div div div div p.sgn-b {max-width: 50%!important;}
html body div div div div .sgn-b img {vertical-align: top!important; width: auto; height: 1.6em!important;}



html body div div div div#add2 {clear: both; padding: 5px 3px 3px 3px!important; text-align: center!important; border-top: none!important; border-bottom: solid 10px #ccc!important; }

html body div div div div#add2 .bnav {display: none!important;}

html body div div div div#add2 .curle, html body div#wrapper div#iewrapper div div div div#add2 .quotation, html body div#wrapper div#iewrapper div div div div#add2 p.exp, html body div div div div#add2 div.push {border-bottom: solid 1px #89a!important; margin: 0 0 3px 0!important; clear: both!important; padding: 1px 4px!important; text-align: left;}

html body div div div div#add2 .curle *, html body div#wrapper div#iewrapper div div div div#add2 .quotation *, html body div div div div#add2 div.push * {margin: 0!important; padding: 3px 0 0 0!important;}

html body div div div div#add2 ul, html body div div div div#add2 ol {margin: 0!important; text-align: left!important; border-bottom: solid 1px #89a!important; width: auto!important; float: none!important; padding: 1px 0 3px 1em!important;}
html body div div div div#add2 ul li, html body div div div div#add2 ol li,
html body div div div div#add2 .curle ul li {float: none!important; padding: 2px 0!important; display: block!important; width: auto!important;}
html body div div div div#add2 ul li strong, html body div div div div#add2 ol li strong {display: block!important; color: #000!important; background: #eee!important; position: relative!important; top: -1px!important; border: solid 1px transparent!important; border-width: 1px 0 2px!important; line-height: 140%!important;}
html body div div div div#add2 .curle ul li a {display: block!important; }
html body div div div div#add2 .curle ul li a:hover {margin-top: -1px!important; }

html body div div div div#add2 div.push img.push {display: none!important;}
html body div div div div#add2 h4, html body div div div div#add2 h5, html body div div div div#add2 div, html body div div div div#add2 p {text-align: left;}

html body div div div i.flr {white-space: normal!important; width: auto!important;}

html body div div#content div ol {padding-left: 2em!important;}



/* fx */
html body div div p a:link,
html body div div p a:visited, 
html body div div p a:active, 
html body div div p acronym {line-height: 1.42em!important; margin: 0 1px 0 1px!important; padding: 0 1px!important;}


html body div div a:link {color: #111!important; text-decoration: none!important; border-bottom: dashed 1px #33cc00!important; padding-top: 1px!important; background-color: transparent!important;} 
html body div div a:visited {color: #520!important; text-decoration: none!important; border-bottom: dashed 1px #cc0099!important; padding-top: 1px!important; background-color: transparent!important;}
html body div div a:hover {color: #000!important; background-color: #fff!important; text-decoration: none!important; border-bottom: solid 1px #333!important; border-top: solid 1px #666!important; padding-top: 0!important;}
html body div div a:active {color: #fff!important; text-decoration: none!important; background-color: #357!important; color: #fff!important; border-bottom: solid 1px #333!important; border-top: solid 0px #333!important; padding-top: 0!important;}

html body div div div div div#content div.zb * {display: inline!important;}


html body div div p.z2 {display: none;}


html body div#wrapper div div img {max-width: 98%!important;}



/* position fixed pages */

html body#fp, body#fp div#wrapper, body#fp div#wrapper div#wrapper2,
body#fp div#wrapper div#wrapper2 div#content, body#fp div#wrapper div#wrapper2 div#content div.bit,
html body#search, body#search div#wrapper, body#search div#wrapper div#wrapper2,
body#search div#wrapper div#wrapper2 div#content, body#search div#wrapper div#wrapper2 div#content div.bit {height: auto!important; width: auto!important; position: static!important; margin: 0!important; display: block!important; min-width: 0!important;}

body#fp div#wrapper div#wrapper2 div#content div.bit {/**/}


#left-top, div#head img {width: auto!important;}


body#search #wrapper #wrapper2 #content div.bit div iframe {width: 98%;}

html body#fp #wrapper h1, body#search #wrapper h1 {padding-top: 35px!important; margin-top: -5000px!important; visibility: hidden!important; border: solid 1px red!important;}
html body#fp #wrapper #wrapper2, body#fp #wrapper .bit, body#fp #right-col, body#search #wrapper #wrapper2, body#search #wrapper .bit, body#search #right-col {overflow: hidden; border: none!important; position: static!important; min-width: auto!important;min-height: 0!important; padding: 0 0 4px!important; margin: 0!important;}
html body#fp #wrapper #wrapper2 *, body#fp #wrapper .bit *, body#fp #right-col *, body#search #wrapper #wrapper2 *, body#search #wrapper .bit *, body#search #right-col * {  padding: 0 0 4px!important;  margin-bottom: 0!important;}

html body#fp #wrapper .bit div.expflr { float: right!important; width: 40%!important; max-width: 100px!important; margin: 0 0 5px 6px!important; background: #eee!important; border: solid 1px #777!important; border-width: 0 0 1px 1px!important;}
html body#fp #wrapper .bit p {margin: 3px 3px 5px 1%!important;}

body#fp #wrapper .bit .exp { background-color: #ddd!important; padding: 4px 3px 4px 4px!important;}

body#fp #wrapper .bit img {max-width: 50%!important; height: auto!important;}
body#fp #right-col img, body#search #right-col img {display: none;}

body#fp div#content div div { border: none!important; }

body#fp div#footer,
html body#fp div#footer div#footer-visual,
html body#fp div#footer div#footer-visual div.nav,
html body#fp div#footer div#footer-visual div.nav ul,
html body#fp div#footer div#footer-visual div.nav ul li,
html body#fp div#footer div#footer-visual div.nav ul li a,
body#search div#footer,
html body#search div#footer div#footer-visual,
html body#search div#footer div#footer-visual div.nav, 
html body#search div#footer div#footer-visual div.nav ul,
html body#search div#footer div#footer-visual div.nav ul li,
html body#search div#footer div#footer-visual div.nav ul li a {
margin: 0!important; padding: 1px 0!important; width: auto!important; position: static!important;min-width: 0!important; height: auto!important; text-align: left!important;}

html body#fp #footer, html body#search #footer {padding: 10px 0!important; clear: both!important; width: 100%!important;}

html body#fp div#footer div#footer-visual div.nav ul li a, html body#search div#footer div#footer-visual div.nav ul li a {display: inline!important; margin-left: 3px!important;}

body#fp #footer div.flr, body#search #footer div.flr {display: none!important;}

body#fp #right-top, body#search #right-top {display: table;}
body#fp #right-top *, body#search #right-top * {height: auto!important;}


body#fp #right-col ul, body#search #right-col ul {list-style: none!important; margin-left: 3px!important; padding: 0!important;}
body#fp #right-col ul li a, body#search #right-col ul li a  {display: inline!important;}

html body#fp div .prsnt, html body#search div .prsnt {display: none!important;}

html body#fp div#menu, html body#search div#menu {margin: 0!important; padding: 0 0 0 2%!important;}

html body#fp div#menu ul, html body#search div#menu ul {margin: 0!important; padding: 0 0 0 3%!important; background: none!important; }

html body div#spacer, html body .nossr {display: none;}

html body hr.throwleft {display: none!important;}

body#fp #wrapper, html>body>#wrapper {font-size: 100%!important;}

}



@media all and (min-width: 100px){
body#fp #wrapper, html>body>#wrapper {font-size: 86%!important;}}

@media all and (min-width: 180px){
body#fp #wrapper, html>body>#wrapper {font-size: 90%!important;}}

@media all and (min-width: 250px){
body#fp #wrapper, html>body>#wrapper {font-size: 96%!important;}}

@media all and (min-width: 350px){
body#fp #wrapper, html>body>#wrapper {font-size: 105%!important; line-height: 1.35!important;}}