/********/
/* TAGS */
/********/
* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Arial;
    background-image: url("../../images/top-background.jpg");
    background-repeat: repeat-x;
    background-color: #E0E0E0;
    height: 101%;
}

body.em {
    background-image: url("../../images/top-background-em2016.jpg");
}

img {
    border: 0 none;
}

input[type=text] {
    border: 1px solid #FECA92;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
}

input[type=password] {
    border: 1px solid #FECA92;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
}

textarea {
    border: 1px solid #FECA92;
    background-color: #FFFFFF;
    color: #000000;
    resize: none; /* Mozilla Hack */
}

select {
    border: 1px solid #FECA92;
    color: #000000;
    font-size: 12px;
}

/* KLASSEN */
.text_14 {
    font-family: Arial;
    font-size: 14px;
}

.text_12 {
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
}

.text_10 {
    font-family: Arial;
    font-size: 11px;
}

.input_caption {
    position: relative;
    left: 2px;
}

.labeledInput {
    padding-bottom: 10px;
    min-height: 20px;
}

.inputLabel {
    font-weight: bold;
    min-height: 20px;
}

textarea.inline-input {
    border: none;
    background-color: #FFFFFF;
    color: #000000;
}

.vscroll {
    overflow-y: auto;
    overflow-x: hidden;
}

div.clear {
    width: 0px;
    height: 0px;
    clear: both;
}

.captcha {
    border: 1px solid #FECA92;
}

.errorRow input[type=text] {
    border: 2px solid #FF2222;
}

.errorRow input[type=password] {
    border: 2px solid #FF2222;
}

.errorRow textarea {
    border: 2px solid #FF2222;
}

.errorRow select {
    border: 2px solid #FF2222;
}

.errorBox {
    background-color: #eee;
    border: 1px solid #e00;
    margin-bottom: 10px;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    color: #e00;
    clear: both;
}

.errorBox em {
    text-decoration: underline overline;
    text-decoration-color: #e00;
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
}

.errorBox ul {
    margin-inline-start: 2ch;
    list-style: square;
}

.successBox {
    background-color: #eee;
    border: 1px solid #0b0;
    margin-bottom: 10px;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    color: #0b0;
    clear: both;
}

.errorInput {
    color: #E00;
    font-weight: bold;
}

.errorInput input[type=text] {
    border: 1px solid #E00;
}

.errorInput input[type=password] {
    border: 1px solid #E00;
}

.center {
    text-align: center;
}

/*\*//*/
.vertical-center { display: block; }

.vertical-center span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

<!--
[if lt IE

8
]
>
.vertical-center span {
    display: inline-block;
    height: 100%;
}

<
!
[endif]

-->
#faq_list a {
}

.main-content {
    width: 980px;
    background-color: #FFFFFF;
    color: #464646;
    margin-left: auto;
    margin-right: auto;
    padding-top: 35px;
    position: relative;
    padding-bottom: 35px;
    z-index: 100;
}

.main-content-window {
    width: 720px;
    height: 410px;
    overflow-y: auto;
    background-color: #FFFFFF;
    color: #464646;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 15px 10px;
    z-index: 100;
}

.main-content p, .main-content-window p, div.pseudo-p {
    color: #464646;
    font-face: Arial;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
}

div.main-content a, div.main-content-window a, div.pseudo-p > a {
    color: #464646;
    text-decoration: underline;
}

.main-content a:hover, .main-content-window a:hover, div.pseudo-p > a:hover {
    color: #EB7F03;
    text-decoration: underline;
}

.main-content h2, .main-content-window h2 {
    color: #f07e06;
    font-face: Arial;
    font-size: 22px;
    line-height: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.main-content h3, .main-content-window h3 {
    color: #646464;
    font-face: Arial;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    padding-bottom: 6px;
}

#teaser {
    margin-left: auto;
    margin-right: auto;
    height: 370px;
    width: 920px;
}

#teaser-image {
    width: 920px;
    height: 350px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
}

#teaser-image-top-left {
    background-image: url("../../images/picture-left_top.png");
    width: 20px;
    height: 20px;
    position: relative;
    top: -10px;
    left: -10px;
}

#teaser-image-top-right {
    background-image: url("../../images/picture-right_top.png");
    width: 20px;
    height: 20px;
    position: relative;
    top: -50px;
    left: 910px;
}

#teaser-image-top-center {
    background-image: url("../../images/picture-top_middle.png");
    width: 900px;
    height: 20px;
    position: relative;
    top: -30px;
    left: 10px;
}

#teaser-image-middle-left {
    background-image: url("../../images/picture-left_middle.png");
    width: 10px;
    position: relative;
    left: -10px;
    top: -50px;
    height: 330px;
}

#teaser-image-middle-right {
    background-image: url("../../images/picture-right_middle.png");
    width: 10px;
    height: 330px;
    position: relative;
    left: 920px;
    top: -710px;
}

#teaser-image-content {
    position: relative;
    top: -380px;
    left: 10px;
    width: 900px;
    height: 330px;
}

#teaser-image-bottom-left {
    background-image: url("../../images/picture-left_bottom.png");
    width: 20px;
    height: 20px;
    position: relative;
    top: -1000px;
    left: -10px;
}

#teaser-image-bottom-right {
    background-image: url("../../images/picture-right_bottom.png");
    width: 10px;
    height: 10px;
    float: right;
}

#teaser-image-bottom-center {
    margin-left: auto;
    margin-right: auto;
}

#quick-buttons {
    margin-left: auto;
    margin-right: auto;
    width: 910px;
    padding-top: 35px;
    /*	padding: 35px;
        padding-bottom: 0px; */
    display: table;
}

