@import url("../../css/open-sans.css");

th.hd, th.hdn, th.hdnr {
	box-shadow: -2px 0px 2px #fff;
}
th.hd {
	font-size: 0.7em;
	font-weight: bold;
	text-align: left;
	background-color: #ccc;
}
table.res th.hdn {
	font-size: 0.5em;
	padding: 4px 15px 4px 0px;
}
th.hdnr {
	background-color: #ccc;
}
table.drv th.hdnr {
	font-size: 0.6em;
	padding: 4px 18px 4px 0px;
}
.tablesorter .tablesorter-header.sorter-false {
	/* black (unsorted) double arrow */
	background-image: none;
	cursor: auto;
	/* white (unsorted) double arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
	/* image */
	/* background-image: url(image/black_unsorted.gif); */
	/* background-repeat: no-repeat;
	background-position: center right;
	padding: 4px 18px 4px 8px;
	white-space: normal;
	 */
}
.tablesorter .header,
.tablesorter .tablesorter-header {
	/* black (unsorted) double arrow */
	background-image: url(../image/black_unsorted.svg);
	/* white (unsorted) double arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
	/* image */
	/* background-image: url(image/black_unsorted.gif); */
	background-repeat: no-repeat;
	background-position: center right;
	padding: 4px 16px 4px 6px;
	white-space: normal;
	cursor: pointer;
}
.tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc {
	background-color: #9fbfdf; /* #9fbfdf hellblau #ffe6ee hellrot */
	/* black asc arrow */
	background-image: url(../image/black_asc.svg);
	/* white asc arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
	/* image */
	/* background-image: url(image/black_asc.gif); */
}
.tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc {
	background-color: #8cb3d9; /* #8cb3d9 dunkelblau #ffdee9 dunkelrot */
	/* black desc arrow */
	background-image: url(../image/black_desc.svg);
	/* white desc arrow */
	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
	/* image */
	/* background-image: url(image/black_desc.gif); */
}



#navbar a.activ {
	width: 40px;
}
.c-tcard {
	width: 99%;
	padding: 0 0.55em 1.0em 0.55em;
}
.c-tcard p	{
	text-align: left;
}
.submit {
	border: 1px solid #ee0000;
	border-radius: 4px;
	background-color: transparent;
	color: #ee0000;
	font-size: 1.1em;
	margin: 0 0.05em;
	width: 24px;
	padding: 0 0.01em;
	transition: all 0.5s;
	}
.submit:hover {
	border: 1px solid #ee0000;
	border-radius: 4px;
	background-color: #ee0000;
	color: #fff;
	margin: 0 0.05em;
	/* width: 28px; */
	}
.submitcc {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: transparent;
	color: #ccc;
	font-size: 1.1em;
	margin: 0 0.05em;
	width: 24px;
	padding: 0 0.01em;
	transition: all 0.5s;
	}
.submitcc:hover {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #ccc;
	color: #fff;
	margin: 0 0.05em;
	/* width: 32px; */
	}
.submit.az {
	width: 48px;
	}
.submit.all {
	width: 60px;
	}
.submit.chp {
	width: 80px;
	}
table.drv td {
	font-size: 0.75em;
	}
.txtnr {
	font-family: 'F1Bold';
	/* background-color: #f9f906; */
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
	background-image: url("../image/bg/stno.svg");
	background-repeat: no-repeat;
	background-size: 27.5px 31.4px;
	/* border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: separate; */
	}
table.res td.txtnr {
	font-family: F1Bold;
	font-size: 0.75em;
	font-style: italic;
	background-size: 26.5px 26.4px;
	background-position-x: 1px;
	padding-right: 2px;
}
table.drv td.txtnr {
	font-family: F1Bold;
	font-size: 0.8em;
	font-style: italic;
	padding-right: 5px;
	background-size: 30.5px 30.4px;
	background-position-x: 1px;
}
.ctr {
	text-align: center;
	padding: 4px 8px 5px 8px;
	}
table.drv td.gpsp {
	color: #ee7000;
	}
.ctr.gp {
	text-align: center;
	padding: 0 30px;
	}
table.drv td.tar {
	text-align: right;
	padding: 4px 6px 5px 0px;
	font-family: Open Sans;
	font-weight: 800;
	font-style: italic;
	font-size: 0.85em;
	}
table.res td.gp {
	font-size: 0.75em;
	font-weight: 700;
	text-align: center;
}
table.res td.fl {
	font-family: Open Sans;
	font-size: 0.75em;
	font-weight: 700;
	color: #0000ff;
	text-align: right;
}
table.res td.re {
	font-family: Open Sans;
	font-size: 0.75em;
	font-weight: 600;
	/* color: #0000ff; */
	text-align: right;
}
table.res td.tar {
	font-family: Open Sans;
	text-align: right;
	padding: 4px 5px 5px 0px;
	font-weight: 800;
	font-style: italic;
	font-size: 0.75em;
	}
