body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
	min-height: 99.9vh;
	background: url('../img/volleyball1.svg') top 20px center no-repeat, 
		url('../img/volleyball1.svg') top 850px left 70px no-repeat,
		url('../img/volleyball1.svg') top 1000px left 300px no-repeat;			
	background-size: auto 800px, auto 350px,  auto 1200px;
	background-attachment: fixed !important;

}


.mainBackgroundColor {		
	background-color: #303853 !important;
	border-color: #303853 !important;

}

.fieldbox {
    margin: 10px;
    padding: 3px;
    float: left;
}

.field {
    min-width: 230px;
    border: 6px solid #2196f3;
	background-color: #f8eac5;	
	

    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;		
	background: url('../img/sand1.jpg');	
	background-size: 300%;


}

.fieldtitle {
    padding-top: 3px;
    color: #3b3b3b;
    font-size: 26px;
    width: 60%;
    align-self: center;
    border-top: 4px solid #808080;
    border-left: 4px solid #808080;
    border-right: 4px solid #808080;

    background-color: #e8e8e8;
    border-radius: 18px 18px 0px 0px;
    -moz-border-radius: 18px 18px 0px 0px;
    -webkit-border-radius: 18px 18px 0px 0px;
}

.fieldIcon {
    font-size: 36px;
}

.gametable {
    border-collapse: separate;
    border-spacing: 5px;
    padding: 0px;
    margin: 0px;
    border: 0px;

}

table.gametable tbody {

}

table.gametable th {
   
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 4px;
   
	/*border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    */
    border-radius: 18px 18px 0px 0px;
    -moz-border-radius: 18px 18px 0px 0px;
    -webkit-border-radius: 18px 18px 0px 0px;
    font-size: 30px;
    font-weight: normal;	
	color: #ffffff;	
	background-color: #69b6f3;
	
	
	/*color: #3b3b3b;	
	background-color: #e8e8e8;*/
	
	
}

.gameTabletitle {

}

.gameTabledata {

}

table.gametable td {	
	background: url('../img/sand1.jpg');
	background-size: 700%;
	background-color: #f8eac5;  
    color: #3b3b3b;
    text-align: center;
    padding: 10px;
    font-size: 36px;
	
}

.teamSpan {
    padding: 3px;
}

.gametableSpacer {	
	background-color: transparent !important;
    text-align: center;
}

.trietable {	
    border-collapse: separate;
    border-spacing: 3px;
    padding: 0px;
    margin: 0px;
    border: 0px solid #2196f3;

}

table.trietable tbody {
    border: 1px solid #2196f3;
}

table.trietable th {	
    min-width: 20px;
    padding: 4px;    
    border-top: 1px solid #2196f3;
    border-left: 1px solid #2196f3;
    border-right: 1px solid #2196f3;
	padding: 5px;    
	background-color: #69b6f3;
    border-radius: 18px 0px 0px 18px;
    -moz-border-radius: 18px 18px 0px 18px;
    -webkit-border-radius: 18px 0px 0px 18px;
    font-size: 42px;
    font-weight: normal;

}

table.trietable td {	
	background: url('../img/sand1.jpg');		
	color: #6b6246;
	background-size: 700%;
	font-size: 26px;
    font-weight: normal;
    background-color: #f8eac5;
    border: 1px solid #c9b684;
    text-align: center;
    padding: 4px;
	border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
}

.netz {
    background-color: black;
    border: 8px solid yellow;
    height: 4px;
}

.team {
	display: flex;
	flex-direction:column;
	justify-content: center;
    min-height: 220px;
    padding: 0px;
}

.member {
    padding: 3px;
    text-align: center;
    font-size: 38px;
}

.teamlevel {
    color: #5d5d64;
    padding: 3px;
    text-align: center;
    font-size: 20px;
	height: 22px;
}

.playTeamTitle {
    color: #5d5d64;
    font-size: 16px;
    margin: auto;
    align-self: center;

}

.clear {
    clear: both;
}

.playerStats {
    float: left;
}

.playerbox {
    min-width: 220px;
    margin-left: 14px;	
    margin-top: 14px;
    float: left;

    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;

}

.playerName {
    text-align: center;
    font-size: 40px;
    padding-top: 15px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    /*border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;*/
    cursor: pointer;
}

.playerGone {
    color: red;
    text-decoration: line-through;

}

.third {
    color: #a64126;
    text-align: center;
    width: 100%;
    font-size: 28px;
    min-height: 60px;
    padding-top: 15px;    
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;    
    background-color: #f8eac5;
    cursor: pointer;	
	background: url('../img/sand1.jpg');
	background-size: 200%;
}

.beach {		
    color: #6b6246;
    text-align: center;
    width: 100%;

    min-height: 60px;
    font-size: 28px;
    padding-top: 15px;    
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    background-color: #f8eac5;
    cursor: pointer;	
	background: url('../img/sand1.jpg');
	background-size: 200%;

}



