body
{
    background-image:url("../images/Artworks/Hintergrund/BG-Hintergrund.jpg");
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-color:#000;
    color:#c8c8c8;
    font-family:Helvetica, sans-serif;
    font-size:10pt;
    margin:0;
    padding:0;
    cursor:default;
}

form.inline 
{
    display:inline;
}

#content 
{
    margin-top:0;
    margin-left:9em;
    min-width:800px;
    max-width:1320px;
}

a 
{
    color:#c8c8c8;
    text-decoration:none;
}
a:hover 
{
    color:#b4c8ff;
    text-decoration:none;
}
td a 
{
    color:#ffffff;
    text-decoration:none;
}
td a:hover 
{
    color:#ffc8b4;
    text-decoration:none;
}

h1
{
    margin-top:0.2em;
    margin-bottom:0.2em;
    padding-left:0.2em;
}

h2
{
    margin-top:0.2em;
    margin-bottom:0.2em;
    padding-left:0.2em;
}

h3
{
    margin-top:0.2em;
    margin-bottom:0.2em;
    padding-left:0.2em;
}

h4
{
    margin-top:0.2em;
    margin-bottom:0.2em;
    padding-left:0.2em;
}

.back 
{
    border: 1px solid #000000;
    background-color:rgba(0, 55, 66, .8);
    /*background-image:url("../images/balken/transp075.png");*/
    /*background-repeat:repeat;*/
}
fieldset
{
    padding:5px;
    margin-bottom:5px;
    margin-left:0;
    border: 1px solid #000000;
}
legend 
{
    color:#ffffff;
    padding-left:3px;
    padding-right:3px;
    margin-left:8px;
    border: 1px solid #000000;
    background-color:rgb(10,80,10);
    background-image:url('../images/balken/0.png');
}

table 
{
    color:rgb(255, 255, 255);
    font-family:Arial;
    font-size:10pt;
    border-spacing:0;
    border-collapse:collapse;
    margin:0;
}
th 
{
    padding: 0 3px;
    text-align:center;
    background-image:url('../images/balken/0.png');
    border:1px solid;
    border-color:#000000;
}
td 
{
    text-align:center;
    padding: 0 3px;
    margin: 0;
    border:1px solid;
    border-color:#000000;
}
.nowrap td 
{
    white-space:nowrap;
}

img
{
    vertical-align:middle;
}

:not(input)[onclick], [href]
{
    cursor: pointer;
}

.spacetab
{
    border-collapse:separate;
}
.planettab
{
    border-collapse:separate;
}
.spacetab th
{
    background:none;
    background-color:#555;
    font-weight:normal;
    height:30px;
    width:30px;
    min-width:30px;
    margin:0;
    padding:0;
}
.spacetab td
{
    padding:0;
    margin:0;
    height:32px;
    width:30px;
    min-width:30px;
    background-image:none;
    background-position:center;
    background-repeat:no-repeat;
    border-color:#555;
}

.planettab td 
{
    padding:0;
    margin:0;
    min-height:38px;
    min-width:38px;
    height:38px;
    width:38px;
    background-image:none;
    background-position:center;
}
.planettab td > div
{
    position:relative;
    min-height:38px;
    min-width:38px;
    height:38px;
    width:38px;
}
td.myPos 
{
    border:1px;
    border-style:solid;
    border-color:rgb(200, 0, 0);
}
td.invis 
{
    border:0px;
}

.nodisplay
{
    display:none;
}

#playerinfo
{
    position:fixed;
    top:0px;
    height:120px;
    padding:0;
    z-index: 20;
}
#playerinfo div#left
{
    position:absolute;
    top:5px;
    bottom:5px;
    width:5px;
    left:0;
    background-image:url("../images/balken/nav_v.gif");
    background-repeat:repeat-y;
}
#playerinfo div#right
{
    position:absolute;
    top:5px;
    bottom:5px;
    width:5px;
    left:109px;
    background-image:url("../images/balken/nav_v.gif");
    background-repeat:repeat-y;
}
#playerinfo div#bottom
{
    position:absolute;
    left:5px;
    height:5px;
    width:104px;
    bottom:0px;
    background-image:url("../images/balken/nav_h.gif");
    background-repeat:repeat-x;
}
#playerinfo div#top
{
    position:absolute;
    top:0;
    left:5px;
    height:5px;
    width:104px;
    background-image:url("../images/balken/nav_h.gif");
    background-repeat:repeat-x;
}
#playerinfo div#lo 
{
    position:absolute;
    top:1px;
    width:5px;
    height:5px;
    left:1px;
    background-image:url("../images/balken/nav_lo.png");
}
#playerinfo div#ro
{
    position:absolute;
    top:1px;
    width:5px;
    height:5px;
    left:109px;
    background-image:url("../images/balken/nav_ro.png");
}
#playerinfo div#lu
{
    position:absolute;
    bottom:0px;
    width:5px;
    height:5px;
    left:1px;
    background-image:url("../images/balken/nav_lu.png");
}
#playerinfo div#ru
{
    position:absolute;
    bottom:0px;
    width:5px;
    height:5px;
    left:109px;
    background-image:url("../images/balken/nav_ru.png");
}
#playerinfo div#cont
{
    position:absolute;
    top:5px;
    bottom:5px;
    width:105px;
    margin:0 5px;
    background-image:url('../images/balken/transp050.png');
    background-image:radial-gradient(ellipse at center, rgba(200, 200, 200, 0), rgb(0, 0, 80));
    background-repeat:repeat;
}

