@charset "UTF-8";

h1 	{
        color: black;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size:50px;
		margin:0px;
		position: absolute;
		left: 100px;
		top: 10px;
    	}
		
    h2	{
        color: black;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size:36px;
		margin:0px;
		position: absolute;
		right: 0px;
		top: 10px;
    	}

    h3	{
        color: black;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size:25px;
		margin:0px;
		position: absolute;
		right: 0px;
		top: 60px;
    	}				
	
	p 	{
        color: black;
		font-family: 'Open Sans', sans-serif;
		font-weight: bold;
		font-size:16px;
    	}
		
	table, th, td 
		{
    	font-family: 'Open Sans', sans-serif;
		padding: 5px;
		text-align: center;
		font-size: 24px;
		border-collapse: collapse;
		line-height: 50px;
		margin-left: 40px;
		}	
	

	#tielt	
		{
    	background-color: #F4DA00;
		color: black;
		font-weight: 700;
		}
		
	#ploeg
		{
    	text-align: left;
		text-weight: bold;
		width: 250px;
		}
		
	#stand
		{
		width: 40px;
		text-align: center;
		font-weight: 700;
		}	
	 
	body{
        margin: 0px;
    	}
	
	#logo{
        position: absolute;
		top: 0px;
		left: 0px;
    	}
		
	#gelebalk	
		{
		background-color: #f8de00;
		width: 100%;
		height: 120px;
		position: absolute;
		padding-bottom: 5px;
		}
	
	#titel
		{
		width: 1200px;
		background-color:#black;
		height: 90px;
		margin: 0 auto;
		position: relative;
		top: 25px;
		}
		
	#website
		{
		background-color:#EEEEEE;
		}	
		
	#container
		{
		width: 1200px;
		background-color:transparent;
		height: 600px;
		margin: 0 auto;
		position: relative;
		top: 140px;
		}
		
		#nieuwscontainer
		{
		width: 1200px;
		background-color:transparent;
		height: 600px;
		margin: 0 auto;
		position: relative;
		top: 140px;
		text-align: center;
		}
	
		#iframeDames
		{
    	width: 1280px;
    	height: 1200px;
		border: none;
		top: -750px;
    	left: -580px;
		position: relative;
		filter: grayscale(100%);
		}	
	
        #iframeDames
		{
        zoom: 1.8;
        -moz-transform: scale(1.7);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1.7);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1.7);
        -webkit-transform-origin: 0 0;
        }
		

		
		#iframe
		{
    	width: 1280px;
    	height: 1200px;
		border: none;
		top: -830px;
    	left: -580px;
		position: relative;
		filter: grayscale(100%);
		}	
	
        #iframe
		{
        zoom: 1.8;
        -moz-transform: scale(1.7);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1.7);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1.7);
        -webkit-transform-origin: 0 0;
        }
		
		#iframeWVL
		{
    	width: 1280px;
    	height: 1200px;
		border: none;
		top: -800px;
    	left: -580px;
		position: relative;
		filter: grayscale(100%);
		}	
	
        #iframeWVL
		{
        zoom: 1.8;
        -moz-transform: scale(1.7);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1.7);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1.7);
        -webkit-transform-origin: 0 0;
        }	

	#ploegfoto
		{
		width: 600px;
		height: 400px;
		position: absolute;
		top: 0px;
		left: 50%;
		}
	#spelers
		{
		width: 600px;
		height: 100px;
		background-color:#FFFFFF;
		position: absolute;
		top: 400px;
		left: 50%;
		}
                
        #tielt1H
		{
		width: 400px;
		height: 420px;
		position: relative;
		top: 0px;
		overflow: hidden;
		left: 40px;
		}
		
		#tielt1D
		{
		width: 440px;
		height: 420px;
		position: relative;
		top: 0px;
		overflow: hidden;
		left: 40px;
		}
		
        #tielt2H
		{
		width: 360px;
		height: 440px;
		position: relative;
		top: 0px;
		overflow: hidden;
		left: 40px;
		}
        
        #tielt3H
		{
		width: 440px;
		height: 430px;
		position: relative;
		top: 0px;
		overflow: hidden;
		left: 40px;
		}
 
         #tielt4H
		{
		width: 340px;
		height: 430px;
		position: relative;
		top: 0px;
		overflow: hidden;
		left: 40px;
		}
		
		         #tielt5H
		{
		width: 410px;
		height: 410px;
		position: relative;
		top: 0px;
		overflow: hidden;
		left: 40px;
		}
		
		         #tielt3D
		{
		width: 380px;
		height: 550px;
		position: relative;
		top: 0px;
		overflow: hidden;
		left: 40px;
		}
		
				         #tielt2D
		{
		width: 370px;
		height: 550px;
		position: relative;
		top: 0px;
		overflow: hidden;
		left: 40px;
		}