/*################################ tabelle-20180418 ################################*/

.fixme div.titel {
    color: #000;
    background-color: #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-bottom: 2px solid white;
}

.fixme div.tb_z1 { background-color: #E5E5EA; }
.fixme div.tb_z1_dunkel { background-color: #D0D2D8; }

.fixme div.tb_z2 { background-color: #FFF; }
.fixme div.tb_z2_dunkel { background-color: #E5E5EA; }

.fixme div.tb_b {
    color: #FFF;
    background-color: #004A77;
}
.fixme div.tb_b_head {
    color: #FFF;
    background-color: #004A77;
    width: 240px;
    border-right: 0px solid #004A77;
    border-left: 2px solid #004A77;
}

.fixme div.tb_b_head a,
.fixme div.tb_b a {
    color: #fff;
}

.fixme div.tb_u {
    background-color: #E5E5EA;
    border-right: 1px solid #C1C4CB;
}

.fixme div.normal.tb_b_head {
    background-color: #004A77;
}

.fixme .tb_z2 .kostenlos strong {
  color: #004A77;
}

/* Styles für kv Tabellen und Buchkritik*/

.artrubrik_kurztest .fixme .tb_z2_dunkel {
  background-color: #FFF;
}

/* Styles für arttyp_tt_dunkelblau/blau */

.arttyp_tt_dunkelblau .fixme div.titel {
    background-color: #0066A4;
}

.arttyp_tt_dunkelblau .fixme div.tb_b {
    background-color: #74B3DF;
    border-color: #74B3DF !important;
    border-right-color: white !important;
}

.arttyp_tt_dunkelblau .fixme div.tb_b_head {
    background-color: #74B3DF;
    border-bottom-color: #74B3DF;
}

.arttyp_tt_dunkelblau .fixme div.tb_z1 {
    background-color: #E2EDF8;
}

.arttyp_tt_dunkelblau .fixme div.tb_z1_dunkel {
    background-color: #BDDDF1;
}

.arttyp_tt_dunkelblau .fixme div.tb_z2 {
    background-color: #F3F3F4;
}

.arttyp_tt_dunkelblau .fixme div.tb_z2_dunkel {
    background-color: #E5E6E7;
}

.arttyp_tt_dunkelblau .fixme div.tb_u {
    background-color: #74B3DF;
}

.arttyp_tt_dunkelblau .fixme .fixedTableLeftScrollingBorder_2.tb_u {
    border-color: #74B3DF !important;
}

/* blau */

.arttyp_tt_blau .fixme div.tb_b_head,
.arttyp_tt_blau .fixme div.tb_b {
    background-color: #006bad;
    border-bottom-color: #006bad;
}

.arttyp_tt_blau .fixme div.tb_z1 { background-color: #eeedf2; }
.arttyp_tt_blau .fixme div.tb_z1_dunkel { background-color: #dcdde2; }

/* Styles fuer arttyp_tt_pink */

.arttyp_tt_pink .fixme div.tb_b {
    background-color: #903e73;
    border-bottom-color: #903e73 !important;
    border-top-color: #903e73 !important;
    border-right-color: white !important;
}

.arttyp_tt_pink .fixme div.tb_b_head {
    background-color: #903e73;
    border-bottom-color: #903e73;
}

.arttyp_tt_pink .fixme .tb_u {
  background-color: #CACDD3;
}

.arttyp_tt_pink .fixme .fixedTableLeftScrollingBorder_2.tb_u {
    border-color: #CACDD3 !important;
}

.arttyp_tt_pink .fixme .fixedTableLeftScrollingBorder_2.tb_u.grau {
    border-color: #CACDD3 !important;
    background-color: #CACDD3 !important;
}

/* Styles fuer arttyp_tt_dgelbgruen */

.arttyp_tt_gelbgruen .fixme div.tb_b {
    background-color: #5B9F38;
    border-bottom-color: #5B9F38 !important;
    border-top-color: #5B9F38 !important;
    border-right-color: white !important;
}

.arttyp_tt_gelbgruen .fixme div.tb_b_head {
    background-color: #5B9F38;
    border-bottom-color: #5B9F38;
}

.arttyp_tt_gelbgruen .fixme .tb_u {
  background-color: #CACDD3;
}

.arttyp_tt_gelbgruen .fixme .fixedTableLeftScrollingBorder_2.tb_u {
    border-color: #CACDD3 !important;
}

.arttyp_tt_gelbgruen .fixme .fixedTableLeftScrollingBorder_2.tb_u.grau {
    border-color: #CACDD3 !important;
    background-color: #CACDD3 !important;
}


/* Styles für arttyp_tt_rot */

.arttyp_tt_rot .fixme div.tb_z2_dunkel {
  background-color: #E5E5EA;
}

.arttyp_tt_rot .fixme div.tb_b_head.normal .toggle {
  color: #000 !important;
}

.arttyp_tt_rot .fixme div.tb_b_head.normal {
  color: #000 !important;
  background-color: #E5E5EA;
  border-bottom-color: #C1C4CB;
}
.arttyp_tt_rot .fixme div.tb_b_head.normal:nth-child(2n) {
  background-color: #FFF;
}

.arttyp_tt_rot .fixme div.tb_b,
.arttyp_tt_rot .fixme div.tb_b_head {
    background-color: #C4151B;
    border-color: #C1C4CB !important;
}

/* Styles für arttyp_tt_rot */

.arttyp_tt_orange .fixme div.tb_b {
    color: white;
    background-color: #ff6920;
    border-color: #ff6920 !important;
    border-right-color: white !important;
}

.arttyp_tt_orange .fixme div.tb_b_head .toggle,
.arttyp_tt_orange .fixme li.partrow .toggle {
  color: #FFF !important;
}

.arttyp_tt_orange .fixme div.tb_b_head {
    color: white;
    background-color: #ff6920;
    border-bottom-color: #ff6920;
}

.arttyp_tt_orange .fixme div.tb_z1,
.arttyp_tt_orange .fixme div.tb_z2_dunkel {
    background-color: #e5e5ea;
}

.arttyp_tt_orange .fixme div.tb_z1_dunkel {
    background-color: #d0d2d8; /*#FFEAD2;*/
}

.arttyp_tt_orange .fixme div.tb_z2 {
    background-color: #FFF;
}

.arttyp_tt_orange .fixme div.tb_u {
    background-color: #cacdd3;
}

.arttyp_tt_orange .fixme .fixedTableLeftScrollingBorder_2.tb_u {
    border-color: #cacdd3 !important;
}

.arttyp_tt_orange .fixme .fixedTableLeftScrollingBorder_2.tb_u.grau {
    border-color: #DFE0E1 !important;
    background-color: #DFE0E1 !important;
}


/* tb_u.grau */

.fixme .fixedTableLeftScrollingBorder_2.tb_u.grau {
    background-color: #E7E7E7;
    border-top-color: #ccc !important;
}


/* Spieletabellen */

.artrubrik_spielekritik .fixme div.tb_u.grau {
    background-color: #E7E7E7;
    border-top-color: #ccc !important;
}

.artrubrik_spielekritik .fixme div.tb_u {
    border-bottom: 2px solid #B9E3E6;
    border-color: #B9E3E6;
}

.artrubrik_spielekritik .fixme .fixedTableLeftScrollingBorder_2.tb_u:first-of-type {
    border-top-color: #B9E3E6;
}

.artrubrik_spielekritik .fixme div.tb_z1 {
    background-color: #EEF0F0;
}

.artrubrik_spielekritik .fixme div.tb_z1_dunkel {
    background-color: #EEF0F0;
}

.artrubrik_spielekritik .fixme div.tb_z2 {
    background-color: #EEF0F0;
}

.artrubrik_spielekritik .fixme div.tb_z2_dunkel {
    background-color: #EEF0F0;
}


/* normale Tabellen Border */

.fixme div.tb_b_head {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid #C1C4CB;
    border-top: 2px solid white;
}

.fixme div.tb_z1,
.fixme div.tb_z1_dunkel,
.fixme div.tb_z2,
.fixme div.tb_z2_dunkel {
    border-top: 1px #ccc solid;
}

.fixme li:nth-child(1) .tb_z1,
.fixme li:nth-child(1) .tb_z2 {
    border-top: 1px solid #F3F3F4;
}


/* Hide Borders under left bar */

.fixme #scroller #original li .tb_z1,
.fixme #scroller #original li .tb_z1_dunkel {
    border-color: transparent;
}

.fixme ul#fixedTable li:nth-child(2) .tb_b_head:first-child {
    border-color: transparent;
}

.fixme ul#fixedTable li:nth-child(2) .tb_b_head {
    border-top-color: transparent;
}


/* Whitespace kleiner zwischen titel und tb_b_b head */

.fixme ul#fixedTableSubheader li:nth-child(1) .tb_b_head:first-child {
    border-top-color: transparent;
}

.fixme li div.tb_z1,
.fixme li div.tb_z1_dunkel,
.fixme li div.tb_z2,
.fixme li div.tb_z2_dunkel {
    /*border-top: 1px #ccc solid;*/
    /*padding-top: 1px;*/
    border-bottom: 1px transparent solid;
}

.fixme li.partrow .tb_b {
    border-color: #004A77;
    border-width: 1px;
}

.fixme .fixedTableLeftScrollingBorder_2.tb_u {
    border-bottom: 2px solid #C1C4CB;
    /* was #fff /  may break table*/
    border-color: #C1C4CB;
}

.fixme .fixedTableLeftScrollingBorder_2.tb_u:first-of-type {
    /* doesnt work */
    border-top-color: #ccc;
}


/* Zellenfarbe Sonderfarbe 1: rot*/

.fixme div.tb_z2_Sonder_1 {
    background-color: #fbdad7;
}

.fixme div.tb_z1_Sonder_1 {
    background-color: #f9c6c8;
}

.fixme .Rubrik\.09\.Reserve {
    background-color: #f5c153;
}

.fixme .li\.gruen {
    background-color: #2fac66;
}

.fixme .schwarz {
    background-color: #dadada;
}

.fixme .Knall-Ampel-Rot {
    background-color: #e05d58;
}

.fixme .Knall-Ampel-Gruen {
    background-color: #2fac66;
}

.fixme .li\.rot {
    background-color: #eb5d40;
}

.fixme .gruen {
    color: #389e51;
}

.fixme .invisible {
    visibility: hidden;
}


/* Pastellfarben */

.fixme .li\.pastellrot {
    background-color: #f9c4af;
}

.fixme .li\.pastellhellgruen {
    background-color: #e1efe2;
}

.fixme .li\.pastellgruen {
    background-color: #c0dfc3;
}

.fixme .li\.pastellgelb {
    background-color: #fff9c7;
}

.fixme .po,
.fixme .pu {
    margin: 0 0.5em 0.3em 0;
}


/** rubric stlyes **/


/* Zellen-Border */

.fixme .fixedTableLeftScrollingBorder {
    border-right: 2px solid #fff;
    margin-right: -1px;
}

.fixme .fixedTableLeftScrollingBorder_2 {
    border-top: 1px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-right: 0;
}

.fixme .fixedTableSubHeaderScrollingBorder {
    border-right: 2px solid #fff;
}

.fixme li div {
    border: 1px solid #fff;
    border-left: 1px solid white;
    /* 2 */
    border-right: 0;
    /* THIS MAKES SMALL TABLES SCROLLABLE? */
    border-bottom: 2px solid white;
    border-right: 1px solid white;
}

.fixme p {
    margin: 0;
    padding: 0;
}

/* Minimize Arrows */

.toggle {
   font-family: 'regular';
   position: relative;
   font-weight: normal !important;
   top: 0;
   width: 29px;
   color: #FEFEFE !important;
   font-size: 25px !important;
   line-height: 1.05em;
}

.partrow .toggle.rowopen {
   transform: rotate(180deg);
}

.tb_b_head .toggle.rowclose {
   transform: rotate(270deg);
   width: 19px !important;
   margin-left: 1px;
}

/* Blauer Pfeil */

.blaupfeilrechts {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0.5em 0.5em 0 0;
    background: url(../images/Pfeilrechts_klein.png) no-repeat;
}

.nooverflow {
    overflow: hidden;
    background: #fff !important;
    margin-left: -1px;
    -ms-text-size-adjust: 100%;
    /* auto Text-Resizing disabled */
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.kein_stil.pull-right {
    float: right;
    clear: both;
}

.fixme {
    width: auto;
    height: auto;
    display: block;
    position: relative;
}

.fixme ul {
    padding: 0;
    margin: 0;
    vertical-align: middle;
    overflow: hidden;
    font-size: 1em;
    text-indent: 0;
    line-height: 1.3em;
}

.fixme li {
    /*display:inline-block;*/
    float: left;
    background: none;
    font-size: 1em;
    list-style: none;
    white-space: normal;
    padding: 0;
    margin: 0;
    vertical-align: top;
    text-indent: 0;
    text-align: left;
    line-height: 1.3em;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -hyphens: auto;
    hyphens: auto;
}

.fixme ul img {
    /*max-width:150px;*/
    height: auto;
    display: block;
    margin: 0 auto;
}


/**
	Tabellenzellen
*/

.fixme li div {
    /*display: inline-block;
	vertical-align: top;*/
    float: left;
    width: 240px;
    padding: 5px 10px;
    margin: 0;
    white-space: normal;
}


/* Titel */

.fixme div.titel {
    padding: 5px 10px;
    margin: 0;
    width: 240px;
    line-height: 1.3em;
    font-family: 'regularbold', sans-serif;
    font-weight: bold;
    font-size: 24px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/* Einzellige Zeilen und Tabellenlegende */

.fixme div.tb_b {
    vertical-align: middle;
    white-space: normal;
    pointer-events: none;
}

.fixme div.tb_u {
    vertical-align: middle;
    white-space: normal;
}


/* Spaltenueberschriften */

.fixme .tb_b_head {
    overflow: hidden;
}

.fixme .partrow .tb_b p {
    padding-left: 1.5em;
    text-indent: 0;
}


/**
	Style der geschlossenen Zeilen/Spalten
*/

.fixme .partrowClosed {
    padding-bottom: 41px;
    background: url(../images/table/rowclose.png) repeat-x bottom;
}


/**
	Scroller Container
*/

.fixme #scroller {
    position: absolute;
    height: 100%;
    width: 100%;
}


/**
	fixedTable Container (Tabellenkopf)
*/

.fixme #fixedTable {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 2;
}

.fixme #fixedTable li {
    -webkit-transition: -webkit-transform 0ms;
}


/**
	fixedTableLeft Container (Linke fixe Spalte)
*/

.fixme #fixedTableLeft {
    position: absolute;
    left: 0;
    background: none;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0ms;
    pointer-events: none;
}


