/* CSS Document*/

/*
|����������������|
|Alysium-Skin 1.1|
|  ------------  |
|   by Manst0n   |
|      2007      |
|________________|
*/


*{ /*scrollbars im IE*/
    scrollbar-3dlight-color:#000000;
    scrollbar-arrow-color:#b3d05c;
    scrollbar-face-color:#393939;
    scrollbar-track-color:#000000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#000000;
}
/* Standard Schriftart und -Gr��e */
.,
#,
td,
th,
textarea,
body,
table,
table table td,
body center table tr td
{ font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px; }

/* Seiteninhalt allgemein */
body
{ color						: #ffffff;
  background-color			: #000000;
  background-image			: url(img/bg.jpg);
  background-position		: left top;
  background-repeat			: no-repeat;
  text-align				: center;
  font-weight				: normal;
  margin-top				: 7px;
  margin-left				: 0px; }

body.leftmenu{
    background-image: url(img/leftmenu.jpg);
    background-position		: left bottom;
    background-repeat			: no-repeat;
}

/*Laufschrift*/
marquee{
    background-color:#000000;
    color:#ff6600;
}
.marquee{
    background-color:#000000;
    color:#ff6600;
    width:390px;
    font-size:12px;
    overflow:hidden;
}
/* Darstellung Texte und leere Zellen */
table,
table tr th,
td,
th,
p
{ font-weight				: normal;
  empty-cells				: show; }

/*td a img {
width	:150 !important;
height:150 !important;                                            <---------------- seeeehr Wichtig!!!
} */

/* Ressourcen-Anzeige einf�rben */

