html, body {
    height : 100%;
    }
body {
    margin            : 0 !important;
    background        : url(images/bg.jpg) fixed top center;
    background-size   : cover;
    background-repeat : no-repeat;
    font-size         : 100%;
    font-family       : 'Open Sans', sans-serif;
    }
p {
    margin  : 0 !important;
    padding : 0 !important;
    }
.Cdark {
    padding          : 4px;
    border-radius    : 2px;
    background-color : #bdc3c7;
    }
.Cnorm, .Cmite {
    padding       : 4px;
    border-radius : 2px;
    background    : #e9e9e9
    }
.norma {
    padding       : 4px 6px 4px 6px;
    border        : 1px solid grey;
    border-radius : 2px;
    background    : #222222;
    box-shadow    : 0 0 0 black;
    color         : #ffffff;
    opacity       : 0.85;
    }
.norm {
    padding       : 4px 6px 4px 6px;
    border        : 1px solid grey;
    border-radius : 2px;
    color         : #ffffff;
    opacity       : 0.85;
    transition    : all 0.3s linear;
    }
.norm:hover {
    background : #ccc;
    color      : #ffffff;
    }
.clear {
    clear : both;
    }
.fancybox-lock,
.fancybox-overlay {
    overflow : visible !important;
    }
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;
    font-weight : normal !important;
    cursor      : pointer;
    }
input[type=submit]:active, input[type=button]:active, button:active, a.button:active {
    background : #4096ee;
    }
button.active {
    background : #4096ee;
    }
a:active, a:link, a:visited {
    color           : #666666;
    text-decoration : none;
    font-weight     : bold;
    }
a:hover {
    color           : #666666;
    text-decoration : none;
    font-weight     : bold;
    }
header {
    position        : relative;
    width           : 100%;
    height          : 250px;
    background      : url(images/head.jpg);
    background-size : cover;
    box-shadow      : 1px 3px 12px rgba(0, 0, 0, 0.6);
    }
.hshape {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : #4096ee;
    opacity    : .1;
    }
.outer {
    margin    : 0 auto;
    min-width : 1200px;
    width     : 1200px;
    }
#headline {
    position      : relative;
    width         : 1224px;
    height        : 45px;
    border-bottom : 1px solid #4096ee;
    background    : #111;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    line-height   : 45px;
    }
#headline:before {
    position      : absolute;
    bottom        : -26px;
    left          : 0;
    width         : 0;
    height        : 0;
    border-top    : 6px solid #111;
    border-right  : 0 solid transparent;
    border-bottom : 20px solid transparent;
    border-left   : 12px solid transparent;
    content       : '';
    }
#headline:after {
    position      : absolute;
    right         : 0;
    bottom        : -26px;
    width         : 0;
    height        : 0;
    border-top    : 6px solid #111;
    border-right  : 12px solid transparent;
    border-bottom : 20px solid transparent;
    border-left   : 0 solid transparent;
    content       : '';
    }
.main {
    border          : 1px solid #333;
    background      : url(images/bg.jpg) fixed top center;
    background-size : cover;
    box-shadow      : 1px 3px 12px rgba(0, 0, 0, 0.6);
    }
#navback {
    position      : relative;
    z-index       : 100;
    margin-left   : -12px;
    width         : 1225px;
    height        : 50px;
    border-bottom : 6px solid #4096ee;
    background    : linear-gradient(to top, #3c3c3c 0%, #222 100%);
    }
#navback.top {
    position      : fixed;
    top           : 0;
    z-index       : 100;
    margin-left   : -12px;
    width         : 1225px;
    height        : 50px;
    border-bottom : 6px solid #4096ee;
    background    : linear-gradient(to top, #3c3c3c 0%, #222 100%);
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    }
#navback:before {
    position      : absolute;
    top           : -26px;
    left          : 0;
    width         : 0;
    height        : 0;
    border-top    : 20px solid transparent;
    border-right  : 0 solid transparent;
    border-bottom : 7px solid #222;
    border-left   : 12px solid transparent;
    content       : '';
    }
#navback:after {
    position      : absolute;
    top           : -26px;
    right         : 0;
    width         : 0;
    height        : 0;
    border-top    : 20px solid transparent;
    border-right  : 13px solid transparent;
    border-bottom : 7px solid #222;
    border-left   : 0 solid transparent;
    content       : '';
    }
