@import url("fx-050505.css");

@media screen {

html,body{padding: 0; margin: 0; font-size: 16px; font-family: Georgia, "Times New Roman", serif; min-height: 100%; line-height: 1.3;}

html {background-color: #efefef; background-image: url("../imagedepot/back14wh.jpg"); background-attachment: fixed; background-position: 48% 0;}

body {min-width: 580px; }

div#wrapper {min-width: 580px; padding-top: 70px; padding-bottom-: 2.2em; border-left: solid 1px #bbb;border-right: solid 1px #bbb; max-width: 1100px; margin: 0 auto; position: relative; background-image: url(../imagedepot/hogmog-dark.png); background-repeat: no-repeat; background-position: 0 0; position: relative;}

div#wrapper2 {margin-left: 5px; margin-right: 175px; padding-top: 60px; text-align: center; position: relative; z-index: 1; padding-bottom: 2em;}

#right-top {position:fixed; z-index: 1;top:0; left:0; }

h1 span, h2 span, h3 span {float: right; color: #bcd; font-size: 0.7em; }

div#content {width: 97%; text-align: left; margin: 0 auto 0 auto; max-width: 600px; padding-top: 1em; height: auto; overflow: hidden; margin-bottom: 2em;}

#left-top #left-col div {height: 100px; width: auto; text-align: center; }

div#content div.bit {background: #f5f5f5; float: right; width: 99%; margin-right: 1px; border: solid 1px #ddd; border-bottom: solid 1px #aaa; border-right: solid 1px #777; margin-top: 1.5em;}
div#content div.last {margin-bottom: 1.5em;}

p {margin: 6px 3px 6px 2%;}

p span {float: right; position: relative; }

p span img {position: relative; z-index: 3;}

#wrapper div#content div.tac {text-align: center; height: 20px; }

#right-top {width: 100%; height: 0; font-size: 1em; text-align: left; min-width: 580px; z-index: 0; margin: 0;}

#right-top #right-top-visual {max-width: 1100px; margin: 30px auto 0 auto; }

#right-col {float: right; width: 170px; height: 350px; overflow: auto; z-index: 3; display: table; display: inline-block;}

#right-col img.meny {float: left;}

#right-col ul,#right-col ul li {margin: 0; padding: 0; text-indent: 0; list-style: none; position: relative; z-index: 3;}

#right-col ul {padding: 4px 0; width: auto; float: right; clear: both; margin-right: 0px; }

div#content  ul {margin: 0 0 0 20px; padding: 0;}

div#content  ul li {list-style: none;}

#content ul li a img.gen {position: absolute; right: 0;}

#right-col ul li a:link,#right-col ul li a:visited {margin: 1px 0; padding: 0 2px; display: block; width: 165px; }

#right-col ul li a:visited,div#content a:visited {font-style: italic; }

div#content  ul li a:link,div#content  ul li a:visited  {margin: 0 70px 0 0; padding: 0 3px; display: block; }

#left-top {width: 100%; height: 0; background-color: transparent; border: none; font-size: 1em; text-align: left; 
min-width: 600px; margin-top: 3.5em; position: absolute; top: 0; left: 0;}

#right-col p {font-size: 0.94em; text-align: left; }

q,em {font-weight: 800; font-style: oblique; margin-left: 1px; margin-right: 1px; font-family: "Trebuchet MS",sans-serif; font-size: 100%; }

i {font-weight: 200; font-style: italic; margin-left: 1px; margin-right: 1px; }

b,strong {font-weight: 800; }

.throwleft {position: absolute; top: -900px; left: -900px; width: 10px;}

div#head {position: absolute; top: 0; left: 0; width: 50%; height: 55px; min-width: 300px; max-width: 500px;}
div#head img {height: 100%; width: 100%;}

h1 {font-size: 1.85em; margin: 0 0 0 20px; padding: 0; display: inline; white-space: nowrap; font-style: italic; font-weight: 200;}
h1 {position: absolute; left: 0; color: #320; text-align: left;}

/* basic clearing between elements */
br {font-size:1px; line-height: 0px; height: 0; width: 10px; }
br.left {clear:left }
br.right {clear:right }
br.both {clear:both }

/* clearing of elements */
img.left,p.left,div.left {clear: left!important;}
img.right,p.right,div.right {clear: right;}
img.both,p.both,div.both,ul.both {clear: both;}
img.none,p.none,div.none {clear: none;}

/* some positioning in the flow */
.tal {text-align: left!important; }
.tac {text-align: center!important; }
.tar {text-align: right!important; }
.taj {text-align: justify!important; }
.flr {float: right; margin: 1px 2px 1px 6px; }
.fll {float: left; margin: 1px 6px 1px 3px; }
.throwleft {position: absolute; top: -900px; left: -900px; width: 100px;}
p i.flr {width: 99%; text-align: right; float: none; display: block;}

sub {vertical-align: -0.3em; line-height: 0; font-size: 100%;}
sub.small {font-size: 75%; font-weight: 200;}

sup {vertical-align: 0.4em; line-height: 0; font-size: 100%;}
sup.small {font-size: 75%; font-weight: 200;}

div#footer-visual div.nav {margin: 9px 170px 3px 10px; padding-bottom: 0px;}
div#footer-visual div.flr {margin: 0 25px 6px 0; height: 38px; width: 150px; display: inline; position: relative; padding-bottom: 0;}
div#footer-visual div.flr img {position: relative; z-index: 2;}
div#footer-visual ul { margin: 0; padding: 0; font-size: 83%; font-family: "Trebuchet MS", serif;}
div#footer-visual ul li {display: inline; margin: 1px 2px; padding: 1px 3px 2px 3px; border: solid 1px #777; background:#ddd url(../imagedepot/linkedge-1.jpg); float: left; border-width: 1px 2px 2px 1px; }

div#footer-visual ul li a:hover {background: #f2f2f2 url(../imagedepot/linkedge-1.jpg) 70% 3%; border: none!important;}


div#footer-visual ul li a img {border: none!important; margin-bottom: -3px;}

div#footer div.flr {clear: right; margin-top: 2px;}

div#footer { position:fixed; bottom:0; left:0; margin: 0; padding: 0 ; min-width: 580px; width: 100%; z-index: 6;}
div#footer div#footer-visual {width: 100%; max-width: 1100px; min-width: 580px!important; margin: 0 auto -3px auto; border-top: solid 1px #fff; position: relative; background: #999 url(../imagedepot/hogmog-dark.png) 0 -12px no-repeat;}


div#content .head {border: solid 1px #bbb; display: inline; padding: 0 8px 1px 4px; margin: -0.68em 10px 2px 6px; position: relative; float: left; color: #000; background: #eee url(../imagedepot/linkedge-1.jpg); font-weight: 800; font-family: Georgia,"Trebuchet MS",sans-serif; font-style: normal; border-right: solid 2px #aaa; border-bottom: solid 2px #aaa;}
div#content h4.head {margin-top: -0.75em;}
div#content h4.head small {font-weight: 200;}

div#content div.con-add {margin: 100px 0 0 0; padding: 1px 0 100px 0; text-align: left; position: relative; height: auto;}
div#content div.con-add p {clear: left; margin-left: 23px;}
div#content div.con-add h4 {margin-left: 10px;}
div#content div.con-add h3.head,div#content div.con-add h4.head {margin-left: 6px;}
div#content div.con-add ol,div#content div.con-add ol li {padding-bottom: 20px; margin-bottom: 0;}
div#content div.con-add ol li img {margin: 0 10px -2px 10px;}

div#footer div.flr img {position: relative; z-index: 8;}
div#footer div.flr img.dh {position: absolute!important; margin-top: -50px!important; right: -25px!important;}
div#footer div.flr img.op {position: absolute!important; margin-top: -7px!important; right: 105px!important;}


#right-col {border-bottom: solid 1px #bbb;}
#right-top #right-top-visual { position: relative;}

div.exp,.exp,.expb {display: block; padding:8px;background:#e8ebef url("../imagedepot/linkedge-1.jpg");border: solid 1px #ddd; border-bottom: solid 1px #bbb; border-right: solid 1px #999;}
div.exp {margin: 6px 3px 6px 1%;}
div.exp p {margin: 2px 3px 3px 4px;}

#right-top #right-top-visual div.cb1 {display: block; position: absolute; top: 336px; right: 3px; width: 88px; height: 10px; border-bottom: solid 1px #bbb; border-right: solid 1px #bbb; padding:0;}
#right-top #right-top-visual div.cb1 span {display: block; width: 4px; height: 4px; border: solid 1px #bbb; float: right; margin: 2px 3px 0 15px; position: relative; }

#right-top #right-top-visual div.cb2 {display: block; position: absolute; top: 354px; right: 70px; width: 70px; height: 10px; border-top: solid 1px #bbb; border-left: solid 1px #bbb; padding:0 0 0 17px;}
#right-top #right-top-visual div.cb2 span {display: block; width: 4px; height: 4px; border: solid 1px #bbb; float: left; margin: 2px 0 0 -14px; position: relative;}

#right-top div.cb3 {display: block; position: absolute; top: 150px; left:3px; width: 20px; height: 130px; border-top: solid 1px #bbb; border-left: solid 1px #bbb; padding:0; z-index: -30;}
#right-top div.cb3 span {display: block; width: 10px; height: 10px; border: solid 1px #bbb; float: left; margin: 2px 0 0 2px; position: relative;}
#right-top #right-top-visual div.cb3 span span {display: block; width: 10px; height: 10px; border: solid 1px #bbb; float: left; margin: -12px 0 0 -24px; }

div.cb4,div.cb5,div.cb6 {position: absolute; left: 10px; z-index: 1; border-style: solid; border-color: #bbb;border-left-color:  transparent; border-right-color: transparent; border-width: 11px 50% 1px; margin: 3px 0;}
div.cb4 {border-top: none;}
div.cb5,div.cb6 {border-bottom: none;}
div.cb6 {left: -16px;}

}