#menu 
{
    position:fixed;
    top:120px;
    height:315px;
    padding:0;
    z-index: 20;
}
#menu div#left 
{
    position:absolute;
    top:5px;
    bottom:5px;
    width:5px;
    left:0;
    background-image:url("../images/balken/nav_v.gif");
    background-repeat:repeat-y;
}
#menu div#right 
{
    position:absolute;
    top:5px;
    bottom:5px;
    width:5px;
    left:109px;
    background-image:url("../images/balken/nav_v.gif");
    background-repeat:repeat-y;
}
#menu div#bottom 
{
    position:absolute;
    left:5px;
    height:5px;
    width:104px;
    bottom:0px;
    background-image:url("../images/balken/nav_h.gif");
    background-repeat:repeat-x;
}
#menu div#top 
{
    position:absolute;
    top:0;
    left:5px;
    height:5px;
    width:104px;
    background-image:url("../images/balken/nav_h.gif");
    background-repeat:repeat-x;
}
#menu div#lo 
{
    position:absolute;
    top:1px;
    width:5px;
    height:5px;
    left:1px;
    background-image:url("../images/balken/nav_lo.png");
}
#menu div#ro 
{
    position:absolute;
    top:1px;
    width:5px;
    height:5px;
    left:109px;
    background-image:url("../images/balken/nav_ro.png");
}
#menu div#lu 
{
    position:absolute;
    bottom:0px;
    width:5px;
    height:5px;
    left:1px;
    background-image:url("../images/balken/nav_lu.png");
}
#menu div#ru 
{
    position:absolute;
    bottom:0px;
    width:5px;
    height:5px;
    left:109px;
    background-image:url("../images/balken/nav_ru.png");
}
#menu div#cont 
{
    position:absolute;
    top:5px;
    bottom:5px;
    margin:0 5px;
    background-image:radial-gradient(ellipse at center, rgba(200, 200, 200, 0), rgb(0, 50, 20));
    background-repeat:repeat;
}

#nav 
{
    position:relative;
    top:10px;
    font-size:10pt;
    padding:0;
    margin:0;
}
#nav li 
{
    padding:0;
    margin:2px 2px;
    width:100px;
    height:30px;
}
#nav a 
{
    border:2px;
    border-style:groove;
    display:block;
    outline:none;
    background-image:radial-gradient(ellipse at center, rgb(120, 120, 120), rgb(0, 40, 50));
    border-radius:5px;
    color:#8cc;
    text-align:center;
    padding:2px;
    /*background-image:url("../images/buttons/navi.png");*/
    background-repeat:no-repeat;
    background-position:center;
}
#nav a:active 
{
    background-image:radial-gradient(ellipse at center, rgb(0, 40, 50), rgb(120, 120, 120));
    color:#fe0;
}
#nav a:hover 
{
    color:#fd0;
}

#nav2
{
    margin:0;
    padding:0;
    width:50px;
}
#nav2 li
{ 
    padding:0;
    margin:2px 2px;
}

#lamps
{
    position:fixed;
    top:490px;
    left:15px;
    padding:0;
    border-width:2px;
    border-style:groove;
    border-radius:5px;
    border-color:#666;
    width:75px;
    font-size:0;
    z-index: 20;
}

#lamps img
{
    border:0;
}

#leftPipe
{
    position:fixed;
    top:430px;
    left:40px;
    height:70px;
    width:5px;
    background-image:url("../images/balken/nav_v.gif");
    background-repeat:repeat-y;
    z-index: 19;
}
#rightPipe
{
    position:fixed;
    top:430px;
    left:65px;
    height:70px;
    width:5px;
    background-image:url("../images/balken/nav_v.gif");
    background-repeat:repeat-y;
    z-index: 19;
}