#socialnav {
    position   : absolute;
    top        : -6px;
    right      : 0;
    padding    : 0;
    list-style : none;
    }
#socialnav li:first-child {
    opacity : 1;
    }
#socialnav li {
    display        : inline-block;
    margin         : 0 6px 0 6px;
    color          : #fff;
    vertical-align : middle;
    opacity        : .6;
    transition     : all 0.3s linear;
    }
#socialnav li:hover {
    opacity : 1;
    }
nav > ul {
    position    : absolute;
    left        : 10px;
    margin      : 0 0 0 -6px;
    padding     : 0;
    list-style  : none;
    font-size   : 14px;
    line-height : 50px;
    }
nav > ul > li {
    position     : relative;
    display      : inline-block;
    margin-left  : -4px;
    padding      : 0 20px 0 20px;
    border-right : 1px solid #111;
    color        : white;
    cursor       : pointer;
    transition   : all 0.3s linear;
    }
nav > ul > li:first-child {
    padding : 0;
    }
nav > ul > li:nth-child(3) {
    padding : 0;
    }
nav > ul > li:nth-child(7) {
    padding : 0;
    }
nav > ul > li:nth-child(8) {
    padding : 0;
    }
nav > ul > li a {
    position    : relative;
    display     : inline-block;
    padding     : 0 20px 0 20px;
    width       : 100%;
    color       : white !important;
    font-weight : normal !important;
    }
nav > ul > li:hover {
    background : #4096ee
    }
nav > ul > li ul {
    position      : absolute;
    left          : 0;
    visibility    : hidden;
    overflow      : hidden;
    margin        : 0;
    padding       : 0;
    width         : 180px;
    border-right  : 1px solid #222;
    border-bottom : 1px solid #222;
    border-left   : 1px solid #222;
    border-radius : 0 0 8px 8px;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    list-style    : none;
    font-size     : 13px;
    line-height   : normal;
    opacity       : 0;
    transition    : all 0.3s linear;
    }
nav > ul > li ul li {
    height        : 0;
    border-bottom : 1px solid #ddd;
    background    : white;
    text-indent   : 10px;
    line-height   : 35px;
    transition    : all 200ms ease-in;
    }
nav > ul > li ul li:hover {
    background : #ddd;
    }
nav > ul > li:hover > ul li {
    height : 35px;
    }
nav > ul > li ul li a {
    display         : block;
    color           : #222 !important;
    text-decoration : none;
    font-weight     : normal !important;
    }
nav > ul > li:hover > ul {
    visibility : visible;
    opacity    : 1;
    }
#leftpane {
    float  : left;
    margin : 10px;
    width  : 868px;
    }
#content {
    margin-left      : -21px;
    padding          : 0 10px 10px 0;
    /* border-left      : 1px solid #333; */
    border-radius    : 0 8px 8px 0;
    background-color : #4096ee;
    box-shadow       : 0 0 5px rgba(0, 0, 0, 0.6);
    }
#content:before {
    position      : absolute;
    bottom        : -26px;
    left          : 0;
    width         : 0;
    height        : 0;
    border-top    : 6px solid #333;
    border-right  : 0 solid transparent;
    border-bottom : 20px solid transparent;
    border-left   : 11px solid transparent;
    content       : '';
    }
#content:after {
    position      : absolute;
    top           : -26px;
    left          : 0;
    width         : 0;
    height        : 0;
    border-top    : 20px solid transparent;
    border-right  : 0 solid transparent;
    border-bottom : 6px solid #333;
    border-left   : 11px solid transparent;
    content       : '';
    }
#rightpane {
    position      : relative;
    float         : right;
    margin        : 10px -13px 10px 0;
    padding       : 0 0 10px 10px;
    width         : 310px;
    border-radius : 8px 0 0 8px;
    background    : #4096ee;
    box-shadow    : 0 0 5px rgba(0, 0, 0, 0.6);
    }
#rightpane:before {
    position      : absolute;
    top           : -26px;
    right         : 0;
    width         : 0;
    height        : 0;
    border-top    : 20px solid transparent;
    border-right  : 12px solid transparent;
    border-bottom : 7px solid #333;
    border-left   : 0 solid transparent;
    content       : '';
    }
