@CHARSET "UTF-8";
body {
    margin: 0;
    font-family: Arial;
    font-size: 80%;
    line-height: 135%;
    color: #fff;
    background: #fff;
}

a img {
    border: none;
}

div#all {
    width: 930px;
    margin: auto;
    margin-top: 10px;
    border: none;
    background: #fff;
   
}
div#top{
    overflow: hidden;
    padding: 5px;
}
div#top div#logo{
    width: 73px;
    height: 58px;
    background: transparent url(../images/ttbl_logo.png) 0 0 no-repeat; 
    float: left;
}
div#top div#spieltag{
    width: 190px;
    padding: 0 6px;
    color: #50b0a0;
    font-weight: bold;
    float: left;
}
div#top div#sponsor{
    float: right;
}
div#top div#sponsor img{
    width: 118px;
    height: 58px;
    cursor: pointer;
}

div#paarungen {
    padding: 0;
    margin: 0;
}

div#paarungen ul,
div#paarung ul,
div#infos ul{
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden;
}
div#paarungen table {
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

div#paarungen ul li, div#paarungen tr td{
    vertical-align: top;
    font-size: 11px;
    line-height: 20px;
    background: #aadef3;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 10px 8px;
    text-align: left;
}
div#paarungen ul li:last-child, div#paarungen tr td:last-child{
    padding-right: 10px;
    border-right: none;
}
div#paarungen ul li a, div#paarungen tr td a{
    display: block;
    width: 168px;
    color: #444645;
    text-decoration: none;
}
div#paarungen ul li.active, div#paarungen tr td.active{
    color: #fff;
    border-bottom: 2px solid #1273a4;
    background-color: #1273a4;
    background: -webkit-linear-gradient(#37abdb, #1273a4); /* For Safari */
    background: -o-linear-gradient(#37abdb, #1273a4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#37abdb, #1273a4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#37abdb, #1273a4); /* Standard syntax */
}
div#paarungen ul li.active a, div#paarungen tr td.active a{
    color: #fff;
}
div#paarung .content{
    width: 250px;
}
div.content{
    width: 250px;
    overflow: hidden;
    margin: 10px auto;
}
div#logo_mannschaft_left, div#logo_mannschaft_right, div#logo_mannschaft_left_o, div#logo_mannschaft_right_o {
    width: 100px;
}
div.mannschaft {
    width: 200px;
    text-align: left;
    margin: 20px 0;
}
.mannschaft span{
    font-size: 16px;
}
div.trennpunkt {
    width: 30px;
    padding-top: 27px;
    text-align: center;
}
.trennpunkt img, .trennpunkt-bottom img{
    margin-left: 3px;
}

.trennpunkt-bottom {
    padding-top: 37px;
}

div.manschaftinfo {
    padding: 0 30px;
    text-align: center;
    height: 90px;
}
.manschaftinfo div{
    float: left;
    text-align: center;
}
div#paarung ul li div.content .manschaftinfo .mannschaft{
    margin-top: 10px;
}
.punkte{
    width: 82px;
    height: 82px;
    background: transparent url(../images/b1.png) 0 0 no-repeat;
    float: left;
    color: #1273a8;
    text-align: center;
    font-size: 60px;
    font-weight: bold;
    /*padding-top: 35px;*/
	overflow: visible;
}
.punkte.mt{
    width: 71px;
    height: 71px;
    background: transparent url(../images/b2.png) 0 0 no-repeat;
    font-weight: bold;
    /*padding-top: 5px;*/
    margin-top: 10px;
	overflow: visible;
}
.punkte.mt div{
	line-height: 14px;
}

.punkte span.title {
    display: block;
    padding-top: 5px;
    font-size: 12px;
}

div#infos {
    clear: both;
    height: 35px;
}
div#infos label{
    visibility: hidden;
    float: left;
    padding: 0 5px 1px 5px;

}
div#KartenTimoutLi,
div#KartenTimoutRe{overflow: hidden;position: relative;}

div#infos label.KarteGelb{background: yellow;color: #000;}
div#infos label.KarteRot{background: red;}
div#infos label.DisQ{background: black;}
div#infos label.TimeoutGenommen{visibility: visible;}
div#infos #aufschlagLiLabel,
div#infos #aufschlagReLabel{
    background: inherit;
}
div#infos #aufschlagLiLabel{
    float:right;
}
div#infos #aufschlagReLabel{
    float:left;
}

div#spielstand{
    overflow: hidden;
    clear: both;
}
div#spieler_li,
div#spieler_re,
div#imagesContLi,
div.spielerinfo{
    float: left;
    height: 150px;
    position: relative;
}

div#imagesContLi {
    width: 100px;
}

div.spielername{
    width: 175px;
    padding-top: 20px;
    margin-bottom:10px;
}
div.spielerBilder{
    width: 100px;/*70px*/
    height: 150px;/*80px*/
    overflow: hidden;
    margin: auto;
}
div.spielereigenschaft {
    width: 175px;
    position: absolute;
    padding-bottom: 10px;
    bottom: 0;
}
div.daten {
    padding-left:15px;
}

div#promo{
    color: #ccc;
    padding: 10px 0 5px 5px;
    font-size: 11px;

}
.spielernameBild {
    position:absolute;
    left:-9999px;
}


