@charset "utf-8";
/* CSS Document */


	
		
		.titel {
			height: 2.6em;
			background-color: steelblue;
			color: white;
			font-size: 3em;
			padding-left: 5px;
			padding-top: 5px;
			text-align: center;
		}
.titel1 {
			height: 1.5em;
			background-color: steelblue;
			color: white;
			font-size: 2em;
			padding-left: 5px;
	text-align: center;
		}
.titel3 {
			height: 1.6em;
			background-color: steelblue;
			color: white;
			font-size: 1.9em;
			padding-left: 5px;
	text-align: center;
		}		
		.tekst {
			color: darkslategray;
			font-size: 1em;
			line-height: 1em;
			padding-left: 5px;
			padding-top: 10px;
		}
		.tekst2 {
			color: darkslategray;
			font-size: 1em;
			line-height: 1em;
			padding-left: 5px;
			padding-top: 0px;
		}
		.prijs {
			color: darkslategray;
			font-weight: bold;
			font-size: 1.5em;
			line-height: 1em;
			padding-left: 5px;
		}
		.pp{
			color: darkslategray;
			font-weight: normal;
			font-size: 0.5em;
		}
		.datum {
			color: darkslategray;
			font-size: .8em;
			font-weight: bold;
			
			padding-left: 5px;
				}

		.vanaf{
			color: gray;
			font-size: .7em;
			padding-left: 5px;
			
			
		}
        section {
           display:flex;
			flex-direction:column;
            min-height:99vh;
			
			
       }

		section-card {
           display:flex;
           flex-direction:row;
           flex-wrap: wrap;
			justify-content: center;
			
        }

        section > * {
			
			
            
        }
        header {
			top:0px;
            width: 100%;
			position: fixed;
			z-index: 9999;
            
        }
        
        article {
            background-color:lightblue;
            flex:1;
			margin-top: 30px;
			margin-bottom: 30px;
        }

		.cardgroup{
			display: flex;
			flex-wrap: wrap;
		}
		.card{
			flex: 0 1 20em;
			margin: 1em;
			border: thin solid black;
			height: auto;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
			color: blue;
			background-color: white;
			transition: all .2s;
			border: 1px solid #ccc;
    box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
			}
		
		.card a:hover {
			transform: scale(1.01);
			box-shadow: 6px 6px 6px 2px  rgba(0,0,0,0.3);
					}
		
		
		.info a:hover{
			transform: scale(1.01);
		}
		.logo{ align-content: center;
			
			}
		
		
		
		.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
			text-decoration: none;
  
}

		a.blok {
	display: block;
			text-decoration: none;
		
}

a:hover.blok {
	background: #f5f3f3;
	background: #FFF;
	text-decoration: none;
}
		
		.card a {
			color: red;
				text-decoration: none;
		}
		.card: hover {
			text-decoration: underline;
		}