@font-face {
    font-family : 'colors_of_autumnregular';
    src         : url('coa/colors_of_autumn-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;

    }
body {
    margin          : 0 !important;
    background      : url(images/backnorm.jpg) fixed 0 -70px;
    background-size : cover;
    font-family     : 'Open Sans', sans-serif;
    }
body.wiki {
    background : white;
    }
.clear {
    clear : both;
    }
.outer {
    position : relative;
    margin   : 0 auto;
    width    : 1140px;
    }
.shapeover {
    position   : absolute;
    z-index    : 100;
    width      : 100%;
    height     : 100%;
    background : linear-gradient(to bottom, rgba(149, 149, 149, 1) 0%, rgba(13, 13, 13, 1) 46%, rgba(1, 1, 1, 1) 50%, rgba(10, 10, 10, 1) 53%, rgba(78, 78, 78, 1) 76%, rgba(56, 56, 56, 1) 87%, rgba(27, 27, 27, 1) 100%);
    opacity    : 0;
    }
#imgchange {
    position : fixed;
    top      : 0;
    left     : 0;
    z-index  : -2;
    margin   : 0;
    padding  : 0;
    }
#liveplayer {
    position : relative;
    }
ul#imagefades {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.fancybox-lock,
.fancybox-overlay {
    overflow : visible !important;
    }
.norma {
    padding       : 4px 8px 4px 8px;
    border-radius : 2px;
    background    : #d6af74;
    color         : white;
    text-shadow   : 0 1px 1px black;
    }
.norm {
    padding       : 4px 8px 4px 8px;
    border-radius : 2px;
    background    : #d6af74;
    }
.norm:hover {
    padding       : 4px 8px 4px 8px;
    border-radius : 2px;
    color         : white;
    }
.Cdark {
    background : #cdcdcd;
    }
.Cmite {
    background : #dedede;
    }
.Cnorm {
    background : #fefefe
    }
/*Formular*/

fieldset {
    padding       : 4px !important;
    border        : 1px solid #cccccc !important;
    border-radius : 2px !important;
    }
fieldset > legend {
    margin-left : 5px;
    font-size   : 13px;
    }
input, select {
    padding         : 6px;
    border          : 1px solid #cccccc;
    border-radius   : 2px;
    color           : #222222;
    text-decoration : none;
    }
textarea {
    padding         : 6px;
    border          : 1px solid #cccccc;
    border-radius   : 2px;
    color           : #222222;
    text-decoration : none;
    resize          : vertical;
    cursor          : text;
    }
input[type=radio] {
    display        : inline-block;
    margin-top     : -2px;
    width          : 16px;
    height         : 16px;
    vertical-align : middle;
    cursor         : pointer;
    }
input[type=checkbox] {
    width  : 16px;
    height : 16px;
    cursor : pointer;
    }
input[type=submit], input[type=button], button, a.button {
    padding     : 8px 15px 8px 15px;
    outline     : 0;
    border      : 0;
    background  : #222222;
    color       : #ffffff !important;
    text-shadow : 0 0 0 !important;
    font-weight : normal !important;
    cursor      : pointer;
    }
input[type=submit]:active, input[type=button]:active, button:active, a.button:active {
    background : #d6af74;
    color      : #000 !important;
    }
button.active {
    background : #d6af74;
    color      : #000;
    }
a:active, a:link, a:visited {
    color           : #000;
    text-decoration : none;
    font-weight     : bold;
    transition      : all 0.3s linear;
    }
a:hover {
    }
/*Design*/

#headline {
    width            : 100%;
    height           : 50px;
    border-bottom    : 6px solid #d6af74;
    border-radius    : 6px 6px 0 0;
    background-color : #333;
    }
#spul {
    position   : absolute;
    top        : 10px;
    left       : 15px;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#spul li {
    float      : left;
    margin     : 0 5px 5px;
    opacity    : .8;
    transition : all 0.3s linear;
    }
#spul li:first-child {
    margin-top : -2px;
    }
#spul li:hover {
    opacity : 1;
    }
header {
    position            : relative;
    width               : 100%;
    height              : 260px;
    background          : url(images/banner.jpg);
    background-position : top center !important;
    background-repeat   : no-repeat !important;
    }
#logo {
    position : absolute;
    top      : 5px;
    left     : 20px;
    z-index  : 10;
    }
#headvid {
    position      : absolute;
    top           : 16px;
    right         : 20px;
    z-index       : 1000;
    overflow      : hidden;
    height        : 218px;
    border-radius : 10px;
    box-shadow    : 0 0 12px rgba(0, 0, 0, 0.6);
    opacity       : .9;
    }
#headvid iframe {
    width  : 390px;
    height : 218px;
    }
#mainline {
    position         : relative;
    height           : 50px;
    border-bottom    : 1px solid #d6af74;
    background-color : #333333;
    box-shadow       : 0 0 12px rgba(0, 0, 0, 0.9);
    }
#main {
    margin     : 0 auto;
    width      : 1140px;
    background : #333;
    box-shadow : 0 0 12px rgba(0, 0, 0, 0.6);
    }
#content {
    display : flex;
    }
#mline {
    position         : relative;
    z-index          : 1000;
    width            : 1152px;
    border-top       : 6px solid #d6af74;
    background-color : #333;
    }
#mline.for {
    width : 1140px;
    }
#mlineforum {
    position         : relative;
    z-index          : 1000;
    width            : 1140px;
    border-top       : 6px solid #d6af74;
    background-color : #333;
    }
#mline.top {
    position   : fixed;
    top        : -60px;
    right      : 0;
    left       : 0;
    width      : 100%;
    box-shadow : 0 0 12px rgba(0, 0, 0, 0.8);
    }
#mline.select {
    top        : 0;
    transition : all 0.3s linear;
    }
nav {
    position      : relative;
    z-index       : 12;
    width         : 1152px;
    height        : 50px;
    border-radius : 6px 0 0 6px;
    color         : #fff;
    font-size     : 14px;
    line-height   : 50px;
    }
nav:after {
    position   : absolute;
    bottom     : -10px;
    width      : 16px;
    background : #333;
    content    : '';
    }
nav ul {
    position   : relative;
    margin     : 0 0 0 0;
    padding    : 0;
    list-style : none;
    }
nav > ul > li {
    position       : relative;
    float          : left;
    border-right   : 1px solid #111;
    vertical-align : middle;
    transition     : all 0.3s linear;
    }
nav > ul > li:hover {
    background : rgba(255, 255, 255, 0.1);
    }
nav > ul > li:hover > ul {
    visibility : visible;
    opacity    : 1;
    }
nav > ul > li:hover > ul li {
    height : 35px;
    }
nav > ul > li > a {
    display         : block;
    padding         : 0 35px 0 35px;
    width           : 100%;
    color           : #fff !important;
    text-decoration : none;
    text-shadow     : 0 1px 1px black;
    font-weight     : normal !important;
    }
nav > ul > li ul {
    position      : absolute;
    left          : 0;
    visibility    : hidden;
    width         : 180px;
    border        : 2px solid #d6af74;
    border-radius : 0 0 8px 8px;
    background    : #fff;
    box-shadow    : 0 3px 12px rgba(0, 0, 0, 0.9);
    line-height   : normal;
    opacity       : 0;
    }
nav ul > li ul li {
    position      : relative;
    display       : block;
    padding-left  : 10px;
    height        : 0;
    border-bottom : 1px solid #ddd;
    line-height   : 35px;
    transition    : all 0.2s ease-in-out;
    }
nav ul > li ul li:last-child {
    border-bottom : 0;
    }
nav ul > li ul li > a {
    display     : block;
    width       : 100%;
    height      : 100%;
    color       : #000 !important;
    font-weight : normal !important;
    transition  : all 0.3s linear;
    }
nav ul > li ul li:hover {
    background : #ddd;
    }
nav ul > li ul li ul {
    top           : 0;
    left          : 181px;
    border-left   : 0;
    border-radius : 0;
    box-shadow    : 0 0 0;
    }
nav ul > li ul li:hover > ul {
    visibility : visible;
    opacity    : 1;
    }
#leftpane {
    display : flex;
    float   : left;
    width   : 815px;
    }
#leftpane.for {
    width : 100%;
    }
#rightpane {
    position : relative;
    z-index  : 10;
    float    : left;
    width    : 325px;
    }
#explode {
    position      : relative;
    padding       : 10px 10px 20px 10px;
    width         : 100%;
    border-top    : 6px solid #d6af74;
    border-right  : 6px solid #d6af74;
    border-bottom : 6px solid #d6af74;
    border-left   : 6px solid #333;
    border-radius : 0 20px 20px 0;
    background    : white;
    box-shadow    : inset 0 0 0 6px rgba(0, 0, 0, 0.8);
    font-size     : 13px;
    }
