html, body {
    width: 100%;
    height: 98%;
}
body {
    font-family: Arial, Helvetica, sans-serif;   
    margin: 0;
    padding: 0;
    background: url('images/nachthimmel.jpg') 0 0 #3952E2 repeat-x;
    font-size: 14px;
}
a img {
    border: none;   
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 750px;
    height: 600px;
}
td {
    height: 124px;
    width: 124px;   
    border-collapse: collapse;
    padding: 0;
    border: 25px solid #FFFFFF;
}
ul#sortable a {
    height: 90px;
    width: 124px;
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 42px;
    font-weight: bold;
    padding: 34px 0 0 0;
    text-align: center;
}
#slice1 {
    background: url('slices/slice1b.gif') no-repeat 0 0;
    font-size: 26px;
    padding-top: 46px;
    height: 104px;
}
#slice1:hover {
    background: url('slices/slice1.gif') no-repeat 0 0;
}
#slice1[class=aktiv] {
    background: url('slices/slice1.gif') no-repeat 0 0;
    font-size: 32px;
    padding-top: 24px;
    height: 100px;
}

#slice2 {
    background: url('slices/slice2b.gif') no-repeat 0 0;
}
#slice2:hover {
    background: url('slices/slice2.gif') no-repeat 0 0;
}
#slice2[class=aktiv] {
    background: url('slices/slice2.gif') no-repeat 0 0;
}

#slice3 {
    background: url('slices/slice3b.gif') no-repeat 0 0;
}
#slice3:hover {
    background: url('slices/slice3.gif') no-repeat 0 0;
}
#slice3[class=aktiv] {
    background: url('slices/slice3.gif') no-repeat 0 0;
}

#slice4 {
    background: url('slices/slice4b.gif') no-repeat 0 0;
}
#slice4:hover {
    background: url('slices/slice4.gif') no-repeat 0 0;
}
#slice4[class=aktiv] {
    background: url('slices/slice4.gif') no-repeat 0 0;
}

#slice5 {
    background: url('slices/slice5b.gif') no-repeat 0 0;
}
#slice5:hover {
    background: url('slices/slice5.gif') no-repeat 0 0;
}
#slice5[class=aktiv] {
    background: url('slices/slice5.gif') no-repeat 0 0;
}

#slice6 {
    background: url('slices/slice6b.gif') no-repeat 0 0;
}
#slice6:hover {
    background: url('slices/slice6.gif') no-repeat 0 0;
}
#slice6[class=aktiv] {
    background: url('slices/slice6.gif') no-repeat 0 0;
}

#slice7 {
    background: url('slices/slice7b.gif') no-repeat 0 0;
}
#slice7:hover {
    background: url('slices/slice7.gif') no-repeat 0 0;
}
#slice7[class=aktiv] {
    background: url('slices/slice7.gif') no-repeat 0 0;
}

#slice8 {
    background: url('slices/slice8b.gif') no-repeat 0 0;
}
#slice8:hover {
    background: url('slices/slice8.gif') no-repeat 0 0;
}
#slice8[class=aktiv] {
    background: url('slices/slice8.gif') no-repeat 0 0;
}

#slice9 {
    background: url('slices/slice9b.gif') no-repeat 0 0;
}
#slice9:hover {
    background: url('slices/slice9.gif') no-repeat 0 0;
}
#slice9[class=aktiv] {
    background: url('slices/slice9.gif') no-repeat 0 0;
}

#slice10 {
    background: url('slices/slice10b.gif') no-repeat 0 0;
}
#slice10:hover {
    background: url('slices/slice10.gif') no-repeat 0 0;
}
#slice10[class=aktiv] {
    background: url('slices/slice10.gif') no-repeat 0 0;
}

#slice11 {
    background: url('slices/slice11b.gif') no-repeat 0 0;
}
#slice11:hover {
    background: url('slices/slice11.gif') no-repeat 0 0;
}
#slice11[class=aktiv] {
    background: url('slices/slice11.gif') no-repeat 0 0;
}

#slice12 {
    background: url('slices/slice12b.gif') no-repeat 0 0;
}
#slice12:hover {
    background: url('slices/slice12.gif') no-repeat 0 0;
}
#slice12[class=aktiv] {
    background: url('slices/slice12.gif') no-repeat 0 0;
}

#slice13 {
    background: url('slices/slice13b.gif') no-repeat 0 0;
}
#slice13:hover {
    background: url('slices/slice13.gif') no-repeat 0 0;
}
#slice13[class=aktiv] {
    background: url('slices/slice13.gif') no-repeat 0 0;
}

#slice14 {
    background: url('slices/slice14b.gif') no-repeat 0 0;
}
#slice14:hover {
    background: url('slices/slice14.gif') no-repeat 0 0;
}
#slice14[class=aktiv] {
    background: url('slices/slice14.gif') no-repeat 0 0;
}