/**
	fixedTableSubheader Container
*/

.fixme #fixedTableSubheader {
    position: absolute;
    /*width: 260px !important;*/
    left: 0;
    background: none;
    z-index: 3;
}

.fixme .fix {
    clear: both;
    height: 1px;
    font-size: 0;
}


/*Fontsize*/

.fontSize12 .toggle {
    margin-top: -1px;
}

.fontSize14 .toggle {
    margin-top: 0;
}


/*Standard
.fontSize16 .toggle{
}
*/

.fontSize20 .fixme .toggle {
    font-size: 20px;
}

.fontSize24 .fixme .toggle {
    font-size: 24px;
}

.fontSize20 .fixme .partrow .tb_b p,
.fontSize24 .fixme .partrow .tb_b p {
    padding-left: 0.75em;
}


/**
	Klapp-Icon
	und
	Einzellige Zeilen
*/

.fixme .partrow {
    cursor: pointer;
    overflow: visible;
    pointer-events: auto;
}

.fixme .toggle {
    display: block;
    font-weight: bold;
    font-size: 16px;
    float: left;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.fixme .colclose {
    width: 24px !important;
    padding: 5px 0;
    background: url(../images/table/colclose.png) no-repeat 0 0;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
    color: transparent;
}

.fixme .colclose .toggle {
    display: block;
    float: none;
    margin-left: 3px;
}

.fixme .rowclose {
    /*background:url(../images/table/icons-18-black.png) no-repeat -36px 0;*/
}

.fixme .toggle.rowopen {
    color: black;
    font-size: 16px;
    /*background:url(../images/table/icons-18-black.png) no-repeat 0 0;*/
}

.fixme .partrow.rowopen .tb_b {
    height: 48px;
    background: url(../images/table/rowclose.png) repeat-x 0 25px;
}


/* rating fix */

.rateNeutral {
    display: inline-block;
    font-family: Arial;
    font-size: 140%;
    line-height: 0.8;
    vertical-align: bottom;
    text-shadow: 0px 1px 0px #000;
}


/* Preloader */

.preload {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background: #fff;
    z-index: 999;
}

.smallViewport {
    display: none;
    line-height: 0;
}


/* iScroll custom scrollbar */

.iScrollHorizontalScrollbar {
    height: 11px !important;
}

.iScrollVerticalScrollbar {
    width: 11px !important;
}


/* Spielestile */

.fixme .tb_bew {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.fixme .tb_bew .kein_stil {
    flex-grow: 1;
    width: 35%;
}

.fixme .tb_bew .tb_plus {
    flex-grow: 1;
    width: 15%;
}


/* All Smartphones in portrait and landscape ----------- */

@media only screen and (max-width: 599px) {
    .smallViewport {
        line-height: 1px;
    }
    .fixme ul {
        font-size: 0.9em;
    }
    .fixme li {
        font-size: 0.9em;
    }
    .fixme .toggle {
        width: 16px;
        height: 15px;
    }
    .fixme .rowclose {
        /*background: url(../images/table/icons-18-black.png) no-repeat -36px -3px;*/
    }
    .fixme .toggle.rowopen {
        /*background: url(../images/table/icons-18-black.png) no-repeat 0 -3px !important;*/
    }
    .fixme div.titel {
        font-size: 16px;
    }
}


/* All Smartphones in portrait and landscape ----------- */

@media only screen and (max-width: 480px) {
    .smallViewport {
        line-height: 2px;
    }
}