/* Allgemeine Definitionen */
body, html, div.box, div.boxc, div.boxcb, div.box_small, div.h2, div.h3, div.h3c, div.h3cb, div.mboxb, div.tinytitle, div.h4, div.load, table.list, table.boxes, table.boxes-rel, td.box, th.h3 {
    font-family: Verdana, Bitstream Vera Sans, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

div.inhalt, div.boxl, div.boxlh, div.boxl_small, div.boxcl, div.center, div.forumbox, div.forumbox_small, div.mbox, div.mbox_small, table.threadlist, div.msgbox, td.forumbox_left, td.forumbox_right, td.msgbox_left, td.msgbox_right, table.msgbox, table.msgbox_text, table.bigspaces, table.struktur, table.profilsuche, table.codes, table.colors, table.profilsuche_form, table.forumbox_b {
    font-family: Verdana, Bitstream Vera Sans, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
}

body, html {
    margin: 0;
}

table {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.pd-small td {
    padding: 4px;
}

.pd-large td {
    padding: 10px;
}

#cheat table {
    border-spacing: 2px;
    border-collapse: separate;
}

div.scroll {
    width: 100%;
}

div.center {
    position: relative;
    margin: 0 auto;
    width: 800px;
}

div.mp_skyscraper {
    position: absolute;
    top: 108px;
    left: 50%;
    margin-left: 404px;
    width: 160px;
    text-align: right;
}

img {
    border: 0 solid #FFFFFF;
}

form {
    display: inline;
}

div.navi, div.punkte, div.inhalt {
    position: absolute;
}

div.w_navi {
    position: absolute;
    top: 625px;
}

a {
    color: #0000FF;
    text-decoration: underline;
}

ul, ol, dl {
    padding: 0 0 0 15px;
    margin: 0;
}

ol {
    padding-left: 20px;
}

dl {
    padding-left: 00px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 2px 0 16px 23px;
}

div.box, div.boxc, div.boxcb, div.boxcl, div.boxl, div.boxlh, div.boxl_small, div.box_small, div.mbox, div.mboxb, div.mbox_small {
    padding: 5px;
    width: 633px;
    margin-bottom: 5px;
}

td.box {
    padding: 5px;
}

div.box_small, div.boxl_small, div.mbox_small {
    width: 503px;
}

div.boxc, div.boxcl, div.boxl, div.boxlh, div.boxcb {
    width: auto;
}

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

div.boxcl {
    margin-bottom: 0;
}

/* Farb-Definitionen (Separiert) */
div.h2, div.h3, div.h3c, div.h3cb, div.load, div.h4, div.h4c, th.h3, div.tinytitle, tr.h3 {
    background-color: #488EBC;
    color: #FFFFFF;
}

body, html {
    /* background-color: #FFFFFF; */
    color: #000000;
}

div.linie, div.linie_top, div.linie_msgbyuser, div.linie_werbung, div.linie_werbung_rnw {
    border-bottom: 1px solid #488EBC;
}

div.linie_grau {
    border-bottom: 1px solid #7C7C81;
}

div.abschnitt {
    border-bottom: 1px solid #0000FF;
}

div.untermenue, div.untermenue_voll {
    background-image: url('../../images/verlauf.gif');
    background-repeat: no-repeat;
    color: #000000;
}

div.untermenue a {
    color: #000000;
}

div.untermenue_voll a {
    color: #000000;
}

a.u {
    color: #000000;
}

div.forumbox, div.forumbox_small, table.threadlist, div.msgbox, div.mbox, div.mboxb, div.mbox_small, table.forumbox_b {
    border: 1px solid #488EBC;
    background-color: #E0E0E9;
}

table.forumbox_b td {
    border: 1px solid #488EBC;
}

div.box, div.box_small, div.boxc, div.boxcb, div.boxcl, div.boxl, div.boxlh, div.boxl_small, td.box {
    border: 1px solid #488EBC;
    background-color: #DDDDDD;
}

div#cheat, div.boxlh {
    background-color: #EEEEEE;
}

div#cheat h3 {
    display: block;
}

div#cheat table {
    border: none;
    border-collapse: separate;
    border-spacing: 2px;
    empty-cells: hide;
}

div#cheat td {
    border: 1px solid #AAAAAA;
    height: 16px;
}

hr {
    border: none;
    background-color: #488EBC;
    color: #488EBC;
    height: 1px;
}

a.d, a.white {
    text-decoration: none;
}

a.d:hover, a.white:hover {
    text-decoration: underline;
}

a.d {
    color: #0000FF;
}

a.d:visited {
    color: #808000;
}

a.white {
    color: #FFFFFF;
}

.links-dontunderline a,
.links-dontunderline a:hover {
    text-decoration: none;
}