#quick-buttons-small {
    margin-left: auto;
    margin-right: auto;
    width: 910px;
    padding-top: 40px;
    padding-bottom: 5px;
    display: table;
}

#download-buttons {
    margin-left: auto;
    margin-right: auto;
    width: 910px;
    padding-bottom: 20px;
    display: table;
}

#quick-button-1 {
    float: left;
    padding-right: 24px;
}

#quick-button-2 {
    float: left;
    padding-right: 24px;
}

#quick-button-3 {
    float: left;
    padding-right: 24px;
}

#quick-button-4 {
    float: left;
}

#news-foot {
    width: 980px;
    height: 78px;
    background-color: #E0E0E0;
    background-image: url("../../images/twitter-background.jpg");
    color: #464646;
    margin-left: auto;
    margin-right: auto;
}

#news-icon {
    height: 23px;
    width: 23px;
    background-image: url("../../images/twitter-icon.png");
}

.game-subtitle {
    clear: both;
    font-size: 10px;
    margin-left: 38px;
    padding-bottom: 20px;
    width: 540px;
}

p.intro {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 14px;
    color: #646464;
}

p.last-para {
    margin-bottom: 0;
}

.game-paragraph {
    width: 663px;
}

/** MINI QUICK NAV **/
#mini-quick-nav {
    font-size: 10px;
    margin-bottom: 5px;
}

ul.paragraph-flow {
    color: #464646;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
}

#mini-quick-nav ul {
    display: inline;
}

#mini-quick-nav ul > li {
    display: inline;
}

/** FAQ **/
div.faq-tab-active, div.faq-tab-inactive {
    float: left;
    margin-right: 10px;
}

div.faq-tab-container {
    min-height: 33px;
}

div.faq-tab-container a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}

div.faq-tab-container a:hover {
    color: #EB7F03;
    font-weight: bold;
    text-decoration: none;
}

div.faq-tab-left-active {
    width: 6px;
    height: 33px;
    background-image: url("../../images/buttons/faq/left-active.jpg");
    float: left;
}

div.faq-tab-center-active {
    height: 33px;
    min-width: 100px;
    background-image: url("../../images/buttons/faq/center-active.jpg");
    padding-left: 10px;
    padding-right: 10px;
    line-height: 33px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    float: left;
}

div.faq-tab-right-active {
    width: 6px;
    height: 33px;
    background-image: url("../../images/buttons/faq/right-active.jpg");
    float: left;
}

div.faq-tab-left-inactive {
    width: 6px;
    height: 33px;
    background-image: url("../../images/buttons/faq/left-inactive.jpg");
    float: left;
}

div.faq-tab-center-inactive {
    height: 33px;
    min-width: 100px;
    background-image: url("../../images/buttons/faq/center-inactive.jpg");
    padding-left: 10px;
    padding-right: 10px;
    line-height: 33px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
}

div.faq-tab-right-inactive {
    width: 6px;
    height: 33px;
    background-image: url("../../images/buttons/faq/right-inactive.jpg");
    float: left;
}

div.faq-tab-bottom-line {
    height: 6px;
    width: 666px;
    background-color: #F07D00;
    margin-bottom: 20px;
}

