html, body {
    background-color:black;
    color: #000;
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}


#tlo {
    background: url(img/tlo.jpg) black no-repeat;
    width: 900px;
    height: 643px;
    margin: auto;
    position:relative;

}


#top {
    width: 780px;
}

#TRESC {
    top:140px;
    width: 580px;
    left:140px;
    float: left;
    position:relative;
    color:white;
}

#TEKST {
    width:80%;
    float:left;
    line-height:1.5em;
    font-family: Verdana;
    font-size:11px; color:#A2DEF0;
}
#TEKST .big{
    font-size:13px; color:#A2DEF0;
    line-height:1.5em;
    font-family: Verdana;
    font-weight: bold;
}

#SCREEN{
    width:20%;
    margin-top: 5px;
    float:right;
}
#SCREEN img{
    border:1px solid white;
    margin-bottom:5px;
    width:170px;
    cursor:pointer;
}

#SCREEN img:hover{
    border:1px solid red;
    margin-bottom:5px;
    width:170px;
    cursor:pointer;
}
#SCREEN a{
    border: 0px;
}

#SCREEN a:hover{
    border: 0px;
}

#SCREEN #online{
    top: -5px;
    font-size:14px; color:#A2DEF0;
    font-weight: bold;
    position: relative;
    line-height:1.5em;
}

#error{
  left: -10px;
  top:-120px;
  width: 170px;
  position: relative;
}

#LOGIN {
    clear: both;
    top:460px;
    left:140px;
    position:absolute;
    float:left;
    width: 100%;
    color: white;
}

.forget{
    top: -80px;
    width:160px;
    height:30px;
    left: 492px;
    position: relative;
}

.forget a{
    font-size:13px;
    color:#A2DEF0;
    line-height:1.5em;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}

.forget a:hover{
    font-size:14px;
    color:red;
    line-height:1.5em;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}


.login_input {
    background: url(img/input.png);
    border:0px;
    width:160px;
    height:27px;
    text-align:center;
    color:white;

}




.username {
    position:relative;
    width:180px;
    top:10px;
    height:30px;
    left: 170px;
    color:white;

}

.password {
    position:relative;
    top:-20px;
    width:100px;
    height:30px;
    left: 365px;
    color:white;

}

.submit {
    position:relative;
    top:-19px;
    width:120px;
    height:30px;
    left: 545px;
    color:white;
}
.submit_input {
    background: url(img/submit.png);
    border:0px;
    width:90px;
    height:27px;
    text-align:center;
    color:white;
    font-weight:bold;
    border: 1px solid #A2DEF0;
}

.submit_input:hover {
    background: url(img/submita.png);
    border:0px;
    width:90px;
    height:27px;
    text-align:center;
    color:white;
    font-weight:bold;
    border: 1px solid #A2DEF0;
}

.submit_input_reg {
    background: url(img/regs.png);
    border:0px;
    width:180px;
    height:29px;
    text-align:center;
    color:white;
    font-weight:bold;
    border: 1px solid #A2DEF0;
}

.submit_input_reg:hover {
    background: url(img/regsa.png);
    border:0px;
    width:180px;
    height:29px;
    text-align:center;
    color:white;
    font-weight:bold;
    border: 1px solid #A2DEF0;
}


.submit_input_forget{
    background: url(img/forgetsubmit.png);
    border:0px;
    width:180px;
    height:29px;
    text-align:center;
    color:white;
    font-weight:bold;
    border: 1px solid #A2DEF0;
}

.submit_input_forget:hover {
    background: url(img/forgetsubmita.png);
    border:0px;
    width:180px;
    height:29px;
    text-align:center;
    color:white;
    font-weight:bold;
    border: 1px solid #A2DEF0;
}





#MENU{
    position: relative;
    left: 130px;
    top:131px;
}
#MENU a{
    text-decoration: none;
    font-family: Verdana;
    font-size:14px;
    color:#A2DEF0;
    font-weight: bold;

}

#MENU a:hover{
    text-decoration: none;
    font-family: Verdana;
    font-size:15px;
    color:red;
    font-weight: bold;

}

#MENU ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 12px;
}

#MENU ul li {
    display: inline;
    white-space: nowrap;
}