/************
//
//Hier sind die Styesheets für das Spacenations-Standartlayout
//festes Menu - rechts
//scrollbarer Inhalt bei fester Seite - links neben Menu
//Zeit und Werbung fest - oben
//Impressum, AGB und Copyride fest - unten
//
//erstellt von Mathilda Kruschel -> thilda-@gmx.de
//letzte Änderung: 21.05.2009
//
************/

/*Hier werden die groben Positionierungen und das Aussehen erstellt.
  Das Template sozusagen*/
/*BEGIN*/
   body {
      background: #303030 url(img/menu.png) no-repeat fixed 5px -230px;/*url(img/all.png)*/
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica;
      font-size: 12px;
      color: #cfcfcf;
   }
   #menu {
      /*background: #000 url(img/fade-grau2.png) repeat-y;*/
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      width: 16em;
      margin: 0;
      padding: 1em 0 0 1em;
      overflow: auto;
   }
   #menu ul { list-style-type: none;}
   #menu form {margin-bottom: 1em;}
   #menu li.voting img {
      margin: 0 auto;
      padding-top: 1.5em;
   }
   .planetenoption_head, .allgemeine_links_head { } /*Freiraum für stylistische "mehr"-gestaltung*/
   #container {
      min-width: 50em;
      margin: 0;
      padding: 0px 10px 50px 10px;
   }
   #inhalt {
      position: absolute;
      top: 130px;
      left: 17em;
      right: 0;
      bottom: 25px;
      overflow: auto;
      margin: 0;
      padding: 0;
   }
   #zeit_und_werbung {
      background: url(img/top.jpg) no-repeat fixed 205px 0;
      position: fixed;
      top: 0;
      right: 0;
      left: 17em;
      height: 120px;
      margin: 0;
      padding: 0;
      text-align: center;
   }
   #zeit_und_werbung a img {
      margin: 0 auto;
      margin-top: 10px;
      padding: 0;
      border: 0;
   }
   #impressum_und_agb {
      background: url(img/th.gif);
      position: fixed;
      right: 0;
      bottom: 5px;
      left: 17em;
      text-align: center;
      margin: 0 0 0 10px;
      padding: 0;
      white-space : nowrap;
   }
   #impressum_und_agb span a {
      background: #000042;
      margin: 0 10px;
      padding: 0 5px;
   }
   #impressum_und_agb span {
      color: #000042;
   }

/*Allgemeine Angaben die für alle Bereiche gelten*/
/*BEGIN*/
   h1 {
      font-size: 2em;
      text-align: center;
   }
   h2, h3 { font-size: 1.5em;}
   a { color: #ff7f00;}
   #menu a {
      font-weight: bold;
      text-decoration: none;
   }
   #menu a:hover, #menu a:focus {
      color: #ffd74f;
   }
   img { border: 0;}
   p {
      margin: 0;
      padding: 0;
   }
   ul {
      margin: 0;
      padding: 0;
   }

   .highlight { background: #000073;} /*einfärbung um bessere Übersicht zu schaffen*/
   .gerade { background: #000073;} /*einfärbung der Tabellen-Reihen um bessere Übersicht zu schaffen*/
   .kategorie { /*Überschriften*/
      background: url(img/th.gif) repeat-x;
      color: #00003f;
      text-align: center;
      font-weight: bold;
   }
   hr {
      clear: both;
      visibility: hidden;
      padding: 0;
      margin: 0;
   }
   table {
      width: 100%;
      text-align: center;
   }
   fieldset { border: 0;}
   .fehler_eingabe {
      color: #f00;
   }
/*END*/

/*Hauptübersicht - Planeten, Punkte und Ereignisse*/
/*Begin*/
   #uebersicht p.nachricht, #uebersicht p.systemnachricht {
      text-align: center;
      margin: 0.25em 0;
   }
   .ereignisse_planeten tr td:first-child,
   .ereignisse_uebergebene_flotten tr td:first-child,
   .ereignisse_fremde_flotten tr td:first-child,
   .ereignisse_eigene_flotten tr td:first-child { /*die verbleibende Zeit eines Ereignisses*/
      width: 10em;
   }
   .kategorie a { /*für die aktuelle Platzierung in der gesamtübersicht*/
      color: #0000d9;
   }
   p.punkte { /*Forschungs- und Gesamtpunkte in der Gesamtübersicht*/
      text-align: right;
      margin: 0;
      padding: 0 5px 0 0;
   }
/*END*/

/*Globale Übersichten*/
/*BEGIN*/
   ul.globale_uebersichten_kategorien, ul.allianz_menu, ul.metaallianz_menu {
      margin: 0;
      padding: 0;
      white-space : nowrap;
   }
   ul.globale_uebersichten_kategorien li {
      display: inline;
      margin: 0;
      padding: 0 0.5em;
   }
   hr.trennstrich { visibility: visible;} /*Trennlinie für die Globale Übersicht*/
/*END*/

/*Schiffstypen*/
/*BEGIN*/
   ul.schiffstypen {
      margin-left: 1em;
      /*list-style-type: disc;*/
   }
   #einzelschiff ul {
      list-style-type: none;
   }
   #einzelschiff ul.aufenthaltsorte_schiff {
      list-style-type: disc;
      margin-left: 1em;
   }
