﻿
.datatable,
.fancytable,
.fancybluetable,
.rankingtable,
.tabs {
	font-family: arial narrow;
	font-size: 17px;
	font-weight: 300;
}


/* reset stupid style from main.css */

table tbody tr th:first-child,
table tr th:first-child,
table tbody tr td:first-child,
table tr td:first-child{
	padding-left: 7px;
}


/* Tabs Styles */
ul.tabs {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #ccc;
}
ul.tabs li {display: inline-block;}
ul.tabs a {
    display: block;
    position: relative;
    top: 1px;
    padding: 5px 10px;
    border: 1px solid transparent;
    text-decoration: none;
}
ul.tabs a.active {
    border-color: #ccc;
    border-bottom-color: #fff;
}
section.tab {
    display: none;
    margin-bottom: 15px;
    padding: 15px 0;
}
section.tab.active {
	display: block;
}



.datatable-horizontal td {
    border-bottom: 1px dotted #000000;
} 

.datatable-horizontal tr:last-child td {
    border-bottom: 0 none;
} 

.datatable td {
    border-bottom: 1px dotted #000000;
    border-right: 1px dotted #000000;
} 

.datatable tr:last-child td {
    border-bottom: 0 none;
} 

.datatable tr td:last-child {
    border-right: 0 none;
} 


table.fancytable
 { 
	color: #333;
/*	font-family: 'Arial Narrow', Arial, sans-serif;*/
	border-collapse: collapse; 
	border-spacing: 0; 
	table-layout: auto;    
	width: 100%;
}
 
table.fancytable td, 
table.fancytable th { 
	border: 1px solid transparent; /* No more visible border */
	height: 30px; 
	min-width: 4em;
}

table.fancytable .absorbing-column {
    width: 50%;
}
 
table.fancytable th {
 background: #DFDFDF;  /* Lighten header a bit */
 font-weight: bold;
}
 
table.fancytable td {
 background: #FAFAFA;
 text-align: center;
}

.fancybluetable {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}table.fancybluetable{
    table-layout: fixed;
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	padding:0px;
	margin: 0 0 2em;
}.fancybluetable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.fancybluetable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.fancybluetable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.fancybluetable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.fancybluetable tr:hover td{
	
}
.fancybluetable tr:nth-child(odd){ background-color:#E7E9FF }
.fancybluetable tr:nth-child(even)    { background-color:#ffffff; }.fancybluetable td{
	vertical-align:middle;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
/*	font-family:Arial;
	font-weight:normal;*/
	color:#000000;
}.fancybluetable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.fancybluetable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.fancybluetable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}/*
.fancybluetable tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.fancybluetable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
.fancybluetable tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.fancybluetable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}*/
.fancybluetable td img{
	margin-bottom:0px;
}


/* Cells in even columns (2,4,6...) are one color */ 
table.fancytable tr:nth-child(even) td { background: #FEFEFE; }   

/* Cells in odd columns (1,3,5...) are another (excludes header cells)  */ 
table.fancytable tr:nth-child(odd) td { background: #F1F1F1; }  
 
 
 


.tableizer-firstrow,
.tableizer-firstrow th {
    padding-top: 0;
    padding-bottom: 0;
}
/*
.rankingtable td:nth-child(3) {
    background: #4a6ea9 none repeat scroll 0% 0%;
}*/
.rankingtable td:nth-child(5) {
    background: #2bb24c none repeat scroll 0% 0%;
/*	padding-top:3px;*/
}
.rankingtable td:nth-child(6) {
    background: #555 none repeat scroll 0% 0%;
/*	padding-top:3px;*/
}
.rankingtable td:nth-child(2),
.rankingtable td:nth-child(3),
.rankingtable td:nth-child(4),
.rankingtable td:nth-child(5),
.rankingtable td:nth-child(6) {
	text-align:center;
}
.rankingtable .tableizer-firstrow th {
    text-align: center;
	border-top: 1px solid;
}
.rankingtable .tableizer-firstrow th:nth-child(2){
	border-left: 1px solid;
}

@media (max-width: 480px) {
	.rankingtable td:nth-child(5),
	.rankingtable th:nth-child(5),
	.rankingtable td:nth-child(6),
	.rankingtable th:nth-child(6)	{
		display:none;
	}
}

.rankingtable td:nth-child(4) a{
	color: #000;
}

.rankingtable td:nth-child(5) a,
.rankingtable td:nth-child(5),
.rankingtable td:nth-child(6) a,
.rankingtable td:nth-child(6){
	color: #ffffff;
}

.rankingtable .tableizer-firstrow th:nth-child(5),
.rankingtable .tableizer-firstrow th:nth-child(6) {
    width: 48px;
	padding-top: 4px;
}

.rankingtable .tableizer-firstrow th:nth-child(2),
.rankingtable .tableizer-firstrow th:nth-child(3) {
    width: 64px;
}

/* Youtube */
.rankingtable th {
 /*   width: 100%;*/
}

.rankingtable td.youtube, 
.rankingtable .tableizer-firstrow th.youtube {
	width: 96px;
	background-color: #E7E9FF;
/*    border-top-width: 0px;*/
}
.rankingtable td.youtube {
	background-color:#d61717;
}

.rankingtable td {
    padding: 0;
}

table.top5 .youtube {
    display: block;
}

.rankingtable td:nth-child(1), 
.rankingtable th:nth-child(1) {
    background-color: #FFF;
    border-bottom: 0px none;
    border-top: 0px none;
    font-style: italic;
	width:	24px;
    text-align: right;
	font-size: 0.7em;
	padding-right: 2px;
}



@media (max-width: 768px) {
	.datatable,
	.fancytable,
	.fancybluetable,
	.rankingtable,
	.tabs {
		font-size: 14px;
	}
}


@media (max-width: 480px) {
	.datatable,
	.fancytable,
	.fancybluetable,
	.rankingtable,
	.tabs {
		font-size: 12px;
	}
}


tr.summe td {
	border-top-style: double;
	border-top-width: 4px;
	border-top-color: lightgray;
	padding-top: 7px;
	font-weight: bold;
}