.tal {
	text-align: left;
	padding: 4px 4px 5px 4px;
	}
table.res td.tal.flg, table.drv td.tal.flg {
	text-align: center;
	padding: 0px;
}
table.res td.pdgld, table.res td.pdsilv, table.res td.pdbrc, table.res td.pp,
table.drv td.pdgld, table.drv td.pdsilv, table.drv td.pdbrc, table.drv td.pp {
	font-family: 'F1Black';
	text-align: center;
	padding: 0 6px 0 6px;
	font-size: 1.0em;
}
table.res td.pdgld, table.drv td.pdgld {
	color: #ffd700;
}
table.res td.pdsilv, table.drv td.pdsilv {
	color: #c0c0c0;
}
table.res td.pdbrc, table.drv td.pdbrc {
	color: #bf8970;
}
table.res td.pp, table.drv td.pp {
	color: #ee0000;
}
.dotc {
	font-size: 0.8em;
	color: #a2a2a2;
	}
.purple {
	color: #ff00ff;
	font-weight: bold;
	}
.c-tcard h3 span.red, .c-tcard h3 span.blue, .c-tcard h3 span.green, .c-tcard h3 span.orange {
	float: none;
	font-size: inherit;
	font-weight: bold;
	}
.c-tcard h3 span.red {
	color: #ee0000;
	}
.c-tcard h3 span.blue {
	color: blue;
	}
.c-tcard h3 span.green {
	color: #009900;
	}
.c-tcard h3 span.orange {
	color: #ff8000;
	}

table.res td img, table.drv td img {
	width: 28px;
	margin: 0.1em 0;
	}
table.drv td.hd.ctr {
	text-align: center;
	}
table.res.result th.heads, table.drv.caltbl th.heads {
	position: sticky;
	top: 30px;
	z-index: 9;
	}
table.res th.hd, table.res th.hdn, table.drv th.hd, table.drv th.hdnr {
	position: sticky;
	top: 60px;
	z-index: 9;
	}
table.res th.heads.spr, table.drv th.heads.spr {
	font-size: 0.85em;
	font-weight: bold;
	color: #fff;
	background-color: #ee7000;
	text-align: left;
	vertical-align: middle;
	padding: 7px 6px 7px 12px;
	}
table.res th.heads.lnk.spr, table.drv th.heads.lnk.spr {
	font-size: 0.83em;
	font-weight: bold;
	color: #fff;
	background-color: #ee7000;
	text-align: right;
	vertical-align: middle;
	padding: 7px 12px 7px 6px;
	}
table.res th.heads.lnk.spr a:link, table.drv th.heads.lnk.spr a:link {
	color: #fff;
	padding: 0.1em 0.2em;
	transition: all 0.5s;
	}
table.res th.heads.lnk.spr a:visited, table.drv th.heads.lnk.spr a:visited {
	color: #fff;
	}	
table.res th.heads.lnk.spr a:hover, table.drv th.heads.lnk.spr a:hover {
	color: #ee7000;
	background-color: #fff;
	border-radius: 4px;
	padding: 0.1em 0.2em;
	}	
table.res th.heads.lnk.spr a:active, table.drv th.heads.lnk.spr a:active {
	color: #fff;
	}	
table.drv th.heads.sm {
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	background-color: #ee0000;
	text-align: left;
	vertical-align: middle;
	padding: 2px 6px 2px 12px;
	border-right: 1px solid #fff;
	}
table.res th.heads, table.drv th.heads {
	font-size: 0.85em;
	font-weight: bold;
	color: #fff;
	background-color: #ee0000;
	text-align: left;
	vertical-align: middle;
	padding: 7px 6px 7px 12px;
	cursor: auto;
	}
table.res th.heads.lnk, table.drv th.heads.lnk {
	font-size: 0.83em;
	font-weight: bold;
	color: #fff;
	background-color: #ee0000;
	text-align: right;
	vertical-align: middle;
	padding: 7px 12px 7px 6px;
	}
table.res th.heads.lnk a:link, table.drv th.heads.lnk a:link {
	padding: 0.1em 0.2em;
	color: #fff;
	transition: all 0.5s;
	}
table.res th.heads.lnk a:visited, table.drv th.heads.lnk a:visited {
	color: #fff;
	}	
table.res th.heads.lnk a:hover, table.drv th.heads.lnk a:hover {
	color: #ee0000;
	background-color: #fff;
	border-radius: 4px;
	padding: 0.1em 0.2em;
	}	
table.res th.heads.lnk a:active, table.drv th.heads.lnk a:active {
	color: #fff;
	}	
.c-tcard div.drvinf {
	font-size: 0.85em;
	}