#rightpane:after {
    position      : absolute;
    right         : 0;
    bottom        : -26px;
    width         : 0;
    height        : 0;
    border-top    : 6px solid #333;
    border-right  : 12px solid transparent;
    border-bottom : 20px solid transparent;
    border-left   : 0 solid transparent;
    content       : '';
    }
.navleft_head {
    position    : relative;
    display     : block;
    padding     : 10px;
    color       : #fff;
    text-align  : right;
    text-shadow : 0 1px 1px black;
    font-weight : bold;
    font-size   : 15px;
    }
.navleft_cont {
    position         : relative;
    overflow         : hidden;
    border-radius    : 8px 0 0 8px;
    background-color : #fff;
    font-size        : 13px;
    }
.navleft_in {
    display    : block;
    padding    : 10px;
    box-shadow : inset 0 0 15px rgba(0, 0, 0, 0.3);
    }
#hmenu {
    position    : relative;
    padding     : 10px;
    color       : #fff;
    text-shadow : 0 1px 1px black;
    font-weight : bold;
    font-size   : 15px;
    }
#hmenu a {
    color : white;
    }
#explode {
    padding       : 10px 10px 20px 10px;
    border-radius : 0 8px 8px 0;
    background    : #f3f3f3;
    box-shadow    : inset 0 0 15px rgba(0, 0, 0, 0.3);
    font-size     : 13px;
    }
footer {
    position      : relative;
    height        : 45px;
    border        : 1px solid #333;
    border-radius : 0 0 8px 8px;
    background    : linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    color         : white;
    font-size     : 13px;
    line-height   : 45px;
    }
footer ul {
    position   : absolute;
    left       : 10px;
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
footer ul li {
    display : inline;
    }
footer ul li a {
    color           : white !important;
    text-decoration : none;
    font-weight     : normal !important;
    }
#cop {
    position : absolute;
    right    : 10px;
    }
#loginbox {
    position  : absolute;
    right     : 10px;
    z-index   : 1001;
    font-size : 13px;
    }
#loginbox ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
#loginbox ul li {
    position       : relative;
    display        : inline-block;
    margin         : 0 2px 0 2px;
    color          : #dddddd;
    vertical-align : middle;
    }
#loginbox ul li a {
    color       : #ddd;
    font-weight : normal;
    }
#loginbox ul li input {
    outline : 0;
    border  : 1px solid #444;
    color   : #222;
    }
#loginbox ul li input[type=text], #loginbox ul li input[type=password] {
    padding    : 5px 10px 5px 10px;
    width      : 150px;
    background : #fff;
    }
#loginbox input[type=submit], #loginbox input[type=button] {
    padding    : 5px 10px 5px 10px;
    background : #111;
    font-size  : 13px;
    cursor     : pointer;
    }
#loginbox .listin li {
    margin  : 0 5px 0 5px;
    outline : 0;
    }
#loginbox .listin li ul {
    position      : absolute;
    top           : 43px;
    right         : -16px;
    visibility    : hidden;
    padding       : 5px 0 5px 0;
    width         : 150px;
    border-right  : 1px solid #666666;
    border-bottom : 1px solid #666666;
    border-left   : 1px solid #666666;
    border-radius : 0 0 4px 4px;
    background    : #111;
    text-align    : left;
    text-indent   : 10px;
    line-height   : normal;
    opacity       : 0;
    transition    : all 0.3s linear;
    }
#loginbox .listin li ul li {
    display     : block;
    height      : 0;
    line-height : 30px;
    transition  : all 0.2s linear;
    }
#loginbox .listin li ul li:hover {
    background : #4096ee;
    }
#loginbox .listin li ul li a {
    display         : block;
    color           : #dddddd;
    text-decoration : none;
    font-weight     : normal;
    }
#loginbox .listin li:hover > ul {
    visibility : visible;
    opacity    : 1;
    }
#loginbox .listin li:hover > ul li {
    height : 30px;
    }
#outb {
    min-height : 100%;
    }
.inlog {
    background : #222222;
    color      : #ffffff;
    opacity    : 0.6
    }
