* {margin:0;padding:0;font-family:Helvetica,Arial,sans-serif;color:#000;}
html {background-color:#F9F9F9;}
#body {margin:5px auto; width:1100px; background-color:#FFF;padding:10px;}
#header {width:100%;background: linear-gradient(to bottom, lightgrey, white);height:65px;border-top:3px #848484 solid;border-bottom:2px #C9C9C9 solid;margin-bottom:5px;display:block;padding-top:4px;}
#headertext {float:none;width:100%;}
p.headerone {font-size:1.7em;font-weight:bold;text-align:center;}
p.headertwo {font-size:1.4em;text-align:center;}
#sidebar {float:left;width:18%;margin-top:1%;padding-left:10px;margin-right:2%;background:#F5F5F5;border-top:7px #C9C9C9 solid;border-bottom:7px #C9C9C9 solid;}
ul#navigation {list-style-type:none;}
ul#navigation li {list-style:none;padding-top:5px;padding-bottom:5px;border-bottom:#c9c9c9 solid 1px;}
.sidebarwrapper li {line-height: 1.7em;}
#content {float:left;width:79%;background:#FFF;}
#navtop {float:left;width:100%;margin-top:1%;margin-bottom:1%;}
#navtopl {float:left;width:65%;}
#navtopright {float:right;width:35%;text-align:right;}
#navtopright a:link {color:#F30;font-weight:bold;}
#navtopright a:visited {color:#F30;font-weight:bold;}
#content h1 {font-size:1.6em;line-height: 1.2;padding: .5em 0 .5em 0;}
#content h2 {font-size:1.4em;line-height: 1.2;padding: .5em 0 .5em 0;}
#content h3 {font-size:1.2em;line-height: 1.2;padding: .5em 0 .5em 0;}
#alphabet {line-height:150%;font-size:.8em;margin-bottom:2%;background-color:#CFC;border:1px solid #000;padding:5px}
p.adverttop {width:100%;}
p.advertcontent {width:100%;}
p.advertcontentmid {width:100%;}
#content ul {list-style:none;line-height:150%;}
#content ul li {padding-top:3px;padding-bottom:3px;}
ul#disc {list-style-type:circle;line-height:150%;}
p.text {font-size:1em;line-height:200%;padding-bottom:10px;}
p.info {font-size:1em;line-height:200%;padding-top:5px;}
p.tipp {font-weight:bold;background:#FCF;border:1px solid #000;padding:5px;margin-bottom:10px;margin-top:5px;line-height:150%;}
p.center {text-align:center;margin-bottom:10px;line-height:150%;}
p.copy {font-size:.7em;}
img {float:left;margin-right:10px;margin-bottom:5px;border-style:solid;border-width:1px;border-color:#000;}
img.randlos {float:left;margin-right:10px;margin-bottom:5px;border-style:0;border-width:0;}
.button {display:block;background-image: url('next.png');background-position:center;background-repeat: no-repeat;background-color: #F5F5F5;height:45px;border:1px #c9c9c9 solid;margin-top:10px;margin-bottom:5px;}
.buttono {display:block;background-image: url('nexto.png');background-position:center;background-repeat: no-repeat;background-color: #F5F5F5;height:25px;border:1px #c9c9c9 solid;margin-top:2px;margin-bottom:2px;}
.buttonrot {display:block;width:100%;text-align:center;font-weight:bold;background:#FCF;height:25px;border:1px #c9c9c9 solid;padding:2px;margin-bottom:7px;}
.buttonblau {display:block;width:100%;text-align:center;font-weight:bold;background:#CCFFFF;height:25px;border:1px #c9c9c9 solid;padding:2px;margin-bottom:7px;}
.buttongelb {display:block;width:100%;text-align:center;font-weight:bold;background:#F2F5A9;height:25px;border:1px #c9c9c9 solid;padding:2px;margin-bottom:7px;}
.buttongruen {display:block;width:100%;text-align:center;font-weight:bold;background:#E1F5A9;height:25px;border:1px #c9c9c9 solid;padding:2px;margin-bottom:7px;}
.buttongrau {display:block;width:100%;text-align:center;font-weight:bold;background:#F5F5F5;height:25px;border:1px #c9c9c9 solid;padding:2px;margin-bottom:7px;}

#image {float:left;margin-right:10px;margin-bottom:5px;border-width:1px;border-color:#000;width:100%}

blockquote {padding-left:25px;}
.weiss {color:#FFF;}
.gruen {color:#00C000;}
.backgruen {background-color:#0F0;}
.ulgruen {color:green;}
.gelb {color:#FF0;}
.backgelb {background-color:#FF0;}
.blau {color:#39F;}
a.blau {color:#009FFF;}
.orange {color:#FF8C00;}
.backblau {background-color:#009FFF;}
.pink {color:#F3C;}
.rot {color:red;}
.backrot {background-color:red;}
.violett {color:#90C;}
.hellviolett {color:#C9F;}
.hellgruen {color:#CFC;}
.backhellgruen {background-color:#CFC;}
.hellgelb {color:#FFC;}
.backhellgelb {background-color:#FFC;}
.hellblau {color:#CFF;}
.dunkelblau {color:#00F;}
.backhellblau {background-color:#CFF;}
.hellrot {color:#FCC;}
.backhellrot {background-color:#FCC;}
.backhellviolett {background-color:#FCF;}
.hellbraun {color:#F93;}
.backbraun {background-color:#8B4513;}
.backhellbraun {background-color:#FC6;}

.regelntop {background:#EEE;padding:3px;border:1px solid #000;margin-bottom:10px;font-weight:bold;}
.regeln {background:#FFF;line-height:200%;padding-top:3px;padding-bottom:5px;margin-bottom:10px;}
.regelnrahmen {border:1px solid #000;background:#FFF;padding:10px;margin-bottom:10px;line-height:200%;} 
.regelnmerksatz {background:#FF0;border:1px solid #000;padding:10px;margin-bottom:10px;text-align:center;font-weight:bold;line-height:200%;}
.regelnweiss {background:#FFF;border:1px solid #000;padding:10px;margin-bottom:10px;}
.regelnhellgruen {background:#CFC;border:1px solid #000;padding:10px;margin-bottom:20px;margin-top:10px;line-height:200%;}
.regelnhellgelb {background:#FFC;border:1px solid #000;padding:10px;margin-bottom:20px;margin-top:10px;line-height:200%;}
.regelnhellrot {background:#FCF;border:1px solid #000;padding:10px;margin-bottom:20px;margin-top:10px;line-height:200%;}
.regelnhellblau {background:#CFF;border:1px solid #000;padding:10px;margin-bottom:20px;margin-top:10px;line-height:200%;}
.rechts {text-align: right;}
.links {text-align: left;}
#naechste {float:right;width:98%;text-align:right;}
#naechste a:link {color:#F30;font-weight:bold;}
#naechste a:visited {color:#F30;font-weight:bold;}

#listewrapper {width:100%;margin-top:1%;}
#listeeins {float:left;width:50%;line-height:150%;padding-right:2%;list-style:none;}
#listezwei {float:left;width:48%;line-height:150%;list-style:none;}
#advertmitlinks {width:100%;margin-top:1%;margin-bottom:1%;}
#advert {float:left;width:64%;min-width:125px;overflow:hidden;}
#links {float:left;width:35%;padding-left:5px;padding-top:3px;padding-bottom:3px;line-height:150%;}

#sidebarrechts {float:left;width:0%;}

#sidebarrechts ul {list-style:none;padding-left:5px;line-height:150%;}
p.advertrechts {width:100%;margin-top:10px;margin-bottom:10px;}
.sidebarwrapper {line-height:180%;}
#footer {font-size:.8em;position: relative;margin-top:1%;text-align:center;background:#F5F5F5;width:100%;height:30px;padding-top:5px;border-top:3px #C9C9C9 solid;border-bottom:3px #C9C9C9 solid;}

.togglerfeld-label {font-size:1em;font-weight: bold;cursor: pointer;display: inline-block;width:98%;}
.togglerfeldinhalt {margin-bottom:10px;font-size:.9em;padding-left:10px;}
.togglerfeld-input {display:none;}
.togglerfeld-input:not(checked) ~ .togglerfeldinhalt {display:none;}
.togglerfeld-input:checked ~ .togglerfeldinhalt {display:block;}

#navsmart {margin-top: 10%;margin-bottom:1%;background-color: black;color: darkseagreen;}
#navsmart ul {width: 96%;margin: 0;padding: 0.5em;background-color: #5C5C5C;line-height:1em;}
#navsmart li {list-style: none;margin: 0;padding: 0;}
#navsmart a {display: block;text-decoration: none;background-color: #5C5C5C;color: darkseagreen;padding: .2em;margin: .2em;border-bottom: 1px dotted greenyellow;
-webkit-transition: background-color .25s ease-in;transition: background-color .25s ease-in;}
#navsmart0 a:focus,
#navsmart a:hover,
#navsmart span {color: #5C5C5C;background-color: greenyellow;}
td {border: 1px solid;text-align:top;padding:5px;cellspacing:0px;}
.a {height:25px}

@media only screen and (max-width: 1024px) {
#body {width:97%;}
#headertext {width:100%;}
p.headertwo {font-size:1.3em;}
#navtopright a:link {font-size:1em;}
#content h1 {font-size:1em;}
#content h2 {font-size:.9em;}
#content {float:left;width:76%;}
#sidebar {width:20%;margin-right:2%;margin-bottom:1%;}
}
@media only screen and (max-width: 800px) {
#content {width:77%;margin-right:0;margin-bottom:1%;margin-top:0%;}
#sidebar {width:20%;height:100%;margin-right:1%;margin-bottom:1%;}
#sidebar {font-size:.9em;}
p.advertcontent {display:inline;}}
@media only screen and (max-width: 768px) {
#header {height:45px;margin-bottom:2%;}
p.headertwo {display:none;}
#content {width:77%;margin-right:0;margin-bottom:1%;}
#alphabet {font-size:1em;}
#sidebar {width:18%;}}
@media only screen and (max-width: 720px) {
#content {width:98%;margin-top:-2%;}
#sidebar {display:none;}}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 578px) {
}
@media only screen and (max-width: 480px) {
#advert {width:100%;}
#links {display:none;}
}
@media only screen and (max-width: 420px) {
#header {height:35px;margin-bottom:0%;}
p.headerone {font-size:1.3em;}
#body {width:95%;}
#navsmart {display:block;}
#navtopl {width:65%;font-size:.9em;}
#navtopright {width:30%;}
#navtopright a:link {font-size:.9em;font-weight:bold;}
#content {width:98%;margin-right:0;margin-top:0;font-size:.9em;line-height:180%;}
}
@media only screen and (max-width: 360px) {
p.adverttop {width:100%;height:100%;}}
@media only screen and (max-width: 320px) {
#body {width:93%;}
#content {font-size:.8em;}
p.adverttop {min-height:30px;}
#footer {font-size:.7em;width:98%;}
@media only screen and (max-width: 300px) {
p.headerone {font-size:1.1em;}
}