body
{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
background-color: #0050a0;
}

#start
{
margin-left: 5%;
margin-right: 5%;
}


#log
{
position: absolute;
top: 27%;
left: 32%;
width: 500px;
height: 300px;
text-align: center;
border: 8px #0070c0 ridge;
background-color: #B8F4A6;
padding: 20px;
}

#komm
{position: fixed; top: 200px; left: 250px; width: 800px; height: 350px; visibility:hidden; border: 6px #F3EF94 ridge; background-color: #CAFFFF; line-height: 23px; font-size: 1em;}

#kommneu, #kommaend
{position: fixed; top: 100px; left: 250px; width: 800px; height: 450px; visibility:hidden; border: 6px #F3EF94 ridge; background-color: #CAFFFF; line-height: 23px; font-size: 1em;}

div.rahmen
{
margin: 1.5%;
background-color: #0050a0;
}

#hauptmenue
{
position: absolute;
top: 11.5%;
left: 1.5%;
width: 15%;
height: 300px;
padding: 10px;
background-color: #0050a0;
}

#hauptmenue a:link
{
text-decoration: none;
color: #ffff00;
}

#hauptmenue a:visited
{
text-decoration: none;
color: #ffff00;
}

#hauptmenue a:hover
{
text-decoration: none;
color: #ff0000;
}

#hauptmenue a:active
{
text-decoration: none;
color: white;
}

#hauptmenue a.linktausch:link
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
color: #ffff00;
text-decoration: none;
}

#hauptmenue a.linktausch:visited
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
color: #ffff00;
text-decoration: none;
}

#hauptmenue a.linktausch:hover
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
color: #ff0000;
text-decoration: none;
}

#hauptmenue a.linktausch:active
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
color: #ffff00;
text-decoration: none;
}

a.prof:link
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #0000ff;
text-decoration: none;
}

a.prof:visited
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #0000ff;
text-decoration: none;
}

a.prof:hover
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #ff0000;
text-decoration: none;
}

a.prof:active
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #0000ff;
text-decoration: none;
}

a.prof2:link
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: #0000ff;
text-decoration: none;
}

a.prof2:visited
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: #0000ff;
text-decoration: none;
}

a.prof2:hover
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: #ff0000;
text-decoration: none;
}

a.prof2:active
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: #0000ff;
text-decoration: none;
}

a.prof3:link
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: #ff0fff;
text-decoration: none;
}

a.prof3:visited
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: #ff0fff;
text-decoration: none;
}

a.prof3:hover
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: #ff0000;
text-decoration: none;
}

a.prof3:active
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: #ff0fff;
text-decoration: none;
}

#titel
{
position: absolute;
top: 1.5%;
left: 1.5%;
right: 1.5%;
height: 10%;
padding-top: 1%;
padding-left: 25%;
background-color: #0050a0;
}


#inhalt
{
position: absolute;
top: 11.5%;
left: 15%;
right: 1.5%;
height: 700px;
padding: 10px;
background-color: #dfdfdf;
}

em
{
font-weight: bold;
}

p.anmeld
{
border: 3px #5f5f5f solid;
padding: 10px;
padding-left: 100px;
}

#anmeld2
{
position: absolute;
top: 15%;
left: 5%;
}

#anmeld3
{
position: absolute;
top: 15%;
left: 30%;
}

input.logbutton
{
font-weight: bold;
font-size: 1em;
background-color: #00ff00;

}

em.bez
{
font-size: .8em;
}

em.bezrot
{
font-size: .8em;
color: #ff0000;
}

em.bezblau
{
font-size: 1.1em;
color: #0000ff;
}

strong.letztes
{
font-size: 1.1em;
color: #ff0000;
}

strong.punkte
{
font-size: 1.1em;
color: #000000;
}

#anmeld
{
margin-left: 20%;
}

input.eingabe
{
display: block;
width: 30%;
font-size: .8em;
}

p.alogbutton
{
text-align: center;
}

p.info
{
color: #009f00;
}

p.finfo
{
color: #ff0000;
}

