html, body {
	height: 100%;
}

:focus {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}

.clear {
	clear: both;
}

.break {
	border-top: 1px solid #C9C9C9;
	clear: left;
	display: block;
	height: 8px;
}

body {
	background-image: url(foto/achtergrond3.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	color: black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* hoofd */

#header {
	background-image: url(foto/bannergilsongroen.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 135px;
	margin: 0 auto;
	width: 940;
}

/* menu */

#menu {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: auto;
	background-color: grey;
	padding-left: 14%;
}

#menu ul{
	height: 34px;
	margin: 0;
	padding: 0;
}

ul#menu ul {
	display: none;
}

#menu ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#menu li.active {
	background-color: #d6fA3F;
	border-left: 1px solid #34534;
	border-right: 1px solid #232323;
}

#menu ul li {
	border-left: 1px solid #8E8E8E;
	border-right: 1px solid #232323;
	display: block;
	float: left;
	line-height: 35px;
	text-align: center;
	width: 112px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: relative;
}

#menu a {
	color: #FFFFFF;
	display: block;
	height: 34px;
	text-decoration: none;
}

/* subhoofd */

#subheader {
	background: #808080 none repeat scroll 0 0;
	border: 1px solid #383838;
	height: 300px;
	overflow: hidden;
}

#subheadercontent {
	margin: 0 auto;
	width: 924px;
}

#subheader .text {
	float: left;
	overflow: hidden;
	width: 504px;
}

#subheader h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	font-weight: normal;
}

#subheadercontent h1 {
	color: #FFFFFF;
	margin: 0;
	padding: 23px 0 0;
	width: 500px;
}

#subheadercontent h1 a {
	color: #FFFFFF;
}

#subheader p {
	color: #FFFFFF;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-size: 19px;
	font-style: italic;
	line-height: 140%;
	margin: 0;
	padding: 15px 25px 0 0;
	width: 475px;
}

#subheader a {
	color: white;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-size: 19px;
	font-style: italic;
	line-height: 140%;
	margin: 0;
	padding: 15px 25px 0 0;
	width: 475px;
} 

#subheader .vimeo {
	float: left;
	overflow: hidden;
	padding-top: 25px;
	width: 420px;
	margin-top: 3px;
}

#subheader.small {
	height: auto;
	width: 100%;
}

#container {
	background: white none repeat scroll 0 0;
}

#content {
	background: transparent none repeat scroll 0 0;
	border: 1px solid white;
	margin: 0 auto;
	padding: 25px 0 60px;
	width: 1138px;
}

#content2 {
	background: transparent none repeat scroll 0 0;
	border: 1px solid white;
	margin: 0 auto;
	padding: 25px 0 60px;
	width: 1138px;
}

#content a {
	text-decoration: underline;
	color: black;
}

#content2 a {
	text-decoration: none;
	color: black;
}


/* Nieuws */

.news {
	border-bottom: 1px solid #c6f500;
	margin: 10px 0 0;
	padding-bottom: 10px;
	width: 100%;
}

.newsdate {
	width: 12%;
	height: 80px;
	padding-top: 10px;
	background: white;
	text-align: center;
	font-style: italic;
	float: left;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-size: 46px;
	border-right: 1px solid #eaeaea;
}

.newsdate span {
	font-size: 12px;
	text-transform: uppercase;
	font-style: normal;
	display: block;
}

.fotonieuws {
	width: 20%;
	float: left;
	margin-left: 5%;
	margin-top: 5%;
}

.newsimage {
	border: 3px solid #C9C9C9;	
}

#content a.fancy {
	border: 0 none;
}

.newsmsg {
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	width: 54%;
	font-size: 13px;
}


#content h2, #content h2 a {
	color: #008AFF;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

#content2 h2, #content2 h2 a {
	color: #008AFF;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: normal;
	margin:"0";
}

#news_nav {
	display: block;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2ex;
}

