* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

@font-face {
    font-family: "SourceSansProLight";
    src: url("SourceSansProRegular.ttf") format("opentype");   
        
}

body{
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#641d0b;
    font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:12px;
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
	background-color:#641d0b;
}

a{
	text-decoration:none!important;
}

h1,h2,h3{
	margin:0;
	padding:0px;
}
.ui-loading .ui-page { overflow: hidden; }

.header{
   
    min-height:50px;
	position: fixed;
	width: 100%;
	top: 0px!important;
	z-index: 100;
	text-shadow: none!important;
}

.headerLeft,.headerCenter,.headerRight{
	position:absolute;
	top:0px;
	line-height:50px;
	color:#d9d0d0;
	z-index:15555;
}

.headerLeft a,.headerRight a{
	padding:17px 10px;
	color:#d9d0d0!important;
	font-weight:normal!important;
	text-decoration:none;
    z-index:4000;
	
}

.headerLeft img,.headerRight img{
	height:22px;
	width:auto;
	margin-right:4px;
	margin-bottom:-5px;
}

.headerCenter img{
	margin-bottom:-4px;
}

.headerLeft{
	left:0px;
}

.headerCenter{
	width:100%;
	text-align:center;
	background-color:#81301b;
}

.headerRight{
	right:0px;
}	

.ui-content{
	padding:10px 0 0 0!important;
	-webkit-backface-visibility: hidden;
}

.ui-page{
	background-color:#641d0b!important;
}

.content{
    margin-top:50px!important;
    width:100%;
    height:100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 50px;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style:none;
	overflow: -moz-scrollbars-none;
}

.none{display:none;}

::-webkit-scrollbar { 
    display: none;
	width: 0!important;
}
.footer-placeholder{
	height:70px;
}

a, a:hover{
	color:#d9d0d0!important;
	font-weight:normal!important;
}

.p10{
	padding:10px;
}

.p20{
	padding:20px 10px;
}

.m10{
	margin:10px;
}

.content{
	background-color:#641d0b;
	color:#d9d0d0;
}

.startshadow{
	background-image:url(../img/bg-shadow.png);
	background-repeat:repeat-x;
	background-size:10px 10px;
	height:10px;
	margin-top:50px;
}

.clear{
	clear:both;
}

input {
    -webkit-appearance: none;
	border-radius: 0;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #d9d0d0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #d9d0d0;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #d9d0d0;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #d9d0d0;
}

*:focus {outline: none;}

/************ Startseite **************/

#startseite .ui-content{
	padding:0px!important;
}

#startseite .navBox{
	display:block;
	border-bottom:1px solid #692413;
	clear:both;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:100%;
}

#startseite .navBox.first{
	border-top:1px solid #692413;
	margin-top:20px;
}

#startseite .navBox span{
	display:inline-box;
	line-height:60px;
}

#startseite .navBox .icon{
	float:left;
	line-height:normal!important;
}

#startseite .navBox .text{
	float:left;
	margin-left:25px;
}

#startseite .navBox .next{
	float:right;
}

#startseite .navBox .icon img{
	height:60px;
	display:block;
}

#startseite .navBox .next img{
	height:20px;
	margin-bottom:-5px;
	opacity:0.2;
}

#startseite .content{
	background-image:url(../img/bg-startseite.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100%;
}

/************ Spielersuche **************/

#spielersuche  input,#vereinssuche  input{
	padding:9px 7px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:100%;
	border:1px solid #641D0B;
	background-color:#762915;
	color:#d9d0d0;
	margin-top: 2px;

}

#spielersuche .header table,#vereinssuche .header table{
	position:fixed;
	top:0px;
	z-index:10;
}

#spielersuche .headerCenter,#vereinssuche .headerCenter{
	z-index:0;
}


#spielersuche .search img,#vereinssuche .search img{
	height:10px;
	position:fixed;
	right:18px;
	top:20px;
}