p.finforang
{
margin-left: 15%;
color: #ff0000;
}

p.erfolg
{
font-size: 1.2em;
color: #ff0000;
}

#quizwahl1
{
position: absolute;
top: 5%;
left: 15%;
width: 70%;
text-align: center;
}

#quizwahl2, #duellwahl2
{
position: absolute;
top: 30%;
left: 35%;
width: 30%;
}


#duellwahl1
{
text-align: center;
}

#duellpunkte
{
position: absolute;
top: 75%;
left: 13%;
width: 70%;
text-align: center;
background-color: #ffff8c;
border: 7px #afafaf ridge;
padding: 10px;
}

p.art
{
background-color: #ffff8c;
border: 7px #afafaf ridge;
padding: 20px;
}

#pause
{
position: absolute;
top: 30%;
left: 13%;
width: 70%;
text-align: center;
color: #ff0000;
background-color: #ffffff;
border: 3px #ff0000 solid;
padding: 20px;
}

#loesch, #loeschja
{
position: absolute;
top: 40%;
left: 20%;
width: 50%;
text-align: center;
color: #ff0000;
background-color: #ffffff;
border: 3px #ff0000 solid;
padding: 10px;
}

h2.hallo
{
font-size: 1.5em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #000000;
}

p.exp1
{
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #ffff00;
padding: 5px;
}

p.exp2
{
font-size: 0.8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #ffff00;
padding: 5px;
}

p.exp3
{
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #00ff00;
padding: 5px;
}

p.hallo2
{
font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #000000;
padding: 5px;
}

p.hallo3
{
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #000000;
}

h2.kategorie
{
font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
text-align: center;
background-color: #ff7f00;
border: 10px #ff7f00 ridge;
padding: 10px;
}

h3.frage
{
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #0000ff;
background-color: #ffff00;
border: 10px #ffff00 ridge;
padding: 10px;
}

h2.quizende
{
margin-top: 10px;
font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #0000ff;
}

h4.regpkt
{
text-align: center;
}

#quizendeohne
{
position: absolute;
top: 20%;
left: 18%;
width: 60%;
font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #ff0000;
background-color: #ffffff;
border: 2px #000000 solid;
padding: 10px;
}

#quizendemit
{
position: absolute;
top: 20%;
left: 18%;
width: 60%;
font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #000000;
background-color: #A8FF51;
border: 10px #A8FF51 ridge;
padding: 10px;
}

#platz1
{
position: absolute;
top: 85%;
left: 10%;
width: 80%;
font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #000000;
background-color: #00ff00;
border: 5px #007f00 solid;
padding: 10px;
}

#platz2
{
position: absolute;
top: 85%;
left: 10%;
width: 80%;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #000000;
background-color: #b8f4a6;
border: 5px #007f00 solid;
padding: 10px;
}

#duellsieg
{
position: absolute;
top: 10%;
left: 8%;
width: 80%;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #000000;
background-color: #8CFF8C;
border: 10px #00df00 ridge;
padding: 20px;
}

#duellverlust
{
position: absolute;
top: 10%;
left: 8%;
width: 80%;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
color: #000000;
background-color: #FFA8A8;
border: 10px #ff0000 ridge;
padding: 20px;
}

#menuequizende
{
position: absolute;
top: 40%;
left: 40%;
text-align: center;
color: #0000ff;
}

#werbung
{
position: absolute;
top: 70%;
left: 35%;
text-align: center;
color: #0000ff;
}

#duellende
{
margin-left: 5%;
margin-right: 5%;
}

#menueduellende
{
position: absolute;
top: 75%;
left: 40%;
text-align: center;
color: #0000ff;
}

#points
{
margin-left: 35%;
font-size: .8em;
text-align: center;
width: 200px;
background-color: #dfdfdf;
border: 2px #000000 solid;
padding: 2px;
}

#pointsg
{
position: absolute;
top: 90%;
left: 35%;
font-size: .8em;
text-align: center;
width: 200px;
background-color: #A8FF51;
border: 5px #afafaf ridge;
padding: 2px;
}

