body { color: #4c4c4c; font-size: 1em; font-family: arial; background-color: #000; background-image: url(../_i/bg.gif); background-position: center 0; text-align: center; margin: 0 auto; padding: 0; }
#container { color: #a2a2a2; font-size: 1em; font-family: arial; background-image: url(../_i/bg.jpg); background-repeat: repeat-y; background-position: center top; text-align: justify; width: 900px; margin: 0 auto; padding: 0; }
#tekst { color: #a2a2a2; width: 500px; height: 600px; }
#top1 { background-image: url(../_i/index_1.jpg); background-repeat: no-repeat; width: 900px; height: 450px; margin: 0 auto; padding: 0; }
#top2 { background-image: url(../_i/index_2.jpg); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 900px; height: 450px; }
#top3 { background-image: url(../_i/index_3.jpg); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 900px; height: 450px; }
#top4 { background-image: url(../_i/index_4.jpg); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 900px; height: 450px; }
#menu { color: #ccc; font: bold 12px arial; background-repeat: repeat-x; background-position: left top; text-align: center; padding: 0; margin: 180px 0 0; width: 360px; height: 70px; float: right; }
#menu li { color: #ccc; background-image: url(../_i/menu_a.jpg); background-repeat: repeat-x; background-position: left top; width: 70px; height: 70px; float: left; margin: 0; padding: 0; border: solid 1px; list-style: none; display: block; }
#menu li a { color: #ccc; background-repeat: repeat-x; background-position: left top; text-decoration: none; width: 70px; height: 70px; }
#menu li a:link { color: #ccc; background-repeat: repeat-x; background-position: 0 0; width: 70px; height: 70px; }
#menu li a:visited { color: #ccc; background-repeat: repeat-x; background-position: 0 0; width: 70px; height: 70px; }
#menu li a:hover { color: #fff; background-color: #4a016f; background-image: url(../_i/menu_b.jpg); background-repeat: repeat-x; background-position: left top; width: 70px; height: 70px; display: block; }
#current, .current { color: #fff; background-color: #4a016f; background-image: url(../_i/menu_b.jpg); background-repeat: repeat-x; background-position: 0 0; display: block; width: 70px; height: 70px; }
#context { color: #ccc; font-size: 0.7em; font-family: arial; text-align: justify; width: 600px; margin-top: -40px; margin-left: 200px; padding: 5px 5px 25px; }
#contextb { color: #ccc; font-size: 0.7em; font-family: arial; text-align: justify; margin-top: -180px; margin-left: 150px; padding: 5px 5px 25px; width: 600px; }
#contextg { color: #ccc; font-size: 0.7em; font-family: arial; text-align: justify; margin-top: -100px; margin-left: 100px; padding: 5px 5px 25px; width: 700px; }
#context a { color: #ccc; font-family: arial; background-color: #000; background-image: url(../_i/menu_a.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: justify; padding: 5px; }
#context a:link { color: #ccc; font-family: arial; background-color: #000; background-image: url(../_i/menu_a.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: justify; padding: 5px; }
#context a:visited { color: #ccc; font-family: arial; background-color: #000; background-image: url(../_i/menu_a.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: justify; padding: 5px; }
#context a:hover { color: #fff; font-family: arial; background-image: url(../_i/menu_b.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: justify; padding: 5px; }


#column1 { width: 220px; float: left; margin: 3px; padding: 3px; }
#column2 { margin: 3px; padding: 3px; width: 220px; float: left; }
#column3 { margin: 3px; padding: 3px; width: 220px; float: left; }
#contextc { color: #ccc; font-size: 0.7em; font-family: arial; text-align: justify; margin-top: -100px; margin-left: 100px; padding: 5px 5px 25px; width: 650px; }
#footer, .footer { color: #ccc; font-size: 0.7em; font-family: arial; background-color: #000; background-image: url(../_i/menu_a.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: justify; margin: 0 auto; padding: 5px 15px; width: 730px; height: 20px; }
#footer a { color: #ccc; font-family: arial; background-color: #000; background-image: url(../_i/menu_a.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: justify; padding: 5px; }
#footer a:link { color: #ccc; font-family: arial; background-color: #000; background-image: url(../_i/menu_a.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: justify; padding: 5px; }
#footer a:visited { color: #ccc; font-family: arial; background-color: #000; background-image: url(../_i/menu_a.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: justify; padding: 5px; }
#footer a:hover { color: #fff; font-family: arial; background-image: url(../_i/menu_b.jpg); background-repeat: repeat-x; background-position: left bottom; text-align: justify; padding: 5px; }
.color { color: #c000cc; }
.color1 { color: #c000cc; font-weight: bold; }
h1 { color: #8a00b1; font-size: 1.4em; font-weight: bold; margin: 0; }
h2 { color: #ccc; font-size: 1.1em; font-weight: normal; margin: 0; }
h3 { color: #ccc; font-size: 0.8em; font-weight: normal; margin: 0; }
h4 { color: #8a00b1; font-size: 0.8em; font-weight: normal; margin: 0; }
h5 { color: #ccc; font-size: 0.8em; font-weight: normal; margin: 0; }
#stat { float: left; margin-top: -60px; margin-left: 75px; }
.formess200 { color: #ccc; background-color: #667; width: 200px; border: solid 1px; }
.formess400 { color: #ccc; background-color: #667; width: 400px; height: 200px; border: solid 1px; }
.fot { width: 200px; height: 200px; margin: 3px; border: solid 6px #fff; }