#news_nav a.nav_terug {
	font-size: 1em;
	text-align: left;
}

#news_nav a.nav_huidig {
	font-size: 2.5em;
	text-align: center;
	margin-left: 1ex;
	margin-right: 1ex;
}


#news_nav a.nav_volgende {
	font-size: 1em;
	text-align: right;
}


a.huidig {
	font-size: 5ex;
}

/* tabel atleten */

.tabelatleten {
	text-align: center;
	width: 40%;
	background-color: white;
	font-size: 15px;
	border: 1px solid black;
	margin-left: 5ex;
	margin-right: 6ex;
	float: left;
	margin-bottom: 2ex;
}

#content h3 {
	font-size: 25px ;
	font-family: Arial, Times New Roma, Georgia;
}

td.naam {
	color: black;
	background-color: #c6f500;
	margin-top: 2ex;
	margin-bottom: 2ex;
	width: 35%;
	border-bottom: 1px solid white;
}

td.discipline {
	color: black;
	background-color: #c6f500;
	width: 30%;
	border-bottom: 1px solid white;
}

td.club {
	color: black;
	background-color: #c6f500;
	width: 20%;
	border-bottom: 1px solid white;
}


/* atleetfiche */

.tabelatleet {
	border: 1px solid black;
	width: 550px;
	float: left;
	background-color: #E0FA71;
	padding: 3ex;
	font-size: 15px;
	font-family: Arial;
	margin-bottom: 1ex;
}

.fotoatleet {
	display: block;
	float: left;
	height: auto;
	padding-bottom: 10px;
	position: relative;
	width: 350px;
	margin-left: 3ex;
}

td.atleetvraag {
	width: 30%;			
}

td.atleetantwoord {
	width: 45%;
}

/* trainerfiche */

.tabeltrainer {
	border: 1px solid black;
	width: 550px;
	float: left;
	background-color: #E0FA71;
	padding: 3ex;
	font-size: 15px;
	font-family: Arial;
	margin-bottom: 1ex;
	float: left;
	clear: both;
}

td.trainervraag {
	width: 30%;
}

td.trainerantwoord {
	width:45%;
}

.fotostrainer {
	border:;
	float: left;
}

/* lijsten */

.alltimelijst {
	border-bottom: 1px solid black;
	margin: 10px 0 0;
	padding: 3px;
}

.alltimelijst2{
	font-family: Georgia, Times New Roman;
	font-size: 15px;
}

.alltimelijst h1 {
	font-size: 25px;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-style: italic;
}

/* de lijsten met de tijden*/
/*menulijst */

.ranking h5{
	font-size: 20px;
	color: #2369aa;
	font-family: Times new roman;
	margin-top: 25px;
	margin-bottom: 15px;
}

.ranking h6 {
	font-size: 35px;
	color: #2369aa;
	font-family: GrilledChees BTN Wide Blk;
	margin-top: 25px;
	margin-bottom: 15px;
}

.ranking {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.ranking ul{
	height: auto;
	margin: 0;
	padding: 0;
	font-family: GrilledCheese BTN Wide Blk ;
	font-size: 12px;
}

.ranking ul li {
	border: 1px solid black;
	background-color: lightgrey;
	display: block;
	float: left;
	line-height: 35px;
	text-align: center;
	width: 14%;
}

.ranking a {
	color: black;
	display: block;
	height: 34px;
	text-decoration: none;
}

/* naam en tijden lijst */

#tijdlijst {
	width: 50%;
	border-collapse: collapse;
	font-size: 15px;
	border: 1px solid #576AA9;
	background-color: #c6f500;
}

#tijdlijst td{
	border-top: 1px solid black;
}

#tijdlijst th.Naam {
	text-align: center;
	width: 35%;
}

#tijdlijst th{
	border-bottom: 3px solid #576AA9;
}

#tijdlijst th.Tijd {
	text-align: left;
}

#tijdlijst th.Club {
	text-align: left;
}