#spielersuche .content,#vereinssuche .content{
	margin-top:50px!important;
}

.wrapperplayer{
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-bottom:1px solid #6C2210;
	padding-bottom:5px!important;
	padding-top:0px;
}

#vereinssuche .wrapperplayer .itn{
	text-align:center;
	width:27px;
}

.wrapperplayer .itn{
	display: inline-block;
	float: left;
	display: inline-block;
	float: left;
	background-color: #81301b;
	color:#481103;
	line-height: 51px;
	font-size: 11px;
	padding: 0 12px;
	border-radius: 50%;
	margin-right: 15px;
	font-weight:bold;
}

.wrapperplayer .nameverein{
	display: inline-block;
	float: left;
	line-height:11px;
	margin-top:11px;
}

.wrapperplayer .spielername{
	font-size:15px;
	line-height:15px;
	display: inline-block;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
}

.wrapperplayer .verein{
	font-size:9px;
	color:#a15643;
	line-height:9px;
	display: inline-block;
	width: 210px;
	overflow: hidden;
	white-space: nowrap;
}

.wrapperplayer .next{
	display: inline-block;
	float: right;	
	margin-top:14px;
}

.wrapperplayer .next img{
	height:20px;
	margin-bottom:-5px;
	opacity:0.2;
}


/************ Details **************/

#loading,.loading{
	text-align:center;
	padding-top:40px;
}

#loading img,.loading img{
	height:15px;
	margin-left:-10%;
}

#details{
	opacity:0;
	color:#d9d0d0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:100%;
}

#details .left{
	float:left;
	width:70%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#details .right{
	float:right;
	width: 74px;
	text-align:center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#itn,.roundPlayers{
	width: 74px;
	background-color: #81301b;
	padding: 14px 0px;
	border-radius: 50%;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	margin:auto;
}

#itn span,.roundPlayers span{
	font-size:12px;
}

#name{
	border-bottom:1px solid #d9d0d0;
	padding: 7px 0 10px;
	margin-bottom: 10px;
}

#verein{
	font-size:11px;
}

#alter{
	font-size:11px;
	color:#A64E37;
}

.box1{
	
	padding-bottom:35px;
	padding-top:20px;
}

.box2{
	background-image:url(../img/bg-chart.png);
	background-repeat:no-repeat;
	background-size:cover;
}

#bestworst{
	text-align:center;
}

.white{
	background-color:#fff;
}

.year{
	padding:15px 10px;
	background-color:#e2e2e2!important;
	color:#641d0b!important;
	margin-bottom:1px;
}

.year span{
	float:right;
}

.year span img{
	height:20px;
	opacity:1;
	float:right;
}

.game td{
	font-size:11px;
	position:relative;
}

.game .name{
	color:#3c3b3a;
}

.game .ergebnis, .game .itn{
	color:#aaa9a9;
}

.game.even, .even{
	background-color:#f5f5f5;
}

.game .green{
	font-weight:bold;
	color:#81a825;
}

.game .red{
	font-weight:bold;
	color:#711300;
}

.perc, .percBig{
	width:35px;
	height:35px;
	background-image:url(../img/per-grey.png);
	background-size:35px;
	background-repeat:no-repeat;
	margin-left:8px;
	margin-right:8px;
	
}


.odd .perc{
	background-image:url(../img/per-white.png);
}

.percBig{
	background-size:60px;
	width:60px;
	height:60px;
	background-image:url(../img/per-big-grey.png);
}

.odd .percBig{
	background-image:url(../img/per-big-white.png);
}


.highcharts-container .chart-drag-handle {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 100;
}

.shadow-top, .shadow-bottom{
	height: 10px;
	width: 100%;
	background-image: url(../img/bg-shadow.png);
	background-repeat: repeat-x;
	
	background-size: 10px 10px;
	
}

.shadow-bottom{
	background-image:url(../img/bg-shadow-bottom.png);
	margin-top:30px;
	margin-bottom:0px;
}