#explode.for {
    border-right  : 6px solid #333;
    border-radius : 0;
    }
#leftpaneforum {
    display : flex;
    float   : left;
    width   : 100%;
    }
#explodeforum {
    position      : relative;
    padding       : 10px 10px 20px 10px;
    width         : 100%;
    border-top    : 6px solid #d6af74;
    border-right  : 6px solid #333;
    border-bottom : 6px solid #d6af74;
    border-left   : 6px solid #333;
    background    : white;
    box-shadow    : inset 0 0 0 6px rgba(0, 0, 0, 0.8);
    font-size     : 13px;
    }
.navleft_head {
    position         : relative;
    width            : 337px;
    height           : 40px;
    border-top       : 6px solid #d6af74;
    background-color : #333;
    color            : #fff;
    text-indent      : 11px;
    text-shadow      : 0 1px 1px black;
    line-height      : 40px;
    }
.navleft_head:first-child {
    border-top : 0;
    }
.navleft_head:after {
    position      : absolute;
    right         : 0;
    bottom        : -28px;
    width         : 0;
    height        : 0;
    border-top    : 8px solid #333;
    border-right  : 12px solid transparent;
    border-bottom : 20px solid transparent;
    border-left   : 0 solid transparent;
    content       : '';
    }
.navleft_cont {
    padding          : 10px;
    border-right     : 10px solid #333;
    border-bottom    : 10px solid #333;
    border-left      : 10px solid #333;
    background-color : #fff;
    color            : #222;
    font-size        : 13px;
    }
#socialnav:before {
    position    : absolute;
    top         : 5px;
    left        : -85px;
    color       : #fff;
    content     : 'NETWORKS:';
    text-shadow : 0 1px 1px black;
    font-size   : 14px;
    }
#socialnav {
    position   : absolute;
    top        : 10px;
    right      : 1px;
    z-index    : 1000;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#socialnav li {
    float      : left;
    margin     : 0 7px 0 7px;
    opacity    : .5;
    transition : all 0.3s linear;
    }
#socialnav li img {
    width : 28px;
    }
#socialnav li:hover {
    opacity : 1;
    }
/*Loginbox*/

#loginbox {
    position : absolute;
    right    : 10px;
    }
#listin {
    position   : relative;
    top        : 0;
    z-index    : 9990;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#listin li {
    display        : inline-block;
    margin         : 0 5px 0 5px;
    padding        : 8px 0 17px 0;
    outline        : 0;
    color          : #fff;
    vertical-align : middle;
    font-size      : 14px;
    }
#listin li a {
    color       : white;
    font-weight : normal;
    transition  : all 0.3s linear;
    }
#listin li ul {
    position      : absolute;
    top           : 50px;
    right         : 15px;
    visibility    : hidden;
    padding       : 5px 0 5px 0;
    width         : 160px;
    border-right  : 1px solid #d6af74;
    border-bottom : 1px solid #d6af74;
    border-left   : 1px solid #d6af74;
    border-radius : 0 0 4px 4px;
    background    : #333;
    text-align    : left;
    text-indent   : 10px;
    line-height   : normal;
    opacity       : 0;
    transition    : all 0.3s linear;
    }
#listin li ul li {
    display     : block;
    padding     : 0;
    height      : 0;
    line-height : 30px;
    transition  : all 0.2s linear;
    }
#listin li ul li a {
    display : block;
    color   : white;
    }
#listin li ul li:hover {
    background : #444;
    }
#loginbox .listin li ul li a {
    display     : block;
    color       : #fff;
    font-weight : normal;
    }
#listin li:hover > ul {
    visibility : visible;
    opacity    : 1;
    }
#listin li:hover > ul li {
    height : 30px;
    }
#logoutdets {
    margin     : 0;
    padding    : 8px 0 0 0;
    list-style : none;
    }
#logoutdets li {
    display        : inline-block;
    vertical-align : middle;
    }
/*Boxlisten*/

.boxline {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.boxline > li {
    position      : relative;
    margin-bottom : 5px;
    padding       : 10px;
    border-bottom : 1px solid #ddd;
    }
.boxline > li:last-child {
    border-bottom : 0;
    }
.boxline > li > span {
    display        : inline-block;
    margin-right   : 35px;
    width          : 150px;
    vertical-align : middle;
    word-wrap      : break-word;
    }
.boxline > li > span + span {
    margin-right : 0;
    width        : 80px;
    text-align   : right;
    }
.vs {
    position    : absolute;
    top         : 18px;
    right       : 95px;
    font-weight : normal;
    }
/*Footer*/

footer {
    position      : relative;
    overflow      : hidden;
    margin        : 0 auto 40px auto;
    width         : 1140px;
    height        : 210px;
    border-radius : 0 0 6px 6px;
    background    : #333;
    }
#footerlogo {
    position : absolute;
    top      : 10px;
    left     : 30px;
    width    : 200px;
    }
#faceback {
    position : absolute;
    top      : 70px;
    right    : 40px;
    width    : 300px;
    height   : 200px;
    }
#faceback img {
    width      : 300px;
    opacity    : .7;
    transition : all 0.3s linear;
    }
#faceback img:hover {
    opacity : 1;
    }
#footnavi:before {
    position  : absolute;
    top       : -40px;
    color     : #ddd;
    content   : 'SITEMAP';
    font-size : 20px;
    }
#footnavi {
    position   : absolute;
    top        : 60px;
    left       : 320px;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#footnavi li {
    display   : inline-block;
    width     : 280px;
    font-size : 14px;
    }
#footnavi li a {
    color       : white;
    text-shadow : 0 1px 1px black;
    font-weight : normal;
    transition  : all 0.3s linear;
    }
/*Profil*/
#lbes {
    float        : left;
    padding-top  : 10px;
    padding-left : 8.5%;
    width        : 10%;
    text-align   : center;
    }
.profilhead {
    position    : relative;
    background  : #ddd;
    font-weight : bold;
    }
.profil {
    margin     : 10px 0 20px 0;
    padding    : 0;
    list-style : none;
    text-align : center;
    }
.profil li {
    display    : inline-block;
    padding    : 10px 15px 10px 15px;
    outline    : 0;
    border-top : 3px solid #cccccc;
    background : #dddddd;
    color      : #222222;
    font-size  : 13px;
    cursor     : pointer;
    transition : all 0.3s linear;
    }
.profil.edit li {
    padding : 10px 25px 10px 25px;
    }
.profil li img {
    display        : inline-block;
    margin         : -3px 5px 0 0;
    width          : 16px;
    vertical-align : middle;
    }
.profil li span {
    display   : inline-block;
    font-size : 9px;
    }
.profil li:hover {
    border-top : 3px solid #333;
    }
.profilinhalt {
    display : none;
    }
.profil li.select {
    border-top : 3px solid #333;
    }
.profilinhalt table {
    width           : 100%;
    border          : 1px solid #dddddd;
    border-collapse : collapse;
    color           : #222222;
    }
.profilinhalt.edit input[type=text], .profilinhalt.edit input[type=email], .profilinhalt.edit input[type=password] {
    width : 237px;
    }
.profilinhalt.edit select {
    width : 251px;
    }
.profilinhalt table td {
    position : relative;
    padding  : 10px;
    border   : 1px solid #ddd
    }
.profilinhalt table td a {
    color       : #222;
    font-weight : normal
    }
.statscontainer span {
    display        : inline-block;
    width          : 50px;
    vertical-align : middle;
    text-align     : center;
    }
.statscontainer span + span {
    width      : 50px;
    text-align : right;
    font-size  : 13px;
    }
.statscontainer .balkenbg {
    display        : inline-block;
    overflow       : hidden;
    padding        : 2px;
    width          : 400px;
    border         : 1px solid #dddddd;
    vertical-align : middle;
    }
.statscontainer .balken {
    position   : relative;
    min-width  : 1px;
    max-width  : 400px;
    height     : 20px;
    background : #b42020;
    }
#avainfo {
    position    : absolute;
    top         : 100px;
    right       : 0;
    left        : 0;
    line-height : 25px;
    }
#teaminfo {
    position    : absolute;
    top         : 100px;
    left        : 50%;
    text-align  : center;
    line-height : 25px;
    transform   : translate(-50%, -50%);
    }
.subsettings {
    display : none;
    }