div span.tal, div span.tal.red, div span.tal.blue, div span.tal.green, div span.tal.orange {
	text-decoration: none;
	padding: 0.5px 2px;
	margin: 0 4px;
	border-radius: 4px;
	}
div span.tal {
	color: #0d0d0d;
	border: 1px solid #0d0d0d;
	}
div span.tal.red {
	color: red;
	border: 1px solid red;
}
div span.tal.blue {
	color: blue;
	border: 1px solid blue;
}
div span.tal.green {
	color: green;
	border: 1px solid green;
}
div span.tal.orange {
	color: orange;
	border: 1px solid orange;
}
table.drv td.tal a:link, table.drv td.tal.red a:link, table.drv td.tal.blue a:link,
table.drv td.tal.green a:link, table.drv td.tal.orange a:link, 
table.drv td.tal a:visited, table.drv td.tal.red a:visited, table.drv td.tal.blue a:visited,
table.drv td.tal.green a:visited, table.drv td.tal.orange a:visited {
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
}
table.drv td.tal a:link, table.drv td.tal a:visited {
	color: #0d0d0d;
	border: 1px solid #737373;
}
table.drv td.tal.red a:link, table.drv td.tal.red a:visited {
	color: red;
	border: 1px solid red;
}
table.drv td.tal.blue a:link, table.drv td.tal.blue a:visited {
	color: blue;
	border: 1px solid blue;
}
table.drv td.tal.green a:link, table.drv td.tal.green a:visited {
	color: green;
	border: 1px solid green;
}
table.drv td.tal.orange a:link, table.drv td.tal.orange a:visited {
	color: orange;
	border: 1px solid orange;
}
table.drv td.tal a:hover, table.drv td.tal.red a:hover, table.drv td.tal.blue a:hover,
table.drv td.tal.green a:hover, table.drv td.tal.orange a:hover {
	color: #fff;
}
table.drv td.tal a:hover {
	background: #0d0d0d;
}
table.drv td.tal.red a:hover {
	background: red;
}
table.drv td.tal.blue a:hover {
	background: blue;
}
table.drv td.tal.green a:hover {
	background: green;
}
table.drv td.tal.orange a:hover {
	background: orange;
}
table.res td {
	font-family: Open Sans;
	font-weight: 500;
	font-size: 0.75em;
	}
table.res td.hd.ctr {
	text-align: center;
	}
table.res td.tal {
	padding: 2px 3px 2px 1px;
}
table.res td.tal a:link, table.res td.tal a:visited {
	color: #0d0d0d;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid #0d0d0d;
	/* background: #fff; */
}
table.res td.tal.red a:link, table.res td.tal.red a:visited {
	color: red;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid red;
	/* background: #fff; */
}
table.res td.tal.blue a:link, table.res td.tal.blue a:visited {
	color: blue;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid blue;
	/* background: #fff; */
}
table.res td.tal.green a:link, table.res td.tal.green a:visited {
	color: green;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid green;
	/* background: #fff; */
}
table.res td.tal.orange a:link, table.res td.tal.orange a:visited {
	color: orange;
	text-decoration: none;
	padding: 1px 3px;
	border-radius: 4px;
	border: 1px solid orange;
	/* background: #fff; */
}
table.res td.tal a:hover, table.res td.tal.red a:hover, table.res td.tal.blue a:hover, 
table.res td.tal.green a:hover, table.res td.tal.orange a:hover { 
	color: #fff;
}
table.res td.tal a:hover {
	background: #0d0d0d;
}
table.res td.tal.red a:hover {
	background: red;
}
table.res td.tal.blue a:hover {
	background: blue;
}
table.res td.tal.green a:hover {
	background: green;
}
table.res td.tal.orange a:hover {
	background: orange;
}

[flag]:hover:after {
    opacity: 1;
    visibility: visible;
	}
/* box for title text */
[flag]:after {
    /* font-family: "Square"; */
    content: attr(flag);
  	/* position for title view box */
  	position: absolute;
  	top: 0em;  	
    left: 0%;
    /* bottom: -0.1em;  	
    right: 150%; */
    z-index: 1;
    visibility: hidden;
    /* optional */
    white-space: nowrap;
  	/* stilization */
	background-color: #fff;
    color: #ee0000;
    font-family: Open Sans;
	font-size: 1.0em;
	line-height: 0.96;
    padding: 0.0em 0.08em 0.1em 0.08em;
    box-shadow: 0px 0px 4px 0px #000;
    opacity: 0;
    border: 0.1em solid #ee0000;
	border-radius: 3px;
	}
[flag] {
	position: relative;
	cursor: help;
	}


[flgd]:hover:after {
    opacity: 1;
    visibility: visible;
	}
