/* CSS Document */

#titelbalk
{
	position: absolute;	/* fixed -- dan verdwijnt het met scrollen*/
    left: 0;
    top: 0;
    height: 300px;
    width: 100%;
    overflow:hidden;
	background-color:white
}


#logo
{
	width:200px;
	height:200px;
	left:0%;
	top: 0%;
	/*margin-left: -100px;*/
	position: absolute;
}

@media screen and (max-width: 1199px) {
  .Banner_menu {
    visibility: hidden;
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .Banner_menu {
	position: absolute;
	left: 20%;
	top: 140px;
	font-size: 40px;
	color: #39c;
	text-decoration: none;
    /* your any other css styles */
  }
}

#Banner_spelers
{
	margin-left: 150px;
}

#Banner_team
{
	margin-left: 340px;
}


@HOOGTE_BREEDTE_ICOON: 80px;

#contact
{
	position:absolute;
	right:5%;
	margin-right: 300px;
	top:20px;
	height:80px;
	width:80px;
	
	
	/*font-size: 2vw;	/*font-size:36px;
	color:#39c;*/
	
}

#facebook
{
	position:absolute;
	right:5%;
	margin-right: 200px;
	top:20px;
	height:80px;
	width:80px;
	
}

#instagram
{
	position:absolute;
	right:5%;
	margin-right: 100px;
	top:20px;
	height:80px;
	width:80px;
	
}

#youtube
{
	position:absolute;
	right:5%;
	margin-right: 0px;
	top:20px;
	height:80px;
	width:80px;
	
}

#clubs_tennisscholen
{
	position:absolute;
	right: 5%;
	margin-right: 45px;
	top:140px;
	font-size:38px;
	color:#39c;
}

#dikkelijn
{
	border-top-style:solid;
	border-width:10px;
	border-color:#39C;	
	position:absolute;
	top:200px;
	left:0px;
	width:100%;	
}


footer.index
{
	position: absolute;
    left: 0;
    bottom: 0;
	top:1400px;
    height: 150px;
    width: 100%;
    overflow:hidden;
	background-color:#7A7A7A;
}

footer.visie
{
	position: absolute;
    left: 0;
    bottom: 0;
	top:1700px;
    height: 150px;
    width: 100%;
    overflow:hidden;
	background-color:#7A7A7A;
}

footer.team
{
	position: absolute;
    left: 0;
    bottom: 0;
	top:2000px;
    height: 150px;
    width: 100%;
    overflow:hidden;
	background-color:#7A7A7A;
}

footer.spelers
{
	position: absolute;
    left: 0;
    bottom: 0;
	top:1950px;
    height: 150px;
    width: 100%;
    overflow:hidden;
	background-color:#7A7A7A;
}

footer.uitslag
{
	position: absolute;
    left: 0;
    bottom: 0;
	top:850px;
    height: 150px;
    width: 100%;
    overflow:hidden;
	background-color:#7A7A7A;
}

footer.filmpjes
{
	position: absolute;
    left: 0;
    bottom: 0;
	top:1700px;
    height: 150px;
    width: 100%;
    overflow:hidden;
	background-color:#7A7A7A;
}



#partners
{
	position:relative;
	left:0%;
	width: 20%;
	top: 40px;
	height: 40px;
	font-size: 35px;
	color: white;	
	text-align: center;
	border-right:thick;
	border-right-color: black;
	border-size:5px;
}

#heiveld
{
	position:relative;
	left:20%;
	width: 20%;
	height: 0px;
	font-size: 35px;
	color: white;	
	text-align: center;
}
#cas
{
	position:relative;
	left:40%;
	height: 0px;
	font-size: 35px;
	width: 20%;
	color: white;	
	text-align: center;
}
#blauwe_regen
{
	position:relative;
	left:60%;
	height: 0px;
	font-size: 35px;
	width: 20%;
	color: white;	
	text-align: center;
}
#duvels
{
	position:relative;
	left:80%;
	height: 0px;
	font-size: 35px;
	width: 20%;
	color: white;	
	text-align: center;	
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 100px; /* bottom = footer height */
    padding: 25px;
}