.sortbilder {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.sortbilder li img {
    width  : 100px;
    height : 80px;
    }
.floatingbox {
    position      : fixed;
    z-index       : 99989;
    display       : none;
    overflow      : hidden;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 3px 12px rgba(0, 0, 0, 0.6);
    color         : #ffffff;
    font-size     : 13px;
    opacity       : 0.99;
    }
.floatin {
    padding : 10px;
    }
.closefloatbox {
    position  : absolute;
    top       : -4px;
    right     : 10px;
    font-size : 13px;
    cursor    : pointer;
    }
.shead {
    position      : relative;
    height        : 30px;
    border-radius : 4px 4px 0 0;
    background    : #d6af74;
    color         : #222;
    text-align    : center;
    font-weight   : bold;
    font-size     : 13px;
    line-height   : 30px;
    }
/*Teams*/
.teamcontainer {
    padding : 5px;
    }
.teamcontainer .teamhead {
    height        : 100px;
    border-bottom : 3px solid #d6af74;
    background    : #333;
    color         : white;
    text-align    : center;
    text-shadow   : 0 1px 1px black;
    font-size     : 32px;
    line-height   : 100px;
    cursor        : pointer;
    transition    : background 0.3s linear;
    }
.teamcontainer .teamhead:hover {
    background : #222;
    }
.teamcontainer .teaminhalt {
    display   : none;
    padding   : 20px;
    color     : #222;
    font-size : 13px;
    }
.teambesch {
    padding : 10px;
    border  : 1px dashed #333;
    }
.squadmember {
    position       : relative;
    display        : inline-block;
    margin         : 21px;
    padding        : 10px;
    width          : 167px;
    height         : 300px;
    border-radius  : 4px;
    background     : #f0f0f0;
    vertical-align : top;
    text-align     : center;
    transition     : all 0.3s linear;
    }
.squadmember:hover {
    box-shadow : 0 0 5px black;
    }
.squadmember .sqfname {
    right       : 0;
    left        : 0;
    display     : block;
    margin-top  : 5px;
    text-align  : center;
    font-weight : bold;
    font-size   : 16px;
    }
.squadmember .sqbild {
    bottom  : 32px;
    display : block;
    height  : 40px;
    }
.squadmember .sqbild img {
    height : 35px;
    }
.squadmember .sqbei {
    bottom      : 3px;
    font-weight : normal;
    font-size   : 13px;
    }
.teamcontainer h3 {
    position        : relative;
    margin-left     : 10px;
    text-decoration : underline;
    }
/************************************************************************************
Streams
*************************************************************************************/

#chatopen {
    margin-top  : 40px;
    height      : 30px;
    border-top  : 3px solid #666;
    background  : #383635;
    color       : white;
    text-align  : center;
    line-height : 30px;
    cursor      : pointer;
    transition  : all 0.3s linear;
    }
#inview {
    float       : left;
    margin      : 0 0 0 170px;
    width       : 210px;
    height      : 30px;
    border-top  : 3px solid #666;
    background  : #383635;
    color       : white;
    text-align  : center;
    line-height : 30px;
    cursor      : pointer;
    }
.streamactions {
    float      : left;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.streamactions li {
    display     : inline-block;
    width       : 100px;
    height      : 30px;
    border-top  : 3px solid #666;
    background  : #383635;
    color       : white;
    text-align  : center;
    line-height : 30px;
    cursor      : pointer;
    transition  : all 0.3s linear;
    }
.streamactions li:hover {
    background : #222222;
    }
.streamactions li.select {
    background : #222222;
    }
.streamformat {
    float      : right;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.streamformat li {
    display     : inline-block;
    width       : 100px;
    height      : 30px;
    border-top  : 3px solid #666;
    background  : #383635;
    color       : white;
    text-align  : center;
    line-height : 30px;
    cursor      : pointer;
    transition  : all 0.3s linear;
    }
.streamformat li:hover {
    background : #222222;
    }
.streamformat li.select {
    background : #222222;
    }
.filters {
    margin     : 0 0 0 11px;
    padding    : 0;
    list-style : none;
    }
.filters li:first-child {
    border-top : 0;
    border-top : 3px solid #666;
    background : #383635;
    color      : white;
    cursor     : default;
    }
.filters li {
    display     : inline-block;
    padding     : 2px 10px;
    height      : 30px;
    border-top  : 3px solid #666;
    background  : #383635;
    color       : white;
    text-align  : center;
    line-height : 30px;
    cursor      : pointer;
    transition  : all 0.3s linear;
    }
.filters li:first-child:hover {
    background : #383635;
    }
.filters li:hover {
    background : #222222;
    }
.filters li.select {
    background : #222222;
    }
#gamecats {
    float        : right;
    margin-right : 11px;
    width        : 150px;
    border-top   : 3px solid #666;
    background   : #222222;
    color        : white;
    cursor       : pointer;
    }
.streamcontainer {
    display         : flex;
    margin          : 0;
    padding         : 0;
    list-style      : none;
    flex-flow       : row wrap;
    justify-content : space-around;
    }
.streamcontainer > li {
    position      : relative;
    overflow      : hidden;
    margin        : 10px 0;
    padding       : 10px;
    width         : 500px;
    height        : 400px;
    border-top    : 3px solid #999;
    border-radius : 10px;
    background    : #242627;
    color         : white;
    }
.streamcontainer > li h2 {
    margin     : 0 0 10px 0;
    color      : white;
    text-align : center;
    }
.streambild {
    position : relative;
    z-index  : 100;
    overflow : hidden;
    margin   : 0 auto;
    width    : 480px;
    height   : 310px;
    }
.streamtitle, .streamviewers, .streamlikes, .streamstatus {
    position : absolute;
    z-index  : 101;
    }
.streambild .channelbild {
    width               : 100%;
    height              : 100%;
    transition          : all 0.3s linear;
    backface-visibility : hidden;
    }
.streamstatus {
    top           : 10px;
    left          : 10px;
    padding       : 5px 10px;
    border-radius : 10px;
    background    : rgba(0, 0, 0, 0.6);
    color         : white;
    }
.streamstatus span {
    display        : inline-block;
    margin-top     : -2px;
    width          : 12px;
    height         : 12px;
    border-radius  : 100%;
    vertical-align : middle;
    }
.streamlikes {
    top           : 120px;
    padding       : 10px 15px;
    border-radius : 0 10px 10px 0;
    background    : rgba(0, 0, 0, 0.6);
    color         : white;
    transition    : all 0.3s linear;
    transform     : translateX(-100%);
    }
.streamlikes img {
    display        : inline-block;
    margin         : -4px 5px 0 0;
    vertical-align : middle;
    }
.streamviewers {
    top           : 10px;
    right         : 10px;
    padding       : 5px 10px;
    border-radius : 10px;
    background    : rgba(0, 0, 0, 0.6);
    color         : white;
    transition    : all 0.3s linear;
    }
.streamviewers img {
    display        : inline-block;
    margin         : -3px 5px 0 0;
    vertical-align : middle;
    }
.streamtitle {
    bottom      : -1px;
    padding     : 10px 0;
    width       : 100%;
    background  : rgba(0, 0, 0, 0.6);
    color       : white;
    text-align  : center;
    text-shadow : 0 1px 1px black;
    }
.streamtitle span {
    display    : block;
    margin-top : 5px;
    font-size  : 14px;
    }
.streamcontainer > li ul {
    margin     : 15px 0;
    padding    : 0;
    list-style : none;
    text-align : center;
    }
.streamcontainer > li ul li {
    display        : inline-block;
    margin         : 0 5px;
    vertical-align : middle;
    }
.streambild:hover .streamlikes {
    transform : translateX(0);
    }
.streambild:hover > .channelbild {
    transform : scale(1.2);
    }
.noin {
    filter : grayscale(100%);
    }
#shadowmask {
    position   : fixed;
    top        : 0;
    right      : 0;
    bottom     : 0;
    left       : 0;
    z-index    : 103;
    visibility : hidden;
    margin     : 0;
    padding    : 0;
    width      : 100%;
    height     : 100%;
    background : #000000;
    opacity    : 0;
    transition : all 0.3s linear;
    }
#shadowmask.select {
    visibility : visible;
    opacity    : .75;
    }
/*Userbar*/
#barunten {
    position    : fixed;
    bottom      : 0;
    z-index     : 99999;
    width       : 100%;
    height      : 30px;
    background  : #212121;
    box-shadow  : 0 0 5px black;
    color       : #ffffff;
    text-shadow : 0 1px 1px black;
    font        : 11px Tahoma, Geneva, sans-serif;
    }
#baricon {
    position : absolute;
    top      : -17px;
    right    : 30px;
    cursor   : pointer;
    }
