/* STVC Onlinespiel Basis Stylesheet */
/* Aussehen des Bodys und HTML */
body,html
{
	color:#dddddd;
	background-color:#161820;
	width:100%;
	height:100%;
	font-family:verdanna,helvetica,sans-serif;
	font-size:13px;
}
/*Linkfarben  */
.popup a,.hauptbereich a,.copyright a
{
color:#00FFFF;
background:transparent;
text-decoration:none;
}
.popup a:hover,.hauptbereich a:hover,.copyright a:hover /*Wenn man ueber den Link kommt */
{
color:red;
background:transparent;
text-decoration:none;
}

/*Felder zum ausfuellen*/
select
{
font-size: 0.9em;
color: #FFFFFF;
background-color: #273340;
border: 1px solid #68717A;
margin: 10px;
padding: 1px;
text-align:center;
}
input, textarea
{
font-size: 0.9em;
color: #FFFFFF;
background-color: #273340;
border: 1px solid #68717A;
margin: 10px;
padding: 1px;
text-align:justify;
}
img {
border:0;
}
/*Menueliste*/
.navi
{
width:19%;
float:left;
}
/* Links der Menueliste */
.navi a
{display:block;
color:#cccccc;
background-color:#000;
text-align:center;
text-decoration:none;
font-family:arial;
font-weight:bold;
border: 1px solid #ccc;
}
/* Aussehen des Kopf - Bereiches */
.kopf
{
height:140px;
width:100%;
}
/* Gamelogo - nicht veraendern, wenn ihr kein eigenes habt */
.logo
{
width:180px;
height:122px;
background-repeat:no-repeat;
}
/* Definition der Ressnamen + Hintergrund  im Kopf */
.ress
{
color:#CCC;
background-color:transparent;
position:absolute;
top:20px;
width:100px;
text-align:center;
font-weight:bold;
}
/* Definition der Resseinheiten + Hintergrund im Kopf */
.einheit
{
color:#CCC;
background-color:transparent;
position:absolute;
top:110px;
width:100px;
text-align:center;
}
/* Groesse und Abstand von oben der Ressbilder */
.ressort
{
position:absolute;
top:40px;
height:75px;
width:100px;
background-repeat:no-repeat;
}
/* Fuer jede Ressart das Bild + Abstand von links sowie Ressfarbe in Tabellen */
#tritanium
{
left:200px;
}
/* ID's fuer Ressnamen + Einheit Abstand von links (sollte gleich dem des Ressbildes sein) */
#tritpos,#tritpos2
{
left:200px;
}
.tritkosten
{
color:#C0C0C0;
background:#273440;
}
#duranium
{
left:300px;
}
#durapos,#durapos2
{
left:300px;
}
.durakosten
{color:#FFC1C1;
background:#273440;
}
#deuterium
{
left:400px;
}
#deutpos,#deutpos2
{
left:400px;
}
.deutkosten
{color:#FFFF00;
background:#273440;
}
#latinum
{
left:500px;
}
#latipos,#latipos2
{
left:500px;
}
.latikosten
{
color:#FFB90F;
background:#273440;
}
#dilithium
{
left:600px;
}
#dilipos,#dilipos2
{
left:600px;
}
.dilikosten
{
color:#79CDCD;
background:#273440;
}
/* Verhalten des Hauptcontent */
.hauptbereich
{
float:right;
width:80%;
}


/* Verhalten der Copyright etc Anzeige */
.copyright
{
clear:both;
text-align:center;
}
/* Tabellendefinitionen */
.hauptbereich table
{
text-align:center;
margin:auto; /* Fuer den Firefox wichtig */
width:80%;
margin-top:10px;
border:0px;
}
.hauptbereich td
{
background-color:#273440;
}
.hauptbereich tr,.hauptbereich td table
{
background:#161820;
border:0px;
}
/* Verhalten der Popup-Tabellen und Links*/
.popup table
{
text-align:center;
margin:auto;
width:90%;
}
.popup td
{
width:50%;
white-space:nowrap;
background-color:#273440;
}
.popup td#umbruch
{
white-space:normal;
}
.popup tr
{
background:#000;
}

/*Flottenanzeige*/
.flottenanzeige
{
font-size:11px;
font-family:arial,curier;
text-align:center;
}
.pic_wegfliegend
{width:24px;
height:24px;
background-repeat:no-repeat;
}
.pic_ankommend_gruen
{width:24px;
height:24px;
background-repeat:no-repeat;
}
.pic_ankommend_rot
{width:24px;
height:24px;
background-repeat:no-repeat;
}
.systemkarte /* Korrigieren der Syskarte */
{
margin-left:1px;
width:40px;
}
form
{
text-align:center;
}
/* Sonstige allgemeine Formatierungen */
.fett,.zeit,.ressname
{
font-weight:bold;
}
.hinweis
{
font-style:italic;
}
.forschungstext
{
color:green;
background-color:transparent;
}
.beschreibung
{
font-style:italic;
}
/* Grafik fuer Info-Meldung */
#infopic
{
color:#FFF;
background-color:#000;
width:50px;
background-repeat:no-repeat;
background-position:center;
}
/* Farbe der Info-Meldung */
#infokopf
{
background-color:#770000;
color:#ccc;
font-weight:bold;
}
#infotext
{
background-color:#440000;
color:#ccc;
font-style:italic;
}