.best,.worst{
	font-size:10px;
	color:#fff;
	float:right;
	-moz-border-radius:     5px;
	-webkit-border-radius:  5px;
	-khtml-border-radius:   5px;
	border-radius:          5px;
	margin:3px;
	padding:3px;
}

.best{
	background-color:#81a825;
}

.worst{
	background-color:#F24000;
}

#bestworst h2{
	float: left;
	margin: 0px;
	font-size: 14px;
	padding-left: 10px;
}

#chart2{
	z-index:0;
}

#chart1{
	z-index:0;
}

#switch{
	float:left;
	display:block;
	-moz-border-radius:     5px;
	-webkit-border-radius:  5px;
	-khtml-border-radius:   5px;
	border-radius:          5px;
	border:1px solid #F26E00;
	color:#F26E00;
	padding:5px 8px;
	font-size:11px;
	margin-left:10px;
	margin-bottom:10px;
}

.box3{
	background-color:#f2f2f2;
}

.white h2, .white h1, .white h3, .white{
	color:#641d0b;
}

.year{
	color:#fff;
}

.f10{
	font-size:10px;
}

.games-count{
	background-color:#81301b;
	border-radius:50%;
	display:inline-block;
	line-height:20px;
	width:20px;
	text-align:center;
	font-size:10px;
	-moz-border-radius:     20px;
	-webkit-border-radius:  20px;
	-khtml-border-radius:   20px;
	border-radius:          20px;
	color:#fff;
	font-weight:bold;
	width:30px;
	
}

#itnfight td{
	font-size:11px!important;
}

#itnfight .paul{
	background-color:#f2f2f2;
	padding:5px 3px;
	color:#641d0b;
	font-weight:bold;
	-moz-border-radius:     5px;
	-webkit-border-radius:  5px;
	-khtml-border-radius:   5px;
	border-radius:          5px;
}

#itnfight .percentWrapper{
	background-color:#f2f2f2;
	padding:1px 0px;
}

#itnfight .round-left, #itnfight .round-right{
	line-height: 25px;
	width: 25px;
	background-color: #f2f2f2;
	border-radius: 50%;
	display: inline-block;
	margin-left: -5px;
	color:#641d0b;
	font-weight:bold;
}

#itnfight .round-left{
	margin-left:0px;
	margin-right:-5px;
}

#ranking td{
	font-size:12px;
	color:#3c3b3a;
}

.div{
	margin:-2px 0 0 2px;
}


/********** ITN - RECHNER *************/

.name1, .name2{
	float:left;
	width:75%;
	margin:0px;
	padding:6px 0px;
	margin:4px 0px;
	border:0px;
	-moz-border-radius:     5px;
	-webkit-border-radius:  5px;
	-khtml-border-radius:   5px;
	border-radius:          5px;
	padding-left:3%;
	font-size:15px;
}

.itn1, .itn2{
	float:right;
	text-align:center;
	width:20%;
	margin:4px 0px;
	padding:6px 0px;
	border:0px;
	-moz-border-radius:     5px;
	-webkit-border-radius:  5px;
	-khtml-border-radius:   5px;
	border-radius:          5px;
	font-size:15px;
}

#namelist1 .milch,#namelist2 .milch{
	text-align:left!important;
	margin:1px 0px!important;
}

#loading1,#loading2{
	position:absolute;
	margin-left:65%;
	margin-top:7px;
	-moz-border-radius:     5px;
	-webkit-border-radius:  5px;
	-khtml-border-radius:   5px;
	border-radius:          5px;
	background-color:#fff;
	padding:4px 4px 1px;


}

#pro1{
	
	width:80px;
	height:80px;
	background-image:url(../img/per-big-white.png);
	background-size:80px;
	margin: 0 auto;
	left:-50px;
	margin-top:20px;
}

/************* VERREINSSUCHE **********/
#vereinssuche .nameverein{
	margin-top:0px!important;
	font-size:11px!important;
}

