/* main.css, 22.05.05, copyright by jochen rentschler */

/* generell */
body { margin:0px; padding:0px; background:#ffffff url('../images/background_800x600.jpg') repeat-y; }
body { font-family:Verdana,Arial,Helvetica,sans-serif; }

a         { color:#000033; text-decoration:none; }
a:visited { color:#330033; }
a:active  { color:#330066; }
a:hover   { color:#330099; text-decoration:underline; }

a.navigation         { color:#333333; text-decoration:none; }
a.navigation:visited { color:#330033; }
a.navigation:active  { color:#330033; }
a.navigation:hover   { color:#330066; letter-spacing:1pt; text-decoration:none; }

/* class */
br.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

div.contentMain {
  font-size:10pt;
  margin:0px;
  padding:3px;
  background-color:#FEEED6;
  -moz-border-radius-bottomright:10px;
}

h1.title {
  font-size:10pt;
  line-height:16pt;
  margin:0px;
  padding:3px;
  background-color:#FDDCAD;
}

h2.headline {
  font-size:13pt;
  margin:0px;
  margin-top:10px;
  padding:3px;
  vertical-align:middle;
  background-color:#FCC470;
}

h2.cheatslist {
  font-size:10pt;
  margin:0px;
  padding:3px;
  font-weight:normal;
}

h2.testslist {
  width:544px;
  _width:100%; /* underscore ie-hack, wg. padding und fehlerhaftem box-model */
  font-size:10pt;
  margin:0px;
  padding:3px;
  font-weight:normal;
}

h3.headline {
  font-size:10pt;
  margin:0px;
  padding:3px;
  vertical-align:middle;
  background-color:#FDDCAD;
}

li.tests {
  font-size:8pt;
}

p.first {
  margin-top:0px;
}

p.no-margin {
  margin:0px;
}

span.navigation {
  font-size:12.5pt;
  font-weight:bold;
  display:block;
}

span.leftblock {
  float:left;
  display:block;
}

span.rightblock {
  float:right;
  display:block;
}

ul.tests {
  margin:0;
  padding-left:1.1em;
}

img.bild-links {
  margin-right:10px;
  margin-bottom:10px;
  float:left;
  clear:left;
}

img.bild-rechts {
  margin-left:10px;
  margin-bottom:10px;
  float:right;
  clear:right;
}

div.bild-zentriert,
p.bild-zentriert {
  text-align:center;
}

tbody {
  font-size:0.8em;
}

/* id */
div#search {
  font-size:8pt;
  margin:10pt auto;
}

div#search input {
  font-size:8pt;
  width:120px;
  margin:1pt auto;
}

div#google {
  font-size:8pt;
}

div#stats {
  font-size:8pt;
  margin-top:10pt;
}

h2#title {
  font-size:13.5pt;
  margin:20pt auto;
  vertical-align:middle;
}

p#cheatslisthead {
  background-color:#FDDCAA;
  line-height:20px;
  height:20px;
  padding:3px;
  margin-bottom:0px;
}

span#date {
  font-size:9pt;
  margin-bottom:10pt;
  display:block;
}

/* grundgeruest */
div#completeWrapper { width:100%; padding:0px; margin:0px; border:0px; }
div#conWrapper { position:absolute; top:0px; left:190px; width:550px; float:left; clear:both; }
div#conHead { font-size:10pt; vertical-align:middle; }
div#conHeadAd  { height:70px; margin:10pt auto; text-align:center; vertical-align:middle; }
div#conHeadNav { line-height:20px; margin:10pt auto; padding:2px; background:#FEEED6; vertical-align:middle; }
div#conMain {}
div#conNetwork { font-size:8pt; text-align:center; margin:10pt auto; color:#222222; }
div#conFoot { font-size:8pt; text-align:center; margin:10pt auto; }
div#navWrapper { width:180px; float:left; margin-right:8pt; clear:both; }
div#navHead { margin-left:10pt; }
div#navMain { margin-left:10pt; }
div#navFoot { margin-left:10pt; }

@media screen and (max-width:800px) {
	body { background-image: none; }
	h2#title { margin: 10px auto; }
	div#navHead, div#navMain, div#navFoot { margin-left: 0; }
	div#completeWrapper { display: flex; flex-direction: column; }
	div#navWrapper { flex: 1 1 auto; width: 95%; margin: 0 auto; float: none; order: 1; }
	div#conWrapper { flex: 1 1 auto; width: 95%; margin: 0 auto; float: none; order: 2; position: unset; }
	span.navigation { display: inline-block; font-size: 15px; margin-right: 10px; }
	span#search-for { display: block; }
}