/*Metall*/
tr > td + td > i > b > font
{ font-style				: normal;
  color						: #5588dd; }

/* Kristall */
tr > td + td + td > i > b > font
{ font-style				: normal;
  color						: #dd5566; }

/* Deuterium */
tr > td + td + td + td > i > b > font
{ font-style				: normal;
  color						: #99dd55; }

/* Energie */
tr > td + td + td + td + td > i > b > font
{ font-style				: normal;
  color						: #eeee22; }

i > b > font::before
{ content					: "- "; }
i > b > font::after
{ content					: " -"; }

/* Kostenanzeige */
td.l a + br + br + b { color: #5588dd;}
td.l a + br + br + b + b { color: #dd5566;}
td.l a + br + br + b + b + b { color: #99dd55;}
td.l a + br + br + b + b + b + b { color: #eeee22;}

/* Metall */
/*a + br + br + b:before
{ content					: "["; }
a + br + br + b:after
{ content					: " Einheiten"; }*/

/* Kristall */
/*td.l a + br + br + b + b:before
{ content					: "["; }
td.l a + br + br + b + b:after
{ content					: " Einheiten"; }*/

/* Deuterium */
/*td.l a + br + br + b + b + b:before
{ content					: "["; }
td.l a + br + br + b + b + b:after
{ content					: " Einheiten"; }*/

/* Energie */
/*td.l a + br + br + b + b + b + b:before
{ content					: "["; }
td.l a + br + br + b + b + b + b:after
{ content					: " Einheiten"; }*/

/*ToolTip*/
/* #WzBoDyI, #WzBoDyI > table > tbody > tr > td, #WzBoDyI > table > tbody > tr > th{
        color:#000044; 
} */
#WzBoDyI table tr td.d, #WzBoDyI table tr th.d{
    color:#ffffff;
}
/*titel-leiste von toolTips(z.B. recHilfe)*/
#WzTiTl{
    font-weight				: normal;
    color						: #ffffff;
    padding-left				: 3px;
    /*   line-height				: 18px; */
    height					: 15px;
    background-color			: #b3d05c !important;
    background-position		: -60px 0px !important;
    background-repeat			: no-repeat !important;  
    background-image			: url(img/title_bg.jpg) !important;
    background-repeat			: repeat-y !important;
    /*Hintergrund per CSS3 mit dynamischem Farbuebergang*/
    /* 	background:-moz-linear-gradient(left, #000000, #B3D05C); /* Firefox */ 
    /* 	background:-webkit-linear-gradient(left, #000000, #B3D05C); /* Safari, Chrome */ 
    /* 	background:-o-linear-gradient(left, #000000, #B3D05C); /* Opera */ 
    /* 	background:-ms-linear-gradient(left, #000000, #B3D05C); /* IE */ 
    /* 	background:linear-gradient(left, #000000, #B3D05C); /* W3C Standard */ 
    text-align:left;
}
#WzTiTlTb{
    background:none !important;
}

/* Anflugsgeschwindigkeiten */
select[name="speed"] option[value="10"]{color:#00FF00}
select[name="speed"] option[value="9"]{color:#33FF00}
select[name="speed"] option[value="8"]{color:#66FF00}
select[name="speed"] option[value="7"]{color:#99FF00}
select[name="speed"] option[value="6"]{color:#CCFF00}
select[name="speed"] option[value="5"]{color:#FFFF00}
select[name="speed"] option[value="4"]{color:#FFCC00}
select[name="speed"] option[value="3"]{color:#FF9900}
select[name="speed"] option[value="2"]{color:#FF6600}
select[name="speed"] option[value="1"]{color:#FF3300}
select[name="speed"] option[value="0"]{color:#FF0000}

/* Statistiken
body center table tr table tr th font
{ color						: #0099FF; } */

/* Bilder und Werbeunterbrechung */
img,
p table,
table table
{ border					: 0px; }

/* Ressourcen-Namen */
body form table tr th table tr th,
body form table tr td.d table tr td.d
{ text-align				: left;
  border					: 0px; }

/* Ressourcen-Eingabefeld */
body form table th table input,
body form table td.d table input
{ width						: 60px; }

/* Max.-Links */
body form table tr th table tr th a,
body form table tr td.d table tr td.d a
{ border					: 0px;
  text-align				: left;
  color						: #028bff;
  padding-left				: 15px;
  text-decoration			: none; }
body form table tr th table tr th a:hover,
body form table tr th table tr th a:active,
body form table tr td.d table tr td.d a:hover,
body form table tr td.d table tr td.d a:active
{ border					: 0px;
  text-align				: left;
  color						: #048807;
  padding-left				: 15px;
  text-decoration			: none; }

/* body center center table tr table tr td > font {
color: #99eeff !important;
} */

/* Angaben f�r Td, Input, Select und Textarea */
td.s,
th.s
{ background-image			: url(img/blank.gif);
  border					: 0px; }

th, td.a, td.b, td.c, td.d, td.f, select,
td.g, td.h, td.i, td.j, td.k, td.l,
td.m, td.n, td.o, td.q, td.r, td.v,
textarea, p td, body table td p
{ border					: 2px #212121 solid;
  font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px;
  background-color			: #171a0e;
  padding					: 5px; }
td.l
{ 
    background-color			: #b3d05c;
    background-position		: left;
    background-repeat			: no-repeat;  
    background-image			: url(img/title_bg.jpg);
}
table.s
{ border					: 1px #212121 solid;
  font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px; }
body center table tr th.s table.s tr th
body center table tr td.d.s table.s tr td.d
{ text-align				: top;
  float						: top; }
input
{ margin					: 2px;
  border					: 1px;
  font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px;
  text-align				: center;
  padding-right				: 2px; }
td.c input,
th.c input
{ margin					: 0px; }
td.a, td.b, td.c, th.c, td.f, input,
select, td.g, td.h, td.i, td.j,
td.k, td.m, td.o, td.q, td.r,
td.v, td.s, p td, select:hover,
input:hover
{ background-color			: #222222;
  color						: #bbddff; }
select:focus, input:focus
{ background-color			: #222222;
  color						: #bbddff; }

/* Navigation */
.style
{ margin: 0px;
}

.style table
{
    border : #ff9900 0px;
    max-height : 95%;
    width : 100%;
}

.style td {
    color : #B6C6E5;
    border-top : 0px;
    padding-left : 50px;
    font-size : 12px;
    text-align				: left;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
}

.style div a {
    height : 100%;
    width : 100%;
    color : #5588dd;
    font-size : 11px;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
}

.style div a:link {
    height : 100%;
    width : 100%;
    color : #5588dd;
    font-size : 11px;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
}

.style div a:visited {
    height : 100%;
    width : 100%;
    color : #5588dd;
    font-size : 11px;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
}

.style div a:hover
{
    height : 100%;
    width : 100%;
    text-decoration : none;
    font-size : 11px;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    color : #99eeff;
} 
/* Fixierte Planetenauswahl/Rohstoffanzeige
body center center table tr td center table {
        position: fixed;
        z-index: 2;
        left: 0px;
        top: 0px;
        padding: 5px 0px 8px;
}

body center center table tr td table {
        position: fixed;
        z-index: 1;
        left: 0px;
        top: 0px;
        background-color: #000000;
        padding: 5px 0px 8px;
}

#combox {
        top: 25px;
}

body center table {
        position: relative;
        top: 25px;
} */



/* Anzeige der Vote-Bilder */
.style table tr td center a img
{ visibility				: visible !important;
  width						: 88px;
  height					: 31px;
  border					: 0px; }
.style table tr td center a font img
{ visibility				: visible;
  border-bottom-style		: hidden !important;
  border-width				: 0px !important; }

/* Commander-Werbung */
.style center table tr td center a font
{ color						: #b3d05c;
  font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px;
  font-weight				: normal;
  empty-cells				: show; }
.style center table tr td center
{ padding-top				: 5px;
  padding-left				: 20px;
  text-align				: left; }

/* Tabellen-�berschriften */
/*{ text-align				: center;
  background-image			: url(img/title_bg.jpg);
  background-repeat			: repeat-x;
  padding-left				: 3px;
  padding-right				: 3px; }

/* Titelleisten */
td.c, th.c
{ font-weight				: normal;
  color						: #ffffff;
  padding-left				: 3px;
  line-height				: 18px;
  height					: 22px;
  background-color			: #b3d05c;
  background-position		: left;
  background-repeat			: no-repeat;  
  background-image			: url(img/title_bg.jpg);
  background-repeat			: repeat-y;
  /*Hintergrund per CSS3 mit dynamischem Farbuebergang*/
  /* 	background:-moz-linear-gradient(left, #000000, #B3D05C); /* Firefox */
  /* 	background:-webkit-linear-gradient(left, #000000, #B3D05C); /* Safari, Chrome */
  /* 	background:-o-linear-gradient(left, #000000, #B3D05C); /* Opera */
  /* 	background:-ms-linear-gradient(left, #000000, #B3D05C); /* IE */
  /* 	background:linear-gradient(left, #000000, #B3D05C); /* W3C Standard */
  text-align:left;
}

/* Titelleiste im Menue */
#leftmenu td.c{
    color: #b3d05c;
    padding-left: 49px;
    font-size: 15px;
    font-weight: bold;
    border-right: 1px #5d7545 solid;
    border-top: 1px #5d7545 solid; 
    border-bottom: 1px #5d7545 solid; 
}

/* Eigabefelder, Auswahlboxen, Buttons */
td.f, input, select, textarea
{ color						: #cccccc;
  background-color			: #393939; }

/* Textfelder */
textarea
{ width						: 100%; }

/* Rohstoffmen� */
body form table tr td.k, body form table tr th,
body form table tr td.k
{ text-align				: center;
  margin					: 0px;
  padding					: 0px;
  background-color			: #171a0e;}
/* Berechnen-Button */
td.k input
{ text-align				: center;
  margin					: 5px;
  padding					: 0px;
  color						: #cccccc;
  background-color			: #393939;
  height					: 15px;
  border					: 1px #212121 solid; }

/* Schiffswerft: rechter Block */
body form table tr td table tr td.k
{ vertical-align			: top;
  margin					: 0px;
  padding					: 0px;
  background-color			: #171a0e;}

/* Baumen�-Boxen */
td.l
{ background-color			: #000000;
  color						: #cceeff;
  vertical-align			: top;
  padding					: 2px;
  background-color			: #171a0e;
  line-height				: 14px; }

/* Kolonie-Planeten-Bilder */
table.s th img,
table.s td.d img
{ height					: 88px;
  width						: 88px;
  padding					: 2px; }
table.s th img:hover,
table.s td.d img:hover
{ height					: 84px;
  width						: 84px;
  padding					: 4px; }

/* Bauschleife: "Aktuelle Produktion" */
div.z
{ font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px;
  font-weight				: normal;
  color						: #cceeff; }

/* Links Allgemein */
a, a.s, a.t
{ color						: #b3d05c;
  font-weight				: normal;
  text-decoration			: none; }

a:hover
{ color						: #99ff66;
  text-decoration			: underline; }

/* "Ausbau auf"-Anzeige */
body table tr td table tr td.l
{ line-height				: 15px;
  background-color			: #000000; }

/* Geb�ude/Forschungen abbrechen */
body table tr td table tr td.k
{ vertical-align			: top;
  background-color			: #171a0e;
  padding-top				: 2px;
  line-height				: 14px; }
body table tr td table tr td.k div.z
{ padding-top				: 2px;
  line-height				: 14px;
  text-align				: center; }

/* Texte, die sich direkt im Body befinden */
body,
body table tr td table tr td,
body table tr th table tr td,
body table tr td.d table tr td
{ font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px;
  vertical-align			: top; }


/* Schiffanzahl direkt in der �bersicht und Phalanxscanns */
body center table tr.flight th span.flight a[title]::after,
body center table tr.flight td.d span.flight a[title]::after
{ content					: " ("attr(title)")";
  color						: #99ddff; }
body center table tr th font a[title]::after,
body center table tr td.d font a[title]::after
{ content					: " ("attr(title)")";
  color						: orange; }

/*Gr��e der Tr�mmerfelder anzeigen */
a[title~="Trümmerfeld:"]::after
{ content					: " ("attr(title)")";
  color						: #FFFFFF; }

/* Mondgr��e anzeigen */
a[title~="Mond"]::after
{ content					: " ("attr(title)")";
  color						: #FFFF00; }

/* Geschwindigkeit der Schiffe anzeigen */
a[title~="Geschwindigkeit:"]::after
{ content					: " ("attr(title)")";
  color						: #00FF00;}
.speedinfo
{
    color:#00ff00;
}
/*Commander Werbung an Style anpassen */
table tr td p a img
{ visibility				: visible;
  height					: 0px;
  width						: 0px; }
body center table tr td p font b
{ font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px;
  color						: #CEFF68; }
body center table tr td p a font u
{ font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px; }
body center table tr td p
{ border					: 1px solid #212121 !important;
  text-align				: left; }
body center table tr td p
{ font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px; }

body center table tr td p a font u
{ font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px;
  color						: #CEFF68; }

/* "Nachricht gesendet" */
h1
{ font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px; }

/* KB */
body center table tr td
{ font-family				: Verdana, Tahoma, Helvetica, sans-serif;
  font-size					: 10px; }

/* �bersichtsanzeige */
.admin { color: orange; }

.allymember { color: lime; }

.noob { color: red; }

.strong { color: red; }

.vacation { color: #0066FF; }

.savemode { color: #990099; }

.inactive { color: yellow; }

.longinactive { color: #999999; }

.banned {  }

.ownattack { color: #66CC33; }

.owncolony { color: #c1c1c1; }

.owndeploy { color: #666666; }

.owndestroy { color: #FFFF99; }

.ownespionage { color: #FFCC66; }

.ownfederation { color: #CC6666; }

.ownharvest { color: #CEFF68; }

.ownhold { color: #80a0C0; }

.ownmissile { color: #FFCC66; }

.owntransport { color: #a0ffa0; }

.attack { color: red; }

.colony { color: lime; }

.deploy { color: lime; }

.destroy { color: gold; }

.espionage { color: #FF6600; }

.federation { color: red; }

.harvest { color: lime; }

.hold { color: #3399CC; }

.missile { color: #FF6600; }

.transport { color: lime; }

.success { color: lime; }

.error { color: red; }

.warning { color: orange; }

.notice { color: yellow; }

.return { color: #444444; }

.occupiable th{
    background-color:hsl(75,30%,20%);
}

.occupiable.occupied > th:nth-child(6){
    height:35px;
    position:relative;
}
.occupiable.occupied > th:nth-child(6) *{
    color:transparent;
}
.occupiable.occupied > th:nth-child(6)::after{
    color: hsla(0, 100%, 50%, 0.7);
    content: "Erobert";
    display: block;
    font-size: 20px;
    position: absolute;
    top: 8px;
    transform: rotate(-15deg);
    left: 0px;
    text-shadow: 2px 2px 0px hsl(0,0%,0%);
    letter-spacing:4px;
    font-weight:bold;
}
#filterButton{
    border-color: #017ed3 !important;
    border-radius: 3px;
    color: white;
    background-color:#000000;
    font-size: 12px;
    vertical-align: bottom;
}

p.buildings_headline{
    border:none !important;
    padding-left:0;
}

/*Rangliste: blaue Schrift*/
tr.ranking td.a{
    color:#047ED3;
}
tr.ranking.ally td.a {
    color: turquoise;
}
tr.ranking.ally td.a a {
    color: lightgreen;
}

/*Rangliste: angreifbare user markieren*/
tr.canattack th, tr.canattack td.a{
    background-image:none;
    background-color:#110033;
}
/*Rangliste: Top50 markieren*/
tr.topattack th, tr.topattack td.a{
    color:#D37E04;
}
tr.topattack td.a a, tr.topattack td.a font[color="#87CEEB"]{
    color:#EBCE87;
}
/*für premiumbereich*/
.none
{
    background: none;
    border: none;
}
.none img
{
    cursor:pointer;
}
.invis
{
    display:none;
}
#hangartable
{
    width:600px;
}
#hangartable td
{
    text-align:right;
}
#hangardesc
{
    font-size:14px;
}
#blist
{
    display:inline-block;
    background:black;
}
.content
{
    background:#171a0e;
    width:600px;
    font-size:12px;
    padding:5px;
}
.infobox
{
    background:#171a0e;
    border:2px solid black;
    border-radius:10px;
    padding:5px;
    max-width:700px;
}
.infobox.collapsible{
    position:relative;
    overflow: hidden;
    padding-left: 1rem;
}
.infobox.collapsible.collapsed{
    position:relative;
    height:1rem;
}
.collapsible .collapsebutton{
    position:absolute;
    height: 1rem;
    width: 1rem;
    text-align: center;    
    border:none;
    background:none;
    top:0;
    left:0;
    color:white;
}
.collapsible .collapsebutton:after{
    content: "\2191";   
}
.collapsible.collapsed .collapsebutton:after{
    content: "\2193";   
}
.KB.Headline
{
    color:#99ff66;
    font-size:2em;
    display:block;
    font-weight:bold;
    margin:10px 0 5px;
}
.Headline.Sub
{
    font-size:1.5em;
    margin:5px 0 0;
}
.split th {
    vertical-align: top;
}
.hasToolTip
{
    font-style:italic;
}
.equipStats .myStatRow td
{
    color:#00ff00;
}
.equipStats .freeEquipRow td
{
    color:#00f0ff;
}
#uhrzeit{
    text-align:center;
}
.auktion_sofort_button{
    width:20px;
    height:20px;
    border: none;
    background: transparent url("../images/jaah.png") no-repeat scroll 0 0;
    cursor:pointer;
}

/*neue Baulistendarstellung*/

.building-container{
    display:flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin:0 80px;
}
.building-item, .building-buildbox{
    display:grid;
    grid-template-columns:repeat(4, auto);   
    grid-gap: 2px;
    width:640px;
    padding:5px;
    margin: 0 auto;    
}
.building-item.building-buildsitem{
    grid-template-columns:repeat(3, auto);    
}
.building-item-text{text-align:left;}
.building-buildbox{
    grid-template-columns:repeat(2, auto);
     align-self: start;
}
.building-item > div, .building-buildbox > div {
    border: 2px solid #212121;
    padding: 5px;
    background: #171a0e;
}
.building-item .building-item-amount,
.building-item .building-item-additional{
    min-width: 65px;
}


/* Navigationsleiste*/
.topnav{
    position:sticky;
    top:0;
}
.topnav > table{
    background-color: rgba(0,0,0,0.5);
}