/* CSS Document */
body { text-align: center; margin: 0 0 0 0;width: 100%;height: 100%;}
#page {width:1000px;height:95%;margin: 15px auto;}
/*### Links ###*/
a:link {color: rgb(121,121,121);text-decoration: underline;font-weight: bold;}
a:visited{color: rgb(141,141,141);text-decoration: underline;font-weight: bold;}
a:active{color: rgb(121,121,121);text-decoration: underline;font-weight: bold;}
a:hover{color: rgb(16,16,16);text-decoration: underline;font-weight: bold;}
/*### positioning ###*/
/* Left Colum */
#colLeft {width: 315px;height: 100%;float: left;}
#miltinfo {width: 80%;}
/* Middle Colum */
#colMid {width: 370px;height: 100%;float: left;}
#headSpace {width: 100%;height: 60px;position: relative;top: 0px;}
#logo {width: 120px; height: 100px;}
#tagline {width: 100%;height: 60px;text-align: left;}
#leile {width: 70px; height: 100px;float: right;text-align: left;}
#leileEyes {width: 32px; height: 22px; position: relative; top: 15px;left: 40px;}
#mikkel {width: 100%; height: 70px;position: relative;top: 15px;text-align: left;}
#mikkelEyes {width: 32px; height: 22px; position: relative; top: 10px;left: 20px;}
#jakob {width: 100%; height: 200px;text-align: left;}
#jakobEyes {width: 32px; height: 22px; position: relative; top: 30px;left: 5px;}
#peterEyes {width: 32px; height: 22px; position: relative; top: 30px;left: 1px;}
#lights{ width: 100%; height: 500px;}
#switch {width: 28px; height: 40px; position: relative; top: 190px;left: 10px;cursor: pointer;}
/* ## Inner Colums  ##*/
#ic1 {width: 130px; height: 100%;float: left;}
#ic2 {width: 165px; height: 100%;float: left;}
#ic2a {width: 70px; height: 350px;float: left;clear: left;}
#ic2b {width: 90px; height: 350px;float: left;text-align: left;}
#ic3 {width: 70px; height: 100%;float: left; text-align: left;}
/*###  eof Inner colums ###*/
#footerSpace {width:100%;height: 30px;}
/* Right Colum */
#colRight {width: 310px;height: 100%;float: left;}
#slqinfo {width: 80%;overflow: visible;}
/* Outer text areas */
.row1 {width: 100%;height: 25%; text-align: left;margin-top: 60px;}
.row2 {width: 100%;height: 30%; text-align: left;}
.row3 {width: 100%;height: 30%; text-align: left;}
/*#### on classes ####*/
body.on{background-color: rgb(255,255,255);}
#logo.on {background-image: url(images/SLQ.gif);background-position: center;background-repeat: no-repeat;}
#lights.on {background-image: url(images/lights-on.jpg);background-position: center;background-repeat:no-repeat;}
#leile.on {cursor: pointer;}
#mikkel.on {cursor: pointer;}
#jakob.on {cursor: pointer;}
#ic2b.on {cursor: pointer;}
#mikkelEyes.on {background-image: url();}
#peterEyes.on {background-image: none;}
#jakobEyes.on {background-image: none;}
#tagline.on {cursor: pointer;}
#headSpace {text-align: left;}
/*### eof on classes ###*/
/*#### off classes ####*/
body.off {background-color: rgb(0,0,0);}
#leileEyes.off {background-image: url(images/eyes4.gif);background-position: center;background-repeat: no-repeat;}
#mikkelEyes.off {background-image: url(images/eyes2.gif);background-position: center;background-repeat: no-repeat;}
#peterEyes.off {background-image: url(images/eyes3.gif);background-position: center;background-repeat: no-repeat;}
#jakobEyes.off {background-image: url(images/eyes1.gif);background-position: center;background-repeat: no-repeat;}
#lights.off {}
#footerSpace.off {}
#lights.switchedOff {background-image: url(images/lights-off.jpg);background-position: center;background-repeat:no-repeat;}
/*### eof off classes ###*/
#footerSpace.hide {display: none;}
#footerSpace.show {display: block;}
#leileinfo.hide {display: none;}
#leileinfo.show {display: block;border: 1px rgb(246,246,246) solid;padding: 10px;}
#mikkelinfo.hide {display: none;}
#mikkelinfo.show {display: block;border: 1px rgb(246,246,246) solid;padding: 10px;}
#peterinfo.hide {display: none;}
#peterinfo.show {display: block;border: 1px rgb(246,246,246) solid;padding: 10px;}
#jakobinfo.hide {display: none;}
#jakobinfo.show {display: block;border: 1px rgb(246,246,246) solid;padding: 10px;}
#miltinfo.hide {display: none;}
#miltinfo.show {display: block;border: 1px rgb(246,246,246) solid;padding: 10px;}
#slqinfo.hide {display: none;}
#slqinfo.show {display: block;border: 1px rgb(246,246,246) solid;padding: 10px;}
/*### Fonts ###*/
body {font-family:"Palatino Linotype";line-height: 15px;font-size: 12px;color: rgb(141,141,141);}
#tagline.on {color: rgb(192,192,192);font-family: "Century Gothic";line-height: 15px;letter-spacing: 5px;font-size: medium;}
#footerSpace {font-variant: small-caps;border-left: 1px rgb(252,252,252);border-right: 1px rgb(252,252,252);font-size: 12px;}
#tagline/*.off*/ {color: rgb(0,0,0);}
/*## loading block ##*/
#prompt.show {position: absolute;top: 50%;left: -12px;width: 100%; height: 30px;background-image: url(images/load.gif);background-position: center;background-repeat: no-repeat;}
#prompt.hide {display: none;}
/*## Language flags ##*/
#menu.show{display: inline;}
#menu.hide{display: none;background-color: rgb(0,0,0);color: rgb(0,0,0);}
img.lang {cursor: pointer;}

#announcement{text-align: center;position: absolute;top:0px;left:65px;text-align: left;float: left;width: 300px;margin-left: 20px;}