/****************************************************************************
 * Basisstyles für das Basis-Layout                                         *
 ***********************************************************************!-> */

/* Grundeinstellung ****************************************************!-> */
.main {
  background-color: #EEEEEE;
}
.main, .hint, td, table, input, select {
  color: #404040;
  font-family: arial,helvetica,geneva,sans-serif;
  font-size: 9pt;
}

/* Überschriften *******************************************************!->
.darkhead, .lighthead {
  font-weight: bold;
}
.darkhead {color: #FFFFFF;}
a.lighthead {color: #404040;}
td.darkhead, td.lighthead {
  height: 24px;
  padding: 0px 7px;
  line-height: 14pt;
  overflow: hidden;
}
td.darkhead {background: url(../pics/verlaufdunkel.jpg) repeat-x;}
td.lighthead {background: url(../pics/verlaufhell.jpg) repeat-x;}

/* Verweise ************************************************************!-> */
a:link, a:visited {text-decoration: none;}
a:active, a:focus, a:hover {text-decoration: underline;}

/* Seitenaufbau ********************************************************!-> */
#spaltelinks {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 220px;
  height: 95%;
  padding-top: 105px;
}
#spaltelinksoben {
  height: 400px;
}
#spaltelinksunten {
/* Funktioniert leider nicht immer so wie gewünscht
  position: absolute;
  bottom: 0px;
*/
  width: 220px;
  height: 111px;
  background: url(../pics/schluessel/grau.gif) no-repeat;
  vertical-align: middle;
}
#spaltemitte {
  position: absolute;
  top: 0px;
  left: 220px;
  width: 623px;
  background-color: #FFFFFF;
}
#rahmenmitte {
  position: absolute;
  top: 98px;
  left: 0px;
  width: 621px;
  overflow: hidden;
  border: 1px solid #8DA0AE;
  border-top-style: none;
  padding-bottom: 12px;
  background-color: #F8F8F8;
}
#inhaltmitte {
  position: relative;
  top: 12px;
  left: 12px;
  width: 597px;
  overflow: hidden;
  border:1px solid #8DA0AE;
  margin-bottom: 12px;
  background-color: #FFFFFF;
}
#spalterechts {
  position: absolute;
  top: 0px;
  left: 843px;
  width: 160px;
  overflow: hidden;
}

/* Register ************************************************************!-> */
a.regsnix {
  position: absolute;
  left: 0px;
  top: 66px;
  width: 622px;
  background: url(../pics/regs/nix.jpg) no-repeat;
}
a.regsbbm {
  position: absolute;
  left: 0px;
  top: 66px;
  width: 126px;
}
a.regsabs {
  position: absolute;
  left: 126px;
  top: 66px;
  width: 130px;
}
a.regskarriere {
  position: absolute;
  left: 256px;
  top: 66px;
  width: 163px;
}
a.regstipps {
  position: absolute;
  left: 419px;
  top: 66px;
  width: 107px;
}
a.regsspiel {
  position: absolute;
  left: 526px;
  top: 66px;
  width: 96px;
}
a.regsnix, a.regsbbm, a.regsabs, a.regskarriere, a.regstipps, a.regsspiel {
  height: 31px;
  overflow: hidden;
  border-bottom: 1px solid #8DA0AE;
  color: #404040;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  line-height: 25pt;
}
a.regsnix:active, a.regsbbm:active, a.regsabs:active, a.regskarriere:active, a.regstipps:active, a.regsspiel:active,
a.regsnix:focus, a.regsbbm:focus, a.regsabs:focus, a.regskarriere:focus, a.regstipps:focus, a.regsspiel:focus,
a.regsnix:hover, a.regsbbm:hover, a.regsabs:hover, a.regskarriere:hover, a.regstipps:hover, a.regsspiel:hover {
  border-bottom-style: none;
  text-decoration: underline;
}
img.regsend {
  position: absolute;
  left: 622px;
  top: 66px;
}

/* Navigationsmenü *****************************************************!-> *
.navmen {
  color: #404040;
  font-size: 10pt;
  line-height: 12pt;
}
div.navmen {
  margin-left: 10px;
}
table.navmen {
  border-style: none;
  padding-bottom: 5px;
  padding-right: 5px;
}
td.navmen_1_open, td.navmen_1_clos {
  padding-top: 10px;
  padding-left: 20px;
  font-weight: bold;
}
td.navmen_1_open {
  background-image: url(../pics/navmen/quadrat_grau_open.gif);
  background-repeat: no-repeat;
  background-position: 6px 13px;
}
td.navmen_1_clos {
  background-image: url(../pics/navmen/quadrat_grau_clos.gif);
  background-repeat: no-repeat;
  background-position: 6px 14px;
}
td.navmen_2_open, td.navmen_2_clos {
  padding-left: 30px;
}
td.navmen_3_open, td.navmen_3_clos {
  padding-left: 40px;
}
td.navmen_4_open, td.navmen_4_clos {
  padding-left: 50px;
}

/* Titelbanner *********************************************************!-> */
.titlebanner {
  width: 623px;
  height: 64px;
  background: url(../pics/header.jpg) no-repeat;
}

/* Navigationspfad *****************************************************!-> */
table.navpath {
  width: 597px;
  border-bottom: 1px solid #8DA0AE;
}

/* Seiteninhalt ********************************************************!-> */
.contentmiddle {
  padding: 4px;
  padding-right: 6px;
}

/* Sucheingabe *********************************************************!-> */
table.sucheingabe {
  width: 160px;
  height: 97px;
}
td.sucheingabe {
  padding: 4px 5px;
}
table.suchtreffer {
  width: 587px;
}

/* Spalteninhalt rechts ************************************************!-> */
td.contentright {
}
.infofld, .infobox {
  padding: 2px 7px;
  font-size: 8pt;
}
.infobox {
  background-color: #FFFFFF;
}

/****************************************************************************
 * Zusätzliches Styles zur beliebigen Verwendung                            *
 ***********************************************************************!-> */

/* Listendarstellungen *************************************************!-> */

table.list {
  width: 587px;
}
table.listelem {
}
a.list {
  color: #404040;
  font-weight: bold;
}
.listeven, .listodd, .listbar {
  margin: 0px;
  padding: 5px 3px;
  border-bottom: 1px solid #8DA0AE;
}
.listtop {
  border-top: 1px solid #8DA0AE;
}
.listeven, .listevenback, .listodd {
  background-color: #FFFFFF;
}
.listoddback {
  background-color: #F8F8F8;
}
.listbar {
  padding: 0px;
  height: 1px;
  overflow: hidden;
  background-color: #FFFFFF;
}

/* Bilderverzeichnisse *************************************************!-> */
.pics {
}
ul.psub {
  margin: 5px 0px;
  padding: 0px 25px;
}
table.pnav {
  margin-bottom: 1px;
  width: 587px;
  /*border:1px solid #8DA0AE;*/
}
.pnav {
  color: #404040;
  font-weight: bold;
}
span.pnav {
  /*font-style: italic;*/
  font-weight: normal;
}
table.ptmb, table.ppic {
  margin: auto;
}
td.ptmb, td.ppic {
  text-align: center;
  vertical-align: middle;
}

/* Eingabemasken *******************************************************!-> */

.formline {
  line-height: 25px;
}

/* Klasse für versteckte Elemente zur SPAM-Erkennung */

.xbaz {
  display: none;
}
