/*
------ SITE.CSS
------ Allgemeiner Style der Seite
*/

/* Seiten Aufteilung */

body {
  width:1200px;
  margin: 0 auto;
  padding: 10px;
  background:#FFA500 url(images/background.png) repeat-x;
  font-family: "Trebuchet MS";
  font-size: 16px;
  text-align:left;
}

#banner {
  height: 100px;
  width: 1000px;
  margin: 0 auto;
  border: 2px solid gray;
  padding: 0 98px;
  background: black;
}

#login {
  height: 24px;
  border-left: 2px solid gray;
  border-right: 2px solid gray;
  padding: 1px 10px 1px 10px;
  background-color:#222222;
  color: white;
}

#leftColumn {
  float: left;
  width: 198px;
}

#navigation {
  width: 198px;
  border: 2px solid gray;
  background-color: #aaa;
  font-size: 20px;
}

#counter {
  width: 198px;
  border: 1px solid white;
  background-color: #aaa;
  font-size: 20px;
}

#mitte {
  margin-left: 200px;
  border: 2px solid gray;
  padding: 10px;
  background-color: #eee;
}

#fanpage {
  width: 468px;
  height: 60px;
  margin-left: 464px;
  margin-top: 10px;
  margin-right: 264px;
  border: 2px solid white;
}

/* Fanpage */

#fanpage img {border: 0px;}

/* Navigation */

.naviTop {
  margin: 10px 5px 0px 5px;
  padding: 0px 5px;
  font-weight: bold;
  color: #222222;
  background-color: #f7f7f7;
}

#navigation a {
  margin: 5px 5px 5px 20px;
  padding: 0px 3px;
  display: block;
  font-size: 16px;
  text-decoration:none;
}

#navigation  a:link{color: black; background-color: #ddd;}

#navigation  a:visited {color: #666; background-color: white;}

#navigation  a:hover {color: black; background-color: #FFA500;}

#navigation  a:active {color: white; background-color: gray;}

#counter {
  margin-top: 30px;
}

.counterTitle {
  margin: 5px 5px 5px 20px;
  padding: 0px 3px;
  font-size: 20px;
  color: white;
}

.counterNumber {
  margin: 5px 5px 5px 20px;
  padding: 0px 3px;
  font-size: 16px;
  color: gray;
}

/* Login */

.loginEingabe {
  float: left;
  margin-left: 5px;
}

#login form {
  display:inline;
}

#login input[type="text"], #login input[type="password"] {
  border: 1px solid white;
  background-color: gray;
  color: white;
}

#login input[type="text"]:focus , #login input[type="password"]:focus {
  border: 1px solid white;
  background-color: orange;
  color: white;
}

#login input[type="submit"] {
  border: 1px solid gray;
  background-color: #222222;
  color: white;
}

.account_input {
    width: 150px;
}

/* Überschriften und Datum und allgemeine Formatierungen */

.title {
  font-size: 17px;
  font-weight: bold;
  background-color: white;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  padding-left: 5px;
}

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

.datum {
  padding-top: 5px;
  font-size: 12px;
  float: right;
}

p {
  margin: 15px 10px;
}

.text {
  margin: 15px 10px;
  white-space:pre;
}

table {
  margin: 15px 10px;
}

fieldset {
  margin: 15px 10px;
}

/* Tools */

/* Allgemein */

#tool .umrandung {
  margin: 0px 0px 5px 0px;
  border: 1px solid black;
  border-top: 0px;
}

#tool .title {
  cursor:pointer;
}

#tool fieldset,
#tool p,
#tool textarea,
#tool #EingabeFelder  {
  margin: 8px;
}

#tool a {
  color: orange;
  text-decoration: none;
}

#tool .linktool {
    margin-left: 8px;
    border: 1px solid orange;
    padding: 2px;
    height: 22px;
}

#tool .linktool img {
    float: left;
    margin: 0px;
    padding: 0px;
    border: 0;
}

#tool .linktext {
    margin-left: 10px;
    padding: 2px;
    border: 0;
}