#pointsduell
{
position: absolute;
top: 28%;
left: 72%;
font-size: .9em;
text-align: center;
width: 250px;
background-color: #99FF99;
border: 7px #afafaf ridge;
padding: 10px;
}

#fehlerzahl
{
position: absolute;
top: 92%;
left: 80%;
font-size: .8em;
width: 200px;
color: #ff0000;
background-color: #dfdfdf;
}

input.pointsges
{
background-color: #A8FF51;
border: none;
text-align: center;
font-size: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
}

input.nrfehler
{
color: #ff0000;
background-color: #dfdfdf;
border: none;
text-align: right;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
}

#levelanzgrau, #levelanzgruen
{
position: absolute;
top: 29%;
left: 88%;
text-align: center;
}

#levelanzgrau2, #levelanzgruen2
{
position: absolute;
top: 29%;
left: 88%;
text-align: center;
}


#levelgrau, #levelgruen
{
width: 100px;
border: 2px #000000 solid;
border-collapse: collapse;
}

#level15grau, #level10grau, #level5grau
{
background-color: #F3EF94;
border: 2px #000000 solid;
padding: 1px;
}

#level15grau2, #level5grau2
{
background-color: #F3EF94;
border: 2px #000000 solid;
padding: 1px;
}

#level10grau2
{
background-color: #afafaf;
border: 2px #000000 solid;
padding: 1px;
}

#level14grau, #level13grau, #level12grau, #level11grau, #level9grau, #level8grau, #level7grau, #level6grau, #level4grau, #level3grau, #level2grau, #level1grau
{
background-color: #afafaf;
border: 2px #000000 solid;
padding: 1px;
}

#level14grau2, #level13grau2, #level12grau2, #level11grau2, #level9grau2, #level8grau2, #level7grau2, #level6grau2, #level4grau2, #level3grau2, #level2grau2, #level1grau2
{
background-color: #afafaf;
border: 2px #000000 solid;
padding: 1px;
}


#level5gruen
{
background-color: #ffdf00;
border: 2px #000000 solid;
padding: 1px;
}

#level5gruen2
{
background-color: #ffdf00;
border: 2px #000000 solid;
padding: 1px;
}

#level10gruen
{
background-color: #ffdf00;
border: 2px #000000 solid;
padding: 1px;
}

#level10gruen2
{
background-color: #00ff00;
border: 2px #000000 solid;
padding: 1px;
}

#level15gruen
{
background-color: #00ffff;
border: 2px #000000 solid;
padding: 1px;
}

#level15gruen2
{
background-color: #00ffff;
border: 2px #000000 solid;
padding: 1px;
}

#level14gruen, #level13gruen, #level12gruen, #level11gruen, #level9gruen, #level8gruen, #level7gruen, #level6gruen, #level4gruen, #level3gruen, #level2gruen, #level1gruen
{
background-color: #00ff00;
border: 2px #000000 solid;
padding: 1px;
}

#level14gruen2, #level13gruen2, #level12gruen2, #level11gruen2, #level9gruen2, #level8gruen2, #level7gruen2, #level6gruen2, #level4gruen2, #level3gruen2, #level2gruen2, #level1gruen2
{
background-color: #00ff00;
border: 2px #000000 solid;
padding: 1px;
}

#fuenfziggruen
{
position: absolute;
top: 92%;
left: 15%;
width: 120px;
text-align: center;
background-color: #00afaf;
color: #000000;
}

#fuenfziggrau
{
position: absolute;
top: 92%;
left: 15%;
width: 120px;
text-align: center;
background-color: #afafaf;
color: #ffffff;
border: 1px #000000 solid;
}

#tauschgruen
{
position: absolute;
top: 92%;
left: 30%;
width: 120px;
text-align: center;
background-color: #00afaf;
color: #000000;
}

#tauschgrau
{
position: absolute;
top: 92%;
left: 30%;
width: 120px;
text-align: center;
background-color: #afafaf;
color: #ffffff;
border: 1px #000000 solid;
}

