/* gemeinsames css (desktop und mobil) */

/* ============== */
.img-100P { max-width: 100%; border: solid 1px DarkGray !important; } 
.img-100P-border-0 { max-width: 100%; border: 0; } 
.img-100P2 { width: 100%; border: solid 1px DarkGray !important; } 

.fl-w2P { float: left; width:2%; }
.fl-w3P { float: left; width:3%; }
.fl-w4P { float: left; width:4%; }
.fl-w5P { float: left; width:5%; }
.fl-w6P { float: left; width:6%; }
.fl-w7P { float: left; width:7%; }
.fl-w8P { float: left; width:8%; }
.fl-w9P { float: left; width:9%; }
.fl-w10P { float: left; width:10%; }
.fl-w11P { float: left; width:11%; }
.fl-w12P { float: left; width:12%; }
.fl-w13P { float: left; width:13%; }
.fl-w14P { float: left; width:14%; }
.fl-w15P { float: left; width:15%; }
.fl-w16P { float: left; width:16%; }
.fl-w17P { float: left; width:17%; }
.fl-w18P { float: left; width:18%; }
.fl-w20P { float: left; width:20%; }
.fl-w21P { float: left; width:21%; }
.fl-w22P { float: left; width:22%; }
.fl-w23P { float: left; width:23%; }
.fl-w24P { float: left; width:24%; }
.fl-w25P { float: left; width:25%; }
.fl-w26P { float: left; width:26%; }
.fl-w27P { float: left; width:27%; }
.fl-w28P { float: left; width:28%; }
.fl-w29P { float: left; width:29%; }
.fl-w30P { float: left; width:30%; }
.fl-w31P { float: left; width:31%; }
.fl-w33P { float: left; width:33%; }
.fl-w36P { float: left; width:36%; }
.fl-w38P { float: left; width:38%; }
.fl-w39P { float: left; width:39%; }
.fl-w40P { float: left; width:40%; }
.fl-w44P { float: left; width:44%; }
.fl-w45P { float: left; width:45%; }
.fl-w46P { float: left; width:46%; }
.fl-w47P { float: left; width:47%; }
.fl-w48P { float: left; width:48%; }
.fl-w49P { float: left; width:49%; }
.fl-w50P { float: left; width:50%; }
.fl-w51P { float: left; width:51%; }
.fl-w52P { float: left; width:52%; }
.fl-w53P { float: left; width:53%; }
.fl-w54P { float: left; width:54%; }
.fl-w55P { float: left; width:55%; }
.fl-w56P { float: left; width:56%; }
.fl-w57P { float: left; width:57%; }
.fl-w58P { float: left; width:58%; }
.fl-w59P { float: left; width:59%; }
.fl-w60P { float: left; width:60%; }
.fl-w62P { float: left; width:62%; }
.fl-w65P { float: left; width:65%; }
.fl-w66P { float: left; width:66%; }
.fl-w67P { float: left; width:67%; }
.fl-w68P { float: left; width:68%; }
.fl-w69P { float: left; width:69%; }
.fl-w70P { float: left; width:70%; }
.fl-w71P { float: left; width:71%; }
.fl-w72P { float: left; width:72%; }
.fl-w73P { float: left; width:73%; }
.fl-w74P { float: left; width:74%; }
.fl-w75P { float: left; width:75%; }
.fl-w76P { float: left; width:76%; }
.fl-w78P { float: left; width:78%; }
.fl-w79P { float: left; width:79%; }
.fl-w80P { float: left; width:80%; }
.fl-w81P { float: left; width:81%; }
.fl-w83P { float: left; width:83%; }
.fl-w85P { float: left; width:85%; }
.fl-w87P { float: left; width:87%; }
.fl-w90P { float: left; width:90%; }
.fl-w93P { float: left; width:93%; }
.fl-w96P { float: left; width:96%; }

.fl-w9P-ac { float: left; width:9%; text-align: center; }
.fl-w10P-ac { float: left; width:10%; text-align: center; }

.fl-w6P-ar { float: left; width:6%; text-align:right; }
.fl-w7P-ar { float: left; width:7%; text-align:right; }
.fl-w8P-ar { float: left; width:8%; text-align:right; }
.fl-w9P-ar { float: left; width:9%; text-align:right; }
.fl-w10P-ar { float: left; width:10%; text-align:right; }
.fl-w15P-ar { float: left; width:15%; text-align:right; }
.fl-w20P-ar { float: left; width:20%; text-align:right; }
.fl-w80P-ar { float: left; width:80%; text-align:right; }


.fr-w3P-ar { float: right; width:3%; text-align:right; }
.fr-w5P-ar { float: right; width:5%; text-align:right; }
.fr-w6P-ar { float: right; width:6%; text-align:right; }
.fr-w7P-ar { float: right; width:7%; text-align:right; }
.fr-w8P-ar { float: right; width:8%; text-align:right; }
.fr-w9P-ar { float: right; width:9%; text-align:right; }
.fr-w10P-ar { float: right; width:10%; text-align:right; }
.fr-w12P-ar { float: right; width:12%; text-align:right; }
.fr-w13P-ar { float: right; width:13%; text-align:right; }
.fr-w20P-ar { float: right; width:20%; text-align:right; }

/* ============== */
/* CMS */
.teamvergleich_box {
    padding:10px; 
    background-color:#f3f3f3
} 

.teamvergleich_emblem {
    float:left; 
    width:50%;
} 

.teamvergleich_emblemdiv {
    height:120px; 
    width:120px;
    margin: 0 auto;
} 

.teamvergleich_spl {
    float:left; 
    width:48%; 
    margin-right: 2%;
} 

.teamvergleich_spr {
    float:left; 
    width:48%; 
    margin-left: 2%;
} 

.teamvergleich_thema {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.teamvergleich_portrait {
    width:60px; 
    min-height:80px; 
    background-color:#f3f3f3;
    float:left; 
    margin-right:10px;
    border: solid 1px DarkGray;
} 

.teamvergleich_ball {
    margin-top:15px;
	width:90px;
    height:28px;
} 


/* ============== */
/* für Vimeo-Videos (reponsive Darstellung) */
/* der Parameter ?responsive=1 funktioniert scheinbar bei iframe (noch) nicht (nur in API) */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 5px;
    height: 0;
    overflow: hidden;
	background-color:#f3f3f3
}

.video-container iframe,  
.video-container object,
.video-container video,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 

/* ============== */
.tickerhinw
{
    font-size: 16px;
    padding: 5px;
	line-height: 22px;
	background-color: #f3f3f3;
	color: #333333;
    font-weight:bold;
}

/* ============== */
/* für HTMLOutputCreator */

/* #f1 */
.f1_Platz { float:left; width:6.666666667%; margin-top:2px; text-align:center; }
.f1_Emblem { float:left; width:8.333333%; margin-top:2px; }
.f1_Team { float:left; width:43%; margin-top:2px; }
.f1_Sp { float:left; width:10%; margin-top:2px; text-align:right; }
.f1_Tore { float:left; width:23%; margin-top:2px; text-align:center; }