body,div,h1,h2,h3,ul,img,form,fieldset{margin:0;padding:0;border:0;list-style:none;}
body{color:#000;font:0.95em Arial, Helvetica, sans-serif;background:#000 url(bg-winterlandschaft.jpg) fixed 50% 0px;padding-bottom:30px;}
#page{width:900px;margin:0 auto;}
a{color:#4D1D1D;text-decoration:none;font-weight: bolder;}
a:hover{color:#000;}
ol li{list-style:decimal;}

h2{font-size:1.6em;margin-bottom:0.5em;}
h3{font-size:1.3em;margin-bottom:0.5em;}
h4{font-size:1.2em;margin:0.2em 0 0.6em 0;}
p{margin:0 0 1em 0;}
hr{margin:0.5em 0;color:#525252;background-color:#525252;height:1px;}

input, textarea, select{font-size:1em;font-family: Arial, Helvetica, sans-serif;}
legend, .blind {display:none;}
table{border-collapse:collapse;font-size:1em;}
caption{font-size:1.2em;text-align:left;background:#999;padding: 0.25em 0.25em 0.25em 0.5em;}
.textinput, textarea{color:#525252;width:420px;}
.textinput:focus, textarea:focus{color:#000;}
textarea {height:80px;}

.submitbutton{text-align:right;margin:1em 0 2em 0;background: url(bg-sb.png) no-repeat; }
.submitbutton input{padding:0.5em 1em;font-weight:bold;}
#footer{font-size:0.8em;clear:both;padding-bottom:20px;margin-bottom:30px; }
#footer h4{padding:10px;margin-bottom:2px;font-size:11px;font-weight:normal;text-transform: uppercase;background:rgba(255,255,255,.3);}
#footer p{padding:2px 10px 8px 10px;margin:0;background:rgba(255,255,255,.3);}

dl{margin:0 0 2em 0;}
dt{padding:0.1em 0.4em 0.2em 0;margin-bottom:-0.08em;text-transform:uppercase;border-bottom: 1px solid #000;}
dd{margin:0.5em 0 2em 6em;}

#header{height:128px;clear:both; margin-bottom:10px;}
#header #user{width: 245px;height:113px;padding: 15px 15px 0px 30px;margin:0;float:right;background:#FFF;}
#header #user form fieldset{text-align:right;}
#user a img{margin-top:0.6em;float:right;clear:both;}
#user ul{padding:0.125em 0 0.25em 0.5em;}
#user li{margin-bottom:0.10em;font-size: 0.8em;}
#user h2{font-size:1em;padding:0 2px 2px 5px;display:block;border-bottom: 2px dotted #525252;color:#525252;}
#header #benutzer,#header #passwort,#header .button{padding:0.1em 0.2em;width:14em;font-size:0.6em;margin-bottom:0.6em;}
#header #user label{display:block;float:left;width:8em;padding:0.25em;font-size:0.7em;color:#525252;}
#header .button{width: 135px;margin-left:45px;font-weight: bolder;border:0;}

#content{width:600px;float:left;}
#content fieldset, #popo fieldset{background:rgba(255,255,255,.3);padding:10px 30px 10px 30px;margin:0 0 10px 0;}
#content legend, #popo legend{display: inline;background: url(bg-legend.png) no-repeat 100% 0;color:#999;padding:0.5em 3.5em 0.5em 1em;/*margin-left:-2.7em;*/text-transform: uppercase;font-size:0.72em;}

#content .box, #content .boxt, #content .box0, #content .boxc{padding:15px;margin:0 0 10px 0;background:rgba(255,255,255,.3);clear:both;float:none;}

#content .box img{float:left;margin:0 20px 10px 10px;}

#content .boxt {padding-top:145px;}
#content .boxt h3{margin-bottom: 7px;}
#content .boxt h4{font-size:0.8em;background:#FFF;padding:1px 2px;margin:0 0 5px 0;}
#content .boxt p{font-size:0.8em;background:#FFF;padding:1px 2px 10px 2px;margin:0;}
#content .boxt h3 a{width:100%;color: #000;background: url(bg-box.png);padding:2px 5px;}
#content .boxt h3 a:hover{color:#FFF;background:#000;}

#content .box0{background:#FFF;padding:30px; text-align: center;}

.boxf, .boxk{background: url(bg-boxf.gif) no-repeat;margin-bottom:10px;clear:both;}
.boxf .by, .boxk .by{float:left;}
.boxf .txt, .boxk .txt{padding:10px 60px 15px 80px;}
.boxf .txt .small, .boxk .txt .small{color: #666;}
.pilz, .note{float:right;font-size:4em;color: #DDD;}
.note{clear:right;padding-left:1em;}

.boxk{background: url(bg-boxk.gif) no-repeat;}

.boxc .pass {float:left;padding:4px 16px 32px 0;}
.boxc h3 {margin:0 0 0.75em 0;border-bottom:0px solid red;}
.medals img {margin:0 2px 0 0; }

.grblase{padding:30px 15px 10px 15px;color:#525252;background:#EEE url(bg-blase.png) no-repeat;}

#rightcol {float: left;width: 289px;margin-left:10px;font-size:0.8em;}

.nav ul li,#rightcol .blasenav ul li {margin:0 0 1px 0;background:rgba(255,255,255,.3);}
.nav ul li a{display:block;clear:both;padding:5px 10px;}
.nav ul li a:hover{background:rgba(0,0,0,.3);color:#FFF;}

.blasenav a {font-weight: normal;}
.blasenav ul li {display:block;padding:5px 10px;}
.blasenav ul li a img {float:left;margin:0 10px 4px 0;}

#rightcol .tagcloud {padding:0 1em 1em 1em;background:rgba(255,255,255,.3);}
#rightcol .tagcloud li {font-size:0.7em;}

#rightcol .box, #rightcol .nav, #rightcol .blasenav{margin-bottom:10px;}
#rightcol .box h4, #rightcol .nav h4, #rightcol .blasenav h4 {margin-bottom:2px;font-size:11px;font-weight:normal;text-transform: uppercase;}
#rightcol .nav h4, #rightcol .blasenav h4{margin-bottom:2px;background:rgba(255,255,255,.6);padding:10px;}

#rightcol .box h4, #rightcol .box p{background:rgba(255,255,255,.3);padding:10px;}

.wleft{float:left;padding:0.8em;}
.w5em{width:5.5em;height:1.5em;padding:0.125em 0.5em;float:left;}
.w50e{margin-right:1em;width:12em;float:left;display:inline;}
.w100{width:100%;}
.w11em{width:11.2em;}
.w15em{width:15.5em;float:left;}
.spacer1{height:1em;}
.spacer2{height:2em;}
.spacer4{height:4em;}
.righti{float:right;margin:0 0 1em 1.1em;}
.lefti, .lefti2{float:left;margin-right:10px;}
.lefti2{margin-bottom: 2em;}
.centi{text-align:center;}
.small{font-size:0.8em;}

.highscore .blink td{background: #FFC;}
.highscore{width:100%;background: #FFF;margin-bottom:10px;}
.highscore td, .highscore th{text-align:left;padding:0.25em 0.75em;border-width:0px 2px 5px 2px;border-color:#EEE;border-style:solid;}
.highscore th{background: #F4F4F4;border-color: #CCC; font-weight: normal;}
.fixfloat{float:none;clear:both;margin:0;padding:0;border:none;width:1px;display:block;font-size:0;line-height:0;height:1px;}
.error, .error2, .okay, .okay2{text-align:left; padding: 1em 1em 1em 180px; border: 10px solid #D40000; margin-bottom:10px;color:#666;background:#FFF url(128-achtung.png) no-repeat 15px 10px;}
.okay, .okay2{border-color:#008000;background-image: url(128-okay.png);}
.error2, .okay2{width:22em;margin:15% auto;}

.tagcloud li{display:inline;margin:0;padding:0;}
.tagcloud strong{font-size:1.1em;}

.pref{float:left;text-align:center;margin:0 12px 10px 0;}
.pref img{display:block;}
.para {font-size:1.5em;color:#525252;float:left; margin:0 5px 5px 0;}
.key{cursor:pointer;border-right:1px solid #D7D7DB;padding-right:3px;}
.key:hover{background:#D7D7DB;}

.triple a{width:133px;float:left;padding:30px;margin:0 0 10px 0;background:rgba(255,255,255,.3);color:#000;font-weight: normal;}
.triple a span{display:block;}
.tri1, .tri3{margin:0 0 0.4em 0;}
.tri2{font-size:1.6em;color:#4D1D1D;margin:0 0 0.44em 0;}
.tri3{height:85px;}
.triple a img{text-align:center;margin:0px auto;}
.stop{width:10px;height:10px;float:left;}

.at{background: url(flag_at.gif) no-repeat 95% 50%;}
.be{background: url(flag_be.gif) no-repeat 95% 50%;}
.ch{background: url(flag_ch.gif) no-repeat 95% 50%;}
.de{background: url(flag_de.gif) no-repeat 95% 50%;}
.dk{background: url(flag_dk.gif) no-repeat 95% 50%;}
.fr{background: url(flag_fr.gif) no-repeat 95% 50%;}
.hu{background: url(flag_hu.gif) no-repeat 95% 50%;}
.it{background: url(flag_it.gif) no-repeat 95% 50%;}
.nl{background: url(flag_nl.gif) no-repeat 95% 50%;}
.us{background: url(flag_us.gif) no-repeat 95% 50%;}
.se{background: url(flag_se.gif) no-repeat 95% 50%;}
.xy{background: url(flag_xy.gif) no-repeat 95% 50%;}

.Kunst{background-color: #D8E9EB;}
.Biologie{background-color: #D2E8E1;}
.Chemie{background-color: #CEECD0;}
.Computer{background-color: #E7E7D8;}
.Theater{background-color: #EBDEEB;}
.Englisch{background-color: #D2E3D1;}
.Kochen{background-color: #FFC8C8;}
.Geografie{background-color: #EFD9D6;}
.Geschichte{background-color: #DEDECF;}
.Gesellschaft{background-color: #EAD0D7;}
.Literatur{background-color: #D3D6D6;}
.Film{background-color: #CAE6FF;}
.Medizin{background-color: #ECD9D9;}
.Musik{background-color: #E9D7E0;}
.Mythologie{background-color: #ECD9D9;}
.Naturwissenschaft{background-color: #D5E7E8;}
.Politik{background-color: #D8D8DF;}
.Religion{background-color: #DFDCE5;}
.Sport{background-color: #EAEDD1;}
.Spiele{background-color: #F3F3CB;}
.Sprache{background-color: #EDD1D1;}
.Bloedsinn{background: url(bg_bloedsinn.gif) no-repeat 100% 0%;}
.qf{background:rgba(255,255,255,.3);margin-bottom:10px;padding-bottom:0.5em;}
.qf span{float:right;text-align:right;padding:0.5em 0.5em 0 0.2em;}
.qf h3{font-size:1.25em;margin-bottom:0.5em;padding:0.5em 1em;}
.qf h4{margin:0;font-weight:normal;font-size:1.2em;}
.qf input{float:left;margin:0.25em 0 0 1em;}
.qf label{display:block;margin:0 0 0 2em;cursor:pointer;padding:0.125em 0.5em 0.25em 0.5em;}
.qf label:hover{background:#FFF;}
.qf ol{margin:0 0 0.7em 0;padding:0;}
.qf ol li{margin:0 0 0 0.4em;padding:0.1em 0.3em 0.3em 0.2em;list-style: upper-alpha inside;}
#desc0, #desc1, #desc2, #desc3, #desc4, #desc5, #desc6, #desc7, #desc8, #desc9, #desc10, #desc11, #desc12, #desc13, #desc14, #desc15, #desc16, #desc17, #desc18, #desc19, #desc20, #desc21, #desc22, #desc23, #desc24, #desc25, #desc26, #desc27, #desc28, #desc29 {border-top:3px dotted #999;display:none;font-size:0.85em;margin-top:0.5em;padding:15px;}
#falsch0, #falsch1, #falsch2, #falsch3, #falsch4, #falsch5, #falsch6, #falsch7, #falsch8, #falsch9, #falsch10, #falsch11, #falsch12, #falsch13, #falsch14, #falsch15, #falsch16, #falsch17, #falsch18, #falsch19, #falsch20, #falsch21, #falsch22, #falsch23, #falsch24, #falsch25, #falsch26, #falsch27, #falsch28, #falsch29, #richtig0, #richtig1, #richtig2, #richtig3, #richtig4, #richtig5, #richtig6, #richtig7, #richtig8, #richtig9, #richtig10, #richtig11, #richtig12, #richtig13, #richtig14, #richtig15, #richtig16, #richtig17, #richtig18, #richtig19, #richtig20, #richtig21, #richtig22, #richtig23, #richtig24, #richtig25, #richtig26, #richtig27, #richtig28, #richtig29, .berxp {display:none;float:right;margin:1em 1em 0 0;}

#popo {padding:2em;font-size:0.8em;}
#popo .post{padding:15px 15px 20px 15px;margin:0 0 10px 0;background:rgba(255,255,255,.3);clear:both;}
#popo .post h3{margin:0 0 0.5em 0; padding-bottom: 0.18em;border-bottom:1px solid #000;}
#popo .post h3 .light{float:right;margin-left:2em;font-size:0.6em;color:#A6A3B6;}
#popo .qf h4 {margin:0.125em 1em 0.5em 1em;}
#popo .qf .desc{border-top:3px dotted #999;padding:15px;}
#popo #w44{width:95%;font-size:1.1em;float:none;height:2em;background:#F6F5F8;margin-bottom:0.7em;}
#popo #w44 i{float:left;margin:0.3em 1.3em 0.1em 0.81em;font-style: normal; }
#popo #w44 span{float:left;text-align:center;padding:0.2em 0.65em 0.2em 0;}
#popo #w44 span label{padding:0 0.2em 0 0.1em;}
#popo fieldset{padding:0 1em 1em 1em;margin-bottom:1em;}
#popo legend{background:#FFF;font-size:0.9em;padding:0.15em 0.4em 0.4em 0.4em;margin-bottom:0.9em;}
#popo textarea{width:94%;padding:0.1em;}
#popo .note{display:block;font-size:3em;color:#999;float:right;clear:right;padding-left:1em;margin:-0.2em 0 0 0;}