#notidiv {
    position      : fixed;
    bottom        : -350px;
    z-index       : 9998;
    display       : none;
    overflow      : hidden;
    margin-left   : 585px;
    width         : 220px;
    height        : 358px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    font          : 11px Tahoma, Geneva, sans-serif;
    opacity       : 0.99;
    }
#notiout {
    padding : 8px;
    }
#notidiv a {
    color : white;
    }
#notiout a {
    color : white !important;
    }
#friendsdiv {
    position      : fixed;
    bottom        : -350px;
    z-index       : 9998;
    display       : none;
    overflow      : hidden;
    margin-left   : 10px;
    width         : 220px;
    height        : 358px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    font          : 11px Tahoma, Geneva, sans-serif;
    opacity       : 0.99;
    }
#friendsdiv a {
    color : white;
    }
#fraut {
    padding : 8px;
    }
#fraut a {
    color : white !important;
    }
#transdiv {
    position      : fixed;
    bottom        : -350px;
    z-index       : 9998;
    display       : none;
    overflow      : hidden;
    margin-left   : 195px;
    width         : 220px;
    height        : 358px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    font          : 11px Tahoma, Geneva, sans-serif;
    opacity       : 0.99;
    }
#transdiv a {
    color : white;
    }
#tranout {
    padding : 8px;
    }
#tranout a {
    color : white !important;
    }
#msgfr {
    position       : fixed;
    top            : -1px;
    left           : 340px;
    z-index        : 9999;
    padding        : 10px;
    padding-bottom : 20px;
    width          : 200px;
    height         : 15px;
    border-radius  : 4px;
    color          : #ffffff;
    text-align     : center;
    font           : 12px Tahoma, Geneva, sans-serif;
    opacity        : 0.8;
    }
#masterts {
    position      : fixed;
    right         : 80px;
    bottom        : -500px;
    z-index       : 9998;
    display       : none;
    overflow      : hidden;
    width         : 300px;
    height        : 500px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    color         : #ffffff;
    font          : 11px Tahoma, Geneva, sans-serif;
    opacity       : 0.99;
    }
#tsaus {
    padding-top    : 5px;
    padding-bottom : 5px;
    padding-left   : 15px;
    width          : 280px;
    height         : 460px;
    }
#pmadiv {
    position      : fixed;
    bottom        : -350px;
    z-index       : 9998;
    display       : none;
    overflow      : hidden;
    margin-left   : 378px;
    width         : 250px;
    height        : 357px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    font          : 11px Tahoma, Geneva, sans-serif;
    opacity       : 0.99;
    }
#pmadiv a {
    color : white;
    }
#pmaut {
    padding : 8px;
    }
#pmaut a {
    color : white !important;
    }
.hoverdivs:hover {
    border-radius   : 4px;
    background      : #333333;
    text-decoration : none;
    cursor          : pointer;
    }
#ms {
    position      : fixed;
    z-index       : 9999;
    display       : none;
    width         : 250px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    }
#breadall {
    position      : absolute;
    top           : 30px;
    right         : 20px;
    padding       : 2px;
    border-radius : 2px;
    background    : grey;
    color         : #222222;
    cursor        : pointer;
    }
.sbhead {
    position       : relative;
    padding-top    : 5px;
    padding-bottom : 5px;
    width          : 100%;
    height         : 15px;
    border-radius  : 4px 4px 0 0;
    background     : #222;
    box-shadow     : 0 4px 2px -2px black;
    color          : #ffffff;
    text-align     : center;
    font           : 12px 'Open Sans', sans-serif;
    line-height    : 15px;
    }
#showsteamers {
    position      : fixed;
    z-index       : 100000;
    display       : none;
    width         : 320px;
    border-radius : 4px;
    background    : #1c1c1c;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    }
.sbhead.steamers:hover {
    cursor : crosshair;
    }
#steamin {
    display : block;
    padding : 10px;
    }
#closesteam {
    position : absolute;
    top      : 4px;
    right    : 10px;
    cursor   : pointer;
    }
.reamline {
    position      : relative;
    overflow      : hidden;
    margin-bottom : 10px;
    height        : 50px;
    background    : #222222;
    }
.reamavatar {
    display        : inline-block;
    margin-right   : 10px;
    padding        : 7px 0 0 5px;
    vertical-align : middle;
    }
.reamdets {
    position       : relative;
    z-index        : 100;
    display        : inline-block;
    margin-right   : 10px;
    padding-top    : 5px;
    vertical-align : middle;
    text-align     : left;
    word-wrap      : break-word;
    font-size      : 13px;
    }
.reamdets span {
    display   : block;
    font-size : 11px;
    }
.reamgame {
    position : absolute;
    top      : 0;
    right    : 0;
    z-index  : 9;
    content  : '';
    }
.reamgame:before {
    position   : absolute;
    z-index    : 10;
    width      : 70px;
    height     : 50px;
    background : -moz-linear-gradient(left, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 0.87) 13%, rgba(241, 218, 54, 0) 100%);
    background : -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(34, 34, 34, 1)), color-stop(13%, rgba(34, 34, 34, 0.87)), color-stop(100%, rgba(241, 218, 54, 0)));
    background : -webkit-linear-gradient(left, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 0.87) 13%, rgba(241, 218, 54, 0) 100%);
    background : -o-linear-gradient(left, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 0.87) 13%, rgba(241, 218, 54, 0) 100%);
    background : -ms-linear-gradient(left, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 0.87) 13%, rgba(241, 218, 54, 0) 100%);
    background : linear-gradient(to right, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 0.87) 13%, rgba(241, 218, 54, 0) 100%);
    content    : '';
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#00f1da36', GradientType=1);
    }
.reamgame img {
    height : 50px;
    }
.adduser {
    position   : absolute;
    top        : 0;
    right      : -50px;
    z-index    : 10;
    width      : 50px;
    height     : 100%;
    background : rgba(0, 0, 0, 0.3);
    cursor     : pointer;
    transition : all 0.3s linear;
    }
.adduser span {
    position   : relative;
    top        : 35%;
    display    : block;
    text-align : center;
    }
.reamline:hover > .adduser {
    right      : 0;
    transition : all 0.3s linear;
    }
.sbhead.steamers:hover {
    cursor : crosshair;
    }
#steamin {
    display    : block;
    overflow   : auto;
    padding    : 10px;
    max-height : 400px;
    }
#barunten a {
    color : white !important;
    }
/*Cup*/
.teamfield {
    margin-bottom : 20px;
    padding       : 10px;
    }
.teamlogo {
    display        : inline-block;
    margin-right   : 20px;
    vertical-align : middle;
    }
.teamlogo img {
    max-width : 150px;
    }
.teamdets {
    display        : inline-block;
    width          : 380px;
    vertical-align : middle;
    line-height    : 22px;
    }
.teamactions {
    display        : inline-block;
    vertical-align : middle;
    }
.cupsline {
    padding       : 10px;
    border-radius : 2px;
    background    : #eeeeee;
    cursor        : pointer;
    transition    : all 0.3s linear;
    }
.cupsline:hover {
    padding       : 10px;
    border-radius : 2px;
    background    : #dddddd;
    }
.cupicon {
    display        : inline-block;
    width          : 50px;
    vertical-align : middle;
    }
.cupicon img {
    width  : 40px;
    height : 40px;
    }
.cupname {
    display        : inline-block;
    width          : 300px;
    vertical-align : middle;
    text-align     : center;
    font-weight    : bold;
    font-size      : 14px;
    line-height    : 20px;
    }
.cupname span {
    font-weight : normal;
    font-size   : 10px;
    }
.cuptotal {
    display        : inline-block;
    width          : 320px;
    vertical-align : middle;
    text-align     : center;
    }
.cupreg {
    display        : inline-block;
    width          : 260px;
    vertical-align : middle;
    text-align     : center;
    }
#incuplogo {
    display        : inline-block;
    width          : 270px;
    vertical-align : middle;
    }
#incuplogo img {
    max-width : 100px;
    }
#incupdets {
    display        : inline-block;
    width          : 400px;
    vertical-align : top;
    text-align     : center;
    font-size      : 23px;
    }
#incupdets span {
    font-size : 12px;
    }
#incupcounter {
    display        : inline-block;
    margin-top     : 5px;
    width          : 400px;
    border         : 1px solid #dddddd;
    border-radius  : 4px;
    vertical-align : middle;
    text-align     : center;
    }
#countstatus {
    margin-top  : 22px;
    text-align  : center;
    font-weight : normal;
    font-size   : 25px;
    }
#cupdettabs {
    margin     : 50px 0 0 0;
    padding    : 0;
    list-style : none;
    text-align : center;
    }
