﻿@import url("kleuren.css");
@import url("opmaak.css");
@import url("tagcloud.css");
@import url(https://fonts.googleapis.com/css?family=Nunito:700);
@import url("prettyPhoto.css");
body
{
        font-family:'Nunito';
}
a
{
    text-decoration: none;
    color: #FFF;
}
a:hover
{
    text-decoration: underline;
}
.BlokKlein
{
    position: relative;
    float: left;
    margin: 5px;
    background: url('/images/land_zeiltjes.png') no-repeat center 35px;
    height: 149px;
    width: 149px;
    color: #FFF;
    text-align: center;
}
.BlokKleinAfbeelding 
{
    position: relative;
    float: left;
    margin: 5px;
    height: 149px;
    width: 149px;
    color: #FFF;
    text-align: center;
}
.BlokKleinSymbool
{
    position: relative;
    float: left;
    margin: 5px;
    height: 149px;
    width: 149px;
    color: #FFF;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
	font-size:26px;
	text-shadow: 2px 2px #000;
}
.BlokKlein div
{
    position: relative;
    font-size: 26px;
    padding-top: 95px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.BlokKleinBreed
{
    position: relative;
    margin: 5px;
    height: 149px;
    width: 308px;
    color: #FFF;
    text-align: center;
}
.BlokKleinBreedSocial
{
    position: relative;
    margin: 5px;
    height: 119px;
    width: 308px;
    color: #FFF;
    text-align: center;
    padding-top:30px;
}
.BlokKleinBreed div
{
    position: relative;
    font-size: 26px;
    padding-top: 60px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.BlokLaagBreed
{
    position: relative;
    margin: 5px;
    height: 69px;
    width: 308px;
    color: #FFF;
    text-align: center;
    line-height: 69px;
    font-size: 26px;
}
.BlokGroot4
{
    position: relative;
    float: left;
    margin: 5px;
    height: 308px;
    line-height: 308px;
    width: 308px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 35px;
}
.BlokGroot
{
    position: relative;
    float: left;
    margin: 5px;
    height: 308px;
    line-height: 308px;
    width: 308px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    font-size: 40px;
}
.BlokGrootTekst
{
    position: relative;
    float: left;
    margin: 5px;
    height: 308px;
    width: 308px;
    color: #FFF;
    text-align: center;
    vertical-align: top;
    display: table-cell;
}
.BlokGrootBreed
{
    position: relative;
    float: left;
    margin: 5px;
    background-color: #44C1F0;
    height: 308px;
    width: 626px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 45px;
	
}
.BlokGrootBreedReview
{
    position: relative;
    margin: 0px;
    background-color: #44C1F0;
    height: 308px;
    color: #FFF;
	
}
.BlokGrootBreedCenter
{
    position: relative;
    float:left;
    margin: 5px;
    background-color: #44C1F0;
    height: 308px;
    width: 626px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 45px;
	
}
.BlokGrootBreedPlatteTekst 
{
    position: relative;
    float: left;
    margin: 5px;
    background-color: #44C1F0;
    height: 308px;
    width: 626px;
    color: #FFF;
    text-align: center;
}
.BlokGrootHoog
{
    position: relative;
    float: left;
    margin: 5px;
    background-color: #44C1F0;
    height: 626px;
    width: 308px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 45px;
}
.BlokZoekEnBoek
{
    position: relative;
    float: left;
    margin: 5px;
    width: 308px;
    min-height: 300px;
    padding-top:5px;
    color: #222222;
    z-index: 1000;
}
@media screen
{
    .BlokGroot
    {
        height: 308px;
        width: 308px;
    }
    .BlokGrootBreed, .BlokGrootBreedCenter, .BlokGrootBreedReview
    {
        height: auto;
        width: 308px;
    }
    .BlokGrootBreed a.compleetBlok
    {
        width: 100%;
        line-height:308px;
        height:100%;
        display:block;
        font-size: 80px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokKleinAfbeelding a.compleetBlok
    {
        width: 100%;
        line-height:150px;
        height:100%;
        display:block;
        font-size: 25px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokZoekEnBoek
    {
        position: relative;
        float: left;
        margin: 5px;
        background-color: #44C1F0;
        width: 308px;
        min-height: 300px;
        color: #222;
        vertical-align: middle;
        display: table-cell;
        z-index: 1000;
    }
    .zoekresultatenContainer
    {
        position:relative;
        float:left;
        width:955px;
        padding:5px 0;
    }
    .zoekresultatenContainerSide
    {
        position:relative;
        float:left;
        width:318px;
    }
}
@media only screen and (max-width: 1280px)
{
    .zoekresultatenContainer
    {
        position:relative;
        float:none;
        width:100%;
    }
    .zoekresultatenContainerSide
    {
        position:relative;
        float:none;
        width:100%;
    }
}
@media only screen and (min-width: 320px)
{
    .BlokGroot4
    {
        height: auto;
        width: 308px;
    }
    .BlokGrootBreed, .BlokGrootBreedReview, .BlokGrootBreedCenter
    {
        height: auto;
        width: 308px;
    }
    .BlokGrootBreed a.compleetBlok
    {
        width: 100%;
        line-height:150px;
        height:100%;
        display:block;
        font-size: 35px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokKleinAfbeelding a.compleetBlok
    {
        width: 100%;
        line-height:150px;
        height:100%;
        display:block;
        font-size: 25px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokZoekEnBoek
    {
        position: relative;
        float: left;
        margin: 5px;
        background-color: #44C1F0;
        width: 308px;
        min-height: 300px;
        color: #222;
        z-index: 1000;
    }
}
@media only screen and (min-width: 480px)
{
    .BlokGroot4
    {
        height: auto;
        width: 308px;
    }
    .BlokGrootBreed, .BlokGrootBreedReview, .BlokGrootBreedCenter
    {
        height: auto;
        width: 308px;
    }
    .BlokGrootBreed a.compleetBlok
    {
        width: 100%;
        line-height:150px;
        height:100%;
        display:block;
        font-size: 35px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokKleinAfbeelding a.compleetBlok
    {
        width: 100%;
        line-height:150px;
        height:100%;
        display:block;
        font-size: 25px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokZoekEnBoek
    {
        position: relative;
        float: left;
        margin: 5px;
        background-color: #44C1F0;
        width: 308px;
        min-height: 300px;
        color: #222;
        z-index: 1000;
    }
}
@media only screen and (min-width: 768px)
{
    .BlokGroot4
    {
        height: 626px;
        width: 626px;
    }
    .BlokGrootBreed, .BlokGrootBreedReview, .BlokGrootBreedCenter
    {
        height: 308px;
        width: 626px;
    }
     .BlokGrootBreedReview{
        height: auto;
        width: 626px;
     }
    .BlokGrootBreed a.compleetBlok
    {
        width: 100%;
        line-height:308px;
        height:100%;
        display:block;
        font-size: 80px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokKleinAfbeelding a.compleetBlok
    {
        width: 100%;
        line-height:150px;
        height:100%;
        display:block;
        font-size: 25px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokZoekEnBoek
    {
        position: relative;
        float: left;
        margin: 5px;
        background-color: #44C1F0;
        width: 626px;
        min-height: 300px;
        color: #222;
        z-index: 1000;
    }
}
@media only screen and (min-width: 1024px)
{
    .BlokGroot4
    {
        height: 626px;
        width: 626px;
    }
    .BlokGrootBreed, .BlokGrootBreedReview, .BlokGrootBreedCenter
    {
        height: 308px;
        width: 626px;
    }
    .BlokGrootBreedReview{
	    height: auto;
	    width: 440px;
    }
    .BlokGrootBreedCenter{
	 left: 160px;   
    }
    .BlokGrootBreed a.compleetBlok
    {
        width: 100%;
        line-height:308px;
        height:100%;
        display:block;
        font-size: 80px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokKleinAfbeelding a.compleetBlok
    {
        width: 100%;
        line-height:150px;
        height:100%;
        display:block;
        font-size: 25px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokZoekEnBoek
    {
        position: relative;
        float: left;
        margin: 5px;
        background-color: #44C1F0;
        width: 308px;
        min-height: 300px;
        color: #222;
        z-index: 1000;
    }
}
@media only screen and (min-width: 1280px)
{
    .BlokGroot4
    {
        height: 626px;
        width: 626px;
    }
    .BlokGrootBreed, .BlokGrootBreedCenter
    {
        height: 305px;
        min-height: 305px !important;
        width: 626px;
    }
    .BlokGrootBreedReview{
		height:auto !important;
		min-height:150px !important;
		width: 626px;
    }
    .BlokGrootBreed a.compleetBlok
    {
        width: 100%;
        line-height:308px;
        height:100%;
        display:block;
        font-size: 80px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokKleinAfbeelding a.compleetBlok
    {
        width: 100%;
        line-height:150px;
        height:100%;
        display:block;
        font-size: 25px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    }
    .BlokZoekEnBoek
    {
        position: relative;
        float: left;
        margin: 5px;
        background-color: #44C1F0;
        width: 308px;
        min-height: 300px;
        color: #222;
        z-index: 9;
    }
	.BlokGrootBreedCenter
	{
		left:323px;
	}
}