#vereinssuche .spielername{
	font-size:11px!important;
}

#vereinssuche .games-count{
	margin-bottom:3px;
}

#vereinssuche .next{
	margin-top:0px!important; 
}

/************* VEREINDETAILS **********/

#vereindetails .wrapperplayer,#spieler .wrapperplayer{
	padding-top:8px;
}

#vereindetails .next,#spieler .next{
	margin-top:0px;
}

#vereindetails .next img,#spieler .next img{
	margin-bottom:0px;
	margin-right:10px;
}

#vereindetails .rank,#spieler .rank{
	display:inline-block;
	width:26px;
	margin-left:10px;
	font-size:13px;
}

#vereindetails .itnV,#spieler .itnV{
	display:inline-block;
	width:50px;
	font-size:13px;
}

#vereindetails .spielername,#spieler .spielername{
	font-weight:bold;
}

.platz{
	display:inline-block;
	width:105px;
}

.plaetze{
	text-align:center;
	padding:15px 0px;
}

.platz img{
	padding:4px 0;
}

#vereindetails .adresse{
	padding:20px 10px 35px;
}

.itnV{
	color:#6C2210;
	padding:4px;
	width: 39px!important;
	font-size: 13px;
	text-align: center;
	margin-right: 10px;
	font-weight:bold;
	-moz-border-radius:     5px;
	-webkit-border-radius:  5px;
	-khtml-border-radius:   5px;
	border-radius:          5px;
}

.itnl1{
	background-color:#C80000;
}

.itnl2{
	background-color:#C80000;
}

.itnl3{
	background-color:#FF3300;
}

.itnl4{
	background-color:#FF6600;
}

.itnl5{
	background-color:#FF9900;
}

.itnl6{
	background-color:#FFD83D;
}

.itnl7{
	background-color:#BFBF00;
}

.itnl8{
	background-color:#80B300;
}

.itnl9{
	background-color:#40A600;
}

.itnl10{
	background-color:#009900;
}

#vereindetails .mannschaften{
	color:#3c3b3a!important;
}

#vereindetails .mannschaften a{
	display:inline-block;
	color:#3c3b3a!important;
	width:100%;
	padding:11px;
	box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
	background-image:url(../img/arrow-right-grau-m.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:20px;
}

#vereindetails .liga{
	font-size:10px;
}

#vereindetails .name{
	font-weight:bold;
	font-size:13px;
}

#vereindetails h3{
	padding:25px 10px 15px;
}

.horizontal{
overflow: scroll;
}

#vereindetails .vereinname, #tabelle .vereinname{
	border-bottom: 1px solid #d9d0d0;
	padding: 7px 0 10px;
	margin-bottom: 10px;
	display:inline-block;
	padding-right:35px;	
}

#tabelle .vereinname{
	font-weight:bold;
	width:70%;
}

#vereindetails .vereinadresse, #tabelle .vereinadresse{
	font-size:12px;
}

#vereindetails .left{
	float:left;
	width:70%;
}

#herren,#damen,#jugend{
	padding-bottom:25px;
}

#vereindetails .shadow-bottom{
	margin-top:0px;
}

.art{
	font-weight:bold;
	color:#fff;
	font-size:13px
}

.anz{
	font-size:11px;
	color:#fff;
}

