/*
 *  ====================== Allgemein ======================
 */

html {
  background: #a0a0ff;
  color:      #000000;
}

body {
  font-size:   85%;
  font-family: Arial, Sans-Serif;
  margin:      0px;
  padding:     0px;
}

h1 { 
  line-height:   48px;
  margin-top:     7px;
  margin-left:  176px;
  margin-right: 176px;
  font-size:    150%;
}

h2 {
  background:    #2020a0;
  color:         #ffffff;
  font-weight:   bold;
  font-size:     100%;
  padding:        1px 5px 1px 5px;
  margin-top:     8px;
  margin-bottom: 16px;
}

h3 {
  padding:      0px 0px 2px 0px;
  margin:      20px 0px 8px 0px;
  text-align:  left;
}

table {
  empty-cells:show;
}

.menu h2 {
  background: #ffffff;
  color:      #000000;
  background:    inherit;
  color:         inherit;
  font-size:     inherit;
  margin-top:    inherit;
  margin-bottom: inherit;
  padding:     0px 0px 2px 0px;
  margin:      0px;
  text-align:  center;
  font-weight:   bold;
}

a:link,
a:active {
  color: #000000;
}

a:visited {
  color: #444444;
}

a.linkover {
  text-decoration: none;
  color:           #ffffff;
}

a:hover.linkover {
  text-decoration: underline;
  color:           #ffffff;
}

.email {
  text-decoration:none;
}

.clear {
  clear:both;
}

.footnote {
  border-top:1px solid;
  font-size:80%;
}

.fehler {
  font-weight:bold;
}

.wichtig {
  font-size:130%;
  font-weight:bold;
  text-align:center;
  font-style: italic;
}

abbr { 
  border-bottom-width: 1px; 
  border-bottom-style: dotted; 
}

a:link.glossar,
a:visited.glossar,
a:hover.glossar,
a:active.glossar {
  color: #000000;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

fieldset {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

legend {
  display: none;
}

/*
 *  ====================== Kopf ======================
 */

#head {
  background: #3030ff;
  color:      #ffffff;
  border:     solid #303080 1px;
  margin:     8px;
  height:     62px;
  text-align: center;
  overflow:   hidden;
}

#logo {
  position:   absolute;
  display:    table;
  left:        16px;
  top:         16px;
  height:      48px;
  width:      160px;
  text-align: center;
  overflow:   hidden;
}

#user {
  position:   absolute;
  display:    table;
  right:       16px;
  top:         16px;
  height:      48px;
  width:      160px;
  text-align: center;
  overflow:   hidden;
  font-size:  80%;
  font-weight: bold;
}

#logo div img {
  vertical-align:middle;
}

#logo div, 
#user div {
  display:        table-cell;
  vertical-align: middle;
}

#user a:visited, 
#user a, 
#user a:link, 
#user a:active {
 color:#ffffff;
}

/*
 *  ====================== Mitte ======================
 */

#center {
  margin-top:     32px;
  margin-left:   184px;
  margin-right:  184px;
  margin-bottom:   8px;
  display:block;
}

#main {
  border:        solid #3030c0 1px;
  padding:         7px;
  min-width:     300px;
  background:    #ffffff;
  color:         #000000;
}

#mainmenu {
  position:absolute;
  top:80px;
  left:184px;
  right: 0px;
  height: 24px;
  background: #a0a0ff;
  margin:0px;
  padding:0px;
  width:auto;
}

#mainmenu ul {
  list-style-type: none;
  padding:0px;
  padding-left:2px;
  margin:0px;
  position:absolute;
  left:2px;
  bottom:0px;
  height:24px;
  line-height:19px;
}

#mainmenu a {
  text-decoration:none;
}

#mainmenu li {
  display:inline;
}

a.mainmenu_aktiv {
  display:inline-block;
  height:19px;
  padding:2px 5px 2px 5px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  border-left:1px solid #3030c0;
  border-top:1px solid #3030c0;
  border-right:1px solid #3030c0;
  border-bottom:1px solid #ffffff;
}

a.mainmenu_passiv {
  display:inline-block;
  height:19px;
  background: #ffffff;
  color:#000000;
  font-weight: normal;
  padding:2px 5px 2px 5px;
  border:1px solid #3030c0;
}