.active_m {
    border-left: 4px solid #2196f3;
    border-right: 4px solid #2196f3;
    border-top: 4px solid #2196f3;
    border-bottom: 4px solid #2196f3;
    background-color: #a4c2ff;
    color: #00276f;
}

.active_w { 
    border-left: 4px solid #2196f3;
    border-right: 4px solid #2196f3;
    border-top: 4px solid #2196f3;
    border-bottom: 4px solid #2196f3;
    background-color: #b2ee9c;
    color: #233b1a;
}

.inactive_m {   
    border-left: 4px solid #2196f3;
    border-right: 4px solid #2196f3;
    border-top: 4px solid #2196f3;
    border-bottom: 4px solid #2196f3;	
	color: #a4c2ff;    
}

.inactive_w {   
     border-left: 4px solid #2196f3;
    border-right: 4px solid #2196f3;
    border-top: 4px solid #2196f3;
    border-bottom: 4px solid #2196f3;	
	color: #9cd289;
}

.scoretable {
    border: 2px solid hsla(0, 10%, 34%, 0.5);
    width: 100%;
    padding: 0px;
    margin: 0px;

}

table.scoretable tbody {
}

table.scoretable thead {

}

table.scoretable th {	
    border: 2px solid hsla(0, 10%, 34%, 0.5);
    padding: 1px;
    font-size: 16px;
    font-weight: normal;
}

table.scoretable td {
    border: 2px solid hsla(0, 10%, 34%, 0.5);	
    padding: 1px;
    text-align: center;
    font-size: 16px;
}



.levelIcon {
    font-size: 36px;
}

.level_Active_w {
    min-height: 55px;
    font-size: 18px;
    text-align: center;
    /*border-left:2px solid #233b1a;
    border-right:2px solid #233b1a;	*/
    border-bottom: 2px solid hsla(0, 10%, 34%, 0.2);
    background-color: #b2ee9c;
    color: #233b1a;
    cursor: pointer;
}

.level_Active_m {
    min-height: 55px;
    font-size: 18px;
    text-align: center;    
    border-bottom: 2px solid hsla(0, 10%, 34%, 0.2);
    background-color: #a4c2ff;
    color: #00276f;
    cursor: pointer;
	
	
}

.level_Inactive {
    min-height: 55px;
    font-size: 18px;
    text-align: center;    
    border-bottom: 2px solid hsla(0, 10%, 34%, 0.2);	
	color: #ebeb92;		
}


.m {
    color: #2451ac;
}

.w {
    color: #009300;
    /*color:#993fc3;*/
}

.score_Active_w {
    font-size: 18px;
    padding: 0px;
    min-height: 22px;    
    border-bottom: 2px solid hsla(0, 10%, 34%, 0.2);
    background-color: #b2ee9c;
    color: #233b1a;    
}

.score_Active_m {
	 
    font-size: 18px;
    padding: 0px;
    min-height: 22px;    
    border-bottom: 2px solid hsla(0, 10%, 34%, 0.2);
    background-color: #a4c2ff;
    color: #00276f;
}

.score_Inactive {
	
	background-color: #828263;
    padding: 0px;
    font-size: 18px;
    min-height: 22px;    
    border-bottom: 2px solid hsla(0, 10%, 34%, 0.2);    
    color: #ebeb92;
}


.scoreMissing {	
	color: whitesmoke !important;
    background-color: #da5c5c !important;
	background-image: none !important;
	text-shadow: #da5c5c 0 0px 12px, #da5c5c 0 0px 10px, #da5c5c 0 0px 8px, #da5c5c 0px 0px 6px !important;
	
}

.sieger {
    color: goldenrod;
}

.winner {
    /*border:4px solid #f8df45;*/
    /*background-color: #e1d84a*/
    background-image: url("img/ball4_100_win.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;

}

.mybutton {	
	min-width: 150px;
	min-height: 100px;
	font-size: 60px;
    color: #ffffff;   
    border: 0px;	
	padding: 5px 30px 3px 30px;
    background-color: #69b6f3;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    cursor: pointer;
}

.mybuttonDeaktivatet {   
    background-color: grey !important;    
}

.playButton {
	font-size: 70px;
    color: #ffffff;   
    border: 0px;	
	padding: 15px 50px 15px 50px;
    background-color: #69b6f3;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    cursor: pointer;
}

.mybuttonTh {		
	font-size: 40px;
    color: #ffffff;  
    cursor: pointer;
}

.version {
    float: right;
    width: 150px;
}

.showPlayerStats {
    padding: 5px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;    
    border: 2px solid #2196f3;
    background-color: #f8eac5;
    font-size: 40px;
    float: left;

}

.addPlayerBox {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;		
}

.addPlayer {   
	margin:30px;


}

.addPlayerBorderOuterStyle {
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;   
	border: 2px solid #2196f3;	
	background: rgba(48,56,83,0.7);

}f8eac5

a, a:visited, a:active, a:hover {
    text-decoration: none;
    color: #000000;
    padding: 0px;
    margin: 0px;
}

a.noborder, a.noborder:visited, a.noborder:active, a.noborder:hover {
    text-decoration: none;
    color: #000000;
    padding: 0px;
    margin: 0px;
}

input, select {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 22px;

}

td {
    padding-left: 3px;
    padding-right: 3px;
}

/* Login */

.loginMainDiv {
    max-width: 600px;
    margin: auto;
    margin-top: 50px;
    align-self: center;
}

.loginContainer {	
	background: url('../img/sand1.jpg');	
	background-size: 200%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    /*background-color: DodgerBlue;*/
    margin: 15px;
    min-width: 240px;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 1px solid #bababa;
    border: 2px solid #2196f3;
    background-color: #f8eac5;

}

.loginContainer > div {
    margin: 10px;
    text-align: center;
    align-content: center;
    align-items: center;
    alignment: center;
    line-height: 50px;
    font-size: 30px;
}

.login_title {
    text-align: center;
}

.loginTitleContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    margin: 15px;
    min-width: 200px;
}

