:root {
	--main-bg-color: white;  
	--main-padding: 10px;
	--outer_div-width: 800px;
	--outer_div-left: 10px;
	--outer_div-top: 100px;

/* de header van de bowling pagine */
	--header_div_bowling-left: 280px; /*10px;*/ /* 280px; */
	--header_div_bowling-top: 10px;
	--header_div_bowling-width:  1200px;//96%; /* 1200px; */
	--header_div_bowling-height: 70px;
	--header_div_bowling-padding: 10px;

	--main_menu_bowling-left: 10px;
	--main_menu_bowling-top: 10px; //120px; //110px;
	--main_menu_bowling-width: 240px;
	--main_menu_bowling-padding: 10px;

	--main_div_bowling-left: 280px;
	--main_div_bowling-top: 120px;
	--main_div_bowling-width: 1200px;
	--main_div_bowling-padding: 10px;
}

/* in index.php */
body 
{
	background-color: var(--main-bg-color);
	font-size:20px;
  font-family: Arial, Helvetica, sans-serif;


}

a 
{
	color:black;
}

img {
  max-width: 100%;
  display: block;
}


/* h1 tm h6 wordt overal gebruikt */
h1 { font-size:50px; margin:0px; }
h2 { font-size:40px; margin:0px; }
h3 { font-size:30px; margin:0px; }
h4 { font-size:20px; margin:0px; }
h5 { font-size:15px; margin:0px; }
h6 { font-size:10px; margin:0px; }

/* elke rij van een tabel een andere kleur */
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

/* nog niet in gebruik, is wel handig met add en remove class
.hide
{
	display:none;
}
.show
{
	display:inline-block;
}



/* START bowling.inc.php */
.body_bowling
{
background-color: #FFFFFF;
  background-image: url('../images/bowling_background.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom right; 
}

.header_div_bowling
{
	position: absolute;
	left: var(--header_div_bowling-left);
	top: var(--header_div_bowling-top);
	width: var(--header_div_bowling-width);
	height: var(--header_div_bowling-height);
	border: 1px solid #000000;
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc, 0 10px 15px #000000 ;
	padding: var(--header_div_bowling-padding);
	text-align: center;
	font-size:50px; 
	margin:0px;
}

.main_menu_bowling
{
	position: absolute;
	left: var(--main_menu_bowling-left);
	top: var(--main_menu_bowling-top);
	width: var(--main_menu_bowling-width);
	border: 1px solid #000000;
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc, 0 10px 15px #000000 ;
	padding: var(--main_menu_bowling-padding);
	padding-bottom: 30px;
	z-index:999;
	background-color: white;
	font-size:18px; 
	text-decoration:none;
}

.main_menu_div_item
{
	cursor: pointer;

}


.main_menu_bowling :hover
{
	background-color:#CCC;
	//color: white !important;
	text-decoration:none;

}


.main_menu_bowling div
{
	position: relative;
	top:10px;
	color:black;
	border: 1px solid #000000;
	border-radius: 5px;
	padding:10px;
	margin: 5px;
	text-decoration:none;
}



.main_menu_bowling a
{
	color:black;
	text-decoration:none;

}


.active
{
	background-color:red;
	color:white;
}

.mirror
{
    display: inline-block; 
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

/* EIND bowling.inc.php */



/* wordt gebruikt IN ALLE FILES:uitslagen_teams.inc.php & speelschema.inc.php & speelschema_sb.in.php & teamleden.inc.php en uitslagen_spelers.inc.php */
.main_div_bowling
{
	position: absolute;
	left: var(--main_div_bowling-left);
	top: var(--main_div_bowling-top);
	width: var(--main_div_bowling-width); //1200???????????????
	border: 1px solid #000000;
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc, 0 10px 15px #000000 ;
	padding: var(--main_div_bowling-padding);
	word-wrap: break-word;
	background-color:#FFFFFF;

overflow-x:auto;
overflow-y:auto;

}


/* ongebruikt */
.extra_width_600 { width: 600px; }
.extra_width_800 { width: 800px; }
.extra_width_850 { width: 850px; }
.extra_width_1000 { width: 1000px; }

/* wordt gebruikt in: uitslagen_teams.inc.php & speelschema.inc.php & team_leden.inc.php */
.extra_width_1200 { width: 1200px; }

/* wordt gebruikt in: speelscheman_sb.inc.php & uitslagen_spelers.inc.php */
.extra_width_1400 { width: 1400px; }

/* wordt gebruikt in: speelscheman_sb.inc.php */
.bowling_yes_no_button 
{
	border: 1px solid #000000;
	border-radius: 5px;
	width:60px;
	height:30px;
}

/* wordt gebruikt in: speelscheman_sb.inc.php */
.bowling_yes_state
{
	background-color:green;
	color:white;
}

/* wordt gebruikt in: speelscheman_sb.inc.php */
.bowling_no_state
{
	background-color:red;
}


.grafiek_vergelijk
{
//	position: absolute;
//	left: 400px;// var(--header_div_bowling-left);
//	top: 100px;//var(--header_div_bowling-top);
	width: 300px;//var(--header_div_bowling-width);
	height: 400px; //var(--header_div_bowling-height);
	border: 1px solid #000000;
	border-radius: 5px;
	box-shadow: 0 0 3px #ccc, 0 10px 15px #000000 ;
	padding: 10px;// var(--header_div_bowling-padding);
	text-align: center;
	font-size:50px; 
	margin:0px;
}