#cupdettabs > li {
    position      : relative;
    display       : inline-block;
    margin        : 0 20px 0 0;
    border-top    : 3px solid #cccccc;
    border-radius : 2px;
    background    : #dddddd;
    text-align    : center;
    font-size     : 14px;
    cursor        : pointer;
    transition    : all 0.3s linear;
    }
#cupdettabs > li a {
    display : block;
    padding : 10px 25px 10px 25px;
    color   : #222222;
    }
#cupdettabs > li:last-child {
    margin-right : 0;
    }
#cupdettabs > li:hover {
    border-top : 3px solid #aaaaaa;
    background : #cccccc;
    }
#cupdettabs > li.select {
    border-top : 3px solid #aaaaaa;
    background : #bbbbbb;
    }
#cupdettabs > li:last-child:hover {
    margin-right : 0;
    }
#cupdettabs > li:last-child.select {
    margin-right : 0;
    }
#cupdettabs > li ul {
    position   : absolute;
    left       : 0;
    visibility : hidden;
    margin     : 0;
    padding    : 0;
    width      : 100%;
    list-style : none;
    opacity    : 0;
    transition : all 0.3s linear;
    }
#cupdettabs > li ul li {
    background : #dddddd;
    }
#cupdettabs > li ul li a {
    font-weight : normal;
    }
#cupdettabs > li:hover > ul {
    visibility : visible;
    opacity    : 1;
    }
.cuptable {
    display        : table;
    margin         : 20px 0 20px 0;
    width          : 100%;
    border         : 1px solid #ffffff;
    border-spacing : 3px;
    border-radius  : 4px;
    background     : #dddddd;
    color          : #222222;
    }
.cuptablerow {
    display : table-row;
    }
.cuptablecell {
    display    : table-cell;
    padding    : 5px;
    background : white;
    }
#totalwinline {
    margin-bottom : 20px;
    padding-top   : 20px;
    border-top    : 1px solid #dddddd;
    color         : #222222;
    text-align    : center;
    font-weight   : bold;
    font-size     : 18px;
    }
#totalwinline span {
    color       : black;
    font-weight : normal;
    font-size   : 12px;
    }
.wincontainer {
    position       : relative;
    display        : inline-block;
    margin         : 5px;
    padding        : 10px;
    width          : 165px;
    height         : 160px;
    border         : 1px solid #dddddd;
    border-radius  : 2px;
    color          : #222222;
    vertical-align : middle;
    text-align     : center;
    font-weight    : bold;
    font-size      : 18px;
    line-height    : 20px;
    }
.wincontainer:after {
    position            : absolute;
    top                 : 0;
    right               : 0;
    bottom              : 0;
    left                : 0;
    z-index             : -1;
    background          : url(/images/cup.jpg);
    background-position : top center;
    content             : "";
    opacity             : 0.1;
    }
.wincontainer span {
    display     : block;
    margin-top  : 10px;
    color       : black;
    font-weight : normal;
    font-size   : 12px;
    }
#fourwinline {
    margin-top  : 20px;
    color       : #222222;
    text-align  : center;
    font-weight : bold;
    font-size   : 18px;
    }
#fourwinline span {
    color       : black;
    font-weight : normal;
    font-size   : 12px;
    }
#extrabox {
    margin-top    : 20px;
    padding       : 10px;
    border        : 1px solid #dddddd;
    border-radius : 4px;
    line-height   : 20px;
    }
#joinbutton {
    margin        : 0 auto 20px auto;
    width         : 170px;
    height        : 30px;
    border-radius : 4px;
    background    : #dddddd;
    text-align    : center;
    line-height   : 30px;
    cursor        : pointer;
    }
#caddteam {
    margin        : 0 auto 20px auto;
    width         : 170px;
    height        : 30px;
    border-radius : 4px;
    background    : #dddddd;
    text-align    : center;
    line-height   : 30px;
    cursor        : pointer;
    }
#checkinbutton {
    margin        : 0 auto 20px auto;
    width         : 170px;
    height        : 30px;
    border-radius : 4px;
    background    : #dddddd;
    text-align    : center;
    line-height   : 30px;
    cursor        : pointer;
    }
#selectteam {
    display       : none;
    margin        : 0 auto 20px auto;
    width         : 560px;
    height        : 30px;
    border-radius : 4px;
    background    : #dddddd;
    text-align    : center;
    line-height   : 30px;
    cursor        : pointer;
    }
#teilnehmen {
    display     : inline-block;
    margin-left : 20px;
    }
#prologo {
    display        : inline-block;
    padding        : 10px;
    vertical-align : middle;
    }
#prologo img {
    max-width : 150px;
    }
#prodets {
    display        : inline-block;
    margin         : 0 0 0 10px;
    width          : 460px;
    vertical-align : middle;
    }
#protitle {
    border-bottom : 1px solid #dddddd;
    font-size     : 22px;
    }
.proround {
    min-height    : 30px;
    border-bottom : 1px dashed #dddddd;
    line-height   : 30px;
    }
.proconfirst {
    display        : inline-block;
    width          : 160px;
    vertical-align : middle;
    font-size      : 13px;
    }
.procon {
    display        : inline-block;
    vertical-align : middle;
    font-weight    : bold;
    font-size      : 13px;
    }
#teamjoin {
    margin        : 20px auto 0 auto;
    width         : 120px;
    height        : 30px;
    border-radius : 2px;
    background    : #dddddd;
    text-align    : center;
    line-height   : 30px;
    cursor        : pointer;
    }
#jointrue {
    margin-left : 10px;
    cursor      : pointer;
    }
#jointeam {
    display       : none;
    margin        : 20px auto 0 auto;
    width         : 400px;
    height        : 30px;
    border-radius : 2px;
    background    : #dddddd;
    text-align    : center;
    line-height   : 30px;
    }
#promembertitle {
    margin        : 40px auto 0 auto;
    border-bottom : 1px solid #dddddd;
    font-size     : 22px;
    }
.memberline {
    padding       : 10px;
    border-bottom : 1px dashed #dddddd;
    }
.memberava {
    display        : inline-block;
    width          : 40px;
    vertical-align : middle;
    }
.membername {
    display        : inline-block;
    width          : 290px;
    vertical-align : middle;
    }
.memberjoin {
    display        : inline-block;
    width          : 250px;
    vertical-align : middle;
    }
.tmembers {
    cursor : pointer;
    }
.showmember {
    display : none;
    }
.regline {
    margin-top    : 20px;
    padding       : 10px;
    border        : 1px solid #dddddd;
    border-radius : 2px;
    }
.reglinelogo img {
    width  : 50px;
    height : 50px;
    }
.reglinenr {
    display        : inline-block;
    width          : 40px;
    vertical-align : middle;
    text-align     : center;
    }
.reglinelogo {
    display        : inline-block;
    margin-right   : 10px;
    width          : 80px;
    vertical-align : middle;
    text-align     : center;
    }
.reglinedets {
    display        : inline-block;
    width          : 370px;
    vertical-align : middle;
    font-weight    : bold;
    font-size      : 13px;
    line-height    : 20px;
    }
.reglinestatus {
    display        : inline-block;
    padding        : 10px;
    width          : 100px;
    border-left    : 1px solid #dddddd;
    vertical-align : middle;
    text-align     : center;
    }
.regmember {
    padding-top : 5px;
    font-weight : normal;
    font-size   : 11px;
    }
.reglol {
    font-weight : normal;
    font-style  : italic;
    font-size   : 11px;
    }
#teamkom {
    margin-top : 100px;
    }
.navipoint {
    float         : left;
    margin-top    : 15px;
    margin-left   : 7px;
    padding       : 10px;
    width         : 70px;
    border-radius : 4px 4px 0 0;
    background    : #959595;
    background    : -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background    : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #959595), color-stop(46%, #0d0d0d), color-stop(50%, #010101), color-stop(53%, #0a0a0a), color-stop(76%, #4e4e4e), color-stop(87%, #383838), color-stop(100%, #1b1b1b));
    background    : -webkit-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background    : -o-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background    : -ms-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background    : linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    color         : #ffffff;
    text-align    : center;
    filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#1b1b1b', GradientType=0);
    cursor        : pointer;
    }