/*END*/

/*Flotten und Flottenübergabe*/
/*BEGIN*/
   #flotten p.tarn_nachricht_positiv {
      font-weight: bold;
      font-size: 1.5em;
      color: green;
      margin: 1em 0;
   }
   #flotten p.tarn_nachricht_negativ {
      font-weight: bold;
      font-size: 1.5em;
      color: red;
      margin: 1em 0;
   }
   #flotten ul { list-style-type: none;}
   #flotten .eigene_flotten, #flotten .eigene_uebergebene_flotten, #flotten .fremde_uebergebene_flotte {
      list-style-type: disc;
      margin-left: 1em;
   }
   ul.flottenuebergabe {
      margin: 5px 0;
      padding: 0;
   }
   ul.flottenuebergabe li.uebergabe {
      margin: 10px 0;
      padding: 0;
      width: 63em;
   }
   li.uebergabe ul {
      margin: -1.5em 0 -1px 38em;
      padding: 0;
      width: 20em;
   }
   li.uebergabe ul li {
      margin: 0;
      padding: 0;
      width: 9em;
      display: inline;
   }
   #flotten .flottenuebergabe .submit {
      width: 8em;
      margin: 1em 0 1em 38em;
      padding: 0;
   }
   #flotten .ladeerlaubnis input { margin-left:8em;}
   #flotten .ladeerlaubnis label { margin: 0 5em;}
   #flotten .ladeerlaubnis .submit {
      width: 8em;
      margin: 1em 0 1em 25em;
      padding: 0;
   }
   #flotten .flotten_sortieren ul li {
      display: inline;
      margin: 0 3em;
      white-space: nowrap;
   }
   #flotten .flotten_sortieren p, #flotten .flotten_sortieren ul { margin: 1em 0;}
   #flotten .flotten_sortieren label[for="flotten_sortier_auswahl"],
   #flotten .flotten_sortieren label[for="sortieren_flottenname"] {
      display: inline-block;
      margin: 0;
      padding: 0;
      width: 8em;
   }
/*END*/

/*Diplomatie*/
/*BEGIN*/
   #diplomatie ul.diplomatie_menu {
      width: 100%;
      text-align: center;
      white-space : nowrap;
   }
   #diplomatie ul.diplomatie_menu li {
      display: inline;
      margin: 0;
      padding: 0 2em;
   }
   #diplomatie ul {
      list-style-type: none;
   }
   #diplomatie fieldset p {
   float: left;
   width: 100%;
   margin: 5px;
   padding: 0px;
   }
   #diplomatie label {
      float: left;
      width: 16em;
      text-align: right;
      margin: 0;
      padding: 5px;
   }
   #diplomatie p input {
   margin-left: 1em;
   }
   #handel_buendniss, #angriffs_buendniss, #verteidigungs_buendniss {
   }
/*END*/

/*Allianzen*/
/*BEGIN*/
   #allianzen ul {
      width: 100%;
      text-align: center;
      white-space : nowrap;
   }
   #allianzen ul li {
      display: inline;
      margin: 0;
      padding: 0 6em;
   }
/*END*/

/*Stufenrechner*/
/*BEGIN*/
   #stufenrechner form select { margin-left: 25em;}
   #stufenrechner form .submit { margin-left: 25em;}
   #stufenrechner form p {
      margin: 1em 0;
      text-align: center;
   }
   #stufenrechner form label {
      display: inline-block;
      width: 45em;
   }
/*END*/

/*Die Galaxie-Surfer*/
/*Begin*/
/*Navigation*/
   #galaxiesurfer_navi li {
      display: inline;
      margin: 0 15px;
      padding: 0;
   }
   #galaxiesurfer_navi input { margin: 5px 0;}
   #galaxiesurfer_navi td { }
/*END*/

/*Suche*/
/*BEGIN*/
   #suche p {
      padding-left: 4em;
   }
   #suche #suchbegriff {
      margin: 0 0 0 5em;
   }
   #suche div {
      margin-top: 1em;
   }
   #suche div p{
      float: left;
      width: 5em;
      margin: 3.5em 5em 0 0;
   }
   #suche div ul {
      float: left;
      width: 15em;
      list-style-type: none;
   }
