/*
- 2018.css
*/

html { background: #000; }

body {
	color: rgba(255,255,255,.65);
	background-color: #000;
}
body.sundowner {
	background-color: #000;
}



#header {
	background-color: #555;
	box-shadow:         0px 1px 30px 0px rgba(121, 123, 52, 0.56);
	-webkit-box-shadow: 0px 1px 30px 0px rgba(121, 123, 52, 0.56);
	-moz-box-shadow:    0px 1px 30px 0px rgba(121, 123, 52, 0.56);
/* debug:  outline:1px solid cyan;   */
}

#header h1 {
	color: rgba(255,255,255,.65);
	padding-left: 10px;
	display: inline-block;
/* debug:  outline:1px solid white;  */
}



#navcontainer ul li a
{
color: #ddd;
background-color: #555;
}
#navcontainer ul li a:hover
{
color: #eee;
background-color: #555;
}



#content {
	margin-top:77px;
	margin-left:10px;
}

#footer {
	color: rgba(255,255,255,.65);
	background-image: linear-gradient(#000 13%, #555 90%);
	background-image: -webkit-linear-gradient(#000 13%, #555 90%); 
	background-image: -moz-linear-gradient(#000 13%, #555 90%); 
	background-image: -o-linear-gradient(#000 13%, #555 90%);  
/* debug:   border:1px solid black;  */
}

#footer.sundowner {
	background-image: linear-gradient(#F0E68C 13%, #BDB76B 90%);
	background-image: -webkit-linear-gradient(#F0E68C 13%, #BDB76B 90%); 
	background-image: -moz-linear-gradient(#F0E68C 13%, #BDB76B 90%); 
	background-image: -o-linear-gradient(#F0E68C 13%, #BDB76B 90%);  
/* debug:   border:1px solid black;  */
}


.container {
	width:95%;
	margin-right: 10px;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:50px;
	padding: 10px;
}

.container-rounded {
	border-radius: 16px;
	
	border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px;
    -khtml-border-top-right-radius: 18px;
    -moz-border-radius-topright: 18px;
	
	border-top-left-radius: 18px;
	-webkit-border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    -moz-border-radius-topleft: 18px;
	
	border-bottom-right-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
    -khtml-border-bottom-right-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    
	border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
    -khtml-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
}

.container-shadow {
	box-shadow:         0px 3px 22px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 3px 22px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 3px 22px 0px rgba(0, 0, 0, 0.5);
}

.neon_box {
	box-shadow: 
	0 0 5px #fff,
	inset 0 0 5px #fff,
	0 0 20px #ff00de,
	inset 0 0 20px #ff00de,
	0 0 20px 2px #ff00de,
	inset 0 0 20px 2px #ff00de 
	;
	padding: 20px 25px;
}

img.pos {
	position:relative;
	top: 15px;
}

a {
	background: transparent;
	color: #ddd;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #eee;
	text-decoration: underline;
}

a.player {
	background: transparent;
	color: #ddd;
	text-decoration: underline;
}

a.player:hover,
a.player:focus {
	color: #eee;
	text-decoration: underline;
}

ul.mecond li, p.pad, pre {
	color: rgba(255,255,255,.65);
}

article {
	padding-right:60px;
	padding-left:58px;
	color: rgba(255,255,255,.65);
	margin-bottom: 15px;
}

section {
	padding-right:60px;
	padding-left:40px;
	color: rgba(255,255,255,.65);
	display: flex;
	flex-direction: row;
}

section > div {
	padding: 18px;
	flex-basis: 0;
	flex-grow: 1;
}

section div h3 {
	font-size: 1.1em;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

section div img {
	float: left;
	height: 3.4em;
	margin-right: 15px;
	border: 1px solid rgba(255,255,255,.2);
	background: #ddd;
	border-radius: 6px;
}

section.timetable {
	flex-direction: column;
	margin-top: -40px;
	margin-bottom: 20px;
}

section.timetable div ul  {
	margin-left: -25px;
	margin-top: 5px;
}

table.blinds, table.jamai {
	color: rgba(255,255,255,.8);
	
	border-collapse: collapse;
	font-size: .9em;
	background-color: rgba(42, 0, 78,.9);
    margin-left: 55px;
}

table.blinds td, table.jamai td {
	padding: 5px 12px;
}



table.blinds thead tr, table.jamai thead tr {
	border-bottom: 1px solid rgba(255,255,255,.2);
	background-color: rgba(0, 10, 255, 0.2);
	
}

table.blinds thead th, table.jamai thead th  {

	padding-top: 6px;
	padding-bottom: 6px;
	
}

table.blinds tbody tr:nth-child(even), table.jamai tbody tr:nth-child(even)  {
	background-color: rgba(255,255,255,.1);
	
}

table.blinds tfoot td, table.jamai tfoot td {
	border-bottom: 1px solid rgba(255,255,255,.2);
	background-color: rgba(0, 10, 255, 0.2);
	
}

table.sundowner {
	background-color: #D2B48C;
}
table.sundowner th{
	background-color: #D2B48C;
}
table.sundowner td{
	background-color: #FFE4B5;
}
.platz.pause {
	background-color:#DDA0DD;
	color: #333;
}
.platz.ende {
	background-color:#555;
}

table.ranking td{
	color: #000;
}
table.ranking th.gesammt{
	color: #000;
}

.platz.gold {
	background-color:#FFD700;
	color: rgba(42, 0, 78,1);
}
.platz.silber {
	background-color:#C0C0C0;
	color: rgba(42, 0, 78,1);
}
.platz.bronze {
	background-color:#E9967A;
	color: rgba(42, 0, 78,1);
}
.platz.bubble {
	background-color:#DDA0DD;
	color: rgba(42, 0, 78,1);
}

.platz.gold a {
	color: rgba(42, 0, 78,1);
}
.platz.silber a {
	color: rgba(42, 0, 78,1);
}
.platz.bronze a {
	color: rgba(42, 0, 78,1);
}
.platz.bubble a {
	color: rgba(42, 0, 78,1);
}


b#is{
	color: #000;
}

img.ott {
	height: 3.4em;
	border: 1px solid rgba(255,255,255,.2);
	background: #ddd;
	border-radius: 6px;
}

img.ott2 {
	height: 3.0em;
	border: 1px dotted rgba(255,255,255,.1);
	background: rgba(255,255,255,.1);
	border-radius: 18px;
}


h1.tentimes {
font-size: 280%;
font-style: italic;
padding-left:30px;
padding-top:20px;
margin: 0.3em 0.3em 1em 0.3em;
padding-bottom: 10px;
font-weight: 900;
	text-shadow: 
	-2px -2px 10px #fff,
	 2px  2px 10px #fff,
	 0 0 20px #ff00de,
	 0 0 40px #ff00de,
	 0 0 60px #ff00de,
	 0 0 80px #ff00de,
	 0 0 100px #ff00de
	 ;
}

h1.tentimes::before {
	content: '-';
	display: inline-block;
}
h1.tentimes::after {
	content: '-';
	display: inline-block;
}

span.newrule {
margin: 0 0.3em 0 0;
font-weight: 600;
	text-shadow: 
	-2px -2px 10px #fff,
	 2px  2px 10px #fff,
	 0 0 20px #ff00de,
	 0 0 40px #ff00de,
	 0 0 60px #ff00de,
	 0 0 80px #ff00de,
	 0 0 100px #ff00de
	 ;
}

span.newrule::before {
	content: '*';
	display: inline-block;
}
span.newrule::after {
	content: '*';
	display: inline-block;
}

.tooltip-inner {
	
	color: #ffffff;
	background-color: #000000;
	border-radius: 4px;
	box-shadow: 
	0 0 5px #fff,
	inset 0 0 5px #fff,
	0 0 20px #ff00de,
	inset 0 0 20px #ff00de,
	0 0 20px 2px #ff00de,
	inset 0 0 20px 2px #ff00de 
	;
}

 .tooltip-arrow {
	display: none;
}