.subpointb {
    padding    : 4px;
    background : #000000;
    background : -moz-linear-gradient(left, #000000 46%, #ffffff 100%);
    background : -webkit-gradient(linear, left top, right top, color-stop(46%, #000000), color-stop(100%, #ffffff));
    background : -webkit-linear-gradient(left, #000000 46%, #ffffff 100%);
    background : -o-linear-gradient(left, #000000 46%, #ffffff 100%);
    background : -ms-linear-gradient(left, #000000 46%, #ffffff 100%);
    background : linear-gradient(to right, #000000 46%, #ffffff 100%);
    color      : #ffffff;
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1);
    }
.navipoint:hover {
    float         : left;
    margin-top    : 15px;
    margin-left   : 7px;
    padding       : 10px;
    width         : 70px;
    border-radius : 4px 4px 0 0;
    background    : grey;
    color         : #ffffff;
    text-align    : center;
    cursor        : pointer;
    }
.navipointactive {
    float         : left;
    margin-top    : 15px;
    margin-left   : 7px;
    padding       : 10px;
    width         : 70px;
    border-radius : 4px 4px 0 0;
    background    : grey;
    color         : #ffffff;
    text-align    : center;
    cursor        : pointer;
    }
#pointcontent {
    clear         : left;
    padding       : 10px;
    border        : 1px solid grey;
    border-radius : 4px;
    }
#rangspecial {
    position      : fixed;
    z-index       : 9998;
    display       : none;
    overflow      : hidden;
    width         : 420px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    color         : #ffffff;
    font          : 11px Tahoma, Geneva, sans-serif;
    opacity       : 0.99;
    }
#rangbaus {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#rangbaus li {
    display        : inline-block;
    margin         : 10px;
    padding        : 2px;
    width          : 100px;
    border         : 1px solid #666;
    border-radius  : 2px;
    vertical-align : top;
    }
#rangbaus li span, #rangbaus li a {
    display : block;
    margin  : 5px 0 5px 0;
    color   : #ddd;
    }
/*Chat*/
#chatwrap {
    position   : absolute;
    top        : 0;
    right      : 0;
    bottom     : 0;
    left       : 0;
    border     : 1px solid #333333;
    background : #252525;
    font-size  : 13px;
    }
#mainchat {
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 160px;
    left     : 0;
    }
#cgboxinhaltnowp {
    position : absolute;
    top      : 0;
    right    : 220px;
    bottom   : 0;
    left     : 0;
    overflow : auto;
    }
#chatdets {
    position   : absolute;
    top        : 0;
    right      : 0;
    bottom     : 0;
    overflow   : auto;
    padding    : 10px 0 0 10px;
    width      : 200px;
    box-shadow : 0 -4px 5px black;
    color      : white;
    }
#chatsub {
    position    : absolute;
    right       : 0;
    bottom      : 0;
    left        : 0;
    padding-top : 10px;
    height      : 150px;
    box-shadow  : -4px 0 5px black;
    }
#chatinput {
    display        : inline-block;
    width          : 80%;
    vertical-align : middle;
    }
#chatsubment {
    display        : inline-block;
    width          : 15%;
    vertical-align : middle;
    }
span.cke_skin_kama {
    border : 0 !important;
    }
#cke_textsp {
    outline : 0 !important;
    }
.cke_skin_kama .cke_focus {
    outline : 0 !important;
    }
#onlistp {
    margin-bottom  : 10px;
    padding-bottom : 10px;
    border-bottom  : 1px solid #444444;
    }
#onlistp span + span {
    float        : right;
    margin-right : 10px;
    cursor       : pointer;
    }
.ctext, .komc {
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
    }
.chnam {
    position      : absolute;
    margin        : -5px 0 0 70px;
    padding-right : 2px;
    padding-left  : 2px;
    width         : auto;
    border-top    : 1px solid black;
    border-right  : 1px solid black;
    border-left   : 1px solid black;
    border-radius : 4px 4px 0 0;
    box-shadow    : 0 0 2px grey;
    color         : white;
    text-align    : center;
    font-size     : 9px;
    }
.chnam a {
    color : white !important;
    }
.chnam2 {
    position      : absolute;
    right         : 74px;
    margin-top    : -5px;
    padding-right : 2px;
    padding-left  : 2px;
    width         : auto;
    border-top    : 1px solid black;
    border-right  : 1px solid black;
    border-left   : 1px solid black;
    border-radius : 4px 4px 0 0;
    box-shadow    : 0 0 2px grey;
    color         : white;
    text-align    : center;
    font-size     : 9px;
    }
.chnam2 a {
    color : white;
    }
.scopeleft {
    float         : left;
    margin-top    : 23px;
    margin-left   : 0;
    width         : 0;
    height        : 0;
    border-top    : 8px solid transparent;
    border-right  : 8px solid #333333;
    border-bottom : 8px solid transparent;
    border-left   : 8px solid transparent;
    }
.scoperight {
    float         : right;
    margin-top    : 23px;
    margin-left   : 0;
    width         : 0;
    height        : 0;
    border-top    : 8px solid transparent;
    border-right  : 8px solid transparent;
    border-bottom : 8px solid transparent;
    border-left   : 8px solid #333333;
    }
#comgameschat {
    position      : fixed;
    bottom        : -800px;
    z-index       : 9995;
    display       : none;
    margin-left   : 200px;
    min-width     : 700px;
    width         : 73%;
    height        : 580px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    font-size     : 11px;
    opacity       : 0.99;
    }
#cgboxinhalt {
    overflow   : hidden;
    width      : 100%;
    height     : 377px;
    border     : 1px solid #222222;
    background : #222222;
    opacity    : 0.99
    }
#onlist {
    padding : 5px;
    color   : #ffffff;
    }
#onleavechat {
    float     : right;
    font-size : 9px;
    cursor    : pointer;
    }
#isin {
    margin-left : 10px;
    }
#subment {
    width         : 100%;
    border        : 1px solid #333333;
    border-radius : 0 0 4px 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    }
.donation {
    position : relative;
    width    : 282px;
    height   : 30px;
    border   : 1px solid #ddd;
    }
.donation span {
    position   : absolute;
    top        : 2px;
    left       : 2px;
    display    : block;
    max-width  : 278px;
    height     : 26px;
    background : #aaa;
    }
#lforum {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#lforum li {
    margin-bottom : 5px;
    padding       : 0 0 5px 10px;
    border-bottom : 1px solid #ddd;
    }
#lforum li:last-child {
    border-bottom : 0;
    }
.ldetails {
    margin-top : 5px;
    font-size  : 12px;
    }
.sppart {
    margin     : -10px -10px 0 0;
    padding    : 0;
    list-style : none;
    text-align : right;
    }
.sppart li {
    display    : inline-block;
    padding    : 5px 10px 5px 10px;
    border-top : 1px solid #ddd;
    background : #333333;
    color      : white;
    cursor     : pointer;
    transition : all 0.3s linear;
    }
.sppart li:first-child {
    border-radius : 0 0 0 10px;
    }
.sppart li:hover {
    background : #555;
    }
.sppart li.select {
    background : #555;
    }
.dcont {
    position      : fixed;
    z-index       : 111000;
    width         : 300px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    color         : #ffffff;
    text-align    : center;
    font-size     : 11px;
    opacity       : 0.9;
    }
#sortopb {
    position      : absolute;
    right         : 12px;
    z-index       : 100000;
    display       : none;
    padding       : 2px;
    width         : 70px;
    border        : 1px solid grey;
    border-radius : 4px;
    background    : #222222;
    color         : #ffffff;
    text-align    : center;
    opacity       : 0.9;
    cursor        : pointer;
    }
#sortop {
    position      : absolute;
    right         : 14px;
    z-index       : 100000;
    display       : none;
    padding       : 2px;
    width         : 70px;
    border        : 1px solid grey;
    border-radius : 4px;
    background    : #222222;
    color         : #ffffff;
    text-align    : center;
    opacity       : 0.9;
    cursor        : pointer;
    }
.dhead {
    padding-top    : 5px;
    padding-bottom : 5px;
    width          : 100%;
    height         : 15px;
    border-radius  : 4px 4px 0 0;
    background     : #959595;
    background     : linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    color          : #ffffff;
    text-align     : center;
    text-shadow    : 0 1px 2px #000000;
    font-weight    : bold;
    font-size      : 12px;
    line-height    : 5px;
    }
.dhead a {
    color : #fff;
    }
.hov {
    float         : left;
    margin-top    : 25px;
    margin-left   : 4.5%;
    width         : 180px;
    height        : 95px;
    border        : 1px solid grey;
    border-radius : 4px;
    box-shadow    : 0 0 5px black;
    }
.hovbild {
    float         : left;
    margin-top    : 30px;
    margin-left   : 6.1%;
    width         : 120px;
    height        : 127px;
    border-radius : 4px;
    box-shadow    : 0 0 5px black;
    text-align    : center;
    }
.imgsg {
    float        : right;
    margin-top   : -30px;
    margin-right : 20px;
    }
