img {
   display: block;
 max-width: 100%;
    height: auto;
margin-left: auto;
    margin-right: auto;

}
a
{
color: #000;
	text-decoration: underline;
}

a:hover
{
color: #000;
	text-decoration: underline;
}

body
{
	background-color: #FFFFFF;
color: #000;
	font-family:Open Sans;
	font-size: 12px;
}

body.blauw
{
	background-color: #004080;
color: #000;
	font-family:Open Sans;
	font-size: 12px;
}

/* Kleur voor de teamnaam in de kop */
h2
{
color: #e40514;
	font-size: 20pt;
margin: 15px 20px;
	text-align: center;
}

/* Kleur voor klasse in de kop */
h3
{
color: #e40514;
	font-size: 15pt;
margin: 15px 20px;
	text-align: center;
}

h4
{
color: #e40514;
	font-size: 12pt;
margin: 15px 20px;
	text-align: center;
}
h5
{
color: #e40514;
	font-size: 10pt;
margin: 15px 20px;
	text-align: center;
}


table.stand

{
width: 700px;
	
font-size: 12px;
color: Black;
	
border-collapse:collapse; 
border-spacing: 0;
	
margin-left:auto; 
margin-right:auto;
}



table.uitslagen
{
width: 700px;
	font-size: 12px;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}


table.programma
{
padding: 5px;
width: 700px;
	font-size: 10px;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}

table.clubprogramma
{
padding: 5px;
width: 900px;
	font-size: 12px;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}
table.tegenstander
{
 width: 80%;
border: 2px solid black;
	margin-left:auto; margin-right:auto;
font-size: 18px;
}
table.tegenstander1
{
 width: 100%;
border: 2px solid black;
	margin-left:auto; margin-right:auto;
font-size: 3vmin;

}
tr:nth-child(even){
background-color: #e40514;
color: White;

}
table.alle
{
width: 700px;
	font-size: 12px;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}
table.voet
{
 width: 700px;
	margin-left:auto; margin-right:auto;
border: 0px solid black;
}
table.programma th, table.clubprogramma th,table.tegenstander th, table.alle th
{
background: #e40514; /* Achtergrondkleur van de kopjes in de tabellen  */
color: #FFFFFF;
	font-family:Open Sans;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
}

table.indeling
{
width: 300px;
	font-size: 12px;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}

td {
border: 2px solid black;
    vertical-align: center;
text-align: center;
font-family:Open Sans;
height: auto;
font-size: 2,8vmin;
}

td.left
{
	text-align: left;
	font-size: 12px;
}


td.left2
{
	text-align: left;
	font-size: 11px;
	padding-left: 3px;
color: Black;
}

td.left23
{
	background-color: #f97777; /* Achtergrondkleur voor het eigen team in de tabel Alle Uitslagen */
	text-align: left;
	font-size: 11px;
	padding-left: 3px;
color: Black;
}

td.left3
{
	background-color: #f97777; /* Achtergrondkleur voor het eigen team in de overige tabellen  */
	text-align: left;
	font-size: 12px;
}

td.center
{
	text-align: center;
	font-size: 12px;

}

td.center2
{
	text-align: center;
	font-size: 11px;
color: Black;
}

td.center23
{
	background-color: #f97777; /* Achtergrondkleur voor het eigen team in de tabel Alle Uitslagen */
	text-align: center;
	font-size: 11px;
color: Black;
}

td.center3
{
	background-color: #f97777; /* Achtergrondkleur voor het eigen team in de overige tabellen  */
	text-align: center;
	font-size: 12px;
}

th.center
{
background: #e40514; /* Achtergrondkleur van de kopjes in de tabellen */
color: #FFFFFF;
	text-align: center;
	font-size: 12px;
}

th.left
{
background: #e40514; /* Achtergrondkleur van de kopjes in de tabellen */
color: #FFFFFF;
	text-align: left;
	font-size: 12px;
}


