/* CSS Document */
@media only screen and (min-width: 1200px){
	
	
		h1			{font-family:"Arial"}
		h2			{font-family:"Arial";font-size:18px}
		h3			{font-family:"Arial";font-style:italic;font-size:12px}
		h4			{font-family:"Arial";font-size:10px}
		p			{font-family:"Arial";font-size:16px}
		ul			{font-family:"Arial";font-size:16px}
		h4			{font-family:"Arial";font-size:18px}
		h5			{font-family:"Arial";font-size:14px}

		body		{
			background-color: #0066cc;		
				}

		*{
			margin: 0;
			
		}

		nav{

			float: left;
			Width: 230px;
			height: 2000px;
			background-color: #0066cc;
			
			}

			
		ul {
			
			margin: 0;
			margin-left: 1px;
		}

		ul li{
			
			list-style: none;
			display: block;
			color: white;
			
		}

		.master{
			height: 100%;
			width: 80%;
			margin: auto;
			position:relative;
			overflow: hidden;
			
		}

		.header{
			background: #00134d;
			position:absolute;
			top: 0px;
			width: 100%;
			height: 8vh;
			
		}

		.header1{
			background: #00134d;
			position:fixed;
			top: 0px;
			width: 100%;
			height: 80px;
			
		}


			
		.main{
			background-color: #ffffff;
			float: left;
			left: 230px;
			width: 75%;
			margin: auto;
			margin-top: 120px;
			margin-bottom: 130px;

		}
		.main_home{
			background-color: #ffffff;
			float: left;
			left: 230px;
			width: 100%;
			margin: auto;
			margin-top: 80px;
			margin-bottom: 130px;

		}


		.main2{
			background-color: #ffffff;
			float: left;
			margin: 20px auto;
			width: 100%;
			margin-top: 12vh;
			marging-bottum: 13vh;
			padding-left: 2vw;
			Padding-top: 2vh;
			overflow: auto;
			height: 74vh;
			position:relative;
			
			
		}
		.mainbreed{
			background-color: #ffffff;
			margin: auto;
			width: 100%;
			margin-top: 80px;
			
		}
		.footer{
			background: #bfbfbf;
			position: absolute;
			height: 13vh;
			width: 100%;
			bottom: 0px;
			text-align: center;
			font-size: 3vh;
		}	



		.headerimg{
			float: right;
			
		}


		a:hover
		{
		 color: white;
		 
		 text-decoration: underline;
		} 

		a:link, a:visited {
		  color: white;
		  padding: 4px 15x;
		  text-align: left; 
		  text-decoration: none;
		  display: inline-block;
		  font-family: Arial;
		  font-size: 18;
		}


		.td {
					font-family: Arial, Helvetica, sans-serif;
					color: black;
					padding: 2px ;
					border-collapse: separate;
					text-align: left;
		}	

		.inlog{
			width: 100%;
			text-align: center;
			margin-top: 80px;
			bottom: 130px;
		}
		.inlog a{
			color: black;
		}

		.center{
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 80vw;
			
		}
		
		.centerimg{
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 40%;
			
		}

		.schilder{
			background-color: #ffffff;
			float: left;
			width: 75%;
			margin-top: 80px;
			
		}
		.menu{
			position: fixed;
			
		}
		.body{
			
			float: right;
		}
		.menu1{
			float: right;
			background-color: #0066cc;
		}
		.tabelbr{
			width: 100%;
		}
		.centertable{
		  margin: auto;
		}

		/* alle onderstaand voor navigatiemenu

		/* Navbar container */
		.navbar {
			overflow: hidden;
			background-color: #0066cc;
			font-family: Arial;
			position:absolute;
			margin-top: 8vh;
			width: 100%;
			height: 5vh;
		}

		/* Links inside the navbar */
		.navbar a {
		  float: left;
		  font-size: 4 vh;
		  color: white;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		}

		/* The dropdown container */
		.dropdown {
		  display: none;
		}

		/* Dropdown button */
		.dropdown .dropbtn {
		  font-size: 16px; 
		  border: none;
		  outline: none;
		  color: black;
		  padding: 14px 16px;
		  background-color: inherit;
		  font-family: inherit; /* Important for vertical align on mobile phones */
		  margin: 0; /* Important for vertical align on mobile phones */
		}

		/* Add a red background color to navbar links on hover */
		.navbar a:hover, .dropdown:hover .dropbtn {
		  background-color: #ffffff;
		  color: black;
		}

		/* Dropdown content (hidden by default) */
		.dropdown-content {
		  display: none;
		  position: absolute;
		  background-color: #f9f9f9;
		  min-width: 160px;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		  z-index: 1;
		}

		/* Links inside the dropdown */
		.dropdown-content a {
		  float: none;
		  color: black;
		  padding: 12px 16px;
		  text-decoration: none;
		  display: block;
		  text-align: left;
		}

		/* Add a grey background color to dropdown links on hover */
		.dropdown-content a:hover {
		  background-color: #ddd;
		}

		/* Show the dropdown menu on hover */
		.dropdown:hover .dropdown-content {
		  display: block;
		} 

		.master1{
			height: 100vh;
			width: 80%;
			margin: auto;
			position:relative;
			
		}

		.master2{
			height: 100vh;
			width: 90%;
			margin: auto;
			position:relative;
			
		}

		.header1{
			background: #00134d;
			position:fixed;
			top: 0px;
			width: 100%;
			height: 80px;
			
		}

		.footer1{
			background: #bfbfbf;
			position: fixed;
			height: 130px;
			width: 100%;
			bottom: 0px;
			text-align: center;
			font-size: 12;
		}

		.collapsible {
		  background-color: #0066cc;
		  color: white;
		  cursor: pointer;
		  padding: 18px;
		  width: 93%;
		  border: none;
		  text-align: left;
		  outline: none;
		  font-size: 18px;
		}

		.active, .collapsible:hover {
		  background-color: #00134d;
		}
		.collapsible:after {
		  content: '\002B'; /* Unicode character for "plus" sign (+) */
		  font-size: 15px;
		  color: white;
		  float: right;
		  margin-left: 5px;
		}

		.active:after {
		  content: "\2212"; /* Unicode character for "minus" sign (-) */
		}
		.content {
		  padding: 0 18px;
		  display: none;
		  overflow: hidden;
		  background-color: white;
		}



		.regeltotaal {
		  background-color: #0080FE;
		  color: white;
		  padding: 18px;
		  width: 90%;
		  border: none;
		  text-align: right;
		  outline: none;
		  font-size: 15px;
		  font-family: Arial;
		  
		}


		.regeltotaal_left {
		  background-color: #0066cc;
		  color: white;
		  padding: 18px;
		  width: 90%;
		  border: none;
		  text-align: left;
		  outline: none;
		  font-size: 18px;
		  font-family: Arial;
		  
		}



		.tabelrond{
			border-radius: 15px;
			background-color: #D6EEEE;
		}	
			

		.sidenav{
		display: none;	
		}

		.sidenavbtn{
		display: none;	
		float: left;
		}
		
		.toplogo{
		float: right;	
		margin-top:1px;
		max-width: 30%;
		}
		
		.inlogen{
		float: left;
		}
		
		.centraal{
			display: block;
			width: 100%;
			margin: 0 auto; 
			
				
				
			}
			
			.main3{
			background-color: #ffffff;
			
			margin: 0 auto;
			width: 99%;
			
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
			overflow: auto;
			height: 100%;
			position:absolute;
			margin-bottom: 13%;
			margin-top: 8%;
			display: flex;
			justify-content: center;
}


			.main4{
			background-color: #ffffff;
			float: left;
			margin: 20px auto;
			width: 99%;
			
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
			overflow: auto;
			height: 72%;
			position:absolute;
			margin-bottom: 13%;
			margin-top: 8%;
			display: flex;
			justify-content: center;
			}
		}
}