#berechnen{
	background-color:#F26E00;
	display:inline-block;
	padding:8px 12px;
	color:#fff;
	border-radius:5px;
	margin-top:4px;
}
/*
.pro1wrapper{
	padding: 6px;
background-color: #fff;

-webkit-border-radius: 60px 60px 0px 0px;
-moz-border-radius: 60px 60px 0px 0px;
-khtml-border-radius: 60px 60px 0px 0px;
border-radius: 60px 60px 0px 0px;
width: 70px;
height: 70px;
margin: auto;
position: absolute;
left: 50%;
margin-left: -41px;
margin-top: 37px;
}

.ergebnisRechts{
	float:right;
	width:50%;
	text-align:center;
	border-right:5px solid #641d0b;
}

.ergebnisLinks{
	float:left;
	width:50%;
	text-align:center;
	border-right:1px solid #641d0b;
	border-left:5px solid #641d0b;
}

.ergebnisLinks, .ergebnisRechts{
	background-color:#fff;
	z-index:-2;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-border-radius:     6px;
-webkit-border-radius:  6px;
-khtml-border-radius:   6px;
border-radius:          6px;
}

#head1{
	background-color:#fff;
	border-radius:5px;
	display:inline-block;
	margin:auto;
	padding:10px;
	-webkit-border-radius:  6px 6px 0px 0px;
	-moz-border-radius:     6px 6px 0px 0px;
	-khtml-border-radius:   6px 6px 0px 0px;
	border-radius:          6px 6px 0px 0px;
	min-width:140px;
	color:#000;
	font-weight:bold;
}

.name1Wrapper{
	text-align:center;
	margin-top:-10px;
}

#ergebnis{
	color:#641d0b;
	margin-top:30px;
	opacity:0;
}

#itnrechner .green{
	color:#7BA41C;
	font-weight:bold;
	display:block;
	padding:31px 0px 10px 30px
}

#itnrechner .darkred{
	font-weight:bold;
	padding:31px 30px 10px 0px;
	display:block;
}

#itnzuschlag1,#itnzuschlag2{
	background-color:#7BA41C;
	border-radius:6px;
	color:#fff;
	width: 80px;
	padding: 2px;
	margin: auto;
	margin-bottom:4px;
	font-weight:normal;
	padding-top: 3px;
	display: inline-block;
}

#itnzuschlag2{
	background-color:#7B250F;
}

#neuspieler1{
	font-weight:normal;
}
#itnrechner .milch.red{
	padding:0px 30px 10px 0px;
	padding-top:0px;
}
#itnrechner .milch.green,.milch.red{
	padding-top:0px;
}

#neuspieler2,#neuspieler1{
	margin-top:10px;
	font-weight:bold;
}

#itnrechner .gegneritn{
	color: #2C2C2C;
	background-color: #fff;
	margin: 5px;
	min-height: 50px;
	font-size: 11px;
	padding: 7px 8px 12px;
	margin-top: 25px;
	line-height:19px;
}

.cgreen{
	color:#7BA41C;
}

.cred{
	color:#7B250F;
}

#itnrechner .berechnung div{
	float:left;
	padding:0 6px 0 0;
	width:50px;
}
*/

#ergebnis{
	background-color:#fff;
	margin-top:20px;
	padding-top:20px;
	border-top:2px solid #B8B1B0;
}

#ergebnis .name1Wrapper{	
	width:90%;
	border-bottom:2px solid #000;
	text-align:center;
	margin:auto;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px;
}

.wrapperITNCalc{
	margin:auto;
}

.wrapperITNCalc td{
	color:#000;
	font-size:12px;
	text-align:center;
}

.wrapperITNCalc .small{
	font-size:9px;
}

.wrapperITNCalc .red{
	color:#641d0b;
	font-size:10px;
}
.whitebg{
	  background-color: #FFFFFF;
  width: 72px;
  margin: auto;
  margin-top: -76px;
  height: 72px;
  border-radius: 50%;
}
#winprozent{
	font-size:25px;
	color:#7BA41C;
	font-weight:bold;
	margin-top:15px;
}

td .green, .gitn.green{
	color:#7BA41C!important;
}

.infobox{
	font-size:8px;
	text-align:center;
}

.wrapperITNCalc .gitn{
	color:#641d0b;
	font-size:14px;
	font-weight:bold;
}

#searchlist .itnV,#namelist1 .itnV,#namelist2 .itnV{
	float:left;
	margin-top:2px;
	padding:6px 4px;
	background-color:#81301B!important;
	color:#4D170A!important;
}