.links-purple a,
.links-purple a:hover {
    color: #C00080;
}

.links-purple a:hover {
    color: #800000;
}

table.struktur th {
    background-color: #005FA0;
    color: #C0FFFF;
    border: 1px solid #EEEEEE;
}

tr.hell {
    background-color: #C4C4C4;
}

tr.dunkel {
    background-color: #DDDDDD;
}

tr.hell td {
    border: 1px solid #EEEEEE;
}

tr.dunkel td {
    border: 1px solid #EEEEEE;
}

table.profilsuche td {
    border: 1px solid #488EBC;
}

table.codes td {
    border: 1px solid #488EBC;
}

table.colors td {
    border: 1px solid #488EBC;
}

.gameinfo {
    color: #488EBC;
    border: none;
}

h2.gameinfo {
    font-size: 17px;
}

.gameinfo ul.aka-1, .gameinfo ul.aka-1 li {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
}

span.HomeName, span.HomeName a {
    color: #777777;
}

dd.verweise a {
    color: #000000;
}

dt.verweise {
    font-size: 13px;
}

/* Logo */
img.logo {
    margin: 5px 0 0 -6px;
}

/* �berschriften */
h1#mp {
    display: none;
}

h1, h2, h3, h4 {
    display: inline;
}

div.h2, h2, h1 {
    font-size: 16px;
}

div.h3, div.h3c, div.h3cb, h3, div.load, th.h3, div.tinytitle {
    font-size: 15px;
}

div.h4, div.h4c, h4 {
    font-size: 13px;
}

div.h2 {
    width: 779px;
    padding: 3px 3px 3px 18px;
    white-space: nowrap;
}

div.h3, div.h3c, div.h3cb, div.load, th.h3 {
    width: 635px;
    padding: 5px;
    margin-bottom: 5px;
}

div.h4, div.h4c {
    width: 639px;
    padding: 3px;
}

div.h3c, div.h3cb, div.h4c, th.h3 {
    width: auto;
    margin-bottom: 0;
}

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

div.tinytitle {
    padding: 3px 3px 4px 3px;
    text-align: center;
}

div.tinytitle h3 {
    font-weight: normal;
}

td.gb_u3 {
    text-align: center;
    height: 25px;
}

/* Navigation */
div.punkte {
    margin-left: 127px;
}

.p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8 {
    display: block;
    margin-top: 17px;
}

.p1 {
    margin-top: 54px;
}

.p3 {
    margin-top: 17px;
}

.p4 {
    margin-top: 17px;
}

.p8 {
    margin-top: 17px;
}

/* Inhalt */
div.inhalt {
    margin-left: 155px;
    width: 645px;
}

div.switch {
    width: 515px;
    text-align: center;
    padding-top: 6px;
}

div.linie, div.linie_top, div.linie_grau, div.abschnitt, div.linie_msgbyuser, div.linie_werbung, div.linie_werbung_rnw {
    width: 100%;
    height: 1px;
    font-size: 1px;
    margin: 6px 0 6px 0;
}

div.linie_top {
    margin-top: 0;
}

div.linie_grau {
    margin: 2px 0 4px 0;
}

div.linie_werbung {
    width: 515px;
}

div.werbung {
    width: 515px;
    height: 60px;
    min-height: 60px;
    text-align: center;
    display: block !important;
}

div.untermenue, div.untermenue_voll {
    position: absolute;
    top: 8px;
    left: 525px;
    width: 115px;
    padding: 5px 5px 5px 0;
    text-align: right;
}

div.untermenue_voll {
    height: 190px;
}

div.rnw {
    position: absolute;
    top: 1px;
    left: 482px;
    width: 128px;
    height: 68px;
    padding: 7px 0 0 11px;
    border-left: 1px dotted #488EBC;
}

div.abschnitt {
    width: 525px;
}

table.bigspaces {
    width: 100%;
}

table.bigspaces td, th {
    padding: 5px;
}

table.bigspaces th {
    text-align: right;
    font-weight: normal;
}

table.list td, th {
    padding: 3px;
}

table.list th {
    font-weight: normal;
}

table.struktur th {
    font-size: 13px;
    text-align: center;
}

tr.hell td {
    padding: 2pt 5pt 2pt 5pt;
}

tr.dunkel td {
    padding: 2pt 5pt 2pt 5pt;
}

div.author {
    font-style: italic;
    font-size: 11px;
    width: 100%;
    text-align: right;
    margin: 10px 0 10px 0;
}

table.boxes {
    position: absolute;
    margin-top: 5px;
    left: -2px;
    width: 649px;
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: fixed;
}

table.boxes-rel {
    width: 647px;
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: fixed;
}

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

#dontuline a {
    text-decoration: none;
}