/* Groesse der Planetenbilder */
.planet
{
background-position:center;
background-color:#000;
color:#fff;
background-repeat:no-repeat;
height:100px;
width:110px;
}
.planet_klein
{
background-position:center;
background-color:#000;
color:#fff;
background-repeat:no-repeat;
height:25px;
width:30px;
}


/* Nachrichten */
.neuenachricht,.warnung /* Klasse fuer Warnungen mit dazugenommen */
{
color:#FF0000;
background-color:transparent;
}
a.ungelesen
{
color:yellow;
background:transparent;
text-decoration:none;
}
a.gelesen,a.Posteingang,a.Wichtig,a.Papierkorb
{
color:#C0C0C0;
background:transparent;
text-decoration:none;
}
a.gelesen:hover,a.Posteingang:hover,a.Wichtig:hover,a.Papierkorb:hover,a.ungelesen:hover
{
color:#FF9900;
background:transparent;
font-weight:bold;
text-decoration:none;
}
a.picPosteingang,a.picPosteingang:hover
{
height:16px;
width:16px;
display:block;
}
a.picPapierkorb,a.picPapierkorb:hover
{
height:16px;
width:16px;
display:block;
}
a.picWichtig,a.picWichtig:hover
{
height:16px;
width:16px;
display:block;
}
a.loeschen,a.loeschen:hover
{
width:16px;
height:16px;
display:block;
margin-left:50%;
}
td.nachrichtentext
{
text-align:justify;
}
#ordnerpos
{
vertical-align:top;
}
/* Nachrichten Ende */

/*Systemkartenbilder*/
.system1
{
height:40px;
width:40px;
}
.system2
{
height:40px;
width:40px;
}
.system3
{
height:40px;
width:40px;
}
.system4
{
height:40px;
width:40px;
}
.system5
{
height:40px;
width:40px;
}
.karte /* Bitte die Systemselektierung beachten */
{
height:770px;
width:550px;
position:relative;
top:1px;
left:1px;
}
/*Syspfeile - Absolut zur Karte */
#pfeiloben
{position:absolute;
top:80px;
left:270px;
height:24px;
width:24px;
display:block;
}
#pfeilunten
{position:absolute;
top:550px;
left:270px;
height:24px;
width:24px;
display:block;
}
#pfeillinks
{position:absolute;
top:270px;
left:1px;
height:24px;
width:24px;
display:block;
}
#pfeilrechts
{position:absolute;
top:270px;
right:1px;
height:24px;
width:24px;
display:block;
}

#farbbedeutung /*Position der Tabelle mit den Erklaerungen */
{
position:absolute;
top:600px;
left:1px;
}
.syslink
{
text-decoration:none;
height:40px;
width:40px;
display:block;
text-align:right;
}
/*Systemkartenfarbe*/
.sysfarbe1
{color:blue;
background-color:transparent;
}
.sysfarbe2
{color:yellow;
background-color:transparent;
}
.sysfarbe3
{color:red;
background-color:transparent;
}
.sysfarbe4
{color:white;
background-color:transparent;
}
/* Forschungen */
.forschungen
{
height:110px;
width:150px;
background-repeat:no-repeat;
background-position:center;
}

/* Gebaeude */
.gebaeude
{
background-repeat:no-repeat;
background-position:center;
width:160px;
height:110px;
}

/* Schiffe */
.schiffe
{
height:110px;
width:150px;
background-repeat:no-repeat;
background-position:center;
}

/* Geschwindigkeitsbalken */
#v_1
{color:#00ff00;
background-color:transparent}
#v_2
{color:#33ff00;
background-color:transparent}
#v_3
{color:#66ff00;
background-color:transparent}
#v_4
{color:#99ff00;
background-color:transparent}
#v_5
{color:#ccff00;
background-color:transparent}
#v_6
{color:#ffff00;
background-color:transparent}
#v_7
{color:#ffcc00;
background-color:transparent}
#v_8
{color:#ff9900;
background-color:transparent}
#v_9
{color:#ff6600;
background-color:transparent}
#v_10
{color:#ff3300;
background-color:transparent}
#v_11
{color:#ff0000;
background-color:transparent}

/* Verteidigungsanlagen */
.verteidigung
{background-position:center;
background-repeat:no-repeat;
height:150px;
width:110px;
}