body {
background-image:url(../images/sprite1px.gif);
background-repeat:repeat-x;
background-position:0 0;
background-color:#1b1713;
margin:0;
padding:0;
text-align:center;
font-family:Verdana;
font-size:12px;
}
img {
border:0;
}
#head_container {
width:960px;
margin:0 auto;
}
#outer_container {
width:100%;
text-align:center;
background-color:#e7e7e7;
}
#container {
width:960px;
margin:0 auto;
text-align:left;
background-color:#D0D0D0;
}
#middle {
float:left;
width:565px;
}
#right {
float:left;
width:375px;
padding-top:10px;
margin-bottom:10px;
}
#footer {
width:100%;
background-image:url(../images/sprite1px.gif);
background-repeat:repeat-x;
background-position:0 -240px;
background-color:#1b1713;
}
#inner_foot {
width:960px;
margin:0 auto;
text-align:left;
padding:20px 0 15px 0;
font-size:10px;
color:#999999;
}
#logoline {
height:46px;
padding:0 12px 0 12px;
color:#2fccff;
line-height:46px;
}
#logoline a {
color:#2fccff;
text-decoration:none;
font-size:18px;
font-weight:bold;
float:left;
}
#logoline a:hover {
color:#ffffff;
}
#logoline form {
float:right;
}
#head {
height:87px;
background-image:url(../images/head.jpg);
background-repeat:no-repeat;
padding:0;
}
#head .sign {
padding-top:10px;
float:left;
}
#mainnavi {
margin:0;
padding:26px 0 0 0px;
float:left;
list-style-type:none;
}
#mainnavi li {
float:left;
text-transform:uppercase;
height:30px;
margin-left:5px;
}
#mainnavi li a {
float:left;
background-image:url(../images/sprite1px.gif);
background-position:0 -150px;
background-repeat:repeat-x;
line-height:28px;
text-decoration:none;
color:#717171;
font-size:11px;
padding:0 5px 0 5px;
font-weight:bold;
height:30px;
}
#mainnavi li a:hover {
color:#2fccff;
}
#footernavi {
margin:0;
padding:0;
list-style-type:none;
}
#footernavi li {
float:left;
text-transform:uppercase;
height:30px;
margin-left:5px;
}
#footernavi li img {
float:left;
}
#footernavi li a {
float:left;
background-image:url(../images/sprite1px.gif);
background-position:0 -150px;
background-repeat:repeat-x;
line-height:28px;
text-decoration:none;
color:#717171;
font-size:11px;
padding:0 5px 0 5px;
font-weight:bold;
height:30px;
}
#footernavi li a:hover {
color:#2fccff;
}
#right strong {
color:#1b1713;
margin:15px 0 5px 0;
}
.subnavi {
margin:0;
padding:10px 0 0 0;
list-style-type:none;
}
.subnavi li {
padding-bottom:2px;
}
.subnavi li a {
display:block;
height:24px;
background-image:url(../images/sprite1px.gif);
background-repeat:repeat-x;
background-position:0 -200px;
padding-left:10px;
line-height:24px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
.subnavi li a:hover {
background-image:none;
background-color:#9a9a9a;
color:#171717;
}
.mainbox h1 {
display:block;
line-height:28px;
font-size:12px;
height:29px;
margin:0;
background-image:url(../images/bg_h1.gif);
background-repeat:no-repeat;
padding:0 10px 0 10px;
color:#2fccff;
}
.mainbox .mbcontent {
background-color:#FFFFFF;
padding:10px 0px;
margin-bottom:10px;
}
.mainbox .mbtrainer {
background-color:#FFFFFF;
padding:10px;
margin:0 10px;
border-top:10px solid #D0D0D0;
border-bottom:10px solid #D0D0D0;
}
.mbtrainer div#trainer {
text-align:center;
}
.mbtrainer form {
margin:0px auto;
width:370px;
}
.mainbox .mbcontent p {
padding:0px 10px;
}
.mbcontent .box {
border:1px solid #999999;
background-color:#FFFFFF;
color:#1b1713;
margin:0 10px 10px 10px;
padding:0 0 5px 0;
height:auto;
}
.mbcontent h3 {
padding:0 10px;
margin:0 10px;
background-color:#999999;
display:inline;
font-size:1.1em;
color:#FFFFFF;
}
.mbcontent h3 a {
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
.mbcontent a {
font-weight:bold;
color:#717171;
text-decoration:none;
}
.mbcontent a:hover {
color:#2FCCFF;
}
.active {
color:#2FCCFF;
}
.mbcontent .box p,
.mbcontent .box form {
margin:0;
padding:10px 10px 5px 10px;
}
#right h3 {
padding:0 10px;
margin:0 10px;
background-color:#999999;
display:inline;
font-size:1.1em;
color:#FFFFFF;
}
.rightbox {
border:1px solid #999999;
background-color:#FFFFFF;
color:#1b1713;
margin:0 10px 10px 10px;
padding:0 0 5px 0;
height:auto;
}
.rightbox p,
.rightbox div.buch,
.rightbox form {
margin:5px;
}
.rightbox div.buch {
float:left;
width:165px;
}
div.buch a {
font-size:0.8em;
}
input, textarea, select {
border:1px solid #999999;
margin:0px;
}
input.button {
width:auto;
padding:0 5px;
}
input.check {
width:auto;
border:none;
}
.clear {clear:both;}
.navleft {
float:left;
background-image:url(../images/sprite30px.gif);
background-repeat:no-repeat;
background-position:-21px 0;
width:9px;
height:30px;
}
.navright {
float:left;
background-image:url(../images/sprite30px.gif);
background-repeat:no-repeat;
background-position:0 0;
width:9px;
height:30px;
}
.noborder{
border:none;
}
.imageLayer{
display:none;
border:4px solid #999999;
background-color:#999999;
position:absolute;
left:80px;
}
.imageLayer img {
border:1px solid black;
}
.author{
text-align:right;
margin:2px 5px;
color:#FFFFFF;
}
.author a{
color:#FFFFFF;
}
#headline{
font-size:5em;
margin:20px 0;
}
#counter{
font-size:3em;
margin:20px 0 30px 0;
}
#trainerNavi{
margin:0 auto;
text-align:center;
width:420px;
}
#progress{
background-color:#e7e7e7;
border:1px solid #171717;
height:30px;
margin:20px 0;
text-align:left;
width:400px;
}
#meter{
background-color:#999999;
height:30px;
}
#trainerNavi p{
font-size:2em;
}
.uebung{
float:left;
margin-right:10px;
}
#copy{float:right;text-align:right;padding-top:10px;}
#maxxf{text-align:center;margin-top:10px;font-size:0.8em;}
#gadbox{text-align:center;border:none;overflow:hidden;margin-top:10px;}
#wiki{color:#FFFFFF;text-decoration:none;}
#wiki:hover{color:#2FCCFF;text-decoration:underline;}
table {margin:0 10px;}
table th {text-align:center;font-weight:bold;border:0;}