div.faq-category {
    width: 640px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

div.faq-category p {
}

div.faq-navigation {
    width: 640px;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

div.faq-navigation h3 {
    font-weight: bold;
    line-height: 16px;
}

div.faq-navigation ul > li {
    margin-bottom: 5px;
}

div.faq-top-link {
    text-align: right;
    line-height: 10px;
    font-size: 10px;
    margin-bottom: 20px;
}

div.faq-top-link img {
    margin-right: 5px;
}

div.play_teaser_button_top_right {
    float: right;
    position: relative;
    padding-left: 20px;
    margin-top: -20px;
    padding-bottom: 10px;
}

img.userbild, img.userbild-63_84 {
    border: 1px solid #FECA92;
}

img.userbild-63_84 {
    width: 63px;
    height: 84px;
}

.in {
    display: inline;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

p.justify {
    text-align: justify;
}

/*** SPACER ***/

.pleft20 {
    padding-left: 20px;
}

.pbottom15 {
    padding-bottom: 15px;
}

/** LINKS **/
/* 1px */
.leftSpacedXXS {
    padding-left: 1px;
}

div.leftSpacedXXS {
    padding-left: 1px;
}

td.leftSpacedXXS {
    padding-left: 1px;
}

table.leftSpacedXXS td {
    padding-left: 1px;
}

table.leftSpacedXXS th {
    padding-left: 1px;
}

/* 2px */
.leftSpacedXS {
    padding-left: 2px;
}

div.leftSpacedXS {
    padding-left: 2px;
}

td.leftSpacedXS {
    padding-left: 2px;
}

th.leftSpacedXS {
    padding-left: 2px;
}

table.leftSpacedXS td {
    padding-left: 2px;
}

table.leftSpacedXS th {
    padding-left: 2px;
}

/* 3px */
.leftSpacedS {
    padding-left: 3px;
}

div.leftSpacedS {
    padding-left: 3px;
}

td.leftSpacedS {
    padding-left: 3px;
}

table.leftSpacedS td {
    padding-left: 3px;
}

table.leftSpacedS th {
    padding-left: 3px;
}

/* 5px */
.leftSpacedM {
    padding-left: 5px;
}

div.leftSpacedM {
    padding-left: 5px;
}

td.leftSpacedM {
    padding-left: 5px;
}

table.leftSpacedM td {
    padding-left: 5px;
}

table.leftSpacedM th {
    padding-left: 5px;
}

/** RECHTS **/
/* 1px */
.rightSpacedXXS {
    padding-right: 1px;
}

div.rightSpacedXXS {
    padding-right: 1px;
}

td.rightSpacedXXS {
    padding-right: 1px;
}

table.rightSpacedXXS td {
    padding-right: 1px;
}

table.rightSpacedXXS th {
    padding-right: 1px;
}

/* 2px */
.rightSpacedXS {
    padding-right: 2px;
}

div.rightSpacedXS {
    padding-right: 2px;
}

td.rightSpacedXS {
    padding-right: 2px;
}

th.rightSpacedXS {
    padding-right: 2px;
}

table.rightSpacedXS td {
    padding-right: 2px;
}

table.rightSpacedXS th {
    padding-right: 2px;
}

/* 3px */
.rightSpacedS {
    padding-right: 3px;
}

div.rightSpacedS {
    padding-right: 3px;
}

td.rightSpacedS {
    padding-right: 3px;
}

table.rightSpacedS td {
    padding-right: 3px;
}

table.rightSpacedS th {
    padding-right: 3px;
}

/* 5px */
.rightSpacedM {
    padding-right: 5px;
}

div.rightSpacedM {
    padding-right: 5px;
}

td.rightSpacedM {
    padding-right: 5px;
}

table.rightSpacedM td {
    padding-right: 5px;
}

table.rightSpacedM th {
    padding-right: 5px;
}

/* 8px */
.rightSpacedXXL {
    padding-right: 8px;
}

div.rightSpacedXXL {
    padding-right: 8px;
}

td.rightSpacedXXL {
    padding-right: 8px;
}

table.rightSpacedXXL td {
    padding-right: 8px;
}

table.rightSpacedXXL th {
    padding-right: 8px;
}

/** UNTEN **/
/* 1px */
.bottomSpacedXXS {
    padding-bottom: 1px;
}

div.bottomSpacedXXS {
    padding-bottom: 1px;
}

td.bottomSpacedXXS {
    padding-bottom: 1px;
}

table.bottomSpacedXXS td {
    padding-bottom: 1px;
}

table.bottomSpacedXXS th {
    padding-bottom: 1px;
}

/* 2px */
.bottomSpacedXS {
    padding-bottom: 2px;
}

div.bottomSpacedXS {
    padding-bottom: 2px;
}

td.bottomSpacedXS {
    padding-bottom: 2px;
}

table.bottomSpacedXS td {
    padding-bottom: 2px;
}

table.bottomSpacedXS th {
    padding-bottom: 2px;
}

/* 3px */
.bottomSpacedS {
    padding-bottom: 3px;
}

div.bottomSpacedS {
    padding-bottom: 3px;
}

td.bottomSpacedS {
    padding-bottom: 3px;
}

table.bottomSpacedS td {
    padding-bottom: 3px;
}

table.bottomSpacedS th {
    padding-bottom: 3px;
}

/* 5px */
.bottomSpacedM {
    padding-bottom: 5px;
}

div.bottomSpacedM {
    padding-bottom: 5px;
}

td.bottomSpacedM {
    padding-bottom: 5px;
}

table.bottomSpacedM td {
    padding-bottom: 5px;
}

table.bottomSpacedM th {
    padding-bottom: 5px;
}

/* 6px */
.bottomSpacedL {
    padding-bottom: 6px;
}

div.bottomSpacedL {
    padding-bottom: 6px;
}

td.bottomSpacedL {
    padding-bottom: 6px;
}

table.bottomSpacedL td {
    padding-bottom: 6px;
}

table.bottomSpacedL th {
    padding-bottom: 6px;
}

/* 7px */
.bottomSpacedXL {
    padding-bottom: 7px;
}

div.bottomSpacedXL {
    padding-bottom: 7px;
}

td.bottomSpacedXL {
    padding-bottom: 7px;
}

table.bottomSpacedXL td {
    padding-bottom: 7px;
}

/* 8px */
.bottomSpacedXXL {
    padding-bottom: 8px;
}

div.bottomSpacedXXL {
    padding-bottom: 8px;
}

td.bottomSpacedXXL {
    padding-bottom: 8px;
}

table.bottomSpacedXXL td {
    padding-bottom: 8px;
}

table.bottomSpacedXXL th {
    padding-bottom: 8px;
}

/** OBEN **/
/* 1px */
.topSpacedXXS {
    padding-top: 1px;
}

div.topSpacedXXS {
    padding-top: 1px;
}

td.topSpacedXXS {
    padding-top: 1px;
}

table.topSpacedXXS td {
    padding-top: 1px;
}

table.topSpacedXXS th {
    padding-top: 1px;
}

/* 2px */
.topSpacedXS {
    padding-top: 2px;
}

div.topSpacedXS {
    padding-top: 2px;
}

td.topSpacedXS {
    padding-top: 2px;
}

table.topSpacedXS td {
    padding-top: 2px;
}

table.topSpacedXS th {
    padding-top: 2px;
}

/* 3px */
.topSpacedS {
    padding-top: 3px;
}

div.topSpacedS {
    padding-top: 3px;
}

td.topSpacedS {
    padding-top: 3px;
}

table.topSpacedS td {
    padding-top: 3px;
}

table.topSpacedS th {
    padding-top: 3px;
}

/* 5px */
.topSpacedM {
    padding-top: 5px;
}

div.topSpacedM {
    padding-top: 5px;
}

td.topSpacedM {
    padding-top: 5px;
}

table.topSpacedM td {
    padding-top: 5px;
}

table.topSpacedM th {
    padding-top: 5px;
}

/* 6px */
.topSpacedL {
    padding-top: 6px;
}

div.topSpacedL {
    padding-top: 6px;
}

td.topSpacedL {
    padding-top: 6px;
}

table.topSpacedL td {
    padding-top: 6px;
}

table.topSpacedL th {
    padding-top: 6px;
}

/* 7px */
.topSpacedXL {
    padding-top: 7px;
}

div.topSpacedXL {
    padding-top: 7px;
}

td.topSpacedXL {
    padding-top: 7px;
}

table.topSpacedXL td {
    padding-top: 7px;
}

table.topSpacedXL th {
    padding-top: 7px;
}

/* 8px */
.topSpacedXXL {
    padding-top: 8px;
}

div.topSpacedXXL {
    padding-top: 8px;
}

td.topSpacedXXL {
    padding-top: 8px;
}

table.topSpacedXXL td {
    padding-top: 8px;
}

table.topSpacedXXL th {
    padding-top: 8px;
}

/** KOMPLETT **/
/* 1px */
.spacedXXS {
    padding: 1px;
}

div.spacedXXS {
    padding: 1px;
}

td.spacedXXS {
    padding: 1px;
}

table.spacedXXS td {
    padding: 1px;
}

table.spacedXXS th {
    padding: 1px;
}

/* 2px */
.spacedXS {
    padding: 2px;
}

div.spacedXS {
    padding: 2px;
}

td.spacedXS {
    padding: 2px;
}

table.spacedXS td {
    padding: 2px;
}

table.spacedXS th {
    padding: 2px;
}

/* 3px */
.spacedS {
    padding: 3px;
}

div.spacedS {
    padding: 3px;
}

td.spacedS {
    padding: 3px;
}

table.spacedS td {
    padding: 3px;
}

table.spacedS th {
    padding: 3px;
}

/* 5px */
.spacedM {
    padding: 5px;
}

div.spacedM {
    padding: 5px;
}

td.spacedM {
    padding: 5px;
}

table.spacedM td {
    padding: 5px;
}

/*** MARGIN ***/

.mleft20 {
    margin-left: 20px;
}

.mbottom15 {
    margin-bottom: 15px;
}

/** LINKS **/
/* 1px */
.leftMarginXXS {
    margin-left: 1px;
}

div.leftMarginXXS {
    margin-left: 1px;
}

td.leftMarginXXS {
    margin-left: 1px;
}

table.leftMarginXXS td {
    margin-left: 1px;
}

table.leftMarginXXS th {
    margin-left: 1px;
}

/* 2px */
.leftMarginXS {
    margin-left: 2px;
}

div.leftMarginXS {
    margin-left: 2px;
}

td.leftMarginXS {
    margin-left: 2px;
}

th.leftMarginXS {
    margin-left: 2px;
}

table.leftMarginXS td {
    margin-left: 2px;
}

table.leftMarginXS th {
    margin-left: 2px;
}

/* 3px */
.leftMarginS {
    margin-left: 3px;
}

div.leftMarginS {
    margin-left: 3px;
}

td.leftMarginS {
    margin-left: 3px;
}

table.leftMarginS td {
    margin-left: 3px;
}

table.leftMarginS th {
    margin-left: 3px;
}

/* 5px */
.leftMarginM {
    margin-left: 5px;
}

div.leftMarginM {
    margin-left: 5px;
}

td.leftMarginM {
    margin-left: 5px;
}

table.leftMarginM td {
    margin-left: 5px;
}

table.leftMarginM th {
    margin-left: 5px;
}

/** RECHTS **/
/* 1px */
.rightMarginXXS {
    margin-right: 1px;
}

div.rightMarginXXS {
    margin-right: 1px;
}

td.rightMarginXXS {
    margin-right: 1px;
}

table.rightMarginXXS td {
    margin-right: 1px;
}

table.rightMarginXXS th {
    margin-right: 1px;
}

/* 2px */
.rightMarginXS {
    margin-right: 2px;
}

div.rightMarginXS {
    margin-right: 2px;
}

td.rightMarginXS {
    margin-right: 2px;
}

th.rightMarginXS {
    margin-right: 2px;
}

table.rightMarginXS td {
    margin-right: 2px;
}

table.rightMarginXS th {
    margin-right: 2px;
}

/* 3px */
.rightMarginS {
    margin-right: 3px;
}

div.rightMarginS {
    margin-right: 3px;
}

td.rightMarginS {
    margin-right: 3px;
}

table.rightMarginS td {
    margin-right: 3px;
}

table.rightMarginS th {
    margin-right: 3px;
}

/* 5px */
.rightMarginM {
    margin-right: 5px;
}

div.rightMarginM {
    margin-right: 5px;
}

td.rightMarginM {
    margin-right: 5px;
}

table.rightMarginM td {
    margin-right: 5px;
}

table.rightMarginM th {
    margin-right: 5px;
}

/** UNTEN **/
/* 1px */
.bottomMarginXXS {
    margin-bottom: 1px;
}

div.bottomMarginXXS {
    margin-bottom: 1px;
}

td.bottomMarginXXS {
    margin-bottom: 1px;
}

table.bottomMarginXXS td {
    margin-bottom: 1px;
}

table.bottomMarginXXS th {
    margin-bottom: 1px;
}

/* 2px */
.bottomMarginXS {
    margin-bottom: 2px;
}

div.bottomMarginXS {
    margin-bottom: 2px;
}

td.bottomMarginXS {
    margin-bottom: 2px;
}

table.bottomMarginXS td {
    margin-bottom: 2px;
}

table.bottomMarginXS th {
    margin-bottom: 2px;
}

/* 3px */
.bottomMarginS {
    margin-bottom: 3px;
}

div.bottomMarginS {
    margin-bottom: 3px;
}

td.bottomMarginS {
    margin-bottom: 3px;
}

table.bottomMarginS td {
    margin-bottom: 3px;
}

table.bottomMarginS th {
    margin-bottom: 3px;
}

/* 5px */
.bottomMarginM {
    margin-bottom: 5px;
}

div.bottomMarginM {
    margin-bottom: 5px;
}

td.bottomMarginM {
    margin-bottom: 5px;
}

table.bottomMarginM td {
    margin-bottom: 5px;
}

table.bottomMarginM th {
    margin-bottom: 5px;
}

/* 6px */
.bottomMarginL {
    margin-bottom: 6px;
}

div.bottomMarginL {
    margin-bottom: 6px;
}

td.bottomMarginL {
    margin-bottom: 6px;
}

table.bottomMarginL td {
    margin-bottom: 6px;
}

table.bottomMarginL th {
    margin-bottom: 6px;
}

/* 7px */
.bottomMarginXL {
    margin-bottom: 7px;
}

div.bottomMarginXL {
    margin-bottom: 7px;
}

td.bottomMarginXL {
    margin-bottom: 7px;
}

table.bottomMarginXL td {
    margin-bottom: 7px;
}

/* 8px */
.bottomMarginXXL {
    margin-bottom: 8px;
}

div.bottomMarginXXL {
    margin-bottom: 8px;
}

td.bottomMarginXXL {
    margin-bottom: 8px;
}

table.bottomMarginXXL td {
    margin-bottom: 8px;
}

table.bottomMarginXXL th {
    margin-bottom: 8px;
}

/** OBEN **/
/* 1px */
.topMarginXXS {
    margin-top: 1px;
}

div.topMarginXXS {
    margin-top: 1px;
}

td.topMarginXXS {
    margin-top: 1px;
}

table.topMarginXXS td {
    margin-top: 1px;
}

table.topMarginXXS th {
    margin-top: 1px;
}

/* 2px */
.topMarginXS {
    margin-top: 2px;
}

div.topMarginXS {
    margin-top: 2px;
}

td.topMarginXS {
    margin-top: 2px;
}

table.topMarginXS td {
    margin-top: 2px;
}

table.topMarginXS th {
    margin-top: 2px;
}

/* 3px */
.topMarginS {
    margin-top: 3px;
}

div.topMarginS {
    margin-top: 3px;
}

td.topMarginS {
    margin-top: 3px;
}

table.topMarginS td {
    margin-top: 3px;
}

table.topMarginS th {
    margin-top: 3px;
}

/* 5px */
.topMarginM {
    margin-top: 5px;
}

div.topMarginM {
    margin-top: 5px;
}

td.topMarginM {
    margin-top: 5px;
}

table.topMarginM td {
    margin-top: 5px;
}

table.topMarginM th {
    margin-top: 5px;
}

/* 6px */
.topMarginL {
    margin-top: 6px;
}

div.topMarginL {
    margin-top: 6px;
}

td.topMarginL {
    margin-top: 6px;
}

table.topMarginL td {
    margin-top: 6px;
}

table.topMarginL th {
    margin-top: 6px;
}

/* 7px */
.topMarginXL {
    margin-top: 7px;
}

div.topMarginXL {
    margin-top: 7px;
}

td.topMarginXL {
    margin-top: 7px;
}

table.topMarginXL td {
    margin-top: 7px;
}

table.topMarginXL th {
    margin-top: 7px;
}

/* 8px */
.topMarginXXL {
    margin-top: 8px;
}

div.topMarginXXL {
    margin-top: 8px;
}

td.topMarginXXL {
    margin-top: 8px;
}

table.topMarginXXL td {
    margin-top: 8px;
}

table.topMarginXXL th {
    margin-top: 8px;
}

/** KOMPLETT **/
/* 1px */
.marginXXS {
    margin: 1px;
}

div.marginXXS {
    margin: 1px;
}

td.marginXXS {
    margin: 1px;
}

table.marginXXS td {
    margin: 1px;
}

table.marginXXS th {
    margin: 1px;
}

/* 2px */
.marginXS {
    margin: 2px;
}

div.marginXS {
    margin: 2px;
}

td.marginXS {
    margin: 2px;
}

table.marginXS td {
    margin: 2px;
}

table.marginXS th {
    margin: 2px;
}

/* 3px */
.marginS {
    margin: 3px;
}

div.marginS {
    margin: 3px;
}

td.marginS {
    margin: 3px;
}

table.marginS td {
    margin: 3px;
}

table.marginS th {
    margin: 3px;
}

/* 5px */
.marginM {
    margin: 5px;
}

div.marginM {
    margin: 5px;
}

td.marginM {
    margin: 5px;
}

table.marginM td {
    margin: 5px;
}

.flr {
    float: right;
}

.table {
    display: table;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
}

ul.ulist {
    /* margin-left: 25px; */
}

ul.ulist ul {
    margin-left: 40px;
}

ul.ulist li {
    margin-bottom: 10px;
    list-style: none outside none;
}

ul.plist li > h4 {
    font-size: 14px;
}

ul.plist li {
    margin-bottom: 8px;
    font-size: 12px;
}

/* Grafischer Schnickschnack */
#std-game-container {
    background-image: url('../../images/sunnygames-spiele-background.jpg');
    background-repeat: no-repeat;
}

div.big-screen {
    width: 700px;
}

ul.hor {
    list-style: none outside none;
    margin: 0px;
}

ul.hor li {
    list-style: none outside none;
    float: left;
    padding-right: 5px;
}

ul.hor-big {
    list-style: none outside none;
    margin: 0px;
    font-size: 13px;
    padding-bottom: 10px;
}

ul.hor-big li {
    list-style: none outside none;
    float: left;
    padding-right: 10px;
    font-size: 13px;
}

ul.hor-big li > a, ul.hor-big li > b {
    font-size: 13px;
}

td.a {
    font-size: 12px;
}

p.inflow {
    margin-bottom: 10px;
    margin-top: 10px;
}

th {
    font-size: 12px;
}

div.premium-info {
    position: absolute;
    width: 650px;
    height: 350px;
    background-color: #E0E0E0;
    display: none;
    border: 2px solid #757575;
}

div.premium-info-content {
    width: 620px;
    height: 300px;
    padding: 15px;
    overflow-y: auto;
}

div.premium-info-content ul {
    padding-left: 15px;
}

div.premium-info-close {
    height: 20px;
    text-align: center;
    width: 650px;
    background-color: #757575;
}

div.premium-info-close a {
    font-size: 14px;
    color: #FFF;
}

div.premium-info-close a:hover {
    color: #FECA92;
}

.form {
    font-size: 12px;
}

#game-quicklaunch {
    width: 250px;
    height: 75px;
    position: absolute;
    bottom: 75px;
    right: 260px;
}

div.gamequick-launch div {
    background-repeat: repeat-x;
    background-position: right;
    background-attachment: scroll;
    margin-left: 27px;
    height: 25px;
    line-height: 25px;
}

div.gamequick-launch {
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: scroll;
    height: 25px;
    overflow: hidden;
    float: right;
    clear: both;
    width: 100px;
}

div.gamequick-launch a {
    text-decoration: none;
}

div.gamequick-launch-phoenix {
    background-image: url('../../images/quickstart/quickstart-phoenix-head.png');
}

div.gamequick-launch-phoenix div {
    background-image: url('../../images/quickstart/quickstart-phoenix-body.png');
}

div.gamequick-launch-phoenix a {
    font-weight: bold;
    color: #FFFF7A;
}

div.gamequick-launch-romme {
    background-image: url('../../images/quickstart/quickstart-romme-head.png');
}

div.gamequick-launch-romme div {
    background-image: url('../../images/quickstart/quickstart-romme-body.png');
}

div.gamequick-launch-romme a {
    font-weight: bold;
    color: #FDF524;
}

div.gamequick-launch-skat {
    background-image: url('../../images/quickstart/quickstart-skat-head.png');
}

div.gamequick-launch-skat div {
    background-image: url('../../images/quickstart/quickstart-skat-body.png');
}

div.gamequick-launch-skat a {
    font-weight: bold;
    color: gold;
}

div.gamequick-launch-klondike {
    background-image: url('../../images/quickstart/quickstart-klondike-head.png');
}

div.gamequick-launch-klondike div {
    background-image: url('../../images/quickstart/quickstart-klondike-body.png');
}

div.gamequick-launch-klondike a {
    font-weight: bold;
    color: #FFFFFF;
}

div.card-94, div.card-94-infan {
    height: 149px;
    float: left;
    background-position: left;
    background-repeat: no-repeat;
}

div.card-94 {
    width: 94px;
}

div.card-47 {
    width: 47px;
    float: left;
    background-position: left;
    background-repeat: no-repeat;
}

div.card-94-infan {
    width: 40px;
}

div.card-94-to-47 {
    background-size: 47px;
    margin-left: -10px;
    height: 73px;
}

div.card-94-original {
    margin-left: -3px;
}


/* KREUZ */
div.card-94-tournament-c7 {
    background-image: url('../../images/cards/tournament/c7.png');
}

div.card-94-tournament-c8 {
    background-image: url('../../images/cards/tournament/c8.png');
}

div.card-94-tournament-c9 {
    background-image: url('../../images/cards/tournament/c9.png');
}

div.card-94-tournament-c10 {
    background-image: url('../../images/cards/tournament/c10.png');
}

div.card-94-tournament-cj {
    background-image: url('../../images/cards/tournament/cj.png');
}

div.card-94-tournament-cq {
    background-image: url('../../images/cards/tournament/cq.png');
}

div.card-94-tournament-ck {
    background-image: url('../../images/cards/tournament/ck.png');
}

div.card-94-tournament-ca {
    background-image: url('../../images/cards/tournament/ca.png');
}

/* PIK */
div.card-94-tournament-s7 {
    background-image: url('../../images/cards/tournament/s7.png');
}

div.card-94-tournament-s8 {
    background-image: url('../../images/cards/tournament/s8.png');
}

div.card-94-tournament-s9 {
    background-image: url('../../images/cards/tournament/s9.png');
}

div.card-94-tournament-s10 {
    background-image: url('../../images/cards/tournament/s10.png');
}

div.card-94-tournament-sj {
    background-image: url('../../images/cards/tournament/sj.png');
}

div.card-94-tournament-sq {
    background-image: url('../../images/cards/tournament/sq.png');
}

div.card-94-tournament-sk {
    background-image: url('../../images/cards/tournament/sk.png');
}

div.card-94-tournament-sa {
    background-image: url('../../images/cards/tournament/sa.png');
}

/* HERZ */
div.card-94-tournament-h7 {
    background-image: url('../../images/cards/tournament/h7.png');
}

div.card-94-tournament-h8 {
    background-image: url('../../images/cards/tournament/h8.png');
}

div.card-94-tournament-h9 {
    background-image: url('../../images/cards/tournament/h9.png');
}

div.card-94-tournament-h10 {
    background-image: url('../../images/cards/tournament/h10.png');
}

div.card-94-tournament-hj {
    background-image: url('../../images/cards/tournament/hj.png');
}

div.card-94-tournament-hq {
    background-image: url('../../images/cards/tournament/hq.png');
}

div.card-94-tournament-hk {
    background-image: url('../../images/cards/tournament/hk.png');
}

div.card-94-tournament-ha {
    background-image: url('../../images/cards/tournament/ha.png');
}

/* KARO */
div.card-94-tournament-d7 {
    background-image: url('../../images/cards/tournament/d7.png');
}

div.card-94-tournament-d8 {
    background-image: url('../../images/cards/tournament/d8.png');
}

div.card-94-tournament-d9 {
    background-image: url('../../images/cards/tournament/d9.png');
}

div.card-94-tournament-d10 {
    background-image: url('../../images/cards/tournament/d10.png');
}

div.card-94-tournament-dj {
    background-image: url('../../images/cards/tournament/dj.png');
}

div.card-94-tournament-dq {
    background-image: url('../../images/cards/tournament/dq.png');
}

div.card-94-tournament-dk {
    background-image: url('../../images/cards/tournament/dk.png');
}

div.card-94-tournament-da {
    background-image: url('../../images/cards/tournament/da.png');
}

.bottom {
    vertical-align: bottom;
}

.top {
    vertical-align: top;
}

.middle {
    vertical-align: middle;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.bold, .b {
    font-weight: bold;
}

.font_size_s {
    font-size: 12px;
}

.font_size_m {
    font-size: 14px;
}

.font_size_l {
    font-size: 16px;
}

#default-news-container {
    height: 306px;
    position: relative;
}

.mobile-ranking-control {
    display: none;
}

h3.game-bold-h3 {
    font-weight: bold;
}

.fs_1_2em {
    font-size: 1.2em;
}

.terms-navigation-header {
    height: 25px;
}

.mobile-terms-navigation-header {
    display: none;
}

.big-login-form-container {
    width: 400px;
}

.big-login-element {
    width: 300px;
    font-size: 12px;
}

.center-el {
    margin-left: auto;
    margin-right: auto;
}

.width-5percent {
    width: 5%;
}

.width-10percent {
    width: 10%;
}

.width-20percent {
    width: 20%;
}

.width-25percent {
    width: 25%;
}

.width-30percent {
    width: 30%;
}

.width-50percent {
    width: 50%;
}

.width-100percent {
    width: 100%;
}

#cookie-info {
    background-color: #e0e0e0;
    border-bottom: 3px solid #feca92;
    height: 30px;
    line-height: 30px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.cookieInfo #top-menu {
    margin-top: 33px;
}

