p {color: white; font: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; line-height: 1.5em; }
body {background-color: black; text-align: center; margin: 0 auto; font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-color: seashell; line-height: 1.5em;}
textarea {background-color: transparent; color: white; }

a:link {text-decoration: none; color: white; }
a:visited {text-decoration: none; color: white; }
a:hover {color: white; text-decoration: underline; }
a:active {text-decoration: underline; color: orange;}
a img {border: none; }

#outer
      {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 1064px;
      height: 800px;
      margin-left: -532px; /* half of width */
      margin-top: -400px;  /* half of height */
      background-color: transparent;
	     }

#outers
      {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 1064px;
      height: 800px;
      margin-left: -532px; /* half of width */
      margin-top: -400px;  /* half of height */
      background-color: transparent;
	      }

#setekst {
position:absolute; 
bottom: 5%; 
left: 3%; 
height: 28px; 
width: 40px; 
background-color: black; 
color: white; 
border: solid white 2px; 
padding-top: 2px;
visibility: hidden;
cursor:pointer;cursor:hand;
}

#setekst1 {
position:absolute; 
bottom: 5%; 
left: 3%; 
height: 28px; 
width: 40px; 
background-color: black; 
color: white; 
border: solid white 2px; 
padding-top: 2px;
cursor:pointer;cursor:hand;
}

#setekst2 {
position:absolute; 
bottom: 5%; 
left: 3%; 
height: 28px; 
width: 40px; 
background-color: black; 
color: white; 
border: solid white 2px; 
padding-top: 2px;
visibility: hidden;
cursor:pointer;cursor:hand;
}

#filter
      {
       position:absolute;
      left: 50%;
      top :50%;
      width: 550px;
      height: 420px;
      margin-left: -275px;  /* half of width */
      margin-top: -210px;   /* half of height */
            background-color: transparent;
	visibility: visible;
	border: 4px solid white;
color: white; font-size: 120%; overflow: none; }
  
#respons
      {
       position:absolute;
      left: 50%;
      top :50%;
      width: 550px;
      height: 420px;
      margin-left: -275px;  /* half of width */
      margin-top: -210px;   /* half of height */
            background-color: transparent;
	visibility: hidden;
	color: white; font-size: 100%; overflow: none; }    

#reaktion
      {
       position:absolute;
      left: 50%;
      top :50%;
      width: 550px;
      height: 420px;
      margin-left: -275px;  /* half of width */
      margin-top: -210px;   /* half of height */
            background-color: transparent;
	visibility: hidden;
	color: white; font-size: 100%; 
text-align: justify;}    
      
   #inner
      {
      position:absolute;
      left: 50%;
      top :50%;
      width: 550px;
      height: 400px;
      margin-left: -275px;  /* half of width */
      margin-top: -200px;   /* half of height */
      opacity:0.74; visibility: hidden; color: black; font-size: 120%; line-height: 1.5em; background-color: seashell;  
text-align: center; overflow: none; border: 3px black solid;
      }

#outer2
      {
      position: absolute;
      left: 0px;
      top: 50%;
      width: 636px;
      height: 736px;
      margin-left: 0px; /* half of width */
      margin-top: -368px;  /* half of height */
      background-color: transparent;
	
      }

#outer3
      {
      position: absolute;
      left: 0px;
      top: 50%;
      width: 636px;
      height: 736px;
      margin-left: 17%; /* half of width */
      margin-top: -368px;  /* half of height */
      background-color: transparent;
	
      }

#outer4
      {
      position: absolute;
      left: 22%;
      top: 100px;
      width: 636px;
      height: 236px;
      margin-left: 0%; /* half of width */
      margin-top: 0px;  /* half of height */
      background-color: transparent;
	text-align: left;
	
      }

#rey
      {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 934px;
      height: 700px;
      margin-left: -467px; /* half of width */
      margin-top: -350px;  /* half of height */
      background-color: transparent;
	      }


#corner
      {
       position:absolute;
      left: 50%;
      top :50%;
      width: 934px;
      height: 700px;
      margin-left: -467px;  /* half of width */
      margin-top: -350px;   /* half of height */
            background-color: transparent;
	border: 0px solid white;
color: white; font-size: 120%; line-height: 100%; overflow: none; text-align: left; padding-left: 30px; padding-top: 50px; }

#corner2
      {
       position:absolute;
      bottom: 40px;
      right :30px;
      width: 300px;
      height: 300px;
        background-color: transparent;
	border: 0px solid white;
color: white; font-size: 120%; line-height: 100%; overflow: none; text-align: left; }

#inner2
      {
      position:absolute;
      left: 450px;
      top :40%;
      width: 200px;
      height: 160px;
      margin-left: 0px;  /* half of width */
      margin-top: -130px;   /* half of height */
      opacity:0.74; color: black; font-size: 120%; line-height: 1.5em; background-color: transparent;  
text-align: left; overflow: none; border: 0px black solid;
      
#logo {	position: absolute;
	top: 0%;
	left: 0%;
	margin-bottom: 0px;
	z-index: 2;
	text-align: center; 
	}

div#register {color:white; font-size:115%; font-weight:bold; position: absolute; bottom: 7px; left: 13px; background-color: transparent; color: white;}

div.box {width: 10%; height: 10%; border: 0; background: none; color: white; float: center; overflow: auto; } 
 
div#mantra {font-family:verdana; font-size:12pt; font-weight:bold; line-height: 1.3em; background-color: transparent; padding:0px; color: white;  
position: absolute; top: 20px; left: 20px; text-align: left; overflow: none; margin-left: 40px; margin-top: 15px; border: 0px black solid;}

div#mantra2 {font-family:verdana; font-size:12pt; font-weight:bold; line-height: 1.3em; background-color: transparent; padding:0px; color: white;  
position: absolute; top: 21%; left: 15%; text-align: left; overflow: none; border: 0px black solid;}

div#timer {font-family:verdana; font-size:12pt; font-weight:bold; line-height: 1.1em; background-color: transparent; padding:0px; color: white;  
position: absolute; top: 15%; left: 14.5%; text-align: left; overflow: none; border: 0px black solid;}
 
div#login {visibility: hidden; color: white; font-size: 120%; line-height: 1.5em; background-color: black; 
width: 470px; height: 510px; position: absolute; top: 0px; left:265px; text-align: left; overflow: auto;}

div#log {font-size:15.2; color:white; font-weight:bold; line-height: 1.6em; text-align:center;}

div#background {margin: 0px; padding: 0px;}