#zeitgruen
{
position: absolute;
top: 92%;
left: 45%;
width: 120px;
text-align: center;
background-color: #00afaf;
color: #000000;
}

#zeitgrau
{
position: absolute;
top: 92%;
left: 45%;
width: 120px;
text-align: center;
background-color: #afafaf;
color: #ffffff;
border: 1px #000000 solid;
}

#expertegruen
{
position: absolute;
top: 92%;
left: 60%;
width: 120px;
text-align: center;
background-color: #00afaf;
color: #000000;
}

#expertegrau
{
position: absolute;
top: 92%;
left: 60%;
width: 120px;
text-align: center;
background-color: #afafaf;
color: #ffffff;
border: 1px #000000 solid;
}

#aufhoeren
{
position: absolute;
top: 92%;
left: 86%;
width: 130px;
background-color: #A8FF51;
color: #000000;
}

#aufhoeren2
{
position: absolute;
top: 92%;
left: 83%;
width: 130px;
background-color: #00afaf;
color: #000000;
}

#einlog
{
position: absolute;
top: 73%;
left: 36%;
text-align: center;
}

#entsch
{
position: absolute;
top: 70%;
left: 32%;
width: 250px;
text-align: center;
background-color: #FFFF00;
color: #000000;
padding: 10px;
border: 7px #afafaf ridge;
}

#richtig
{
position: absolute;
top: 70%;
left: 32%;
width: 250px;
text-align: center;
background-color: #00FF00;
color: #000000;
padding: 10px;
border: 7px #afafaf ridge;
}

#falsch
{
position: absolute;
top: 70%;
left: 32%;
width: 250px;
text-align: center;
background-color: #FF0000;
color: #000000;
padding: 10px;
border: 7px #afafaf ridge;
}

#vollepunkte
{
position: absolute;
top: 70%;
left: 32%;
width: 250px;
text-align: center;
background-color: #00FF00;
color: #000000;
padding: 10px;
border: 7px #afafaf ridge;
}

#naechst
{
position: absolute;
top: 80%;
left: 38%;
}

table.regeln
{
margin-left: 20%;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
width: 60%;
background-color: #ffffff;
border: 4px #5f5f5f solid;
border-collapse: collapse;
}

table.bilanz
{
margin-left: 20%;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
width: 60%;
background-color: #ffffff;
border: 4px #5f5f5f solid;
border-collapse: collapse;
}

table.duelltab
{
margin-left: 2%;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
width: 95%;
background-color: #ffffff;
border: 4px #5f5f5f solid;
border-collapse: collapse;
}

table.rangliste
{
margin-left: 15%;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
width: 70%;
background-color: #ffffff;
border: 4px #5f5f5f solid;
border-collapse: collapse;
}

td.kopf
{
font-weight: bold;
background-color: #ffdf00;
border: 2px #9f9f9f solid;
padding: 4px;
}

td.kopf2
{
font-weight: bold;
background-color: #62FFFF;
border: 2px #9f9f9f solid;
padding: 4px;
}

td.hell
{
background-color: #ffffff;
border: 2px #9f9f9f solid;
padding: 4px;
}

td.dunk
{
background-color: #dfdfdf;
border: 2px #9f9f9f solid;
padding: 4px;
}

td.gruen
{
background-color: #6FFF6F;
border: 2px #9f9f9f solid;
padding: 4px;
}

td.hell1
{
color: #ff0000;
background-color: #ffffff;
border: 2px #9f9f9f solid;
padding: 4px;
}

td.dunk1
{
color: #ff0000;
background-color: #dfdfdf;
border: 2px #9f9f9f solid;
padding: 4px;
}

td.gesamt
{
font-weight: bold;
background-color: #ffffb0;
border: 2px #9f9f9f solid;
padding: 4px;
}

p.rang
{
margin-left: 10%;
}

td.kopfrang
{
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #00ffff;
padding: 5px;
}

#regeln
{
font-size: .9em;
}

p.menuregeln
{
text-align: center;
}