#Calender{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
	width: 100%;
	color: #fff;
}

#WeekNav{ 
	width: 100%;
	height: 5vw;
	background-color: #00FF00;
	text-align:  center;
	vertical-align: middle;
	
	color: #000;
	font-size: 1.5vw;
    
    -webkit-border-bottom-left-radius: 1vw;
    -moz-border-bottom-left-radius: 1vw;
    border-bottom-left-radius: 1vw;
    
    -webkit-border-bottom-right-radius: 1vw;
    -moz-border-bottom-right-radius: 1vw;
    border-bottom-right-radius: 1vw;
}

.pfeil{
	width: 2vw;
}

#links{
	cursor:pointer;
	width: 5%;
	text-align: right;
}

#rechts{
	cursor:pointer;
	width: 5%;
	text-align: left;
	
}


#Woche{
	width: 90%;
    font-family: 'FontB' !important;
}


/* tabelle*/
#TableD{
	font-size:  1vw;
	width: 80%;
	margin: 1vw auto;
	background-color: #000;
	color: #fff;
	
	-webkit-column-rule:.5vw solid #fff; /* Chrome, Safari, Opera */
    -moz-column-rule: .5vw solid #fff; /* Firefox */
    column-rule: .5vw solid #fff;
	
	font-family:'FontN' !important;
		text-transform: uppercase;
}

.Headline{
font-family: 'FontB' !important;
	width:12.5%;
	height: 3vw;
	text-align:center;
	vertical-align: middle;
	border-bottom: solid .2vw #fff;
}

.UhrL, .UhrR{
	border: none;
	column-rule: none;
	color: #00FF00;
}

#Uhr{
	color: #00FF00;
	font-weight: bolder;
}

.UhrL{
	font-size: 2vw;
	text-align: center;
}

.UhrR{
	text-align: left;
	font-size: .75vw;
	padding: 0;
	margin: 0;
}

.lastgame{
	border-bottom: solid .1vw #fff;
}

.Twogame{
	text-align: right;
	padding: 0 1vw;
	vertical-align: middle;
	font-size: .85vw;
	
}

.miniPic{
	width: .75vw;
	height: auto;
	display: none;
}

.selAni{
	cursor:pointer;
	
	-webkit-transition: all 50ms ease-in-out;
	-moz-transition: all 50ms ease-in-out;
	-ms-transition: all 50ms ease-in-out;
	-o-transition: all 50ms ease-in-out;
	transition: all 50ms ease-in-out;
	
}

.selAni:hover{
	transform:scale(1.1,1.1);
}

/*Unterer Bereich*/

#Lowdown{
	width: 80%;
	height: 5vw;
	margin: 1vw 10%;
	text-align: center;
	vertical-align: middle;
	
		font-family:'FontN' !important;
		text-transform: uppercase;
}

#TimeRes{
	text-align: left;
	width: 60%;
	font-size: 1.25vw;
}

#place{
    width: 60%;
}

#User{
	font-size: 1.25vw;
    text-align: right;
    padding-right: 2%;
    width: 23%
}

#User2{
	font-size: 1.25vw;
    text-align: left;
    padding-left: 2%;
    width: 13%;
}


#userSel{
	font-family: inherit !important;
	font-size: 1vw;
	text-align: center;
	
	padding: .25vw;
    margin: 0;
	
    -webkit-border-radius:.5vw;
    -moz-border-radius:.5vw;
    border-radius:.5vw;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
  background: #161616;
    color: #0f0;
	
    border:none;
    outline:none;
	
	overflow: hidden;
	
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

#userSel:focus {
    outline: none;
	border: none;
	outline-color: #000;
}

#userSel option{
	border: none;
	outline: none;
	
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.t1{
	color: #0f0;
}

.t2{
	color: #fff;
}

.t3{
	display: inline-block;
	margin: 0 1vw;
}

#ButtonTable{
	text-align: center;
	width: 30%;
    padding-left: 10%;
}

@media only screen and (min-width: 1000px) and (max-width: 1500px) {
	#TableD{
		width: 90%;
	}
	
	#Lowdown{
		width: 90%;
		height: auto;
		margin: 1vw auto;
	}

	#ButtonTable{
		text-align: center;
		width: 30%;
		padding-left: 10%;
	}
}

@media only screen and (min-width: 500px) and (max-width: 1000px) {
	#TableD{
		width: 100%;
	}
	#Woche{
		font-size: 150%;
	}
		
	#Lowdown{
		width: 100%;
		height: auto;
		margin: 1vw auto;
	}

}
 
@media only screen and (max-width: 500px) {
	
	#TableD{
		width: 100%;
	}
	#Woche{
		font-size: 150%;
	}
		
	#Lowdown{
		width: 100%;
		height: auto;
		margin: 1vw auto;
	}
}