#basefirstline {
    margin-bottom : 10px;
    height        : 30px;
    border-bottom : 1px solid #dddddd;
    line-height   : 30px;
    }
.basecatline {
    margin     : 10px 20px 30px 20px;
    min-height : 200px;
    height     : 100px;
    }
.baseone {
    display        : inline-block;
    width          : 462px;
    vertical-align : middle;
    }
.basetwo {
    display        : inline-block;
    width          : 300px;
    vertical-align : middle;
    }
.basethree {
    display        : inline-block;
    vertical-align : middle;
    }
.catone {
    display        : inline-block;
    width          : 400px;
    vertical-align : middle;
    font-weight    : bold;
    font-size      : 13px;
    }
.baselword {
    font-weight : normal;
    font-size   : 11px;
    }
.catspace {
    display          : inline-block;
    margin           : 20px;
    width            : 1px;
    height           : 100%;
    background-color : #dddddd;
    vertical-align   : middle;
    }
.catthree {
    display        : inline-block;
    vertical-align : middle;
    }
.incatone {
    display        : inline-block;
    width          : 120px;
    vertical-align : middle;
    }
.incattwo {
    display        : inline-block;
    vertical-align : middle;
    }
.basevids {
    padding : 2px;
    }
.invidone {
    display        : inline-block;
    margin-right   : 5px;
    vertical-align : middle;
    }
.invidone img {
    width : 20px;
    }
.invidtwo {
    display        : inline-block;
    width          : 300px;
    vertical-align : middle;
    }
.invidtwo a {
    font-weight : normal;
    }
.invidthree {
    display        : inline-block;
    width          : 100px;
    vertical-align : middle;
    font-size      : 10px;
    }
.invidfour {
    display        : inline-block;
    vertical-align : middle;
    }
#einvid {
    position      : fixed;
    z-index       : 99989;
    display       : none;
    overflow      : hidden;
    width         : 500px;
    border-radius : 4px;
    background    : #222222;
    box-shadow    : 0 0 5px black;
    color         : #ffffff;
    font-size     : 11px;
    opacity       : 0.99;
    }
#reib {
    display       : none;
    margin        : 0 auto;
    padding       : 10px;
    width         : 50%;
    border        : solid #dddddd 1px;
    border-radius : 2px;
    text-align    : center;
    }
#medialeft {
    display        : inline-block;
    margin-top     : 10px;
    margin-right   : 20px;
    width          : 67%;
    vertical-align : top;
    }
#mediaright {
    display        : inline-block;
    margin-top     : 10px;
    width          : 30%;
    vertical-align : top;
    }
#codeback {
    position      : relative;
    z-index       : 102;
    margin        : 0 auto;
    width         : 600px;
    height        : 420px;
    border-radius : 4px;
    box-shadow    : 0 0 2px 2px #000;
    }
#mformleft {
    display        : inline-block;
    margin-right   : 30px;
    width          : 85%;
    vertical-align : middle;
    }
#mformright {
    display        : inline-block;
    vertical-align : middle;
    }
#ksend, #fsub, .writ {
    min-height : 40px !important;
    width      : auto !important;
    }
#totop:before {
    position      : absolute;
    top           : 14px;
    left          : 14px;
    width         : 0;
    height        : 0;
    border-top    : 10px solid transparent;
    border-right  : 10px solid transparent;
    border-bottom : 15px solid rgba(255, 255, 255, 0.2);
    border-left   : 10px solid transparent;
    content       : '';
    transition    : all 0.3s linear;
    }
#totop:hover:before {
    border-bottom : 15px solid rgba(255, 255, 255, 0.5);
    }
#totop {
    position      : fixed;
    bottom        : 150px;
    left          : -50px;
    width         : 50px;
    height        : 60px;
    border-right  : 3px solid #d6af74;
    border-radius : 0 8px 8px 0;
    background    : rgba(0, 0, 0, 0.50);
    cursor        : pointer;
    transition    : all 0.3s linear;
    }
#totop:hover {
    background : rgba(0, 0, 0, 1);
    }
.bstreamline div {
    display        : inline-block;
    width          : 210px;
    vertical-align : middle;
    }
.bstreamline div + div {
    width : auto;
    }
.bstreamline div + div span {
    display        : inline-block;
    margin-right   : 5px;
    width          : 10px;
    height         : 10px;
    border-radius  : 100px;
    vertical-align : middle;
    }
.bstreamline div + div > span + span {
    width  : 45px;
    height : auto;
    }
#adse {
    margin-top : 10px;
    text-align : center
    }
/*Punktezentrum*/

.pzentrumlist {
    position   : relative;
    z-index    : 100;
    margin     : 10px 0 0 0;
    padding    : 0 0 10px 0;
    list-style : none;
    text-align : center;
    }
.pzentrumlist > li {
    position   : relative;
    display    : inline-block;
    outline    : 0;
    border-top : 3px solid #cccccc;
    background : #dddddd;
    color      : #222222;
    font-size  : 13px;
    cursor     : pointer;
    transition : all 0.3s linear;
    }
.pzentrumlist > li ul {
    position   : absolute;
    top        : 37px;
    left       : 0;
    visibility : hidden;
    margin     : 0;
    padding    : 0;
    width      : 100px;
    background : #ddd;
    list-style : none;
    opacity    : 0;
    }
.pzentrumlist > li ul li a {
    display       : block;
    padding       : 0px 10px;
    border-bottom : 1px solid #222;
    font-weight   : normal;
    transition    : all 0.3s linear;
    }
.pzentrumlist > li ul li:last-child a {
    border-bottom : 0;
    }
.pzentrumlist > li ul li a:hover {
    background : #333;
    color      : white;
    }
.pzentrumlist > li:hover > ul {
    visibility : visible;
    opacity    : 1;
    }
.pzentrumlist > li:hover > ul li a {
    padding : 5px 10px;
    }
.pzentrumlist > li > a {
    display     : block;
    padding     : 10px 25px 10px 25px;
    color       : #222;
    font-weight : normal;
    }
.pzentrumlist > li img {
    display        : inline-block;
    margin         : -3px 5px 0 0;
    width          : 16px;
    vertical-align : middle;
    }
.pzentrumlist > li span {
    display        : inline-block;
    margin-top     : -4px;
    vertical-align : middle;
    font-size      : 11px;
    }
.pzentrumlist > li:hover {
    border-top : 3px solid #333;
    }
.pzentrumlist > li.select {
    border-top : 3px solid #333;
    }
.plistin {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.plistin li {
    position       : relative;
    margin-bottom  : 10px;
    padding-bottom : 10px;
    border-bottom  : 1px dashed #ddd;
    }
.plistin li:last-child {
    border-bottom : 0;
    }
.plistin li span {
    display        : inline-block;
    margin-right   : 20px;
    vertical-align : middle;
    }
.plistin li span:nth-child(2) {
    width : 70px;
    }
.plistin li span:nth-child(3) {
    margin-right : 0;
    text-align   : right;1
    }
.pinh3 {
    margin         : 0 0 10px 0;
    padding-bottom : 5px;
    border-bottom  : 1px solid #222;
    }
.pzentable {
    padding : 10px;
    width   : 100%;
    border  : 1px solid #ddd;
    }
.pzentable td {
    vertical-align : top;
    }
.pzentable td:first-child {
    width : 23%;
    }
.pzentable td:last-child {
    padding-left : 40px;
    }
.pzenintable td:first-child {
    width : 45%;
    }
.pzenintable td {
    padding        : 10px 10px 10px 0;
    vertical-align : middle;
    }
.pinh2 {
    padding-bottom : 5px;
    border-bottom  : 1px dashed #222;
    }
.outerajx {
    position : relative;
    }
#tsearchload {
    position : absolute;
    top      : 9px;
    left     : 340px;
    display  : none;
    }
.pzent {
    display       : block;
    margin-bottom : 20px;
    padding       : 5px;
    border-radius : 4px;
    background    : #ddd;
    color         : #222 !important;
    text-align    : center;
    }
.commaster {
    width         : 100%;
    border        : #ccc 1px solid;
    border-radius : 3px;
    box-shadow    : 0 1px 2px #d1d1d1;
    color         : #666;

    font-size     : 14px;
    }
