/*******************************************************************************
 **                                                                           **
 **                                styles.css                                 **
 **                                                                           **
 ** Funktion    : Alle CSS-Styles für Analyse v1.0                            **
 ** Version     : 1.0                                                         **
 ** Erscheinen  : Sep. 2008                                                   **
 ** Stand       : 27. Januar 2009                                             **
 ** Autor       : Igor Krioutchkov / (C) 2008 by Igor Krioutchkov             **
 **                                                                           **
 ** Beschreibung: Hier befinden sich alle CSS-Styles für die gesamte Appli-   **
 ** kation "Analyse v1.0"                                                     **
 **                                                                           **
 ******************************************************************************/



/*******************************************************************************
 ** HTML-Elemente                                                             **
 *******************************************************************************/

body {
  background: #f5f5ff;
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000;
  max-width: 80em;
  min-width: 70em;
}


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


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

h2 {
  color: #0075ef;
  font-weight: normal;
  font-size: 14pt;
  line-height: 18pt;
  text-align: left;
}


hr {
  border: 1px dotted #0075ef;
}


li {
  padding-top: .5em;
  padding-bottom: .5em;
}


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

.info {
  background: #fee;
  margin-left: 3em;
}

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


.okay {
  font-weight: bold;
  color: green;
}


.quelle {
  font-style: italic;
  color: #555;
}


.fett {font-weight: bold;}


a {
  color:#0075ef;
  /* color: #001463; */
  text-decoration: none;
}


a:hover {
  text-decoration: underline;
}


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


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


img {
  border: 0;
}


img.inf {
  border: 0;
}



/*******************************************************************************
 ** Kopf-Bereich                                                              **
 *******************************************************************************/

#kopf {
  border-left: 1px solid #c3c1ce;
  border-top: 1px solid #c3c1ce;
  border-right: 1px solid #8e83ce;
  border-bottom: 1px solid #8e83ce;
  background: #bbc;
  margin-left: 10em;
  margin-right: 10em;
  padding: 0;
  height: 53px;
  min-width: 40em;
}


#kopf img {
  margin-top: 2px;
  margin-left: 2px;
  padding: 0;
  }


#leiste {
  background-image: url(gfx/knopf.png); background-repeat: repeat-x;
  background-color: #001563;
  color: white;
  border-left: 1px solid #8ca3ff;
  border-top: 1px solid #8ca3ff;
  border-right: 1px solid #000c3d;
  border-bottom: 1px solid #000c3d;
  height: 2.5em;
  margin-left: 10em;
  margin-right: 10em;
  min-width: 40em;
  padding: 0
}



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

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


ul#menue li {
  padding: 0;
  margin: 0em;
  margin-left: 10em;
  text-align: center; 
}


ul#menue li a {
  background-image: url(gfx/knopf.png); background-repeat: no-repeat;
  display: block;
  width: 134px;
  padding-top: .5em; 
  padding-bottom: .5em;
  margin: 0;
  border-left: 1px solid #8ca3ff;
  border-top: 1px solid #8ca3ff;
  border-right: 1px solid #000c3d;
  border-bottom: 1px solid #000c3d;
  text-decoration: none;
  font-weight: bold;
  color: white;
  background-color: #001563
}


ul#menue li a:hover {
  color: yellow;
}


ul#menue li a.aktiv {
  color: #ccc;
  border-left: 1px solid #000c3d;
  border-right: 1px solid #8ca3ff;
  border-top: 1px solid #000c3d;
  border-bottom: 1px solid #8ca3ff;
}



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

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



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

#form_seite {
  border: 1px solid #0075ef;
  background: white;
  margin-left: 15em;
  margin-right: 15em;
  min-height: 32em;
  min-width: 50em;
  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 {
  clear: both;
  padding: 0;
}


.form_label {
  float: left;
  width: 35em;
  text-align: left;
  padding-top: .2em;
}


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


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



/*******************************************************************************
 ** Formular "Stand laden"                                                    **
 *******************************************************************************/

.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;
}



/*******************************************************************************
 ** Formular "Gästebuch"                                                      **
 *******************************************************************************/

