/*
- default.css
*/

body {
	color: #333;
	background-color: #DBDBDB;
}

#header {
	position: fixed;
	top: 0px;
	height: 80px;
	width: 100%;
	margin: 0px;
	background-color:  #454545;
	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);
	z-index: 101;
/* debug:  outline:1px solid cyan;   */
}

#header h1 {
	color: #eee;
	padding-left: 10px;
	display: inline-block;
/* debug:  outline:1px solid white;  */
}

#header a {
	color: #eee;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}

#header a:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}

#navcontainer {
	margin-top: -10px;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 25px;
}

#navlist a
{
font-size: 90%;
color: #ddd;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}

#navlist a:hover, #navlist a#current
{
color: #eee;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}



#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 2em;
color: #fff;
background-color: #454545;
border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	
border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #454545;
}


#navcontainer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#navcontainer li {
    float: left;
}

#navcontainer li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#navcontainer li a:hover, .dropdown:hover .dropbtn {
    
}

#navcontainer li.dropdown {
    display: inline-block;
}

#navcontainer .dropdown-content {
    display: none;
    position: absolute;
    
   
   
}

#navcontainer .dropdown-content a {
    margin-top: -4px;
    padding-top: 3px;
    text-decoration: none;
    display: block;
    text-align: left;
}

#navcontainer .dropdown-content a:hover {}

#navcontainer .dropdown:hover .dropdown-content {
    display: block;
}



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

