@charset "UTF-8";

/* Datei: styles.css */
/* StyleSheet Definitionen für den M0keladmin */
/* @author Jan-Christoph Schwarze, Lukas Kolbe */


body {
    margin: 0px;
    padding: 0px;
    background: white;

   font-family: serif;
   font-size: 0.8em;
}

div.c64 {
   position: absolute;
   background-image: url('./C64.png');
   height: 258px;
   width: 300px;

   top: 50px;
   left: -550px;
}


div.paper {
   position: absolute;
   width: 500px;
   height: 450px;

   top: 0px;
   left: -250px;

   background-image: url('./papier.png');
   background-repeat: no-repeat;
}

div.paper:active {
   position: absolute;
   width: 500px;
   height: 450px;

   top: 0px;
   left: -250px;

   background-image: url('./papier.gif');
   background-repeat: no-repeat;
}



div.domains {
   position: absolute;
   padding-top: 60px;
   width: 300px;
   top: 300px;
   left: -300px;
   background-image: url('./domains.png');
   background-repeat: no-repeat;
}

div.accounts, div.addresses {
   position: absolute;
   padding-top: 60px;
   width: 300px;
   top: 300px;
   left: 0px;
   }

div.accounts {
   background-image: url('./accounts.png');
   background-repeat: no-repeat;
}

div.layout_center {
   position:absolute;
   left: 50%;
}

div.middle {
   margin-left: -450px;

   width: 900px;
   height: 800px;
}

ul {
   list-style-type: square;
}

div.rubber {
   position: absolute;
   left: 10px;
   top: 20px;
   background-image: url('./rubber.png');
   height: 124px;
   width: 200px;

}


div.disc {
   position: absolute;
   top: 400px;
   left: -650px;

   background-image: url('./disc.png');
   height: 267px;
   width: 300px;
   z-index: 0;
}

div.computer {
   position: absolute;
   top: 100px;
   left: 300px;

   background-image: url('./computer.png');
   height: 300px;
   width: 400px;
   z-index: 0;

}

ul.errorlist {
    border: 2px dotted red;
    list-style: none;
}


div {

 /*  border: 1px solid black;
}