p { 
  max-width: 35em;
  margin-top:1em;
  margin-bottom:1em;
}

ul, ol, dd, dt {
  max-width: 35em;
}

table.centertable {
  margin-left: auto;
  margin-right: auto;
}

table.preistable {
  margin-left: 2em;
}

.preistable th {
  text-align:right;
}

p.centerpar {
  text-align:center;
  max-width:inherit;
}

p.centerpar2 {
  text-align:center;
}

.abstract {
  font-weight:bold;
}

/*
 *  ====================== Links ======================
 */

#left {
  position:   absolute;
  left:         8px;
  top:        104px;
  width:      168px;
  overflow:   hidden;
}

/*
 *  ====================== Rechts ======================
 */
 
#right {
  position:  absolute;
  right:       8px;
  top:       104px;
  width:     168px;
  overflow:  hidden;
}

.weiteres {
  text-align:    right;
  margin-bottom: 0px;
}

.speedloginsubmit {
  text-align: center;
}

.speedlogincheckbox {
  padding:        0px;
  margin:         0px;
  vertical-align: middle;
}

/*
 *  ====================== Links und Rechts ======================
 */

.menu {
  margin:      0px 0px 8px 0px;
  border:      solid #3030c0 1px;
  padding:     8px;
  background:  #ffffff;
  color:       #000000;
  font-size:   80%;
}

.menu ul, .menu ol {
  margin:          0px;
  padding:         0px;
  list-style-type: none;
}

.menu li {
  margin-left:    0px;
  padding-left:   0px;
  padding-bottom: 1px;
  padding-top:    1px;
}

.menuitem ul {
  padding-left: 16px;
  font-weight: normal;
}

.menuitem a {
 text-decoration: none;
 color:           #000000;
}

.menuitem a:visited {
 color: #000000;
}

.menuitem a:hover {
 text-decoration: underline;
}

.menuitem_selected {
 background:  #ffffff;
 color:       #000000;
 font-weight: bold;
}

.menuitem_passiv {
 background:  #ffffff;
 color:       #000000;
}

/* ====================== Impressum ====================== */

.impressum_tabelle {
  border-spacing:0px;
  display:inline-block;
}

.impressum_tabelle td {
  padding: 1px 0px 1px 1px;
  text-align:left;
}

.impressum_tabelle th {
  padding: 1px 1px 1px 0px;
  text-align:left;
  font-weight:normal;
}

/* ====================== Einzelseiten ====================== */

.neuigkeiten_datum {
  font-size: 80%;
  margin:0px;
  padding:0px;
}

.neuigkeiten_titel {
  font-weight: bold;
  margin-bottom:0px;
  font-size:100%;
  padding-bottom:0px;
}

.neuigkeiten_text {
  margin-top:8px;
}

.umfrage_name {
  font-weight:normal;
}

.umfrage_avg {
  text-align: center;
}

.umfrage_table th {
  text-align: left;
}

dl.links dd {
  margin-bottom:8px;
}

.referenz_bild {
  margin: 0pt 0pt 3pt 5pt;
  border: solid #3030c0 1px;
  float: right;
}

.referenz_h3 {
  clear: both;
  padding-top:8px;
}

.produkte_beispiel {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
}

.anmeldung_frage {
  font-weight:bold;
}

.registrierung dt {
  font-weight:bold;
}

.registrierung dd {
  margin-bottom:1em;
  margin-left:2em;
}

.umfrage label {
  font-weight:bold;
}

.einstellungen_submit {
  text-align: center;
}

.umfrage_ka {
  min-width:50px;
}

.umfrage_note {
  font-style: italic;
}