#nervWuerfel
{
    position: fixed;
    top:550px;
    left:15px;
    width:70px;
    height:70px;
    transition: left 2s;
}

#nervWuerfel > img
{
    width:100%;
    height:100%;
}

input 
{
    text-align:center;
}
input.deact
{
    color: #bbb;
}
input.chosenbutton 
{
    background-color: #ff0000;
}
input[name=text] input[name=password]
{
    width:100%;
}

select 
{
    text-align:center;
}

.progress_bar 
{
    position:relative;
    background-image:url('../images/balken/1.gif');
    border:1px solid #000;
    border-radius:3px;
    height:16px;
}
.progress_bar span 
{
    position: absolute;
    left: 0px;
    top: 0px;
    height:16px;
    border-radius:3px;
}
.progress_bar strong 
{
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    color:#000;
    line-height:120%;
}
.progress_bar_vert 
{
    position: relative;
    background-image:url("../images/balken/6h.gif");
    border-radius:3px;
    width:16px;
}
.progress_bar_vert span 
{
    position:absolute;
    left:0px;
    bottom:0px;
    width:16px;
    border-radius:3px;
}

.dynamic_bar
{
    position:relative;
    background:linear-gradient(to bottom, rgba(100,100,100,0.2) 0%, white 40%, rgba(100,100,100,0.2) 80%);
    border:1px solid #000;
    border-radius:6px;
    height:16px;
}
.dynamic_bar span
{
    position: absolute;
    left: 0px;
    top: 0px;
    height:100%;
    border-radius:6px;
}
.dynamic_bar strong
{
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    color:#000;
    line-height:120%;
}

.hidden 
{
    display:none;
}

.click
{
    cursor:default;
}
.click:hover
{
    color:#b4c8ff;
    cursor:pointer;
}

.grafikbox
{
    background-color: black;
    border: 1px solid;
    border-color: green;
    float: left;
}

.quote
{
    border:1px solid;
    border-color:#555;
    margin-top:.5em
}
.quote_hd
{
    font-weight:bold;
    padding-left:.5em;
    background-color:#555;
    color:#ffffff;
}
.quote_cont
{
    padding: .5em 1em .5em 1em;
}

.bSym
{
    font-size:18pt;
}

.knlink
{
    cursor:pointer;
    text-decoration:underline;
}

.kndiv
{
    width:500px;
    max-height:400px;
    overflow:auto;
}

.tooltip
{
    font: 12px Arial;
    position:absolute;
    z-index: 25;
    max-width:250px;
    /*font-size: xx-large;*/
    border: 1px solid rgb(0,255,160);
    padding:2px;
    background-color: rgb(0,0,50);
    color: rgb(0,255,160);
    opacity:0;
    visibility:hidden;
    border-radius: 8px;
    background:linear-gradient(to bottom, #005, #021); /* W3C Standard */
    box-shadow:5px 5px 1px 0px rgba(0,32,32,0.6);
}

.warning
{
    color: yellow;
    border-color: yellow;
}

.alert
{
    color: red;
    border-color: red;
}

.greengradient
{
    border:2px solid green;
    background-color: rgb(0,10,0);
    background-color: rgba(0,50,0,.5);
    background:linear-gradient(to bottom, rgba(0,50,0,.5), rgba(0,10,10,.5)); /* W3C Standard */
}

.greengradientnb
{
    background-color: rgb(0,10,0);
    background-color: rgba(0,50,0,.5);
    background:linear-gradient(to bottom, rgba(0,50,0,.5), rgba(0,10,10,.5)); /* W3C Standard */
}

#backlink
{
    float:right;
    margin-right:3px;
}

.transp50
{
    opacity:0.5;
}

/* Zum Vorladen von Grafiken durch <img>*/
.preload
{
    width:0px;
    height:0px;
}

.items
{
    margin-top: 10px;
    overflow:hidden;
}

.button
{
    background-position: center;
    background-repeat: no-repeat;
    border-color: black;
    width:30px;
    height:30px;
    padding:0px;
    cursor:pointer;
}

.button:hover
{
    box-shadow: inset 0px 0px 5px rgb(0,255,200), 0px 0px 5px rgb(0,255,200);
}



.button.areamap
{
    background-image: url("../images/buttons/systemkarte.png");
}

.button.areamap:hover
{
    background-image: url("../images/buttons/systemkarte_hover.png");
}

.loaddiv
{
    font-size:14pt;
    font-weight:bold;
    padding:1em;
    text-align:center;
}