/*******************************************************************************
 **                                                                           **
 **                      CSS-Layout für www.igork.de                          **
 **                              Version 1.0                                  **
 **                          (C) 2008 by Igor K                               **
 **                                                                           **
 *******************************************************************************



/*******************************************************************************
 ** HTML-Elemente                                                             **
 ** Seiten-Hintergrund                                                        **
 *******************************************************************************/

body {
  background-color: #212021;
  background-image: url(gfx/back.gif);
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 10pt;
  color: #ffffff;
}

table {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  line-height: 16pt;
}

td {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  line-height: 16pt;
}


h1 {
  color: #ffffff;
  font-weight: normal;
  font-size: 16pt;
  line-height: 20pt;
  text-align: left;
  /* border-bottom: 1px dotted; */
}

h2 {
  color: #ffffff;
  font-weight: bold;
  font-size: 12pt;
  line-height: 18pt;
  text-align: left;
  /* border-bottom: 1px dotted; */
}



hr {
  border: 1px dotted #4a494a;
}



p.skript {
  font-family: Courier New, Courier, Verdana, Tahoma, Helvetica, sans-serif;
  text-align: left;
  font-size: 11pt;
  line-height: 12pt;
  padding: 4px;
}



.achtung {
  font-weight: bold;
  color: red;
}



.okay {
  font-weight: bold;
  color: #55ff55;
}



.fett {font-weight: bold;}



a {
  color: #8cc3ff;
  text-decoration: none;
  font-weight: bold;
}



a:hover {
  text-decoration: underline;
  color: #8cc3ff;
}



a.active {
  text-decoration: none;
  color: #8cc3ff;
}



a.aktiv {
  text-decoration: none;
  color: #8cc3ff;
}



img {
  border: 0;
}



img.inf {
  padding-left: 8em;
  padding-right: 8em;
}





/*******************************************************************************
 ** Menü                                                                      **
 *******************************************************************************/

ul#menue {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center; 
}


ul#menue li {
  margin: 0;
  margin-left: 2em;

}


ul#menue li a {
  background-image: url(gfx/button-off.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 160px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-style: solid;
  border-width: 1px;
  border-left-color: #4a494a;
  border-top-color: #4a494a;
  border-right-color: #000000;
  border-bottom-color: #000000;
  color: #cecfce;
  text-decoration: none;
  font-weight: bold;
  background-color: #313031;
}

ul#menue li#leiste {
  display: block;
  width: 160px;
  min-height: 100em;
  padding-top: .5em; 
  padding-bottom: .5em;
  border-style: solid;
  border-width: 1px;
  border-left-color: #4a494a;
  border-top-color: #4a494a;
  border-right-color: #000000;
  border-bottom-color: #000000;
  background-color: #313031;
}


ul#menue li a.aktiv {
  text-decoration: none;
  color: #ffffff;
}


ul#menue li a:hover {

  color: #8cc3ff;
  border: 1px solid #8cc3ff;
}



/*******************************************************************************
 ** Hauptbereich                                                              **
 *******************************************************************************/

.seite {
  /*border-style: solid;
  border-width: 1px;
  border-right-color: #4a494a;
  border-bottom-color: #4a494a;
  border-left-color: #000000;
  border-top-color: #000000; */
  background-color: #000000;
  margin-left: 16em;
  /* margin-right: 10em; */
  margin-bottom: 2em;
  /* min-height: 10em; */
  max-width: 50em;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 16pt;
  text-align: justify;
}



/*******************************************************************************
 ** Fußleiste                                                                 **
 *******************************************************************************/

#fuss {
  border: 1px solid black;
  background: white;
  height: 1em;
  margin-left: 10em;
  margin-right: 10em;
  min-width: 20em;
  padding: 0;
}



/*******************************************************************************
 ** Formular                                                                  **
 *******************************************************************************/

#form_seite {
  border: 1px solid #0075ef;
  background: white;
  min-height: 32em;
  min-width: 30em;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 16pt;
  text-align: justify;
}



.form_frage {
  float: left;
  min-width: 40em;
  min-height: 8em;
  padding: 0.5em;
  margin: 0;
}



.form_reihe {
 /* border: 1px dashed blue; */
  clear: both;
  padding: 0;
  /* margin-left: 8em; */
}



.form_label {
 /* border: 1px dashed red; */
  float: left;
  width: 10em;
  text-align: left;
  padding-top: .2em;
}



.form_feld {
 /* border: 1px dashed green; */
  float: left;
  width: 2em;
  text-align: left;
  padding-top: 5px;
}



.form_button {
/* border: 1px dashed blue; */
  float: left;
  margin: 0;
  padding-top: 1.5em;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 1em;
}



.laden_label {
  float: left;
  width: 7em;
  text-align: left;
  padding-top: .2em;
}



.laden_feld {
  float: left;
  width: 5em;
  text-align: left;
}


.laden_button {
  float: left;
  margin: 0;
  padding-top: 1.5em;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 1em;
}


.gbuch_reihe {
  clear: both;
  padding: 0;
  margin-top: .5em;
  /* margin-left: 8em; */
}



.gbuch_label {
  float: left;
  width: 8em;
  text-align: left;
}



.gbuch_feld {
  width: 2em;
  text-align: left;
  padding-top: 5px;
}



.dsatz-k {
  float: left;
  background: #c5c5ff;
  /* width: 4em; */
  height: 1.5em;
  margin: 1px;
}

.dsatz-a {
  float: left;
  background: #f3f3ff;
  /* width: 4em; */
  height: 1.5em;
  margin: 1px;
}

.dsatz-b {
  float: left;
  background: #e4e4ff;
  /* width: 4em; */
  height: 1.5em;
  margin: 1px;
}

.nofloat {clear: both;}