#searchlist .next,#namelist1 .next,#namelist2 .next{
	margin-top:6px;
	margin-bottom:6px;
}

#searchlist .nameverein,#namelist1 .nameverein,#namelist2 .nameverein{
	margin-top:0px;
}

#searchlist .wrapperplayer .spielername,#namelist1 .wrapperplayer .spielername,#namelist2 .wrapperplayer .spielername{
	line-height:19px;
}

#namelist1 .wrapperplayer, #namelist2 .wrapperplayer{
	padding-left:0px;
}

.dheader{
	margin-top:25px;
	padding:10px;
	-webkit-border-radius:  6px 6px 0px 0px;
	-moz-border-radius:     6px 6px 0px 0px;
	-khtml-border-radius:   6px 6px 0px 0px;
	border-radius:          6px 6px 0px 0px;
	background-color:#fff!important;
	color:#494949;
	font-weight:bold;
	width:auto!important;
}

.proDo{
	color:#fff;	
	padding:2px 0px;
	font-weight:normal;
	
}

.infoDo{
	padding:5px;
	font-size:10px;
	-webkit-border-radius:   0px 0px 6px 6px;
	-moz-border-radius:      0px 0px 6px 6px;
	-khtml-border-radius:    0px 0px 6px 6px;
	border-radius:           0px 0px 6px 6px;
	width:auto!important;
	color:red!important;
	background-color:#fff!important;
}

.proDo1{
	background-color:#F26E00;
	-webkit-border-radius:  6px 0px 0px 6px;
	-moz-border-radius:     6px 0px 0px 6px;
	-khtml-border-radius:   6px 0px 0px 6px;
	border-radius:          6px 0px 0px 6px;
}
.proDo2{
	background-color:#AB4606;
}
.proDo3{
	background-color:#641D0B;
	-webkit-border-radius:  0px 6px 6px 0px;
	-moz-border-radius:     0px 6px 6px 0px;
	-khtml-border-radius:   0px 6px 6px 0px;
	border-radius:          0px 6px 6px 0px;
}

.dheader span{
	display:inline-block;
	font-size:10px;
	text-align:center;
}

.proDoWrapper{
	width:180px;
	float:right;
	margin-top:-2px;
}

.lockenable{
	background-color:#dadada;
	width:100%;
}

.row1{
	background-color: #f0f0f0;
	color: #494949;
	font-size: 13px;
}

.row2{
	background-color: #ffffff;
	color: #494949;
	font-size: 13px;
}

.row3{
	background-color: #f0f0f0;
	color: #494949;
	font-size: 13px;
}

.fillinDoppel .itn1{
	float:left;
	width:70px;
	margin:0px!important;
}

.fillinDoppel{
	margin:6px;
}

.fillinDoppel .name2{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:100%;
	margin:0px!important;
}

.fillinDoppel td img{
	padding:0px;
	z-index:50000;
}

#varianten1{
	
}

.berechnen{
	background-color: #F26E00;
	display: inline-block;
	padding: 8px 12px;
	color: #fff;
	border-radius: 5px;
	margin-top: 4px;
	margin-left:10px;
}

.rankingtable td{
	color:#000;
	font-size:13px;
	text-align:center;
}

.rankingtable .odd{
	background-color:#fff;
}

.textleft{
	text-align:left!important;
}

.textright{
	text-align:right!important;
	
}

.rankingtable .active td{
	font-weight:bold;
	color:#641d0b!important;
}

.bold{
	font-weight:bold;
}

.blocker{
	display:inline-block;
	width:10px;
	text-align:center;
}

.blockerWrapper{
	background-color:#E5E5E5;
	font-family:courier;
}

.spieletable td{
	font-size:10px;
}

.touch{
	text-align:right;
}

.touch img{
	margin-top:2px;
}

td.active{
	color:#641d0b!important;
}