#spR{float: right;overflow: hidden;}
#spL,#spR{position:relative; width:400px;overflow: hidden;padding: 0;/*background: transparent url(../images/bg_black.png) 0 0 repeat;*/}
#bM{width: 20px;height: 220px;}
#bL,#spPL,#bM,#spIL,#spPR,#spIR{float:left;}
#bR{float: right;}
#bL,#bR,#bM{width:20px;height: 180px;}
#spPL,#spPR{width: 85px;height: 100%;}
div#spPL{padding: 0 0 0 5px; position: relative; right: 0;}
#spPR{padding: 0;}
#spIR,#spIL{width: 290px;height: 180px;}
#spL{float: left}
div.punkte.mt.saetze{margin-top:6px;}
.spielerBilder{padding: 20px 0 0 0;}
#balkenMi,#balkenLi,#balkenRe,
#balkenMiBottom,#balkenLiBottom,#balkenReBottom{width: 10px;overflow: hidden;}
#balkenMi,#balkenLi,#balkenRe{height: 200px;overflow: hidden;}
#balkenMi,#balkenMiBottom{width: 20px;margin:auto;}
#balkenRe{margin-left: 10px;}
div.balkenClear {background: transparent;}
div.balkenWhite{background-color: #000;}
/*div.balkenColorLiReTop {background: url(../images/bgr_balken_li_re.png) top left repeat-x;}
div.balkenColorLiReTop {background: url(../images/bgr_balken_li_re.png) top left repeat-x;}*/
div.balkenColorLiReBottom {background: url(../images/bgr_balken_li_re.png) bottom left repeat-x;}
div.balkenColorMiTop {background: url(../images/bgr_balken_li_mi.png) top left repeat-x;}
div.balkenColorMiBottom {background: url(../images/bgr_balken_mi.png) bottom left repeat-x;}

.small2{width: 7.1%;}
.small1{width: 6.9%;}
div#bottom td,#bottom th{text-align: center;}
div#bottom td.leftAlign,#bottom th.leftAlign{text-align: left;}


div#infos .block_li,div#infos .block_re{width: 242px;}
div#infos .block_li{float: left;text-align: right;}
div#infos .block_re{float: right;text-align: left;}
div#labelsBottom{clear: both;height: 2px;position: relative;text-align: center;}
#balkenLiLabel,#balkenMiLabelText,#balkenReLabel{background: red;display:inline-block;padding:0 4px 2px 4px}
#balkenLiLabel{position: absolute;left: 0px}
#balkenMiLabelText{margin:0 auto;background: #FFF;color:#222;font-weight: bold}
#balkenReLabel{position:absolute;right: 0px;}
#KartenTimoutLi .KarteRot,#KartenTimoutLi .KarteGelb,#KartenTimoutLi .DisQ,#aufschlagLiLabel{float:right;}
#aufschlagLiLabel{float:left;}
#KartenTimoutRe .KarteRot,#KartenTimoutRe .KarteGelb,#KartenTimoutRe .DisQ,#aufschlagReLabel{float:left;}
#aufschlagReLabel{float:right;}
#KartenTimoutLi .TimeoutGenommen{float: right;}
#KartenTimoutRe .TimeoutGenommen{float:left;}
#punkteGast{margin-left: 5px;}
#punkteHeim,#punkteGast{height:85px;line-height:85px;font-size:60px;padding-top:0px;font-weight: 400;}
#punkteHeimSpiel,#punkteGastSpiel,#saetzeHeimSpiel,#saetzeGastSpiel{height:50px;line-height:40px;font-size:48px;font-weight: 400;}

a.sponsor {
    position: absolute;
    left:0;
    top: 10px;
}
#paarungen  a {
	color: white;
    font-size: 22px;
    font-weight: 600;
    line-height: 18px;
}
#paarungen div.mannschaft { width: 210px; }
div#content_wrapper {
    position:relative;
    padding: 88px 29px 18px 33px;
    color: #fff;
    background-color: #1273a4;
    background: -webkit-linear-gradient(#1273a4, #074969); /* For Safari */
    background: -o-linear-gradient(#1273a4, #074969); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1273a4, #074969); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1273a4, #074969); /* Standard syntax */
}

div#infos_wrapper {
    clear:both;
    position: relative;
    top:-28px;
    padding: 27px 20px 20px;
    background-color: #0d577c;
    background: -webkit-linear-gradient(#0d577c, #073c5b); /* For Safari */
    background: -o-linear-gradient(#0d577c, #073c5b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d577c, #073c5b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d577c, #073c5b); /* Standard syntax */
    z-index: 0;
}

div#sponsorBottom {
    text-align: center;
    width: 100%;
}

div#paarung{
    position:relative;
    z-index: 10;
}

div#spieler_wrapper {
    width: 100%;
    border-top: 3px solid #1373a5;
    border-bottom: 3px solid #1373a5;
    font-size: 14px;
}

div#bottom{

}
div#bottom table{
    width: 100%;
}

table {
    padding-top: 3px;
    width: 100%;
    border: none;
    font-size: 100%;
    border-collapse: separate;
    border-spacing: 0 2px;
}

tr td.left-aligned, tr th.left-aligned {
    text-align: left;
}
th {
    color: inherit;
    background-color: inherit;
    padding: 9px;
}

tr th {
    padding: 4px 5px;
    font-weight: normal;
}

tr td {
    padding: 4px 5px;
    color: inherit;
    background-color: #fff;
}
div#bottom  tr td { background-color: #1373a5; } 
.ranking td.green, .tabelle td.green  {
    border-left: 6px solid #1dcd00;
}
.ranking td.green, .tabelle td.green  {
    border-left: 6px solid #1dcd00;
}

.ranking td.red, .tabelle td.red {
    border-left: 6px solid #cd4545;
}

.ranking td.up {
    background: #e6f5fa url('images/up.png') no-repeat;
    background-position: 35px 10px;
}

.ranking td.down {
    background: #e6f5fa url('images/down.png') no-repeat;
    background-position: 35px 11px;
}