/* Basics */

html {
 background:#e7e7e7;
}

body {
 font-size: 62.5%;
 font-family: Arial, Sans-Serif;
 text-align: center;
 margin: 20px auto;
 margin-top: 0px;
 padding: 0;
 width: 760px;
}

/* Die nachfolgende Regel ist notwendig weil so doofe Microsoft
   Programmierer mal wieder nicht in der Lage waren, Standards richtig zu
   implementieren. */
#depperterIE {
 background: url("Pics/go_bg.jpg") repeat-y top; 
 text-align: center;
 margin: 20px auto;
 margin-top: 0px;
 padding: 0;
 width: 760px;
}

.wide #depperterIE {
  background: url("Pics/go_bgwide.jpg") repeat-y top;
}

#kopf {
 background: url("Pics/go_bg.jpg")
    no-repeat bottom center; 
 color:#ffffff;
 padding: 0;
 height: 8px;
 width: 100%;
}

#header { 
 background: url("Pics/go_header.jpg") no-repeat bottom center; 
 color:#ffffff;
 padding: 0;
 margin: 0; auto;
 height: 220px;
 width: 100%;
}

#content {
  font-size: 1.2em
}

#footer {
  background-color: #eee;
  text-align: center;
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
  margin: 0 auto;
  width: 760px;
  clear: both;
  background: url("Pics/go_footer.jpg") no-repeat bottom;
}

.wide #footer {
  background: url("Pics/go_wfooter.jpg") no-repeat bottom;
}

#footer p {
  margin: 0;
  padding: 20px 0;
  text-align: center;
}

#footer A {
 text-decoration:none;
 font-weight:bold;
 color:#000099;
}

#footer A:hover {
 background:#000000;
 color:#FFFFFF;
}

#footer TABLE {
 width:100%;
}

.footback {
 font-size:80%;
}

.foothome {
 font-size:80%;
}

.footdate {
 font-size:80%;
 font-style:italic;
 color:#555555;
}

/* -------------------- Allgemein ---------------------- */

h1 { 
 font-family: Arial, Sans-Serif;
 font-weight: bold;
 font-size: 4em;
 text-align: center;
 text-decoration: none;
 color: white;
 padding-top: 95px;
 margin: 0;
}

h2 { 
 font-family: Arial, Sans-Serif;
 font-weight: bold;
 font-size: 1.4em;
 color: #333;
 padding-top: 20px;
 padding-bottom: 0px;
}

hr { 
  display: none;
}

li {
  margin-bottom:10pt;
}

a {
 color: #06c; 
 text-decoration: none;
}

/* ----------------------- Lernen ------------------------- */

.lernen img {
  margin: 0pt 2pt 2pt 2pt;
  width: 31%;
  border-style:solid;
  border-width:0px;
  border-color:#000000;
}

/* ---------------------- Ehrentafel ---------------------- */

.red {
 background:#990000;
 color:#ffffff;
}

TD.red {
 padding: 0pt;
}

.red img {
 margin: 10px;
 border-style:solid; 
 border-width:2px;
}

ul.noleftspace {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/* ------------------------ Floatbereiche ----------------- */

.floatright {
  float:right;
  padding: 0pt 0pt 10pt 10pt;
  width: 200px;
}

.floatright img {
  width: 200px;
  padding: 0pt 0pt 10pt 0pt;
}

.floatleft {
  float:left;
  padding: 0pt 10pt 10pt 0pt;
  width: 200px;
}

/* ---------------------- Liste der Go-Spieler ---------------------- */

.spielerliste tr td:first-child { text-align:right; width:35%; }
.spielerliste tr td:first-child+td { font-size: 80%; width:25%; }
.spielerliste tr td:first-child+td+td { font-size: 80%; width:20%; }
.spielerliste tr td:first-child+td+td+td { font-size: 80%; width:20%; }

.links td:first-child { padding: 0pt 10pt 0pt 0pt; }

/* --------------------- Bundesligaspieltage ------------------- */

table.spieltage TR TD:first-child {
  width:20%;
}

table.spieltage TR TD:first-child+TD {
  width:30%;
  text-align:center;
}

table.spieltage TR TD:first-child+TD+TD {
  width:50%;
}

/* ------------------ Layout links/rechts -------------------- */

.narrowcolumn .entry, .widecolumn .entry {
  line-height: 1.4em;
}

.narrowcolumn .postmetadata {
 text-align: right;
}

.narrowcolumn {
  float: left;
  padding: 0 0 0px 45px;
  margin: 0px 0 0;
  width: 450px;
}

.narrowcolumn .postmetadata {
  padding-top: 0px;
  padding: 0 0 0 0px;
  margin: 0 auto;
}

.widecolumn {
  padding: 0px 20px 0px 20px;
}

.description {
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  text-decoration: none;
  color: white;
}

.left {
  text-align: left;
}

#sidebar
{
 font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 padding: 20px 0 10px 0;
 margin-left: 545px;
 width: 190px;
 text-align: left;
 color: #777777;
}

#sidebar ul li:before {
  content: "\00BB \0020";
}

#sidebar ul {
  margin: 0;
  padding: 0;
}

#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin: 3px 0 0 8px;
}

#sidebar h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
  text-decoration: none;
  margin: 5px 0 0;
  padding: 9px;
  padding-top: 20px;
}

#sidebar p {
  margin: 50px auto;
}

#navigation {
 position:relative;
 top:-20px;
 font-size: 10px;
 margin: 0px 0px -20px 0px;
 text-align:center;
 line-height: 20px;
}

#navigation a {
 text-decoration:none;
 color:#ffffff;
 padding: 1px 3pt 1px 3pt;
 border-width: 0pt;
 margin: 0pt;
}

#navigation a:hover {
 color:#000000;
}

.bibliste { font-size: 80% }
.bibliste TD { padding:2pt; vertical-align:top; }

.bibliste tr td:first-child { text-align:right; }
.bibliste tr td:first-child+td { text-align:left; }
.bibliste tr td:first-child+td+td { text-align:left; }
.bibliste tr td:first-child+td+td+td { text-align:left; }
.bibliste tr td:first-child+td+td+td+td { text-align:left; }
.bibliste tr td:first-child+td+td+td+td+td { text-align:center; }
.bibliste tr td:first-child+td+td+td+td+td+td { text-align:center; }
.bibliste tr td:first-child+td+td+td+td+td+td+td { text-align:center; }
.bibliste tr td:first-child+td+td+td+td+td+td+td+td { text-align:left; }

.bibliste th td { text-align:center; font-weight: bold; }

.nogurt span {
  border-color:#ffffff;
}

.gurt0 span { background-color:#000000; color:#ffffff; }
.gurt1 span { background-color:#703000; color:#ffffff; }
.gurt2 span { background-color:#000080; color:#ffffff; }
.gurt3 span { background-color:#008000; color:#ffffff; }
.gurt4 span { background-color:#ff8000; color:#000000; }
.gurt5 span { background-color:#ffff00; color:#000000; }
.gurt6 span { background-color:#ffffff; color:#000000; }
.nogurt span { background-color:#ffffff;}

.gurtliste { font-size: 80% }
.gurtliste tr td:first-child { text-align:left; }
.gurtliste tr td:first-child+td { text-align:center; }
