body { margin: 0px; padding: 0px; color: #DDDDDD; font-family: Verdana; font-size: 11px; line-height: 130%; overflow-X: hidden; }
p { font-family: Verdana; font-size: 11px; }
font.grey { font-family: Verdana; font-size: 11px; color: #AEAEAE;}
h1 { font-family: Century Gothic; font-size: 12px; color: #C10909; font-weight: bold;}

.justering {text-align: justify;}

a:link { color: #FFFFFF; text-decoration: none}
a:visited { color: #FFFFFF; text-decoration: none}
a:active { text-decoration: none}
a:hover { text-decoration: underline}
a:focus { -moz-outline-style: none; }

body { background-color: #000000;}


#logo {background-color: black; width: 210px; height: 100px; padding: 0px; position: absolute; left: 0px; bottom: 0px;}

#left {background-color: #000000; padding: 0px; border: 0px; width: 40%; height: 100%; position: absolute; right: 60%; top: 0px;}
#leftinner {background-color: #000000; padding: 0px; width: 99%; height: 99%; position: absolute; right: 1px; top: 0px;  border: 1px solid #303030;  border-left: 1px solid #000000;}


#black {background-color: #000000; padding: 0px; width: 40%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1;}
#berg {background: url(../pics/bgberg.jpg); width: 400px; height: 100%; padding: 0px; position: absolute; right: 0px; top: 0px; z-index: 2;}

#up { height: 15px; width: 15px; position: absolute; left: 465px; top: 0px; z-index: 4;}
#down { height: 15px; width: 15px; position: absolute; left: 465px; bottom: 0px; z-index: 4;}

#iframe { height: 330px; width: 430px; position: absolute; left: 25px; top: 0px; }
#textframe {background-color: #000000; padding: 0px; width: 60%; height: 100%; position: absolute; left: 40%; top: 0px;}

#text { text-align: justify; }
.fade { width:210px; height:100px;  filter: alpha(opacity=100); -moz-opacity:1.0; background-color:black; position: absolute; left: 0px; bottom: 0px; z-index:2;}
.fadeenter { margin-left: auto; margin-right: auto; margin-top: 100px; width:483px; height:249px;  filter: alpha(opacity=100); -moz-opacity:1.0;  background-color:black; z-index:2;}

#K_Foretaget {width: 86px; height: 22px; position: absolute; right: 25px; top: 35px; z-index: 3; margin: 0px; padding: 0;}
#K_Foretaget a{display: block; width: auto; height: 22px; background: transparent url(../pics/k_foretaget.gif) no-repeat;}
#K_foretaget a:hover{background: transparent url(../pics/k_foretaget2.gif) no-repeat;}

#K_Magnetit { width: 86px; height: 22px; position: absolute; right: 25px; top: 63px; z-index: 3; margin: 0px; padding: 0;}
#K_Magnetit a{display: block; width: auto; height: 22px; background: transparent url(../pics/k_magnetit.gif) no-repeat;}
#K_Magnetit a:hover{background: transparent url(../pics/k_magnetit2.gif) no-repeat;}

#K_Produkter { width: 86px; height: 22px; position: absolute; right: 25px; top: 91px; z-index: 3; margin: 0px; padding: 0;}
#K_Produkter a{display: block; width: auto; height: 22px; background: transparent url(../pics/k_produkter.gif) no-repeat;}
#K_Produkter a:hover{background: transparent url(../pics/k_produkter2.gif) no-repeat;}

#K_Kontakt { width: 86px; height: 22px; position: absolute; right: 25px; top: 119px; z-index: 3; margin: 0px; padding: 0;}
#K_Kontakt a{display: block; width: auto; height: 22px; background: transparent url(../pics/k_kontakt.gif) no-repeat;}
#K_Kontakt a:hover{background: transparent url(../pics/k_kontakt2.gif) no-repeat;}