/* 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 { font-family:Nina, sans-serif!important; background: #bbb!important;}
body {min-width: 80px!important; max-width: 640px!important; border: solid 2px #fff!important; font-size: 16px!important; 
line-height: 140%!important; width: auto!important; }
html body {margin: 0 auto!important;}

div#wrapper { background: #f7f5ff!important; width: 100%!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 {width: 100%!important; min-width: 0!important;}
.tac {text-align: center!important;}

div.spacer {display: none;}

#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-left: 6px!important; padding: 0!important; width: auto!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.5!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 1px #ddd!important; margin-bottom: 6px!important;}
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%;}

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: solid 6px #bbb!important; border-bottom: solid 6px #bbb!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 {width: auto!important; float: none!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 #wrapper, body#fp #wrapper #wrapper2 {height: auto!important; width: auto!important;}
html body#search, body#search #wrapper, body#search #wrapper #wrapper2 {height: auto!important; width: auto!important;}

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

body#fp #wrapper h1, body#search #wrapper h1 {padding-top: 35px!important; margin-left: -5000px!important; visibility: hidden!important; border: solid 1px red!important;}
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;}
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;}
body#fp #wrapper .bit p {margin: 3px 3px 5px 2%!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#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;}

}

/*

@media handheld and (min-width: 100px){
body#fp #wrapper, html body div div div div {font-size: 13px!important; line-height: 1.3!important;}}

@media handheld and (min-width: 150px){
body#fp #wrapper, html body div div div div {font-size: 14px!important; line-height: 1.25!important;}}

@media handheld and (min-width: 220px){
body#fp #wrapper, html body div div div div {font-size: 15px!important; line-height: 1.25!important;}}

@media handheld and (min-width: 350px){
body#fp #wrapper, html body div div div div {font-size: 16px!important; line-height: 1.3!important;}}

*/