body.cookieInfo {
    background-position: 0 33px;
}

#cookie-info > div {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}

#cookie-info button {
    float: right;
    margin-top: 3px;
}

#cookie-info form {
    float: right;
}

#cookie-info a {
    color: #ee8005;
}

#cookie-info span {
    color: #464646;
}

.curPointer {
    cursor: pointer;
}

button.defaultButton {
    border-radius: 6px;
    border: 1px solid #feca92;
    background-image: linear-gradient(#ffab50 0%, #F3870D 50%, #F3870D 100%);
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    text-decoration: none;
    cursor: pointer;
    padding: 5px 12px;
}

button.defaultButton.small {
    height: auto;
    padding-block: 2px;
}

button.defaultButton.big {
    height: auto;
    font-size: 16px;
    line-height: 2em;
}

button.defaultButton:hover {
    background-image: linear-gradient(#fdf525 0%, #F3870D 50%, #F3870D 100%);
}

button.defaultButton.disabled {
    cursor: default;
    color: #777777;
    pointer-events: none;
    background-image: linear-gradient(#999999 0%, #444444 50%, #444444 100%);
}

.flexTable {

}

.flexTable header, .flexTable .flexRow {
    display: flex;
}

.flexCol {
    flex: 1; /* distributes space on the line equally among items */
}

.w50pc {
    width: 50%;
}

.w100pc {
    width: 100%;
}

.mw50ch {
    min-width: 50ch;
}

.gap2ch {
    gap: 2ch;
}

.mb1ch {
    margin-block-end: 1ch;
}

.posRel {
    position: relative;
}

.fs1rem, input[type="password"].fs1rem, input[type="text"].fs1rem {
    font-size: 1rem;
}

.input-icon {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    background-position: center center;
    background-size: contain;
}

.input-icon.auge-an {
    background-image: url("/images/icons/auge_an.png");
}

.input-icon.auge-aus {
    background-image: url("/images/icons/auge_aus.png");
}

.smallTooltip {
    cursor: pointer;
}

.smallTooltip:hover::before, .smallTooltip:hover::after {
    --scale: 1;
    --opacity: 1;
}

.smallTooltip::before, .smallTooltip::after {
    --scale: 0;
    --opacity: 0;
    --arrow-size: 10px;
    --tooltip-color: #090959;
    position: absolute;
    top: -.25rem;
    left: 50%;
    transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
    opacity: var(--opacity);
    transition: 150ms transform, 150ms opacity;
    transform-origin: bottom center;
}

.smallTooltip::before {
    --translate-y: calc(-100% - var(--arrow-size));
    content: attr(data-tooltip-text);
    color: #fff;
    padding: .5rem;
    border-radius: .3rem;
    text-align: center;
    width: max-content;
    max-width: 120px;
    background: var(--tooltip-color);
}

.smallTooltip::after {
    --translate-y: calc(-1 * var(--arrow-size));
    content: '';
    border: var(--arrow-size) solid transparent;
    border-top-color: var(--tooltip-color);
    transform-origin: top center;
}

.hidden {
    display: none;
}

label.link {
    color: #464646;
    cursor: pointer;
    text-decoration: underline;
}

label.link:hover {
    color: #f07e06;
}

.IncludeContainer {
    position: fixed;
    /*width: 40%;*/
    width: max(580px, 40vw);
    height: max-content;
    top: min(100px, 10vh);
    /*left: 30%;*/
    left: 50%;
    transform: translate(-50%);
    text-align: left;
    z-index: 10000;
    display: none;
    margin: 20px 0 0;
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: inset 0 30px #f07e06, inset 0 -15px 20px rgba(160, 160, 160, 0.8);
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-radius: 10px;
    padding: 5px;
    overflow: hidden;
}

.IncludeContainer.highHeader {
    box-shadow: inset 0 60px #f07e06, inset 0 -15px 20px rgba(160, 160, 160, 0.8);
}

.IncludeContainer.highHeader header h2.includeHeader {
    height: 63px;
}

.IncludeContainer.w300px {
    left: 50%;
    width: 300px;
    margin-left: -150px;
}

.IncludeContainer.w400px {
    left: 50%;
    width: 400px;
    margin-left: -200px;
}

.IncludeContainer.w500px {
    left: 50%;
    width: 500px;
    margin-left: -250px;
}

.IncludeContainer.w600px {
    left: 50%;
    width: 600px;
    margin-left: -300px;
}

.IncludeContainer.w670px {
    left: 50%;
    width: 670px;
    margin-left: -335px;
}

.IncludeContainer.w700px {
    left: 50%;
    width: 700px;
    margin-left: -350px;
}

.IncludeContainer.w800px {
    left: 50%;
    width: 800px;
    margin-left: -400px;
}

.IncludeContainer.agbIncludeContainer header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.IncludeContainer .includeHeader {
    color: #FFFFFF;
    margin-bottom: 1em;
    font-size: 1.2rem;
}

.IncludeContainer .includeContentBody {
    overflow-y: auto;
    height: min(600px, 60vh);
    margin: 0 2em 2em 2em;
    padding: 1em;
}

.IncludeContainer .includeContentBody ul:not(.custCount), .IncludeContainer .includeContentBody ol:not(.custCount) {
    margin-left: 1em;
}

.IncludeContainer.noHeaderLine {
    box-shadow: inset 0 -15px 20px rgba(160, 160, 160, 0.8);
}

.IncludeContainer .modalCloseFooter {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    font-size: 0.6em;
}

.includeContent h2 {
    font-size: 1.15em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.includeContent h3 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: 700;
}

.includeContent header {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 16px;
    padding: 0.2em;
}

.includeContent header h2 {
    color: #FFFFFF;
}

.includeContent header h2, .includeContent header h3, .includeContent header h4, .includeContent header h5 {
    font-size: clamp(0.6rem, calc(.75rem + 0.3vw), 0.95rem);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    line-height: 30px;
    min-height: 21px;
    margin-top: -7px;
    color: #FFFFFF;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.includeContent > div {
    padding: 1em;
}

.includeContent i {
    font-weight: bold;
    background-color: rgba(222, 238, 165, 0.562);
    color: #000000;
    padding: 3px;
    border-radius: 3px;
}

.includeContent a.buttonSmall {
    color: #FFFFFF;
    text-decoration: none;
}

.includeContent a.buttonSmall:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.includeContent a.buttonSmall:visited {
    color: #FFFFFF;
}

.includeContent #goldig {
    height: 140px;
}

.includeContentBody p {
    margin-bottom: 1ch;
    line-height: 2.0ch;
    text-align: justify;
    hyphens: auto;
}

#SunnygamesFrameworkModalBackground {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#SunnygamesFrameworkModalBackground img {
    min-height: 3ch;
    height: 5vh;
}

#SunnygamesFrameworkModalBackground span {
    color: #101010;
    font-size: 2rem;
    font-weight: bold;
}

#SunnygamesFrameworkModalBackgroundContentContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.7);
    padding: 5ch;
    border-radius: 3ch;
    box-shadow: 0.2ch 0.2ch 1.5ch rgb(10, 10, 10, 0.9);
}

body.noHeader {
    background-image: inherit;
}

#Firefox-Workaround-2024, #Edge-Chrome-Workaround-2024 {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.Firefox-Workaround-Step, .Edge-Chrome-Workaround-Step {
    font-size: 0.8em;
    border-bottom: 1px solid #ccc;
    padding-block: 1em;
}