ul, li {
  margin: 0 0 0 0;
  padding: 0;
  list-style: none;
  
}
img {
  width: 60%;
  margin: 1em auto;

}


/*Flex items*/
.listflex {
  display: flex;
  flex-wrap: wrap;
}

.list-item {
	display: flex; 
    padding: 0.5em;
	width: 100%;
}

.list-itemklas {
	display: flex; 
    padding: 0.5em;
	width: 100%;
}

.list-itemalgemeen {
	display: flex; 
    padding: 0.5em;
	width: 100%;
}

.list-itemvideo {
	display: flex; 
    padding: 0.5em;
	width: 100%;
}

.list-itemlink {
	display: flex; 
    padding: 0.5em;
	width: 100%;
}

.list-content {
	background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 1em;
	width: 100%;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19);
}

.list-contentklas {
    display: flex;
    flex-direction: column;
    padding: 0.3em;
	width: 100%;
    background-color:#1194c6;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19);
}

.list-contentalgemeen {
    display: flex;
    flex-direction: column;
    padding: 0.3em;
	width: 100%;
    background-color:#4fae32;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19);
}

.list-contentlink {
    display: flex;
    flex-direction: column;
    padding: 0.3em;
	width: 100%;
    border:1px solid #1194c6;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19);
}

.list-contentklas:hover {
    background-color:#e5252c;
}

.list-contentalgemeen:hover {
    background-color:#ffd100;
}

.list-contentlink:hover {
    border:1px solid #e5252c;
}

.list-contentklas > .button {
	flex: 1 0 auto;
    text-align:center;
    color:white;
    font-family: 'aaux_proregular_osfregular';
    text-decoration:none;
}
.list-contentalgemeen > a {
	flex: 1 0 auto;
    text-align:center;
    color:white;
    font-family: 'aaux_proregular_osfregular';
    text-decoration:none;
}
.list-contentlink > .button {
	flex: 1 0 auto;
    text-align:center;
    font-family: 'aaux_proregular_osfregular';
    text-decoration:none!important;
}

.list-contentklas > p{
	flex: 1 0 auto;
    text-align:center;
    color:white!important;
    font-family: 'aaux_proregular_osfregular';
}

.list-content p {
	flex: 1 0 auto;
    text-align:center;
    color:#e5252c;
    font-family: 'aaux_proregular_osfregular';
}

.list-content a:hover, .list-content a:visited, .list-content a:link{
    color:#1194c6;
    text-decoration:underline;
}
video { 
	max-height: 100%; max-width: 100%; 
	display: block; margin: 0px auto; 
}

@media all and (min-width: 350px) {
  .list-item {
    width: 50%;
  }

    .list-itemklas, .list-contentalgemeen {
	    width: 50%;
    }

    .list-itemlink{
        width: 50%;
    }
}

@media all and (min-width: 600px) {
  .list-item {
    width: 33%;
  }

    .list-itemklas, .list-contentalgemeen {
	    width: 33%;
    }

    .list-itemlink{
        width: 50%;
    }

    .list-itemvideo {
	    width: 50%;
    }
}
@media all and (min-width: 60em)
{
    .list-item
    {
        width: 25%;
    }

    .list-itemklas, .list-contentalgemeen {
	    width: 20%;
    }

    .list-itemlink{
        width: 33%;
    }

    .list-itemvideo {
	    width: 33%;
    }
}