#tool .linkfloat {
    clear: both;
    float: left;
}

#tool .linkclear {
    clear: both;
}

#tool #hiddenZeile {
    display:none;
}

#tool #schiffe {
    margin: 8px;
}

#tool #schiffe .schiff {
    clear: left;
    margin: 1px;
    float: left;
    width: 200px;
}

#tool #schiffe .anzahl {
    float: left;
    width: 100px;
}

#tool #schiffe .paket {
    float: left;
    width: 100px;
}

#tool #schiffe .geschwindigkeit {
    float: left;
    width: 100px;
}

#tool .ptech {
    visibility: collapse;
}


#tool table {
  margin: 0px;
}

#tool td {
  padding: 2px 5px;
}

/* Hilfe */
#tool #help {
  Overflow: hidden;
}

#tool #helpinhalt {
  display: none;
}

#tool #helpPfeilOben {
  display: none;
}

#tool #helpPfeilUnten {
  display: inline;
}

#tool .size10 {
    font-size: 10px;
}

.sortable {
    width: 95%;
    font-size: 11px;
    border: 1px solid black;
    border-collapse:collapse;
}

.sortable td,
.sortable th {
    width: 6%;
    border: 1px solid black;
}

.sortable .rigth {
    text-align: right;
}

/* Vorlagen */

#tool #vorlagen {
  float: right;
  width: 235px;
  margin: -8px 0px 0px 0px;
}

tool #vorlagen fieldset {
  margin: 0px 8px;
}

#tool #vorlagen a {
  padding: 0px 2px 0px 2px;
  margin-bottom: 2px;
  text-decoration:none;
  display: block;
  font-size: 16px;
  color: black; background-color: white;
}

#tool #vorlagen a:link {
  color: black; background-color: white;
}

#tool #vorlagen a:visited {
  color: #666; background-color: white;
}

#tool #vorlagen a:hover {
  color: black; background-color: #FFA500;
}

#tool #vorlagen a:active {
  color: white; background-color: gray;
}

#tool #vorlagen .vorlageZeile {
  clear:both;
}

#tool #vorlagen .vorlageZeile img {
  border: 0px;
}

#tool #vorlagen .vorlageZeile a {
  padding: 0px 0px 0px 0px;
}

#tool #vorlagen .favorit {
  padding: 3px 2px 0px 1px;
  float: left;
  cursor:pointer;
}
#tool #vorlagen .delete {
  padding: 3px 1px 0px 1px;
  float: right;
  cursor:pointer;
}


/* Eingabe */

#tool #eingabe {
  Overflow: hidden;
}

#tool #EingabeFelder {
  margin-right: 230px;
}

#tool #eingabeinhalt {
  display: block;
}

#tool #eingabePfeilOben {
   display: inline;
}

#tool #eingabePfeilUnten {
  display: none;
}


/* Ausgabe */

#tool #ausgabe {
  Overflow: hidden;
}

#tool #ausgabeinhalt {
  display:none;
}

#tool #ausgabePfeilOben {
  display: none;
}

#tool #ausgabePfeilUnten {
   display: inline;
}

/* SpioAnalyse */

#spio_tool {
  position: relative;
}

#spio_Feld1 {
  float: left;
  width: 350px;
  clear: both;
}

#spio_Feld2 {
  margin-left: 386px;
  width: 350px;

}

#spio_Feld1 p,
#spio_Feld2 p,
#spio_Feld1 fieldset,
#spio_Feld2 fieldset {
  margin: 0 8px 0 8px;
}


.spio_hervorhebung {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}

.farbe .neutral{
  color: black;
}

.farbe .schlecht{
  color: red;
}

.farbe .gut{
  color: green;
}

/* El-Stats */

/* Ausgabe */

#tool #ausgabeStats {
}

#tool #ausgabeStatsinhalt {
  display: block;
}

#tool #ausgabeStatsPfeilOben {
  display: inline;
}

#tool #ausgabeStatsPfeilUnten {
   display: none;
}