#dontuline a:hover {
    text-decoration: underline;
}

/* Spezielle Definitionen f�r das Forum */

/* Forumbox */
div.forumbox, div.forumbox_small {
    padding: 5px;
    width: 633px;
    margin-bottom: 5px;
}

div.forumbox_small {
    width: 503px;
}

/* Forumbox Tabelle */
div.forumbox table {
    width: 100%;
}

div.forumbox_small table {
    width: 100%;
}

td.forumbox_left {
    padding-top: 4px;
}

td.forumbox_left a {
    font-size: 13px;
    font-weight: bold;
}

td.forumbox_right {
    text-align: right;
}

/* Threadliste */
table.threadlist {
    width: 645px;
}

table.threadlist td {
    padding: 2px 1px 2px 2px;
}

td.threadlist_titel {
    width: 319px;
    max-width: 319px;
    white-space: normal;
}

td.threadlist_ersteller {
    width: 160px;
}

td.threadlist_ct {
    width: 25px;
    text-align: center;
    font-weight: bold;
}

td.threadlist_datum {
    width: 100px;
}

/* Nachrichtenbox */
div.msgbox {
    padding: 0 2px 5px 2px;
    width: 639px;
    margin-bottom: 5px;
}

table.msgbox, table.msgbyuser {
    width: 100%;
    height: 21px;
}

table.msgbyuser {
    height: 18px;
}

td.msgbox_left {
    color: #003366;
}

td.msgbox_right {
    text-align: right;
}

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

/* Formulare */
div.forum_newmsg {
    width: 525px;
    margin-left: 46px;
    margin-bottom: 2px;
    text-align: center;
}

form.forum_newmsg {
    display: inline;
}

input.plz {
    width: 52px;
    margin-right: 4px;
}

table.profilsuche_form td {
    padding: 2px;
}

/* Struktur-Tabellen */
table.profilsuche {
    width: 617px;
    margin-left: 1px;
}

table.colors td {
    border: 1px solid #488EBC;
}

td.smiley {
    height: 50px;
    text-align: center;
    vertical-align: top;
}

table.suche {
    width: 100%;
}

/* PN */
table.forumbox_b {
    border-collapse: collapse;
}

td.symb {
    width: 24px;
    text-align: center;
}

#pn {
    height: 94px;
}

/* Cheat der Woche */
#cheat_der_woche {
    width: 505px;
    font-weight: bold;
    margin-top: 2px;
}

.mp_superbanner {
    position: absolute;
    top: 10px;
    left: 150px;
}

/* News von Gamingmedia (Startseite) */

.news_item {
    clear: both;
    margin-bottom: 15px;
}

.news_item h2 {
    font-size: 14px;
}

.news_item .news_item_image {
    float: left;
    margin: 10px 20px 0 0;
}

.news_item > div {
    display: table-cell;
}

.news_header {
    padding-bottom: 5px;
    border-bottom: 1px solid black;
    font-style: italic;
}

.news_list {
    display: block;
    margin-left: 10px;
    padding-left: 10px;
}

.news_list ul {
    margin: 10px 0 0 0;
    padding: 0;
}

.news_list ul li {
    color: #488EBC;
    margin: 0;
    padding: 5px 0 5px 0;
    font-size: 10px;
    list-style-type: none;
}

.news_list a:link, .news_list a:visited, .news_list a:active, .news_item a:link, .news_item a:visited, .news_item a:active, .pagebrowser a:link, .pagebrowser a:visited, .pagebrowser a:active, a.news_link_back:link, a.news_link_back:visited, a.news_link_back:active {
    color: black;
    text-decoration: none;
}

.news_item a:link, .news_item a:visited, .news_item a:active {
    text-decoration: underline;
}

.news_list a:hover, .news_item a:hover, .pagebrowser a:hover, a.news_link_back:hover {
    text-decoration: underline;
}

.pagebrowser {
    width: 100%;
    text-align: center;
}

.pagebrowser a {
    display: inline-block;
    font-size: 14px;
}

.box .news_item_content_image {
    width: 385px !important;
    height: auto !important;
}

/* System Icons */
.system-icon {
    font-style: italic;
    font-weight: bold;
    text-shadow: 0 0 1px #888;
    padding-right: 8px;
}

/* Refactoring 2021 */
div.box-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.box-list-4 > .box-container {
    flex: 0 0 calc(25% - 2px);
}

.box-list-4 > .box-container:nth-child(4n) {
    flex: 0 0 25%;
}

div.box-title {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 2px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

div.box-container > div.h3,
div.box-container > div.box {
    width: auto;
}

div.box-container {
    display: flex;
    flex-direction: column;
}

div.box-container > div.box {
    flex: 1 1 100%;
    margin: 0;
}