.rating_graph {
  display:table;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

.rating_graph p {
  max-width:inherit;
}

.rating_graph label {
  display:none;
}

.gray_field {
  font-size:80%;
  color:#808080;
  text-align:right;
  max-width:inherit;
  margin-top:0px;
  padding-top:0px;
}

.highscore_form {
  text-align:center;
}

.highscore_form p {
  max-width:inherit;
}

.highscore_tabelle tr th:first-child,
.highscore_tabelle tr th:first-child+td+td+td+th {
  font-weight:normal;
  text-align:right;
}

.highscore_typ {
  font-weight:bold;
}

.highscore_me {
  font-weight:bold;
}

.highscore_anmerkung {
  font-style: italic;
}

.preisraetsel_liste td, .preisraetsel_liste th {
  padding: 2px 5px 2px 5px;
  vertical-align:top;
}

.preisraetsel_liste th {
  text-align:right;
  font-weight:normal;
}

.preisraetsel_liste th+td {
  font-weight:bold;
}

.preisraetsel_liste th+td+td {
  font-style: italic;
}

.preisraetsel_liste tr:first-child th {
  text-align:left;
  font-weight:bold;
}

.preisraetsel_navbar {
  text-align:center;
}

.rating_estimate {
  max-width:150px;
  float: right;
  border: 1px solid #2020a0;
  padding: 8px;
  margin: 0px 0px 8px 8px;
}

.ewigetabelle {
  width:100%;
}

.ewigetabelle td {
  vertical-align:top;
}

.ewigetabelle th {
  font-weight:bold;
  text-align:left;
}

.ewigetabelle tr:first-child+tr td {
  font-style: italic;
}

.ratinggraphtabelle {
}

.ratinggraphtabelle td {
  vertical-align:top;
  text-align:right;
}

.ratinggraphtabelle th {
  font-weight:normal;
}

.ratinggraphtabelle tr th:first-child {
  text-align:left;
  padding-right:16px;
}

.ratinggraphtabelle tr:first-child th {
  font-weight:bold;
}

.ratinggraphtabelle tr:first-child+tr td,
.ratinggraphtabelle tr:first-child+tr th {
  font-style: italic;
}

.ratinggraphtabelle tr th:first-child+td+td+td,
.ratinggraphtabelle tr th:first-child+td+td+td+td+td+td,
.ratinggraphtabelle tr th:first-child+td+td+td+td+td+td+td+td+td {
  padding-right:16px;
}

.ratingtabelle td {
  text-align:center;
}

.ratingtabelle tr th:first-child+th,
.ratingtabelle tr th:first-child+td {
  text-align:left;
}

.ratingtabelle th:first-child {
  text-align:right;
  font-weight:normal;
}

.ratingtabelle th:first-child+td+td+td+td+td,
.ratingtabelle th:first-child+th+th+th+th+th {
  display:block;
  margin-left:30px;
}

.rating_form {
  text-align:center;
}

.rating_form p {
  max-width:inherit;
}

.rating_techdata th {
  text-align:left;
}

#glossar dt {
  margin-top:8px;
  font-weight:bold;
}

#glossar dd {
  margin:0px;
  padding:0px;
}

.frageantwort {
  font-weight:bold;
}

.anmerkung {
  font-style: italic;
}

/*
html [lang] {
  background: #ff0000;
}
*/

.produktangebot {
  float:left;
  width:29%;
  padding:2%;
  min-width:180px;
}

.produkt_titel {
  text-align:center;
  font-weight:bold;
}

.produkt_bild {
  text-align:center;
  width:180px;
  height:180px;
}

.nostyle {
  display:none;
}

.rechtlicher_hinweis {
  font-style: italic;
}

.hinweis {
  font-style: italic;
  text-align: right;
}

.preftable {
  margin-left: auto;
  margin-right: auto;
}

.preftable tr th:first-child {
  text-align:left;
}

.preftable td {
  text-align:center;
}

/*****************************************************************/

input[type=submit],input[type=image] {
  border-top: 2px solid #8080f0;
  border-left: 2px solid #8080f0;
  border-bottom: 2px solid #181860;
  border-right: 2px solid #181860;
  background: #4040d0;
  color:#ffffff;
  font-weight:bold;
  text-align:left;
}

input[type=submit]:hover,input[type=image]:hover {
  background: #8080d8;
}

input[type=submit]:active,input[type=image]:active {
  border-bottom: 2px solid #8080f0;
  border-right: 2px solid #8080f0;
  border-top: 2px solid #181860;
  border-left: 2px solid #181860;
  background:#3030A0;
}

input[disabled],input[disabled]:active,input[disabled]:hover {
  border-bottom: 2px solid #808080;
  border-right: 2px solid #808080;
  border-top: 2px solid #C0C0C0;
  border-left: 2px solid #C0C0C0;
  background: #b0b0d0;
}

.osterei_bild {
  float:right;
}

.osterei_ei {
  text-decoration: none;
}

.osterei_ei img {
  border:0px;
}