.gbuch_reihe {
  clear: both;
  padding: 0;
  margin-top: .5em;
}


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


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



/*******************************************************************************
 ** Auswertungs-Grafik                                                        **
 *******************************************************************************/

.rahmen {
  float: left;
  width: 252px;
  height: 252px;
}


.rahmen-l {
  float: left;
  width: 6em;
  padding-top: 8.5em;
  padding-left: 2em;
  padding-right: 5px;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
}


.rahmen-r {
  float: left;
  width: 6em;
  padding-top: 8.5em;
  padding-left: 0.4em;
  font-weight: bold;
}


#label-narz {
  float: left;
  width: 7em;
  padding-top: 0em;
  padding-left: 1em;
  text-align: right;
  font-weight: bold;
  line-height: 8pt;
}


#rahmen-o {
  float: left;
  width: 31.2em;
  height: 1.4em;
  padding-left: 2em;
  padding-bottom: 5px;
  vertical-align: bottom;
  text-align: center;
  font-weight: bold;
}


#rahmen-u {
  float: left;
  width: 31.2em;
  height: 1.4em;
  padding-left: 2em;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
}


.quad {
  float: left;
  border: 1px solid #0075ef;
  width: 10px;
  height: 10px;
}


.quadsetz {
  float: left;
  background-image: url("gfx/punkt.gif");
  width: 12px;
  height: 12px;
}


.quadmid {
  float: left;
  border: 1px solid #0075ef;
  background-color: #0075ef;
  width: 10px;
  height: 10px;
}



/*******************************************************************************
 ** Administration                                                            **
 *******************************************************************************/

#info_fenster {
  position: fixed;
  border: 1px solid #0075ef;
  background: white;
  margin-left: 1em;
  height: 25em;
  width: 25em;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 8pt;
  font-weight: normal;
  line-height: 8pt;
  text-align: left;
}


#spn_rahmen {
  float: left;
  width: 151px;
  height: 151px;
}


#spn_rahmen-l {
  float: left;
  width: 4.9em;
  padding-top: 68px;
  padding-left: 0;
  text-align: left;
  font-weight: normal;
  font-size: 8pt;
  line-height: 8pt;
}


#spn_rahmen-r {
  float: left;
  width: 3em;
  padding-top: 68px;
  padding-left: 0.1em;
  font-weight: normal;
  font-size: 8pt;
}


#spn_label-narz {
  float: left;
  width: 7em;
  height: 10px;
  padding-top: 0;
  margin-top: 0;
  padding-left: 0;
  text-align: left;
  font-weight: normal;
  font-size: 8pt;
}


#spn_rahmen-narz {
  float: left;
  width: 100px;
  height: 10px;
  padding-top: 2px;
  margin-top: 0;
  padding-left: 0;
  text-align: left;
  font-weight: normal;
  font-size: 8pt;
}


#spn_rahmen-o {
  float: left;
  width: 16em;
  height: 1.4em;
  padding-left: 40px;
  vertical-align: bottom;
  text-align: center;
  font-weight: normal;
  font-size: 8pt;
}


#spn_rahmen-u {
  float: left;
  width: 16em;
  height: 0.5em;
  margin-top: 0;
  padding-left: 40px;
  vertical-align: top;
  text-align: center;
  font-weight: normal;
  font-size: 8pt;
}


.spn_quad {
  float: left;
  border: 1px solid #0075ef;
  width: 5px;
  height: 5px;
}


.spn_quadsetz {
  float: left;
  border: 1px solid #fd3;
  background-color: red;
  width: 5px;
  height: 5px;
}


.spn_quadmid {
  float: left;
  border: 1px solid #0075ef;
  background-color: #0075ef;
  width: 5px;
  height: 5px;
}


#spion_seite {
  border: 1px solid #0075ef;
  background: white;
  margin-left: 23em;
  margin-right: 15em;
  min-height: 32em;
  width: 35em;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 16pt;
  text-align: left;
}



/*******************************************************************************
 ** Misc                                                                      **
 *******************************************************************************/

.nofloat {clear: both;}