#tijdlijst th.Jaar {
	text-align: left;
}

#tijdlijst tr:hover {
	background-color: #CFCFCF;
}

#tijdlijst tr:first-child:hover {
	background-color: inherit;
}

/*jaarboeklijst*/

#jaarlijst {
	width: 50%;
	border-collapse: collapse;
	font-size: 15px;
	border: 1px solid #576AA9;
	background-color: white;
}

#jaarlijst th{
	border-bottom: 3px solid #576AA9;
}

#jaarlijst th,td.Place {
	text-align: center;
	width: 15%;
}

#jaarlijst th,td.Name {
	text-align: center;
}

#jaarlijst th,td.Time {
	text-align: center;
}

#jaarlijst tr:hover {
	background-color: #CFCFCF;
}

#jaarlijst tr:first-child:hover {
	background-color: inherit;
}

/*fotojaarboek*/

.fotojaarboek {
	float: right;
}
	

/*media*/

.media {
	width: 100%;
	font-size: 15px;
}

.media ul{
	height: auto;
	margin: 0;
	padding: 0;
	font-family: Verdana ;
	font-size: 25px;
}

.media ul li {
	border: 1px solid black;
	background-color: lightgrey;
	display: block;
	float: left;
	text-align: center;
	width: 20%;
}

.mediatabellen h5{
	font-size: 20px;
	color: #2369aa;
	font-family: Times new roman;
	margin-top: 40px;
	margin-bottom: 15px;
}

.mediatabel {
	width: 60%;
	background-color: white;
	font-size: 15px;
	border: 1px solid black;
	margin-left: 5ex;
	margin-right: 5ex;
}

td.datummedia {
	color: black;
	background-color: lightgrey;
	width: 15%;
	border-bottom: 1px solid white;
}

td.titelmedia {
	color: black;
	background-color: lightgrey;
	padding-left: 2ex;
	width: 45%;
	border-bottom: 1px solid white;
}

td.titelmedia a {
	padding-top: 0 ex; 
}


/*videos*/


ul#lijstvideo {
	width: 45%
}

ul#lijstvideo li {
	margin-bottom: 1ex;
}

ul#lijstvideo li:last-child {
	margin-bottom: 0ex;
}

ul#lijstvideo li a {
	text-decoration: none;
	color: black;
}

iframe {
	width: 470px;
	height: 406px;
	float: right;
	margin-top: 1ex;
	margin-bottom: 3ex;
	background-color: white;
}

/*wedstrijdinfo*/

table#wedstrijdinfo {
	width: 100%;
	border: 1px solid black;
	font-size: 15px;
}

table#wedstrijdinfo th {
	border-bottom: 1px solid black;
	text-align: left;
	background-color: #c6f500;
	border-right: 1px solid black;
	padding: 5px;
}

table#wedstrijdinfo td {
	border-right: 1px solid black;
	padding: 5px;
}

.icoon {
	border: none;
}

/*wedstrijduitslagen*/

table#wedstrijduitslagen {
	width: 70%;
	border: 1px solid black;
	font-size: 15px;
	background-color: lightgrey;
}

table#wedstrijduitslagen th{
	border-bottom: 1px solid black;
	text-align: left;
	background-color: #c6f500;
	border-right: 1px solid black;
	padding: 5px;
}

table#wedstrijduitslagen td {
	border-right: 1px solid black;
	padding: 5px;
}

#wedstrijduitslagen tr:hover {
	background-color: #c6f500;
}

#wedstrijduitslagen tr:first-child:hover {
	background-color: inherit;
}

/*links*/

table#links {
	width: 70%;
	font-size: 15px;
}

table#links td {
	padding: 5px;
}

.icoon {
	border: none;
}

/*footer*/

#footer {
background-color: #c6f500;
background-position: center top;
background-repeat: repeat-x;
border-top: 1px solid #FFFFFF;
height: 120px;
margin: auto;
}