.newscontainer {
    position      : relative;
    margin-bottom : 20px;
    padding       : 10px;
    border        : 1px solid #ccc;
    border-radius : 8px;
    background    : rgba(0, 0, 0, 0.05)
    }
.newscontainer .head {
    position      : relative;
    padding-left  : 2px;
    border-bottom : 1px dashed #999;
    line-height   : 30px;
    }
.newscontainer .head a {
    font-size : 1.3em;
    }
.newscontainer .head span {
    position : absolute;
    right    : 10px;
    }
.newscat {
    position : relative;
    height   : 100px;
    }
.newscontainer .newscat img {
    width  : 100%;
    height : 100px;
    }
.newscontainer .newstext {
    padding   : 10px;
    width     : 98%;
    word-wrap : break-word;
    font-size : 1em;
    }
.newscontainer .autorline {
    position     : relative;
    padding-left : 2px;
    height       : 30px;
    border-top   : 1px dashed #999;
    line-height  : 30px;
    }
.newscontainer .autorline a {
    color       : #222;
    font-weight : normal;
    }
.newscontainer .nautor {
    position : absolute;
    right    : 5px;
    }
.ncavatar {
    display        : inline-block;
    margin-right   : 20px;
    vertical-align : middle;
    }
.ncdets {
    display        : inline-block;
    vertical-align : middle;
    }
.ncname {
    margin : 0 0 10px 0;
    }
.nctext {
    margin : 0 20px 0 0;
    width  : 650px;
    }
.ncline {
    margin           : 20px 20px 20px 10px;
    border           : 0 dashed #dddddd;
    border-top-width : 1px;
    }
.bewertung {
    position : absolute;
    top      : 3px;
    left     : 5px;
    }
.switchul {
    margin        : 0 0 5px 0;
    padding       : 0 0 5px 0;
    width         : 100%;
    border-bottom : 1px solid #dddddd;
    list-style    : none;
    text-align    : right;
    }
.switchul li {
    display       : inline-block;
    padding       : 5px 7px 5px 7px;
    border-radius : 4px;
    background    : #222222;
    color         : white;
    cursor        : pointer;
    transition    : all 0.3s linear;
    }
.switchul li:hover {
    background : #4096ee;
    }
.switchul li.select {
    background : #4096ee;
    }
/*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 7px 10px 7px;
    outline    : 0;
    border-top : 3px solid #cccccc;
    background : #dddddd;
    color      : #222222;
    cursor     : pointer;
    transition : all 0.3s linear;
    }
.profil.edit li {
    padding : 10px 12px 10px 12px;
    }
.profil li img {
    display        : inline-block;
    margin         : -3px 5px 0 0;
    width          : 16px;
    vertical-align : middle;
    }
.profil li span {
    display        : inline-block;
    margin-top     : -4px;
    vertical-align : middle;
    font-size      : 11px;
    }
.profil li:hover {
    border-top : 3px solid #4096ee;
    }
.profilinhalt {
    display : none;
    }
.profil li.select {
    border-top : 3px solid #4096ee;
    }
.profilinhalt table {
    position        : relative;
    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      : 0;
    text-align : right;
    font-size  : 13px;
    }
.statscontainer .balkenbg {
    display        : inline-block;
    overflow       : hidden;
    padding        : 2px;
    width          : 390px;
    border         : 1px solid #dddddd;
    vertical-align : middle;
    }
.statscontainer .balken {
    position   : relative;
    min-width  : 1px;
    max-width  : 390px;
    height     : 20px;
    background : #4096ee;
    }
#avainfo {
    position    : absolute;
    top         : 100px;
    right       : 0;
    left        : 0;
    line-height : 25px;
    }
.subsettings {
    display : none;
    }
.sortbilder {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.sortbilder li img {
    width  : 100px;
    height : 80px;
    }
#spul {
    position   : absolute;
    top        : -2px;
    left       : 0;
    z-index    : 100;
    margin     : 0;
    padding    : 9px 0 0 0;
    width      : 450px;
    list-style : none;
    }
#spul li {
    float  : left;
    margin : 0 10px 10px 10px;
    cursor : pointer;
    }
#spul li img {
    width      : 24px;
    opacity    : .8;
    transition : all 0.3s linear;
    }
#spul li a:hover > img {
    opacity : 1;
    }
/*Teams*/
.teamcontainer {
    padding : 5px;
    }