/*END*/

/*Nachrichten*/
/*BEGIN*/
   #nachrichten ul {
      margin-left: 2em;
   }
   #nachrichten .neue_nachricht_schreiben {
      list-style-type: none;
      margin-top: 1em;
   }
   #nachrichten form.igm_schreiben p { margin: 1em 0;}
   #nachrichten form.igm_schreiben label {
      display: inline-block;
      min-width: 15em;
      line-height: 1.5em;
      vertical-align: top;
   }
   #nachrichten .igm_schreiben input.submit { margin: 0 9em;}
   #nachrichten table { text-align: left;}
   #nachrichten pre {
      padding-left: 1em;
      font-family: Courier,monospace;
   }
/*END*/

/*Forum*/
/*BEGIN*/
   #forum ul {
      list-style-type: none;
      margin-top: 1em;
   }
   #forum ul li {
      margin: 0.25em 0;
   }
   #forum form p .submit {
      margin-top: 1em;
   }
/*END*/

/*Die Top100*/
/*BEGIN*/
/*Sortierfunktion*/
   #top100 label, #top100 input {
      margin-right: 1em;
   }

/*Navigation*/
   ul.top100_navi {
      width: 100%;
      margin: 0;
      padding: 0;
   }
   .top100_navi li {
      display: inline;
      margin: 0;
      padding: 0;
   }
   .top100_navi li.back {
      float: left;
      width: 8em;
      text-align: left;
      margin: 0 0 0 15px;
      padding: 0;
   }
   .top100_navi li.vor {
      float: right;
      width: 8em;
      text-align: right;
      margin: 0 15px 0 0;
      padding: 0;
   }
/*END*/

/*Einstellungen und Premiumaccount*/
/*BEGIN*/
/*Einstellungen*/
   ul.navi_einstellungen li {
      display: inline;
      list-style-type: none;
      margin: 0 5px;
      padding: 0;
      white-space: nowrap ;
   }
   #einstellungen form {
      line-height: 120%;
      margin: 1em;
   }
   #einstellungen fieldset {
      padding: 10px;
   }
   #einstellungen p input {
      display: block;
      float: left;
      width: 10em;
      border: 1px solid #000042; /*Border zum stylen, für highlights*/
      margin: 5px;
      padding: 2px;
   }
   #einstellungen input[type="checkbox"] { /*Opera hat ein problem mit border und verändert die checkbox*/
      border: 0;
      width: 1.5em; /*damit wird die checkbox näher an den Text gerückt*/
   }
   #einstellungen #hausnummer, #einstellungen #plz {
      width: 3em;
   }
   #einstellungen label {
      width: 20em;
      margin: 5px;
      padding: 5px;
      float: left;
      text-align: right;
      font-weight: normal;
   }
   .hausnummer, .ort {
      width: 5em !important;
   }
   #einstellungen #accountdaten p {
      clear: left;
      float: left;
      width: 100%;
   }
   #accountdaten p span {
      margin: 5px;
      padding: 5px;
      text-align: right;
      float: left;
      width: 18em;
   }
   #accountdaten .geburtsdatum label {
      width: 3em;
   }
   #geburtstag, #geburtsmonat, #geburtsjahr{
      width: 3em !important;
   }
   #accountdaten select {
      margin: 5px;
   }
/*Premiumaccount*/
   #premium ul { list-style-type: none;}
   ul.liste_freischaltungsdauer li input,
   ul.rechnungszustellung li input,
   .ja_premium_acc input { margin: 0px 5px 5px 0;}
   
   form.premiumacc fieldset ul {
      margin: 0 ;
      padding: 0;
   }
   form.premiumacc fieldset li {
      margin: 5px 0;
      padding: 0;
   }
   #premium dl dt {
      float: left;
      width: 1em;
      margin: 0;
      padding: 0;
   }
   #premium dl dd {
      line-height: 1.6em;
      margin: 1em 2em;
      padding: 0;
   }
   #premium .hinweis {
      font-size: 14px;
      text-decoration: underline;
      text-align: center;
      margin: 10px;
      padding-top: 10px;
   }
   #premium .ja_premium_acc { margin: 3em 0;}
   p.freischaltungsdauer {
      font-size: 1.2em;
   }
   p.rechnungszustellung {
      margin: 2em 0 0 0;
      font-size: 1.2em;
   }
   p.anmerkung {
      margin: 0;
      padding: 0;
      font-size: 0.9em;
      font-style: italic;
   }
   p.bisherige_zahlung { text-align: center;}
/*END*/

/*Serverstatus*/
/*BEGIN*/
/*END*/