.commaster th {
    padding       : 10px;
    border-top    : 1px solid #fafafa;
    border-bottom : 1px solid #e0e0e0;
    background    : linear-gradient(to top, #ededed, #ebebeb);
    }
.commaster tr:first-child th:first-child {
    border-top-left-radius : 3px;
    }
.commaster tr:first-child th:last-child {
    border-top-right-radius : 3px;
    }
.commaster td:first-child {
    border-left : 0;
    }
.commaster td {
    padding        : 10px;
    border-top     : 1px solid #ffffff;
    border-bottom  : 1px solid #e0e0e0;
    border-left    : 1px solid #e0e0e0;
    background     : #fafafa;
    background     : linear-gradient(to top, #fbfbfb, #fafafa);
    vertical-align : middle;
    }
.commaster td:last-child {
    padding-left : 10px;
    }
.commaster tr:last-child td {
    border-bottom : 0;
    }
.commaster tr:last-child td:first-child {
    border-bottom-left-radius : 3px;
    }
.commaster tr:last-child td:last-child {
    border-bottom-right-radius : 3px;
    }
.commaster tr:hover td {
    background : #f2f2f2;
    background : linear-gradient(to top, #f2f2f2, #f0f0f0);
    }
.nohover {
    background  : #fafafa !important;
    text-shadow : 0 0 0;
    }
#logactions {
    position   : absolute;
    top        : 117px;
    right      : 20px;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#logactions li {
    display      : inline-block;
    margin-right : 2px;
    }
#logactions li button, #logactions li input {
    padding : 4px;
    }
#logactions li:last-child {
    display : none;
    }
.shopnowtitle {
    display         : block;
    margin-bottom   : 5px;
    text-decoration : underline;
    }
#nsearchload {
    position : absolute;
    top      : 9px;
    right    : 10px;
    display  : none;
    }
@keyframes rainbow {
    0% { color : #ff0000; }
    10% { color : #ff8000; }
    20% { color : #ffff00; }
    30% { color : #80ff00; }
    40% { color : #00ff00; }
    50% { color : #00ff80; }
    60% { color : #00ffff; }
    70% { color : #0080ff; }
    80% { color : #0000ff; }
    90% { color : #8000ff; }
    100% { color : #ff0080; }
    }
.dchars {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.dchars li {
    display       : inline-block;
    overflow      : hidden;
    margin        : 5px;
    padding       : 10px;
    width         : 300px;
    border        : 1px solid #ddd;
    border-radius : 4px;
    text-align    : center;
    }
.dchars li h3 {
    margin     : 0;
    padding    : 6px;
    background : #ddd;
    }
.dchars li span {
    display : block;
    margin  : 5px 0 5px 0;
    }
.dchars li span:last-child {
    display : block;
    margin  : 5px 0 0 0;
    }
a.outeratemp, .outeratemp {
    display     : inline-block;
    margin      : 5px;
    color       : white;
    font-weight : normal;
    opacity     : .7;
    transition  : all 0.3s linear;
    }
.outeratemp:hover {
    opacity : 1;
    }
.outeratemp.dis {
    opacity : .2;
    }
.atemps {
    position : relative;
    overflow : hidden;
    width    : 150px;
    height   : 150px;
    }
.atemps .bpic {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    }
.atemps .avname {
    position       : absolute;
    right          : 10px;
    bottom         : 17px;
    display        : block;
    width          : 60px;
    color          : white;
    text-shadow    : -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    letter-spacing : 0.1em;
    font-weight    : bold;
    font-size      : 8px;
    font-family    : 'colors_of_autumnregular', sans-serif;
    transform      : rotate(-33deg);
    }
.atemps .gapic {
    position : absolute;
    right    : 5px;
    bottom   : 2px;
    width    : 26%;
    }
.atempso {
    position : relative;
    overflow : hidden;
    width    : 250px;
    height   : 250px;
    cursor   : pointer;
    }
.atempso .bpic {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    }
.atempso .avname {
    position       : absolute;
    right          : 12px;
    bottom         : 32px;
    display        : block;
    width          : 120px;
    color          : white;
    text-shadow    : -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    letter-spacing : 0.1em;
    font-weight    : bold;
    font-size      : 12px;
    font-family    : 'colors_of_autumnregular', sans-serif;
    transform      : rotate(-33deg);
    }
.atempso .gapic {
    position : absolute;
    right    : 5px;
    bottom   : 2px;
    width    : 30%;
    }
.teamra {
    position : relative;
    overflow : hidden;
    }
.teamra .trahmen {
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 99;
    width    : 100%;
    height   : 100%;
    }
.teamra .tava {
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 95;
    width    : 100%;
    height   : 100%;
    }
.teamra .tgam {
    position : absolute;
    right    : 6px;
    bottom   : 15px;
    z-index  : 101;
    width    : 25%;
    }
.teamra .tnam {
    position       : absolute;
    right          : 0;
    bottom         : 24px;
    z-index        : 101;
    width          : 140px;
    color          : white;
    text-align     : center;
    text-shadow    : -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    letter-spacing : 0.1em;
    font-weight    : bold;
    font-size      : 14px;
    font-family    : 'colors_of_autumnregular', sans-serif;
    transform      : rotate(-20deg);
    }
h2.pspon {
    padding-bottom : 10px;
    border-bottom  : 3px dashed #ddd;
    }
#pspon {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#pspon li {
    margin-bottom  : 20px;
    padding-bottom : 20px;
    border-bottom  : 1px solid #ddd;
    }
#pspon li div {
    display        : inline-block;
    width          : 350px;
    vertical-align : middle;
    text-align     : center;
    }
#pspon li div img {
    max-width : 250px;
    }
#pspon li div span {
    display     : block;
    font-weight : bold;
    }
#pspon li div + div {
    width       : 400px;
    text-align  : left;
    line-height : 22px;
    }
#shoph2 {
    float        : left;
    padding-left : 20px;
    }
#basket {
    float     : right;
    padding   : 10px 20px 10px 0;
    font-size : 14px;
    }
#basket i {
    position       : relative;
    display        : inline-block;
    margin-right   : 5px;
    color          : #aaa;
    vertical-align : middle;
    font-size      : 35px;
    }
#basket i span {
    position   : absolute;
    top        : 4px;
    left       : 14px;
    display    : block;
    width      : 20px;
    color      : black;
    text-align : center;
    font-size  : 16px;
    }
#shopartikel {
    clear      : both;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#shopartikel li {
    display       : flex;
    margin        : 20px;
    border        : 1px solid #ddd;
    border-radius : 4px;
    align-items   : center;
    }
#shopartikel li a {
    display : block;
    margin  : 0 10px 0 10px;
    width   : 250px;
    }
#shopartikel li a img {
    width : 100%;
    }
#shopartikel li > div {
    margin-right : 10px;
    padding      : 10px;
    width        : 500px;
    }
#shopartikel li > div + div {
    width      : 200px;
    text-align : right;
    }
.bads {
    position : fixed;
    }
#bearsvid {
    position   : fixed;
    top        : 50%;
    left       : 50%;
    z-index    : -2;
    min-width  : 101%;
    min-height : 100%;
    transform  : translate(-50%, -50%);
    }
.xserverstatus {
    color         : white;
    padding       : 5px 10px;
    border-radius : 4px;
    }
.xserverstatus.online {
    background : green;
    }
.xserverstatus.offline {
    background : indianred;
    }
.xserverstatus.xgin {
    font-size   : 12px;
    margin-left : 5px;
    }
.xgameservertitle {
    position       : relative;
    margin-top     : 5px;
    font-size      : 16px;
    color          : #222;
    border-bottom  : 1px solid #ddd;
    font-weight    : normal;
    padding-bottom : 5px;
    }
.xgameservertitle > a {
    position  : absolute;
    right     : 0;
    top       : -9px;
    font-size : 13px;
    }
.xgameserverdetails {
    padding     : 5px 0 0 0;
    margin      : 0 0 0 0;
    list-style  : none;
    display     : flex;
    align-items : flex-start;
    }
.xgameserverdetails > * {
    flex : 1;
    }
.xgameserverdetails > *:first-child > dl {
    padding   : 0;
    margin    : 0;
    font-size : 13px;
    color     : #333;
    }
.xgameserverdetails > *:first-child > dl > dt {
    font-weight   : bold;
    margin-bottom : 10px;
    }
.xgameserverdetails > *:first-child > dl > dd {
    padding : 0;
    margin  : 0 0 10px 0;
    }
.xgameserverdetails > *:last-child > div {
    position : relative;
    width    : 300px;
    height   : 250px;
    overflow : hidden;
    margin   : 0 5px 0 auto;
    }
.xgameserverdetails > *:last-child > div img {
    position : absolute;
    width    : 100%;
    height   : 100%;
    }
.xgameserverdetails > *:last-child > div > span {
    position   : absolute;
    display    : block;
    padding    : 5px 10px;
    background : rgba(0, 0, 0, 0.5);
    width      : 100%;
    bottom     : 0;
    color      : white;
    text-align : center;
    font-size  : 14px;
    }
.exin{
    padding:10px;
    }