.teamcontainer .teamhead {
    height      : 100px;
    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 img {
    width  : 100%;
    height : 100px;
    }
.teamcontainer .teamhead:hover {
    background : #222;
    }
.teamcontainer .teaminhalt {
    display   : none;
    padding   : 20px;
    color     : #222;
    font-size : 13px;
    }
.teambesch {
    padding : 10px;
    border  : 1px dashed #333;
    }
.teamcontainer ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.teamcontainer li {
    display        : inline-block;
    margin         : 17px;
    vertical-align : top;
    text-align     : center;
    line-height    : 25px;
    }
.teamcontainer h3 {
    position        : relative;
    margin-left     : 10px;
    text-decoration : underline;
    }
.onlinebox {
    margin     : 0;
    padding    : 0;
    list-style : none;
    text-align : center;
    }
.onlinebox li {
    margin-bottom  : 5px;
    padding-bottom : 5px;
    border-bottom  : 1px dashed #ddd;
    }
.onlinebox li img {
    position : relative;
    top      : -2px;
    left     : 1px;
    }
.onlinebox li.on {
    border-bottom : 0;
    }
.onlinebox li:last-child {
    margin-bottom  : 0;
    padding-bottom : 0;
    border-bottom  : 0;
    }
.onlinebox li > span {
    display        : inline-block;
    margin-right   : 5px;
    vertical-align : middle;
    }
.onlinebox li > span + span {
    font-style : italic;
    }
.navipoint {
    float         : left;
    margin-left   : 7px;
    padding       : 10px;
    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;
    cursor        : pointer;
    }
.subpointb {
    padding    : 4px;
    background : #000000;
    background : linear-gradient(to right, #000000 46%, #ffffff 100%);
    color      : #ffffff;
    }
.navipoint:hover {
    background : grey;
    cursor     : pointer;
    }
.navipointactive {
    float         : left;
    margin-left   : 7px;
    padding       : 10px;
    border-radius : 4px 4px 0 0;
    background    : grey;
    color         : #ffffff;
    }
#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-size     : 11px;
    opacity       : 0.99;
    }
.rangbaus {
    float         : left;
    margin        : 11px;
    padding       : 10px;
    width         : 22%;
    border        : 1px solid #555555;
    border-radius : 4px;
    }
.aroundover {
    position      : relative;
    margin        : 0 0 20px -21px;
    padding       : 0 10px 10px 4px;
    /* border-left   : 1px solid #333; */
    border-radius : 0 8px 8px 0;
    background    : #4096ee;
    box-shadow    : 0 0 5px rgba(0, 0, 0, 0.6);
    white-space   : nowrap;
    font-size     : 13px;
    }
#aclose {
    position      : absolute;
    top           : 15px;
    right         : 10px;
    width         : 0;
    height        : 0;
    border-top    : 10px solid white;
    border-right  : 5px solid transparent;
    border-bottom : 15px solid transparent;
    border-left   : 5px solid transparent;
    content       : '';
    cursor        : pointer;
    }
#aclose.select {
    position      : absolute;
    top           : 0;
    right         : 10px;
    width         : 0;
    height        : 0;
    border-top    : 15px solid transparent;
    border-right  : 5px solid transparent;
    border-bottom : 10px solid white;
    border-left   : 5px solid transparent;
    content       : '';
    }
.aroundover:before {
    position      : absolute;
    top           : -26px;
    left          : 0;
    width         : 0;
    height        : 0;
    border-top    : 20px solid transparent;
    border-right  : 0 solid transparent;
    border-bottom : 7px solid #222;
    border-left   : 11px solid transparent;
    content       : '';
    }
.aroundover:after {
    position      : absolute;
    bottom        : -25px;
    left          : 0;
    width         : 0;
    height        : 0;
    border-top    : 6px solid #333;
    border-right  : 0 solid transparent;
    border-bottom : 20px solid transparent;
    border-left   : 11px solid transparent;
    content       : '';
    }
