@charset "utf-8";

* { padding: 0; margin: 0; }
html, body { height:100%; }
body { font-size: 12px; color: #333333; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-align: center; scrollbar-base-color: #4C4C4C; scrollbar-track-color: #545454; }
img { border: 0; }
a { border: 0; }
#dummy-center-center {  width:1px; height:50%; background-color:#fc6; margin-bottom:-265px; float:left; }
#canvas { margin:0 auto; position:relative; text-align:left; height:530px; width:820px; clear:left; }
#canvas-border { position: absolute; z-index: 100; background-image: url(../images/canvas-border.png); background-repeat: no-repeat; width: 820px; height: 530px; }

#images-container div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width: 820px; height: 530px;
}

#images-container .active {
    z-index:10;
    opacity:1.0;
}

#images-container .last-active {
    z-index:9;
}

h1, h2 ,h3 ,h4 ,h5 ,h6 ,h7 { font-family: "Centu ry Gothic", Arial, Helvetica, sans-serif; }

#logo h1 { display: none; }
#logo { width: 164px; height: 139px; background-image: url(../images/logo.png); background-repeat: no-repeat; z-index: 101; position: absolute; top: 15px; }
#menu-top { width: 164px; height: 10px; z-index: 101; position: absolute; top: 166px; background-image: url(../images/black-top.png); background-repeat: no-repeat; }
#menu-wrap { overflow: hidden; width: 164px; position: absolute; z-index: 101; top: 176px; background-image: url(../images/black-middle.png); background-repeat: repeat-y; background-position: left bottom; padding-bottom: 10px; }
#ev-top { width: 164px; height: 10px; z-index: 101; position: absolute; top: 347px; background-image: url(../images/black-top.png); background-repeat: no-repeat; }
#ev-wrap { overflow: hidden; width: 164px; position: absolute; z-index: 101; top: 357px; background-image: url(../images/black-middle.png); background-repeat: repeat-y; background-position: left bottom; padding-bottom: 10px; }

ul, li { margin: 5px; list-style: none; list-style-type: none; }
#main-menu { width: 135px; margin-left: 7px; text-align: right; }
#main-menu li { margin-bottom: 2px; margin-top: 2px; margin-left: 0; margin-right: 0; }
#main-menu li a { font-size: 12px; color: #E4E4E4; text-decoration: none; }
#main-menu li a:hover { font-weight: bold; color: #FFFFFF; }
#main-menu li .active { font-size: 18px; font-weight: lighter; color: #FFFFFF; }
#main-menu li .active:hover { font-weight: lighter; }
#text-wrap { position: absolute; right: 0; top: 0; bottom: 0; width: 300px; background-image: url(../images/text-bg.png); z-index: 99; color: #FFFFFF; }
#text-container { position: absolute; right: 0; top: 0; bottom: 0; width: 300px; z-index: 101; color: #FFFFFF; }
#text-container .inside { margin: 20px; height: 490px; margin-right: 0px; }
#text-container h2 { font-size: 26px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; margin-bottom: 4px; }
#text-container .nyhet { margin-bottom: 4px; padding: 5px; font-size: 11px; }
#text-container h3 { font-size: 14px; font-family: "Centu ry Gothic", Arial, Helvetica, sans-serif; }
#text-container a { text-decoration: none; color: #FF99CC; font-weight: bold; }
#text-container a:hover { text-decoration: underline; }

a { text-decoration: none; color: #FF99CC; font-weight: bold; }
a:hover { text-decoration: underline; }