td.small
{
	font-size: 10px;
	text-align: center;
color: #e40514; /* Kleur van kleine tekst helemaal onderaan de teampagina */
}

.row0
{
	background-color: #f97777; /* Achtergrondkleur van regel 1 in clubprogramma */
	text-align: left;
}

.row1
{
	background-color: #FFFFFF; /* Achtergrondkleur van regel 2 in clubprogramma */
	text-align: left;
}

.bd
{
	background-color: #FFFFFF;
color: #004080;
	font-family:Open Sans;
	font-size: 12px;
	margin-left:auto; margin-right:auto;
}

.bdadmin
{
	background-color: #FFFFFF;
color: #004080;
	font-family:Open Sans;
	font-size: 12px;
}

.afgelastred
{
	background-color: #e40514;
color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

.afgelastblack
{
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

.speelronde
{
	font-weight:bold;
	text-align:center;
}

.tbl
{
	background-color: #FFFFFF;
}

a:link {
    color: #000;
    font-family: Open Sans;
    font-size: 25px;
}

a:active
{
color: #000;
	font-family:Open Sans;
	font-size: 15px;
}

a:visited
{
color: #000;
	font-family:Open Sans;
	font-size: 12px;
}

.hr
{
	background-color: #A6D2FF;
color: #FFFFFF;
	font-family:Open Sans;
	font-size: 12px;
}

a.hr:link
{
color: #FFFFFF;
	font-family:Open Sans;
	font-size: 12px;
}

a.hr:active
{
color: #FFFFFF;
	font-family:Open Sans;
	font-size: 12px;
}

a.hr:visited
{
color: #FFFFFF;
	font-family:Open Sans;
	font-size: 12px;
}

.dr
{
	background-color: #FFFFFF;
color: #000000;
	font-family:Open Sans;
	font-size: 12px;
}

.sr
{
	background-color: #A6D2FF;
	color: #000000;
	font-family:Open Sans;
	font-size: 12px;
}

html
{
	margin: 0;
	padding: 0;
}
#person {
    width:450px;
    float:left;
    padding:5px;	      
}
#roles {
    background-color:#e40514;
    width:400px;
    float:left;
    padding:5px;	      
}
#button {
    clear:both;
   padding:5px;	 	 
}
@media (max-width: 640px) {
a
{
color: #006CD9;
	text-decoration: underline;
}
table.tegenstander
{
 width: 100%;
border: 2px solid black;
	margin-left:auto; margin-right:auto;
font-size: 3vmin;

}
table.voet
{
 width: 80%;
	margin-left:auto; margin-right:auto;
border: 0px solid black;
}
a:hover
{
color: #000;
	text-decoration: underline;
}

body
{
	background-color: #FFF;
color: #004080;
	font-family: Open Sans;
	font-size: 3vmin;
}

body.blauw
{
	background-color: #f97777;
color: #004080;
	font-family: Open Sans;
	font-size: 3vmin;
}

/* Kleur voor de teamnaam in de kop */
h2
{
color: #e40514;
	font-size: 3.2vmin;
margin: 15px 20px;
	text-align: center;
}

/* Kleur voor klasse in de kop */
h3
{
color: #e40514;
	font-size: 3.2vmin;
margin: 15px 20px;
	text-align: center;
}

table.stand
{
width: 100%;
	font-size: 3vmin;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}

table.uitslagen
{
width: 100%;
	font-size: 3vmin;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}

table.programma
{
padding: 5px;
width: 100%;
	font-size: 2.3vmin;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}

table.clubprogramma
{
padding: 5px;
width: 100%;
	font-size: 3vmin;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}

table.alle
{
width: 100%;
	font-size: 3vmin;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}

table.programma th, table.clubprogramma th,table.tegenstander th, table.alle th
{
background: #e40514; /* Achtergrondkleur van de kopjes in de tabellen  */
color: #FFFFFF;
	font-family:Open Sans;
	font-size: 3vmin;
	line-height: auto;
	text-align: center;
}
table.indeling
{
width: 100%;
	font-size: 3vmin;
color: Black;
	border-collapse:collapse; border-spacing: 0;
	margin-left:auto; margin-right:auto;
}

td.left
{
	text-align: left;
	font-size: 3vmin;
}


td.left2
{
	text-align: left;
	font-size: 2.3vmin;
	padding-left: 3px;
color: Black;
}

td.left23
{
	background-color: #f97777; /* Achtergrondkleur voor het eigen team in de tabel Alle Uitslagen */
	text-align: left;
	font-size: 2.3vmin;
	padding-left: 3px;
color: Black;
}

td.left3
{
	background-color: #f97777; /* Achtergrondkleur voor het eigen team in de overige tabellen  */
	text-align: left;
	font-size: 3vmin;
}

td.center
{
	text-align: center;
	font-size: 3vmin;

}

td.center2
{
	text-align: center;
	font-size: 2.3vmin;
color: Black;
}

td.center23
{
	background-color: #f97777; /* Achtergrondkleur voor het eigen team in de tabel Alle Uitslagen */
	text-align: center;
	font-size: 2.3vmin;
color: Black;
}

td.center3
{
	background-color: #f97777; /* Achtergrondkleur voor het eigen team in de overige tabellen  */
	text-align: center;
	font-size: 3vmin;
}

th.center
{
background: #e40514; /* Achtergrondkleur van de kopjes in de tabellen */
color: #FFFFFF;
	text-align: center;
	font-size: 3vmin;
}

th.left
{
background: #e40514; /* Achtergrondkleur van de kopjes in de tabellen */
color: #FFFFFF;
	text-align: left;
	font-size: 3vmin;
}


td.small
{
	font-size: 2.3vmin;
	text-align: center;
color: #e40514; /* Kleur van kleine tekst helemaal onderaan de teampagina */
}

.row0
{
	background-color: #f97777; /* Achtergrondkleur van regel 1 in clubprogramma */
	text-align: left;
}

.row1
{
	background-color: #FFFFFF; /* Achtergrondkleur van regel 2 in clubprogramma */
	text-align: left;
}

.bd
{
	background-color: #FFFFFF;
color: #004080;
	font-family: Open Sans;
	font-size: 3vmin;
	margin-left:auto; margin-right:auto;
}

.bdadmin
{
	background-color: #FFFFFF;
color: #004080;
	font-family: Open Sans;
	font-size: 3vmin;
}

.afgelastred
{
	background-color: #e40514;
color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

.afgelastblack
{
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

.speelronde
{
	font-weight:bold;
	text-align:center;
}

.tbl
{
	background-color: #FFFFFF;
}

a:link
{
color: #000;
	font-family: Open Sans;
	font-size: 3vmin;
}

a:active
{
color: #000;
	font-family: Open Sans;
	font-size: 3vmin;
}

a:visited
{
color: #000;
	font-family: Open Sans;
	font-size: 3vmin;
}

.hr
{
	background-color: #A6D2FF;
color: #FFFFFF;
	font-family: Open Sans;
	font-size: 3vmin;
}

a.hr:link
{
color: #FFFFFF;
	font-family: Open Sans;
	font-size: 3vmin;
}

a.hr:active
{
color: #FFFFFF;
	font-family: Open Sans;
	font-size: 3vmin;
}

a.hr:visited
{
color: #FFFFFF;
	font-family: Open Sans;
	font-size: 3vmin;
}

.dr
{
	background-color: #FFFFFF;
color: #000000;
	font-family: Open Sans;
	font-size: 3vmin;
}

.sr
{
	background-color: #A6D2FF;
	color: #000000;
	font-family: Open Sans;
	font-size: 3vmin;
}

html
{
	margin: 0;
	padding: 0;
}
#person {
    width: 100%;
    float:left;
    padding:5px;	      
}
#roles {
    background-color:#e40514;
   width: 100%;
    float:left;
    padding:5px;	      
}
#button {
    clear:both;
   padding:5px;	 	 
} 
  }