.overboxen {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.overboxen > li {
    display        : inline-block;
    overflow       : hidden;
    box-sizing     : content-box;
    margin-left    : -4px;
    padding-right  : 10px;
    width          : 286px;
    vertical-align : top;
    text-align     : left;
    }
.overboxen > li:last-child {
    padding-right : 0;
    }
.overboxen > li .head {
    display     : block;
    padding     : 10px 10px 0 10px;
    color       : #fff;
    text-align  : center;
    text-shadow : 0 1px 1px black;
    font-weight : bold;
    font-size   : 15px;
    cursor      : pointer;
    }
.overboxen > li:first-child .cont {
    border-radius : 0 8px 8px 0;
    }
.overboxen > li .cont {
    display       : block;
    margin-top    : 10px;
    padding       : 10px;
    height        : 175px;
    border-radius : 8px;
    background    : #f3f3f3;
    box-shadow    : inset 0 0 15px rgba(0, 0, 0, 0.3);
    white-space   : normal;
    }
/*

.overboxen > li:last-child .cont img {
    width         : 286px;
    height        : 195px;
    margin:-10px;
    border-radius : 8px;
    opacity       : .85;
    transition    : all 0.3s linear;
    }
 */
.overboxen > li:last-child .cont img {
    width         : 267px;
    height        : 177px;
    border-radius : 8px;
    opacity       : .85;
    transition    : all 0.3s linear;
    }
.overboxen > li:last-child .cont img:hover {
    opacity : 1;
    }
.dbnorma {
    position      : relative;
    display       : inline-block;
    padding       : 4px 8px 4px 8px;
    border        : 1px solid grey;
    border-radius : 2px;
    background    : #222222;
    box-shadow    : 0 0 0 black;
    color         : #ffffff;
    }
.dbnorma.site {
    position     : relative;
    padding-left : 20px;
    opacity      : 0.95;
    cursor       : pointer;
    }
.dbnorma.site span {
    position      : absolute;
    top           : 11px;
    left          : 6px;
    display       : block;
    width         : 0;
    height        : 0;
    border-top    : 6px solid #ddd;
    border-right  : 5px solid transparent;
    border-bottom : 6px solid transparent;
    border-left   : 5px solid transparent;
    }
.gopa {
    position      : absolute;
    top           : 29px;
    left          : -1px;
    display       : none;
    margin-bottom : 40px;
    padding       : 0 5px 0 5px;
    width         : 230px;
    height        : 35px;
    border-radius : 4px;
    background    : #323232;
    line-height   : 35px;
    }
.dbnorm {
    padding       : 4px 8px 4px 8px;
    border        : 1px solid grey;
    border-radius : 2px;
    color         : #ffffff;
    opacity       : 0.85;
    transition    : all 0.3s linear;
    }
.dbnorm:hover {
    padding       : 4px 8px 4px 8px;
    border        : 1px solid grey;
    border-radius : 2px;
    background    : #222222;
    box-shadow    : 0 0 0 black;
    color         : #ffffff;
    opacity       : 0.85;
    }
.linkbox {
    margin     : 0;
    padding    : 0;
    list-style : none;
    font-size  : 13px;
    }
.linkbox li {
    display       : block;
    margin-bottom : 9px;
    border-top    : 3px solid #4096ee;
    border-radius : 10px;
    box-shadow    : 1px 3px 5px rgba(0, 0, 0, 0.4);
    text-align    : center;
    line-height   : normal;
    transition    : all 0.3s linear;
    }
.linkbox li:hover {
    box-shadow : inset 1px 3px 5px rgba(0, 0, 0, 0.6);
    }
.linkbox li a {
    position    : relative;
    display     : block;
    padding     : 4px;
    color       : #222;
    font-weight : normal;
    }
.frh2 {
    padding-bottom : 5px;
    border-bottom  : 1px solid #ddd;
    }
.pfreunde {
    margin     : 0;
    padding    : 0;
    list-style : none;
    }
.pfreunde li {
    position       : relative;
    display        : inline-block;
    box-sizing     : border-box;
    margin         : 12px;
    padding        : 10px;
    width          : 212px;
    height         : 150px;
    border         : 1px solid #ddd;
    vertical-align : middle;
    text-align     : center;
    }
.pfreunde.edit li {
    margin : 15px;
    }
.dfriend {
    position : absolute;
    top      : 10px;
    right    : 30px;
    }
.dfriends {
    position : absolute;
    top      : 10px;
    right    : 10px;
    }
.pfreunde li > div:first-child {
    line-height : 70px;
    }
.pfreunde li > div:first-child img {
    max-height     : 78px;
    vertical-align : middle;
    }
.pfreunde li > div + div {
    position   : absolute;
    bottom     : 27px;
    left       : 0;
    box-sizing : border-box;
    width      : 100%;
    }
.pfreunde li > div + div + div {
    position    : absolute;
    bottom      : 0;
    left        : 0;
    box-sizing  : border-box;
    width       : 100%;
    height      : 27px;
    color       : white;
    line-height : 27px;
    }
/*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 {
    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;
    }
.chatar {
    padding-bottom : 5px;
    border-bottom  : 1px dashed #ddd;
    }
.chatar span {
    display        : inline-block;
    margin-right   : 10px;
    vertical-align : top;
    }
#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          : -55px;
    width         : 50px;
    height        : 60px;
    border-right  : 3px solid #4096ee;
    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);
    }
.avatardmk {
    position : relative;
    overflow : hidden;
    margin   : 0 auto;
    }
.avatardmk img {
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 99;
    width    : 100%;
    height   : 100%;
    }
.avatardmk img + img {
    z-index : 98;
    }
.shead {
    position      : relative;
    height        : 30px;
    border-radius : 4px 4px 0 0;
    background    : #111;
    color         : white;
    text-align    : center;
    font-weight   : bold;
    font-size     : 13px;
    line-height   : 30px;
    }
.floatingbox {
    position      : fixed;
    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;
    }
.tsviewx {
    position      : fixed;
    top           : 200px;
    right         : -270px;
    z-index       : 10000;
    padding       : 6px;
    width         : 250px;
    height        : 558px;
    outline       : 0;
    border        : 4px solid #4096ee;
    border-radius : 8px 0 0 8px;
    background    : white;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    transition    : all 0.3s linear;
    }
.tsviewx .tsopen {
    position      : absolute;
    top           : 20px;
    left          : -39px;
    z-index       : 100;
    width         : 35px;
    height        : 130px;
    border-top    : 4px solid #4096ee;
    border-bottom : 4px solid #4096ee;
    border-left   : 4px solid #4096ee;
    border-radius : 8px 0 0 8px;
    background    : #4096ee;
    box-shadow    : -4px 3px 12px rgba(0, 0, 0, 0.2);
    content       : '';
    white-space   : nowrap;
    cursor        : pointer;
    }
.tsviewx .tsopen span {
    position    : absolute;
    top         : 54px;
    left        : -38px;
    z-index     : 101;
    color       : white;
    text-shadow : 0 1px 1px rgba(0, 0, 0, 0.5);
    font-weight : bold;
    font-size   : 18px;
    cursor      : pointer;
    transform   : rotate(90deg);
    }
.tsviewx.select {
    right : 0;
    }
#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    : .85;
    }
.shtext {
    display   : block;
    width     : 200px;
    word-wrap : break-word;
    }
/************************************************************************************
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 280px;
    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 {
    position        : relative;
    z-index         : 10;
    display         : flex;
    margin          : 0;
    padding         : 0;
    list-style      : none;
    flex-flow       : row wrap;
    justify-content : space-around;
    }
.streamcontainer > li {
    position      : relative;
    overflow      : hidden;
    box-sizing    : border-box;
    margin        : 10px 0;
    padding       : 10px;
    width         : 420px;
    height        : 420px;
    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    : 380px;
    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%);
    }
#liveplayer {
    position : relative;
    left     : 0;
    }
.forumswitch {
    position        : absolute;
    top             : 11px;
    left            : 195px;
    display         : flex;
    margin          : 0;
    padding         : 0;
    list-style      : none;
    justify-content : flex-end;
    }
.forumswitch > * {
    padding     : 1px 10px;
    background  : #222222;
    color       : white;
    text-shadow : 0 1px 1px rgba(0, 0, 0, 0.6);
    cursor      : pointer;
    transition  : all 0.3s linear;
    }
            .forumswitch li:hover {
    background : #222;
    }
.forumswitch li.select {
    background : #222;
    }