.start_willkommen {
  font-size:120%;
  font-weight:bold;
  text-align:center;
  padding:20px;
}

.angebot {
  text-align:  center;
  font-style: italic;
}

.angebot img {
  border: 1px solid black;         
}

.raetselspass {
  text-align:center;
}

.raetselspass div {
  display: inline-block;
  width:   204px;
  text-align:left;
  margin:0px 8px 8px 0px;
  vertical-align:top;
}

.flattrbutton {
  position:absolute;
  right:45px;
  top:78px;
}

.flattrbutton img {
  border:0px;
}

.phpdauer {
  position:absolute;
  left:8px;
  top:73px;
}

.sqldauer {
  position:absolute;
  left:8px;
  top:87px;
}

.maxmem {
  position:absolute;
  right:8px;
  top:73px;
}

.maxmemreal {
  position:absolute;
  right:8px;
  top:87px;
}

.agb li {
  max-width: 35em;
}

.shop_wk_special {
  margin-top:8px;
}

.shop_wk_special2 {
  margin-bottom:0px;
}

.fehlversuch_stat tr th:first-child {
  text-align:left;
  width:28%;
}

.fehlversuch_stat {
  width:100%;
}

.fehlversuch_stat td {
  text-align:right;
  width:18%;
}

.fehlversuch_stat th {
  background:#bbbbff;
  color:#000000;  
}

.fehlversuch_stat td {
  background:#ddddff;
  color:#000000;  
}

.dauer_stat th {
  text-align:left;
}

.dauer_stat tr th+td {
  text-align:right;
}

.platz_stat th {
  text-align:left;
}

.platz_stat tr td {
  text-align:right;
}

.platz_stat tr th+td+td+td+td+td {
  text-align:left;
}

.befoerderung_stat {
  margin-bottom:1em;
}

.befoerderung_stat td {
  text-align:right;
  background:#ddddff;
  color:#000000;  
}

.befoerderung_stat th {
  text-align:right;
  background:#bbbbff;
  color:#000000;  
}

.befoerderung_stat tr:first-child th {
  text-align:center;
}

.raetselarten_stat td {
  text-align:right;
  background:#ddddff;
  color:#000000;  
}

.raetselarten_stat th {
  background:#bbbbff;
  color:#000000;  
}

.raetselarten_stat th:first-child {
  text-align:left;
}

.raetselarten_stat tr:first-child th:first-child {
  text-align:center;
}

.gradvert_stat td {
  text-align:right;
}

.gradvert_stat th {
  text-align:right;
}

.gradvert_stat tr th+td+td {
  text-align:left;
}

.gradvert_stat tr:first-child th {
  text-align:center;
}

.message {
  border: 2px dotted #ff0000;
  padding:8px;
  font-weight:bold;
  margin-left:auto;
  margin-right:auto;
  background: #ffdddd;
  color: #000000;
}

.traininguebersichtstabelle td {
  text-align:center
}

.traininguebersichtstabelle th {
  text-align:left;
}

.trainingstabelle td {
  text-align:center
}

.trainingstabelle th {
  text-align:left;
}

.trainingstabelle tr th:first-child {
  text-align:center;
}

.trainingstabelle tr th:first-child+td+td+td {
  text-align:left;
}

.trainingsbeispiel {
  text-align:center;
  max-width: 35em;
}

.trainingsbeispiel img {
  vertical-align:middle;
}

.trainingsliste {
  padding-top:10px;
  padding-left:1em;
  margin-left:1em;
}

.trainingsliste li {
  padding-bottom:4px;
}

.liga_tabelle {
  text-align:center;
}

.liga_tagetabelle {
  text-align:center;
}

.liga_tabelle tr th:first-child {
  font-weight:normal;
}

.liga_tabelle tr th:first-child+td,
.liga_tabelle tr th:first-child+th {
  text-align:left;
}

.liga_tabelle tr:first-child th {
  font-weight:bold;
  text-align:center;
}

.liga_abstimmung td {
  text-align:center;
}

.liga_abstimmung tr td:first-child+td+td+td,
.liga_abstimmung tr td:first-child+td+td+td+td+td+td+td {
  text-align:left;
}

.miniuetitel {
  margin-top:4px;
}

.rating_solvingtimes TH {
  text-align:left;
}