.loginTitleContainer > div {
    margin: 0px;
    text-align: center;
}

.titleBeach {
    color: #ebeb92;
    text-align: left;
    font-size: 22px;
}

.titleFun {
    text-align: left;
    color: #9cd289;
    font-size: 62px;
}

.titleGen {
    color: #ebeb92;
    text-align: left;
    font-size: 22px;
}

.titleRator {		
    /*color: #2196f3;	*/
	color: #69b6f3;
    text-align: left;
    font-size: 62px;
}


.settinMainTitle {
	color: #2196f3;
	font-size: 30px;
}
.settingTitle {
	color: #ebeb92;
}
.settingValue {

}

.impressum{	
	color: #ebeb92;
	position: absolute;
    bottom: 60px;
	left: 15px;
}
.datenschutz{	
	color: #ebeb92;
	position: absolute;
    bottom: 15px;
	left: 15px;
}

.teamChangeContainer {
	margin: 15px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
}

.teamChangeChild {
	margin-left: 15px;
}


.playerTeamless {
	color: #009300;
}

.reportContainer {
	display: flex;
	flex-wrap: wrap;	
}

.reportItem {
	margin-right: 15px;
	margin-bottom: 15px;
}

.remaininDiv {
	margin: 15px;
}

.remainingTitle {
	min-width: 350px;
	text-align:center;			
	
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
	padding-bottom: 8px;       
	color: #3b3b3b;
	font-size: 30px;
    font-weight: normal;
	margin-bottom: 3px;
/*
	color: #3b3b3b;
    border-top: 4px solid #808080;
    border-left: 4px solid #808080;
    border-right: 4px solid #808080;
    background-color: #e8e8e8;
*/	
	
	
	color: #ffffff;	
	background-color: #69b6f3;
	
	
	
    border-radius: 18px 18px 0px 0px;
    -moz-border-radius: 18px 18px 0px 0px;
    -webkit-border-radius: 18px 18px 0px 0px;    
}

.remainingMinTitle {
	min-width: 350px;
	text-align:center;			
	
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
	padding-bottom: 8px;       
	color: #3b3b3b;
	font-size: 30px;
    font-weight: normal;
	margin-bottom: 3px;

	/*
	border: 4px solid #808080;
    background-color: #e8e8e8;
	color: #3b3b3b;
	*/
	color: #ffffff;	
	background-color: #69b6f3;
	
    border-radius: 18px 18px 18px 18px;
    -moz-border-radius: 18px 18px 18px 18px;
    -webkit-border-radius: 18px 18px 18px 18px;

}

.remainingBox {
    display: flex;
    flex-wrap: wrap;

	padding: 4px;	
	background-color: #f8eac5;	
	overflow: auto;
	max-height: 388px;	
	background: url('../img/sand1.jpg');	
	background-size: 50%;

}

.remainingItem {	
	font-size: 24px;	
	text-align: center;
	justify-content: space-around;
	border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;    
    border: 3px solid #2196f3;
    background-color: #f8eac5;
	min-width: 137px;
	margin: 4px;
	padding: 2px;
	background-color: #a4c2ff;
    color: #00276f;

}

.remainingRolledItem {
	background-color: #b2ee9c !important;
    color: #233b1a !important; 	
}

.remainingName {	
	height: 30px;
	line-height: 30px;	
	vertical-align:middle;


}

.remainMessage {
	background-color: #e8e8e8;	
	border: 1px solid #808080;	
}

.playContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;

}

.playItem  {	

}


.rollContainer {
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}

.rollItem {

}

.gameDateContainer {
	display: flex;
	justify-content: center;


}

select::-ms-expand {
	display: none;

}

select:focus::-ms-value {
	background-color: transparent;
}

select {
	color: #807554;
	font-size: 40px;
	color: #ebeb92;
	cursor: pointer;		
	background: url(fff-0-2.png) repeat;	
	outline: none;
    -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
}

.gameDate {
	color: #807554;
	font-size: 36px;
	color: #ebeb92;
}

select option {	
	background-color: #ebeb92;
	color: #1e2849;
	font-size: 36px;
}

.error {
    font-size: 20px;
    background: #da5c5c;
    color: white;
}