#slice15 {
    background: url('slices/slice15b.gif') no-repeat 0 0;
}
#slice15:hover {
    background: url('slices/slice15.gif') no-repeat 0 0;
}
#slice15[class=aktiv] {
    background: url('slices/slice15.gif') no-repeat 0 0;
}

#slice16 {
    background: url('slices/slice16b.gif') no-repeat 0 0;
}
#slice16:hover {
    background: url('slices/slice16.gif') no-repeat 0 0;
}
#slice16[class=aktiv] {
    background: url('slices/slice16.gif') no-repeat 0 0;
}

#slice17 {
    background: url('slices/slice17b.gif') no-repeat 0 0;
}
#slice17:hover {
    background: url('slices/slice17.gif') no-repeat 0 0;
}
#slice17[class=aktiv] {
    background: url('slices/slice17.gif') no-repeat 0 0;
}

#slice18 {
    background: url('slices/slice18b.gif') no-repeat 0 0;
}
#slice18:hover {
    background: url('slices/slice18.gif') no-repeat 0 0;
}
#slice18[class=aktiv] {
    background: url('slices/slice18.gif') no-repeat 0 0;
}

#slice19 {
    background: url('slices/slice19b.gif') no-repeat 0 0;
}
#slice19:hover {
    background: url('slices/slice19.gif') no-repeat 0 0;
}
#slice19[class=aktiv] {
    background: url('slices/slice19.gif') no-repeat 0 0;
}

#slice20 {
    background: url('slices/slice20b.gif') no-repeat 0 0;
}
#slice20:hover {
    background: url('slices/slice20.gif') no-repeat 0 0;
}
#slice20[class=aktiv] {
    background: url('slices/slice20.gif') no-repeat 0 0;
}

#slice21 {
    background: url('slices/slice21b.gif') no-repeat 0 0;
}
#slice21:hover {
    background: url('slices/slice21.gif') no-repeat 0 0;
}
#slice21[class=aktiv] {
    background: url('slices/slice21.gif') no-repeat 0 0;
}

#slice22 {
    background: url('slices/slice22b.gif') no-repeat 0 0;
}
#slice22:hover {
    background: url('slices/slice22.gif') no-repeat 0 0;
}
#slice22[class=aktiv] {
    background: url('slices/slice22.gif') no-repeat 0 0;
}

#slice23 {
    background: url('slices/slice23b.gif') no-repeat 0 0;
}
#slice23:hover {
    background: url('slices/slice23.gif') no-repeat 0 0;
}
#slice23[class=aktiv] {
    background: url('slices/slice23.gif') no-repeat 0 0;
}

ul#sortable a#slice24 {
    background: url('slices/slice24.gif') no-repeat 0 0;
    font-size: 26px;
    padding-top: 46px;
    height: 78px;
}
#slice24:hover {
    background: url('slices/slice24.gif') no-repeat 0 0;
}
#slice24[class=aktiv] {
    background: url('slices/slice24.gif') no-repeat 0 0;
    font-size: 26px;
}

.dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 300px;
    width: 400px; 
    z-index: 9;
    margin: -150px 0 0 -200px;
    background-color: yellow;
}
h1.haupt {
    font-size:58px;
    margin: 10px 0 5px 0;
    color: #FFFFFF;
    font-family: Georgia, Times New Roman, Times, serif;
    font-style: italic;
    font-weight: normal;
    text-indent: -9000px;
    background: url('images/adevent_logo.gif') no-repeat center top;
}
ul {
    list-style-type: none;
    width: 900px;
    margin: 0 auto;
    padding: 0;
}
li {
    float: left;
    padding: 0;
    border: 8px solid #FFFFFF;
    margin: 5px;
}
.ui-state-highlite {
    width: 124px;
    height: 124px;
    background-color: #55555;
    margin-top: 24px;
}

div.wichtel {
    clear: both;   
}
div#wichtel a, div.question a {
    color: #FFFFFF !important;   
}
ul.wichtel {
    width: 350px;   
    padding:0;
    margin:0;
}
ul.wichtel li {
    float: none;   
    margin: 5px 0 5px 0;
    border: 0 none;
}
ul.antwort {
    width: 100%;
    padding:0;
    margin:0;
}
ul.antwort li {
    float: none;
    margin: 10px 0 0 0;
    border: 0 none;
}
ul.antwort li span.char{
    font-weight: bold;
}

div#login form {
    margin-top: 20px;
}
div.question span.kleiner {
    font-size: 0.8em;
}
div.hint {
    font-size:1.1em;
    font-weight:bold;   
    margin: 10px;
}
div#hint {
    cursor: pointer;   
}