
/* Reset */

*        { margin: 0; padding: 0;; }
html     { margin: 0; padding: 0;height: 100.01%; min-height: 100.01%;  }
body     { height: 100.01%; min-height: 100.01%; font: 75.01%/1.3 Verdana;
           padding:0; margin:0; color: #000; background-color: #eee;
           padding: 8px 8px 0 8px;
           }
table    { border-collapse: collapse; margin: 1em 0; background-color: #ffe; width:100%; }
th       { text-align: left; border: 1px solid #ccb; background-color: #cca; font-weight: normal; padding-left: 2px; }
td       { text-align: left; border: 1px solid #ccb; padding:0 4px 0 4px; vertical-align: top;}
.ipre    { font: 1em Courier; display:inline; margin:0; padding:0; background-color: #fff; font-weight: bold; color: blue; }
pre      { font: 1em Courier; margin: 0.5em; }
pre span { font: 1em Arial; margin:0; padding:0; }
.tbar    { background-color: #cca; }

hr       {  border: 0;
            border-top: 0.1px solid #cdc;
            margin-top: 4px;
            height: 1px;
}

dl       { margin: 0.5em; }
dl dt    { width: 12em; float:left; margin-left: 0.2em; }
dl dd    { margin-left: 12.3em; }

/* Standardabsatz */

p        { margin: 0; padding: 0.4em 2em 0 0.6em; margin-bottom: 0.5em; }

/* Links */

a:link    { background-color: transparent; color:#222; font-weight: bold; }
a:visited { background-color: transparent; color:#222; }
a:hover   { background-color: transparent; color:#222; }
a:active  { background-color: transparent; color:#222; }
a:focus   { background-color: #ff0; }

.submit   { font-size: 0.8em; height: 18px; width: 120px; border: 1px solid #444; background-color: #dd8; }

/* Menue */

#header_bg  {
            margin: 0; padding: 0;;
            float:left;
            margin-left: 1em;
            position: relative;
            background-color: #000;
            }
.header_menu {
            margin: 0; padding: 0;;
            padding: 1em 0 6em 0;
            list-style-type: none;
            width: 12em;
            background: url( ../pics/wieselu.jpg) no-repeat bottom left #fff;
            position: relative; left: -3px; top: -3px;
          }
.header_menu li div {
            margin: 0; padding: 0;
            border-left: 1px solid #887;
            border-top: 1px solid #887;
            padding: 2px;
            margin-top: 2px;
            margin-left: -12px;
            font-weight: bold;
            color: #222;
            background: url( ../pics/menu.jpg) repeat-y top left #fff;
          }
.header_menu li a {
            padding-left:1em;
            font-size: 0.9em;
            text-decoration: none;
            font-weight: normal;
            background-color: transparent;
          }
.header_menu li a:hover { text-decoration: underline; }
.header_menu li a:focus { background-color: #ff0; }

/* index.htm: content */

#content {
            padding: 0 0 1em 0;
            margin: 0;
            border: 1px solid #554;
            background: url( ../pics/grasro.jpg) no-repeat right top #fff;
            position: relative; left: -3px; top: -3px;
          }
/* parse.exe: automatischer Index */

.index    {
            margin: 0;
            border: 1px solid #554;
            width: 32em;
            background-color: #ffc;
          }
.index p  {
            margin: 0;
            padding: 0;
            background-color: #dda;
            font-weight: bold;
            color: #222;
            padding-left: 0.2em;
          }
.index ul {
            list-style-type: square;
            padding-left: 20px;
            margin: 0;
          }
.index a {
            margin: 0;
            padding: 0;
            text-decoration: none;
            font-weight: normal;
            background-color: transparent;
          }

h2        {
            background: url( ../pics/stern.gif) no-repeat 0 -2px #dda;
            margin: 0em 0 0 0;
            padding: 2px 0 4px 2.5em;
            font-weight: bold;
            color: #222;
            font-size: 1.2em;
            line-height: 1.5em;
          }
h3        {
            margin: 1em 0 0 0.2em;
            padding: 2px;
            font-weight: bold;
            color: #222;
            font-size: 1.0em;
          }
h4        {
            background-color: #dda;
            padding: 2px;
            font-weight: bold;
            color: #222;
            font-size: 1.0em;
          }

ul     {
            margin: 0;
            padding: 0;
            padding-right:1em;
            margin-right:1em;
            margin-top:1em;
            list-style-type: square;
            margin-left:3em;
          }
ul li a {
            padding-left:1em;
            font-size: 0.9em;
            text-decoration: none;
            font-weight: normal;
            background-color: transparent;
          }
ul li a:hover {
            text-decoration: underline;
          }

/* skiplinks, goup, zum Anfang springen */

.goup         { margin: 4px; padding: 0; }
.goup img     { margin: 0; padding: 0; border: 0; background-color: #ddb; }
.goup:link    { background-color: #ddb; border: 0; }

.skiplink  {
        position:absolute;
        top:-9999px;
        left:-9999px;
        width:0px;
        height:0px;
        display:inline;
       }
.skiplinktab:focus, .skiplinktab:active  {
        position:absolute;
        top:9999px;
        left:9999px;
        display:inline;
        width:13em;
        height:auto;
        background-color:#fff;
        color:#000;
        padding:0.6em;
        border:2px solid #000;
         }

* html div .thumb { height: 235px; }
form      { padding: 0; margin: 0.5em; }
div       { padding: 0; margin: 0.5em; }
div.thumb { overflow: hidden; }
div.thumb p { font-weight: bold; }
div.thumb img { float: left; margin: 1em 2em 1em 0; border: 1px solid #554; }
.clearing { clear: both; }

.tabbox       { margin: 1.2em 0 1.2em 2em; border: 1px solid #554; width: 30em; background-color: #ffc; }
.tabbox dl dt { width: 10.8em; float:left; margin-left: 0.2em; }
.tabbox dl dd { font-weight: bold; margin-left: 11em; }
.tabbox p     { margin: 0; padding: 0; background-color: #dda; font-weight: bold; color: #222; padding-left: 0.2em; }

.Q_termin     { margin: 1.2em 0 1.2em 2em; border: 1px solid #554; width: 56em; background-color: #ffc; font-size: 0.8em; }
.Q_termin dt  { width: 12em; float:left; margin-left: 0.2em; }
.Q_termin dd  { font-weight: bold; margin-left: 13em; }
.Q_termin p   { margin: 0; padding: 0; background-color: #dda; font-weight: bold; color: #222; padding-left: 0.2em; }
.T_termin     { margin: 0; padding: 0; background-color: #dda; font-weight: bold; color: #222; padding-left: 0.2em; font-size: 0.8em; }

.Q_links      { margin: 1.2em 0 1.2em 2em; border: 1px solid #554; width: 56em; background-color: #ffc; font-size: 0.8em; }
.Q_links  dt  { width: 12em; float:left; margin-left: 0.2em; }
.Q_links  dd  { font-weight: bold; margin-left: 13em; }
.Q_links  p   { margin: 0; padding: 0; background-color: #dda; font-weight: bold; color: #222; padding-left: 0.2em; }
.T_links      { margin: 0; padding: 0; background-color: #dda; font-weight: bold; color: #222; padding-left: 0.2em; font-size: 0.8em; }
.minibtn      { width: 16px; height: 16px; border: 1px solid #444; margin-top: 2px; }
.cmdbtn       { width: 80px; height: 16px; border: 1px solid #444; font-size: 0.8em; }

#login        { margin: 1.2em 0 1.2em 2em; border: 1px solid #554; width: 56em; background-color: #ffc; }
#login    dt  { width: 12em; float:left; margin-left: 0.2em; }
#login    dd  { font-weight: bold; margin-left: 13em; }

.mini         { font-size: 0.75em; }

.box      {
            font-size: 1em;
            width: 32em;
            border: 1px solid #554;
            margin: 1em;
            position:relative;
            min-height: 100px;
            color: #222;
            background-color: #cca;
            color: #222;
          }
.box p    {
            background-color: #ddb;
            color: #222;
            text-align: center;
            font-size: 1.2em;
          }

.namensliste       { margin: 0.5em; }
.namensliste dt    { margin-top: 1em; float:none; }
.namensliste dd    { margin-left: 2.3em; font-weight: bold; }

.team {
          }
.team li img {
          height: 160px;
          width: 120px;
          }
.team li {
          float: left;
          width: 120px;
          cursor: pointer;
          border: 1px solid #ccc;
          color: #666;
          background-color: #f3f3f3;
          font-size: 0.8em;
          }
.team ul {
          list-style-type: none;
          margin: 0; padding: 0;
          }
.team td {
          background-image: url(../pics/fussballplatz.gif);
          background-repeat: no-repeat;
          background-position: 2px 2px;
          padding: 2px;
          text-align: center;
          font-weight: bold;
          color: #443;
          font-size: 1.2em;
          line-height: 1.5em;
          }
.team td+td {
          background: transparent;
          font-size: 1.0em;
          line-height: 1.0em;
          }

.spinfo {
          background-color: transparent;
          font-size: 0.8em;
          }
.spinfo td {
          padding: 1px;
          padding-left: 12px;
          border: 0;
          }
.spinfo td+td {
          font-weight: bold;
          }
.spinfoh {
          padding: 2px;
          font-size: 1.2em;
          font-weight: bold;
          color: #464;
          }

.backlink {
          margin: 12px;
          font-size: 0.75em;
          }

.geburtstag {
          font-size: 1.25em;
/*        background-color: #e43; */
          border: 1px solid #ccc;
          padding:0.5em;
          font-weight: bold;
          }

DIV.shadow  { background-color: #8e8e8e; padding: 1px; border: 1px solid #959595; margin: 0; }
DIV.shadow2 { background-color: #aaaaaa; padding: 1px; border: 1px solid #bebebe; margin: 0; }
DIV.shadow3 { background-color: #d1d1d1; padding: 1px; border: 1px solid #e1e1e1; margin: 0; }
DIV.shadow4 { background-color: #ededed; padding: 1px; border: 1px solid #f6f6f6; margin: 0; }
DIV.shadow5 { float:left; background-color: #fcfcfc; padding: 1px; border: 1px solid #fff; margin: 0.7em 1em; }

DIV.shadow IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   }

button  {
                  background-image: url(btnback.gif);
                  border: 1px ridge #b0b0b0;
                  width: 64px;
                  margin: 0;
                  padding: 0;
                  color: #444;
                  cursor: pointer;
                  font-size: 0.8em;
                }

#dbmenu {
            margin-top:1em;
            list-style-type: none;
          }
#dbmenu li   {
            padding-right:0.4em;
            text-decoration: none;
            font-weight: normal;
            display: inline;
          }
#dbmenu li a {
            text-decoration: none;
            font-weight: bold;
            font-size: 1.2em;
          }
#dbmenu li a:hover {
            text-decoration: underline;
          }
.slink {
            margin-bottom:1em;
          }
.mark    { background-color: #fff; color:#f00; font-weight: bold;}

