html, body
{
    background-color: #000000;
    background-repeat: repeat;
}

*
{
    margin: 0;
    padding: 0;
}
a
{
    color: #D19717;
    text-decoration: none;
}


.tabs {
    padding: 5px;    
    float:left;
    margin: 5px;
    cursor:pointer;
    border: 2px solid transparent;
}


.tabs-highlighted {
    border: 2px solid #D19717;    
    font-weight: 600;
}

.tabcontent {
    margin-left:10px;
}
a:hover
{
    color: #D19717;
    text-decoration: underline;
    cursor: pointer;
}
#content {
margin-top: 65px;
}

#charakterborder
{
    width: 420px;
    height: 420px;
}

#inventarborder
{
    width: 295px;
    height: 160px;
}

.inventarplatz
{
    height: 82px;
    width: 82px;
    position: absolute;
    
}

.item
{
    height: 72px;
    width: 72px;
    cursor: pointer;
    position: absolute;
    background-size : contain;
    z-index: 1;
}

#benutzerbeschriftung
{
    width: 200px;
    height: 45px;
    position: relative;
    top: 5px;
}
#benutzerschrift
{
    vertical-align: middle;
    width: 200px;
    color: Black;
    font-size: 1.4em;
    position: relative;
    top: -30px;
}

.toolTipItem
{
    width: 150px;
    text-align: center;
    overflow: hidden;
}

.fontsize
{
    font-size: 13px;
}

.magic
{
    color: #3568FF;
}

.stats
{
    color: #D19717;
}

#item_name_item
{
    font-weight: bold;
}

#item_type_item
{
    font-size: 10px;
    color: #969696;
}

#anzahl_haende_item
{
    font-size: 10px;
    color: #969696;
}

.marginbottom
{
    margin-bottom: 5px;
}

.colorgray
{
    color: #939393;
}

#itemToolTipContainer
{
    overflow: hidden;
}

#skillToolTipContainer
{
    overflow: hidden;
}


#gebaeudebeschriftung
{
    width: 160px;
    height: 45px;
    position: relative;
    top: 5px;
}
#gebaeudename
{
    vertical-align: middle;
    width: 200px;
    color: Black;
    font-size: 1.4em;
    position: relative;
    top: -31px;
}

#reiseroutenbeschriftung
{
    width: 160px;
    height: 45px;
    position: relative;
    top: 5px;
}
#reiseroutenname
{
    vertical-align: middle;
    width: 200px;
    color: Black;
    font-size: 1.4em;
    position: relative;
    top: -31px;
}

#hafenroutenbeschriftung
{
    width: 180px;
    height: 45px;
    position: relative;
    top: 5px;
}
#hafenroutenname
{
    vertical-align: middle;
    width: 200px;
    color: Black;
    font-size: 1.4em;
    position: relative;
    top: -31px;
}

.beschriftung
{
    width: 160px;
    height: 45px;
    position: relative;
    top: 5px;
    margin: 0px 10px 0px 10px;
}

.text
{
    vertical-align: middle;
    width: 200px;
    color: Black;
    font-size: 1.4em;
    position: relative;
    top: -30px;
}