/* box for title text */
[flgd]:after {
    /* font-family: "Square"; */
    content: attr(flgd);
  	/* position for title view box */
  	position: absolute;
  	top: 0em;  	
    left: 0%;
    /* bottom: -0.1em;  	
    right: 150%; */
    z-index: 2;
    visibility: hidden;
    /* optional */
    /* white-space: nowrap; */
  	/* stilization */
	background-color: #fff;
    color: #000;
    font-family: Open Sans;
	font-size: 1.1em;
	line-height: 0.95;
    padding: 0.5px 0.5px;
    box-shadow: 0px 0px 4px 0px #000;
    opacity: 0;
    /* border: 1px solid #fff; */
	/* border-radius: 3px; */
	}
[flgd] {
	position: relative;
	cursor: help;
	}


/* Menu klein color: blau */
/* .submit {
	border: 1px solid #0000ee;
	border-radius: 4px;
	background-color: transparent;
	color: #0000ee;
	font-size: 1.0em;
	margin: 0 0.03em;
	width: 20px;
	padding: 0 0.1em;
	transition: all 0.5s;
	}
.submit:hover {
	border: 1px solid #0000ee;
	border-radius: 4px;
	background-color: #0000ee;
	color: #fff;
	font-size: 1.0em;
	margin: 0 0.03em;
	width: 20px;
	}
.submitcc {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: transparent;
	color: #ccc;
	font-size: 1.0em;
	margin: 0 0.03em;
	width: 20px;
	padding: 0 0.1em;
	transition: all 0.5s;
	}
.submitcc:hover {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #ccc;
	color: #fff;
	font-size: 1.0em;
	margin: 0 0.03em;
	width: 20px;
	}
.submit.az {
	width: 38px;
	}
.submit.all {
	width: 58px;
	}	
*/






@media only screen	/*####### iPhone 7 Querformat #######*/
and (min-device-width : 375px) 
and (max-device-width : 668px) 
and (orientation : landscape) {

.submit {
  border-radius: 4px;
  color: #ee0000;
  font-size: 0.85em !important;
  margin: 0 0.05em;
  width: 24px;
  padding: 0 0.01em;
}
.submit.all {
	width: 52px !important;
}
.submit.az {
	width: 32px !important;
}
.submit.chp {
	width: 62px !important;
}
.submit.cc {
	width: 32px !important;
}
.submitcc {
	font-size: 0.85em !important;
}
th.hd {
	font-size: 0.63em !important;
	font-weight: normal !important;
}
.tablesorter .header, .tablesorter .tablesorter-header {
	background-image: url(../image/red_unsorted.svg) !important;
	background-size: 20px !important;
	padding: 2px 13px 2px 3px !important;
}
.tablesorter .headerSortUp, .tablesorter .tablesorter-headerSortUp, .tablesorter .tablesorter-headerAsc {
	background-image: url(../image/red_asc.svg) !important;
	background-size: 19px !important;
	padding: 2px 13px 2px 3px !important;
}
.tablesorter .headerSortDown, .tablesorter .tablesorter-headerSortDown, .tablesorter .tablesorter-headerDesc {
	background-image: url(../image/red_desc.svg) !important;
	background-size: 19px !important;
	padding: 2px 13px 2px 3px !important;
}
.tal {
	font-size: 0.61em !important;
	padding: 2px 2px 3px 2px !important;
}
.ctr.gp {
	font-size: 0.7em !important;
	padding: 0 20px !important;
}
.c-tcard .driver p {
	font-size: 0.7em !important;
	margin: 0 1.0em 0 0.2em !important;
}
.c-tcard p img {
	width: 20px !important;
	vertical-align: -2px !important;
}
.dot {
	font-size: 0.3em;
	vertical-align: 0.5em;
	margin: 0 1.2em 0 1.2em !important;
	color: #696969 !important;
}
.dotc {
	color: #696969 !important;
}
.c-tcard .img_chmp img {
	height: 140px !important;
	max-width: 100% !important;
	margin: 0.5em 0 0 0 !important;
}
.c-tcard .driver {
	width: 75% !important;
}
.c-tcard .img_chmp {
	width: 24% !important;
}
table.res th.heads.lnk, table.drv th.heads.lnk {
	font-size: 0.62em !important;
	padding: 5px 1px 5px 1px !important;
}
table.res th.heads.lnk.spr a:hover, table.drv th.heads.lnk.spr a:hover {
	padding: 0 !important;
}
table.res th.heads.lnk a:hover, table.drv th.heads.lnk a:hover {
	padding: 0 !important;
}
table.res th.heads, table.drv th.heads {
	font-size: 0.74em !important;
	padding: 5px 6px 5px 8px !important;
}
table.res.result th.heads, table.drv.caltbl th.heads {
	top: 28px !important;
}
table.res th.hd, table.res th.hdn, table.drv th.hd, table.drv th.hdnr {
	top: 56px !important;
}











}