.popup{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(58, 58, 58, 0.9);
	z-index: 15;
	padding-top: 120px;
	display:none;
}

.popupWrapper{
	background-color: #fff;
	border-radius: 6px;
	margin-bottom: 0;
	width: auto;
	margin: 0 auto 70px;
	position:absolute;
	left:50%;
	margin-left:-145px;
	width:290px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	color:#000;
}

.popupWrapper h3{
	min-height: 20px;
	padding: 17px 18px 13px 18px;
	position: relative;
	border-bottom:1px solid #e7e7e7;
}

.popupText{
	padding: 17px 18px 13px 18px;
	position: relative;
	font-size:12px;
}

.popupButtons .button, #registrierung .button{
	padding: 6px 10px;
	float:right;
	color: #fff;
	font-weight: bold;
	border-radius:2px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BB614A), to(##81301B));
	background-image: -webkit-linear-gradient(#BB614A, #81301B);
	background-image: linear-gradient(#BB614A, #81301B);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	border: 1px solid #920c12;
	margin-right:10px;
	margin-left:10px;
}

.popupButtons{
	background: #f0f0f0;
	border-radius: 0 0 6px 6px;
	border-top: 1px solid #dadada;
	clear: both;
	padding: 10px 0px;
}

#registrierung{
	background-image:url(../img/bg-registrierung.jpg);
	background-size:cover;
}

#registrierung .content{
	background-color:#f2f2f2;
}

#registrierung input[type=text]{
	padding:10px;
	border:1px solid #999;
	background-color:#ccc;
	font-size:16px;
	color:#333;
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom:10px;
}

#registrierung .checkbox img{
	border: 1px solid #999;
  background-color: #ccc;
  padding:2px;
  margin-bottom:-6px;
  margin-right:10px;
}

#registrierung .checkbox{
	color:#333;
}
 /*
#registrierung input.checkbox + label{
content:"\00a0\00a0\00a0";
background:url(../img/icon-checkbox.png) no-repeat 0px 5px;
display:inline-block;
}
 
#registrierung input.checkbox:checked + label{
background:url(../img/icon-checkbox-selected.png) no-repeat 0px 5px;
}
 
#registrierung input.submit:before{
content:"\00a0";
background:url(../img/icon-checkbox.png) no-repeat 0px 5px;
width:17px;
display:inline-block;
}
 
#registrierung input.checkbox{
width:0!important;
width:16px\0;
height: 17px;
float:left;
}
 
#registrierung input.checkbox + label{
padding-left:25px;
}*/

#registrierung ::-webkit-input-placeholder {

color:#676767;
} 
 
#registrierung :-moz-placeholder {

color:#676767;  
}
 
#registrierung ::-moz-placeholder { 

color:#676767;
}
 
#registrierung :-ms-input-placeholder { 

color:#676767;
}


#registrierung .button{
	margin-top:10px!important;
}

#registrierung .step2, #registrierung .step3{
	display:none;
}
#registrierung .step1, #registrierung .step2{
	padding-top:0px;
}

#registrierung  .nameverein{
	margin-top:4px!important;
	color:#333;
	font-weight:bold;
	font-size:13px;
}

#registrierung .wrapperplayer{
	border-bottom:1px solid #999;
}

#registrierung .next{
	margin-top:5px;
}

#registrierung .next img{
	margin-bottom:0px;
	opacity:1;
}


@media only screen and (min-width: 620px) {
	.tabletleft {
	  float: left;
	  width: 50%;
	  box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  border: 10px solid rgb(129, 48, 27);
	  border-right: 0px;
	  border-bottom:0px;
	}
	.tabletright {
	  float: right;
	  width: 50%;
	  /* padding: 10px; */
	  box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  /* background-color: red; */
	  border: 10px solid rgb(129, 48, 27);
	  border-bottom: 0px;
	}
}

.buttonAllg{display:none;}

.mark{
	color:#641d0b;
	font-weight:bold;
}