@media only screen and (max-width: 1200px){
	
	
		h1			{font-family:"Arial"}
		h2			{font-family:"Arial";font-size:18px}
		h3			{font-family:"Arial";font-style:italic;font-size:12px}
		h4			{font-family:"Arial";font-size:10px}
		p			{font-family:"Arial";font-size:16px}
		ul			{font-family:"Arial";font-size:16px}
		h4			{font-family:"Arial";font-size:18px}
		h5			{font-family:"Arial";font-size:14px}

		body		{
			background-color: #0066cc;		
				}

		*{
			margin: 0;
			
		}

		nav{

			float: left;
			Width: 230px;
			height: 2000px;
			background-color: #0066cc;
			
			}

			
		ul {
			
			margin: 0;
			margin-left: 1px;
		}

		ul li{
			
			list-style: none;
			display: block;
			color: white;
			
		}

		.master{
			height: 100%;
			width: 80%;
			margin: auto;
			position:relative;
			overflow: hidden;
			
		}

		.header{
			background: #00134d;
			position:absolute;
			top: 0px;
			width: 100%;
			height: 8vh;
			
		}

		.header1{
			background: #00134d;
			position:fixed;
			top: 0px;
			width: 100%;
			height: 80px;
			
		}


			
		.main{
			background-color: #ffffff;
			float: left;
			left: 230px;
			width: 75%;
			margin: auto;
			margin-top: 120px;
			margin-bottom: 130px;

		}
		.main_home{
			background-color: #ffffff;
			float: left;
			left: 230px;
			width: 100%;
			margin: auto;
			margin-top: 80px;
			margin-bottom: 130px;

		}


		.main2{
			background-color: #ffffff;
			float: left;
			margin: 20px auto;
			width: 100%;
			margin-top: 12vh;
			marging-bottum: 13vh;
			padding-left: 2vw;
			Padding-top: 2vh;
			overflow: auto;
			height: 74vh;
			position:relative;
			
			
		}
		.mainbreed{
			background-color: #ffffff;
			margin: auto;
			width: 100%;
			margin-top: 80px;
			
		}
		.footer{
			background: #bfbfbf;
			position: absolute;
			height: 13vh;
			width: 100%;
			bottom: 0px;
			text-align: center;
			font-size: 3vh;
		}	



		.headerimg{
			float: right;
			
		}


		a:hover
		{
		 color: white;
		 
		 text-decoration: underline;
		} 

		a:link, a:visited {
		  color: white;
		  padding: 4px 15x;
		  text-align: left; 
		  text-decoration: none;
		  display: inline-block;
		  font-family: Arial;
		  font-size: 18;
		}


		.td {
					font-family: Arial, Helvetica, sans-serif;
					color: black;
					padding: 2px ;
					border-collapse: separate;
					text-align: left;
		}	

		.inlog{
			width: 100%;
			text-align: center;
			margin-top: 80px;
			bottom: 130px;
		}
		.inlog a{
			color: black;
		}

		.center{
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 80vw;
			
		}
		
		.centerimg{
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 40%;
			
		}

		.schilder{
			background-color: #ffffff;
			float: left;
			width: 75%;
			margin-top: 80px;
			
		}
		.menu{
			position: fixed;
			
		}
		.body{
			
			float: right;
		}
		.menu1{
			float: right;
			background-color: #0066cc;
		}
		.tabelbr{
			width: 100%;
		}
		.centertable{
		  margin: auto;
		}

		/* alle onderstaand voor navigatiemenu

		/* Navbar container */
		.navbar {
			overflow: hidden;
			background-color: #0066cc;
			font-family: Arial;
			position:absolute;
			margin-top: 8vh;
			width: 100%;
			height: 5vh;
		}

		/* Links inside the navbar */
		.navbar a {
		  float: left;
		  font-size: 4 vh;
		  color: white;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		}

		/* The dropdown container */
		.dropdown {
		  display: none;
		}

		/* Dropdown button */
		.dropdown .dropbtn {
		  font-size: 16px; 
		  border: none;
		  outline: none;
		  color: black;
		  padding: 14px 16px;
		  background-color: inherit;
		  font-family: inherit; /* Important for vertical align on mobile phones */
		  margin: 0; /* Important for vertical align on mobile phones */
		}

		/* Add a red background color to navbar links on hover */
		.navbar a:hover, .dropdown:hover .dropbtn {
		  background-color: #ffffff;
		  color: black;
		}

		/* Dropdown content (hidden by default) */
		.dropdown-content {
		  display: none;
		  position: absolute;
		  background-color: #f9f9f9;
		  min-width: 160px;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		  z-index: 1;
		}

		/* Links inside the dropdown */
		.dropdown-content a {
		  float: none;
		  color: black;
		  padding: 12px 16px;
		  text-decoration: none;
		  display: block;
		  text-align: left;
		}

		/* Add a grey background color to dropdown links on hover */
		.dropdown-content a:hover {
		  background-color: #ddd;
		}

		/* Show the dropdown menu on hover */
		.dropdown:hover .dropdown-content {
		  display: block;
		} 

		.master1{
			height: 100vh;
			width: 80%;
			margin: auto;
			position:relative;
			
		}

		.master2{
			height: 100vh;
			width: 90%;
			margin: auto;
			position:relative;
			
		}

		.header1{
			background: #00134d;
			position:fixed;
			top: 0px;
			width: 100%;
			height: 80px;
			
		}

		.footer1{
			background: #bfbfbf;
			position: fixed;
			height: 130px;
			width: 100%;
			bottom: 0px;
			text-align: center;
			font-size: 12;
		}

		.collapsible {
		  background-color: #0066cc;
		  color: white;
		  cursor: pointer;
		  padding: 18px;
		  width: 93%;
		  border: none;
		  text-align: left;
		  outline: none;
		  font-size: 18px;
		}

		.active, .collapsible:hover {
		  background-color: #00134d;
		}
		.collapsible:after {
		  content: '\002B'; /* Unicode character for "plus" sign (+) */
		  font-size: 15px;
		  color: white;
		  float: right;
		  margin-left: 5px;
		}

		.active:after {
		  content: "\2212"; /* Unicode character for "minus" sign (-) */
		}
		.content {
		  padding: 0 18px;
		  display: none;
		  overflow: hidden;
		  background-color: white;
		}



		.regeltotaal {
		  background-color: #0080FE;
		  color: white;
		  padding: 18px;
		  width: 90%;
		  border: none;
		  text-align: right;
		  outline: none;
		  font-size: 15px;
		  font-family: Arial;
		  
		}


		.regeltotaal_left {
		  background-color: #0066cc;
		  color: white;
		  padding: 18px;
		  width: 90%;
		  border: none;
		  text-align: left;
		  outline: none;
		  font-size: 18px;
		  font-family: Arial;
		  
		}



		.tabelrond{
			border-radius: 15px;
			background-color: #D6EEEE;
		}	
			

		.sidenav{
		display: none;	
		}

		.sidenavbtn{
		display: none;	
		float: left;
		}
		
		.toplogo{
		float: right;	
		margin-top:1px;
		max-width: 30%;
		}
		
		.inlogen{
		float: left;
		}
		
		.centraal{
			display: block;
			width: 100%;
			margin: 0 auto; 
			
				
				
			}
			
			.main3{
			background-color: #ffffff;
			
			margin: 0 auto;
			width: 99%;
			
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
			overflow: auto;
			height: 100%;
			position:absolute;
			margin-bottom: 13%;
			margin-top: 8%;
			display: flex;
			justify-content: center;
}


			.main4{
			background-color: #ffffff;
			float: left;
			margin: 20px auto;
			width: 99%;
			
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
			overflow: auto;
			height: 72%;
			position:absolute;
			margin-bottom: 13%;
			margin-top: 8%;
			display: flex;
			justify-content: center;
			}
		}
}