#footer {
	z-index: 101;
	bottom: 0px;
	height: 220px;
	width: 100%;
	margin: 0 auto;
	color: #eee;
	background-image: linear-gradient(#DBDBDB 13%, #6E6E6E 90%);
	background-image: -webkit-linear-gradient(#DBDBDB 13%, #6E6E6E 90%); 
	background-image: -moz-linear-gradient(#DBDBDB 13%, #6E6E6E 90%); 
	background-image: -o-linear-gradient(#DBDBDB 13%, #6E6E6E 90%); 
/* debug:   border:1px solid black;  */
}

#pixel{
	cursor: pointer;
	background-color: transparent;
	color: #333;
	font-weight: normal;
	text-align: center;
	width: 16px;
	height:12px;
	left: 20px;
	position: fixed;
	top: 0;
	margin-bottom: 10px;
	z-index: 105;
	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 {
	width:95%;
	margin-right: 10px;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.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-rounded-top {
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;
}

.container-rounded-bottom {
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);
}

.container-colorPTH {
	background: #ffffff;
background-image: url(../_img/tab-normal-fade.png);
		background-position: bottom left;
		background-repeat: repeat-x;
}

.container-colorPTH:hover{
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}


.container-color12 {
	background-color: #F3DEE4;
}

.container-color12:hover{
	background-color: #F3DEE4;
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

.container-color13 {
	background-color: #DEDEFA;
}
.container-color13:hover{
	background-color: #DEDEFA;
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

.container-color14 {
	background-color: #FCFEE0;
}
.container-color14:hover{
	background-color: #FCFEE0;
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

.container-color15 {
	background-color: #99FFCC;
}
.container-color15:hover{
	background-color: #99FFCC;
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

.container-color16 {
	background-color: #B0E0E6;
}
.container-color16:hover{
	background-color: #B0E0E6;
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

.container-color17 {
	background-color: #FFE4B5;
}
.container-color17:hover{
	background-color: #FFE4B5;
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

.container-color18 {
	background-color: #F3DEE4;
}
.container-color18:hover{
	background-color: #F3DEE4;
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

.container-color19{
	background-color: #F5FFFA;
}
.container-color19:hover{
	background-color: #F5FFFA;
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

.container-color20{
	background-color: hsla(150, 25%, 75%, 1);
}
.container-color20:hover{
	background-color: hsla(150, 25%, 75%, 1);
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

.container-color21{
	background-color: hsla(350, 55%, 75%, 1);
}
.container-color21:hover{
	background-color: hsla(350, 55%, 75%, 1);
	opacity: 			0.8;
	filter: 			alpha(opacity=80);
}

#content {
	min-height: 888px;
}


table.tbl {
	font-size: 15px;
	margin-left: 30px;
}

td.thead{
	 text-align: center;
	 font-weight: normal;
	 background-color: #dedede;
	 opacity: 			0.9;
	 filter: 			alpha(opacity=90);
}

td.tbody {
	padding-left: 8px;
}

td.tfoot{
	text-align: center;
	background-color: #dedede;
	 opacity: 			0.9;
	 filter: 			alpha(opacity=90);
}

td.le {
	background-color: #fefefe;
	opacity: 			0.9;
	filter: 			alpha(opacity=90);
	
}

td.lo {
	background-color: #efefef;
	opacity: 			0.9;
	filter: 			alpha(opacity=90);
	
}

td.lt {
	background-color: #dedede;
	opacity: 			0.9;
	filter: 			alpha(opacity=80);
	text-indent: 120px;
	padding-top: 4px;
	padding-bottom: 4px;
}

table {
margin-top:9px;
border-top-right-radius: 14px;
	-webkit-border-top-right-radius: 14px;
    -khtml-border-top-right-radius: 14px;
    -moz-border-radius-topright: 14px;
	border-bottom-right-radius: 14px;
	-webkit-border-bottom-right-radius: 14px;
    -khtml-border-bottom-right-radius: 14px;
    -moz-border-radius-bottomright: 14px;
margin-bottom:3px;
}


.topright {
border-top-right-radius: 14px;
	-webkit-border-top-right-radius: 14px;
    -khtml-border-top-right-radius: 14px;
    -moz-border-radius-topright: 14px;
}
.bottomright{
border-bottom-right-radius: 14px;
	-webkit-border-bottom-right-radius: 14px;
    -khtml-border-bottom-right-radius: 14px;
    -moz-border-radius-bottomright: 14px;
}


table.blinds, table.ranking, table.sundowner, table.jamai, table.gartende {
	width: 500px;
	margin-left:40px
}

.platz {
	text-align: center;
}
.platz.gold {
	background-color:#FFD700;
}
.platz.silber {
	background-color:#C0C0C0;
}
.platz.bronze {
	background-color:#E9967A;
}
.platz.bubble {
	background-color:#DDA0DD;
}
.platz.pause {
	background-color:#3C9;
}
.platz.ende {
	background-color:#6C9;
}



.inaktive{
	opacity: 			0.7;
	filter: 			alpha(opacity=70);
	
}

.opacity {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.middle {
	text-align: center;
	vertical-align: middle;
}

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

a.player:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

a.player:active,
a.player:hover {
	outline: 0;
}

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

a.loca {
	text-decoration: underline;
}
a.loca:hover {
	text-decoration: none;
}

a.loca:first-of-type {
	padding-left: 40px;
} 

ul.mecond, ol.mecond {
	margin-left: 30px;
}
ul.mecond li, ol.mecond li{
	color: #333333;
}

p.pad {
	padding-right:40px;
	padding-left:40px;
}
p.pad.serie{
	font-size: 95%;
}


.verlauf
{
font-size: 90%;
color: #222;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
	text-align:left;
	padding:0;
	margin:0;
}

.verlauf:hover
{

color: #000;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
background-color: #eee;
}

.chartbox {
	position:relative;
	display:inline-block;
	width:120px;
	height:22px;
	background-color: transparent;
	z-index:1001;
	padding:0;
	margin:0;
	bottom:-4px;
}
.chap-1 {
	position:relative;
	display:inline-block;
	width:20px;
	background-color: #87CEFA;
	z-index:1000;
	margin-bottom:0px;
}
.chap-2 {
	position:relative;
	display:inline-block;
	width:25px;
	background-color: #DB7093;
	z-index:1000;
}
.chap-3 {
	position:relative;
	display:inline-block;
	width:25px;
	background-color: #32CD32;
	z-index:1000;
}
.chap-4 {
	position:relative;
	display:inline-block;
	width:25px;
	background-color:#7B68EE;
	z-index:1000;
}
.chap-42 {
	position:relative;
	display:inline-block;
	width:10px;
	background-color:#7B68EE;
	z-index:1000;
}
.chap-44 {
	position:relative;
	display:inline-block;
	width:5px;
	background-color:#7B68EE;
	z-index:1000;
}
.chap-5 {
	position:relative;
	display:inline-block;
	width:20px;
	background-color:#FF6347;
	z-index:1000;
}
.chap-52 {
	position:relative;
	display:inline-block;
	width:10px;
	background-color:#FF6347;
	z-index:1000;
}
.chap-6 {
	position:relative;
	display:inline-block;
	width:2px;
	background-color:transparent;
	z-index:1000;
}

.popup{ position:relative;}

		.popup > aside{
			-moz-transition: all .2s ease-in-out; 
			-webkit-transition: all .2s ease-in-out; 
			-o-transition: all .2s ease-in-out; 
			-ms-transition: all .2s ease-in-out; 
			transition: all .2s ease-in-out; 
			-moz-transform: scale(0);
			-webkit-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			position:absolute;
			background: white;
			color:black;
			border:1px solid black;
			border-radius: 5px;
			padding:5px;
			width: 200px;
			bottom:120%;
			left:0;
		}

		.popup > aside:before,aside:after {
			content: ".";
			position: absolute;
			color:transparent;
			top:100%;
			width: 0;
			height: 0;
			left:4px;
			border-left: 11px solid transparent;
			border-right: 11px solid transparent;
			border-top: 11px solid black;
		}

		.popup > aside:after {
			left:5px;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid white;
		}

		.popup:hover > aside{
			-moz-transform: scale(1.0);
			-webkit-transform: scale(1.0);
			-o-transform: scale(1.0);
			-ms-transform: scale(1.0);
			transform: scale(1.0);
		}
	
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;
}

	
.location {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 108px;
	margin-right: 5px;
	width: 70%;
	opacity: 			0.6;
	filter: 			alpha(opacity=60);
}
.location:hover{
	opacity: 			1;
	filter: 			alpha(opacity=100);

}

div.location img{
	width:16px;
}

.location2 {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 40px;
	margin-right: 5px;
	width: 95%;
	opacity: 			0.8;
	filter: 			alpha(opacity=60);
}
.location2:hover{
	opacity: 			1;
	filter: 			alpha(opacity=100);

}

div.location2 img{
	width:16px;
}

.karte {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 40px;
	margin-right: 5px;
	width: 95%;
}


.karte div {
	display: inline-block;
	width: 300px;
	border: none;
	outline: none;
}

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

.karte div > a{
	padding-top: 15px;
}


table.ranking {
	background-color: #FFE4C4;
}
table.ranking th{
	background-color: #D2B48C;
}
table.ranking td{
	background-color: #DEB887;
}


tr.active {
	outline: 2px dotted #8B4513;
}
tr.active td{
	background-color: #D2B48C;
	box-shadow:         0px 4px 12px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 4px 12px 0px rgba(0, 0, 0, 0.5);
}


.medals {
text-align:left;
padding-left:7px;
width:60px;
}

.tendenz {
text-align:center;
padding-left:7px;
}

.playerinfo {
	position: absolute;
	left: 620px;
	top: 295px;
    
}



table#player1 {
	width:600px !important;
	margin: auto !important;
	margin-top:20px !important;
	margin-bottom:20px !important;
}

table#player2 {
	width: 99% !important; 
	margin: 5px!important;
}


td.gesammt, th.gesammt {
	font-size: 120%;
}
td.gesammt{
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	
}

span.serdat {
	font-size:95%; 
	padding-right: 5px; 
	padding-left: 3px;
	padding-top: 2px; 
	padding-bottom: 2px; 
	border-radius: 3px;
	
	color:#ddd; 
	background-color:#454545; 
	opacity: 1;
	filter: alpha(opacity=100);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}


span.serdat:hover {
	color:#eee; 
	text-decoration:none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}

span.active {
	background-image: linear-gradient(#FCFEE0 13%, #BCDA76 90%);
	background-image: -webkit-linear-gradient(#FCFEE0 13%, #BCDA76 90%); 
	background-image: -moz-linear-gradient(#FCFEE0 13%, #BCDA76 90%); 
	color: #454545;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}

span.active:hover {
	color: #454545;
	text-decoration:none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}

a.serdat:hover {
	text-decoration:none;
}


	.modal-dialog {
	top: 50px !important;
	}

.modal-dialog.viewer  {

		width: 700px;
		margin: 10px auto;
}

.modal-content.viewer {
	background-color: #DBDBDB; 
	border: 1px solid #FFE4C4;
	border-radius: 3px;
	outline: none;
	box-shadow: 		0 3px 9px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
}

.modal-header.viewer  {
	min-height: 1.228571429px;
	padding: 5px;
	border-bottom: 1px solid #FFE4C4;
	background: -prefix-linear-gradient(left, #D2B48C, #FFE4C4); 
	background: linear-gradient(to right, #D2B48C, #FFE4C4); 
}

.modal-title.viewer {
	color: #FFE4C4;
	padding-top: -5px;
}




.modal-footer.viewer  {
	padding: 5px 5px 5px;
	margin-top: 5px;
	text-align: right;
	border-top: 1px solid #FFE4C4;
	background-image: linear-gradient(#DBDBDB 13%, grey 80%);
	background-image: -webkit-linear-gradient(#DBDBDB 13%, grey 80%); 
	background-image: -moz-linear-gradient(#DBDBDB 13%, grey 80%); 
	background-image: -o-linear-gradient(#DBDBDB 13%, grey 80%); 
}

.btn.viewer {
	display: inline-block;
	padding: 3px 8px;
	margin-bottom: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.128571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	user-select: 		 none;
	-webkit-user-select: none;
	-moz-user-select: 	 none;
	-ms-user-select: 	 none;
	-o-user-select: 	 none;
	background-color: #FFE4C4;
}

.navrss a{padding:0 !important;}
.navrss img{margin-left:11px !important; margin-right:11px !important; margin-bottom:-2px !important; width:24px !important; height:24px !important;}
.navrss li{padding:0 !important;}

img.wttnl{
	padding-left:32px;
	opacity:0.8;
	filter: alpha(opacity=80);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
	}
img.wttnl:hover{
	opacity:0.9; 
	filter: alpha(opacity=90);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
	}

	

.moh-content {
	background-color: #DBDBDB; 
	border: 1px solid #111 !important; 
}

.moh-header{
	background: -prefix-linear-gradient(left, #333, #999) !important; 
	background: linear-gradient(to right, #333, #999) !important; 
	border-bottom: 1px solid #111 !important;
}

.moh-body {
	background-color: #fff !important;
	padding: 5px;
}	
	
	
/*
- default.css
*/