/* Algemeen */
body {
   color: #000000;
   background-color: #ffffcc;
}
a:link {
    color: #ab2311
}
a:visited {
    color: #245012
}
.columnMobile div {
    margin-top: 5px;
    margin-bottom:5px;
    padding-left:5px;
}
@media (max-width: 800px) {
	.columnMobile {
		flex-direction: column;
	}
}



/* Header */
header, footer, h1 {
    text-align: center
}
header {
    margin-top: 10px;
    margin-bottom: 20px;
}
header a {
    font-weight: bold;
    color: #000000;
    background-color: #ffff55;
    text-decoration: none;
}
.logo {
    float: left;
    margin: 10px;
}
@media (max-width: 800px) {
	.logo {
		float: none;
        margin: auto;
        display: block;
	}
}


/* middenblok */
.hiddenHr {
    display:none;
}
.linkerblok {
    flex-basis:20%;
    text-align:center;
}
.middenblok {
    flex-basis:70%;
    background-color:white;

    /*lange tekst: */
    max-width:100%; 
    overflow:hidden;
}
.rechterblok {
    flex-basis:10;
    margin:0 auto 0 auto;
}


/* Zoekblok */
.zoekblok {
    border-top:3px solid #ab2311;
    background-color:#ffff55;
    text-align:center;
    padding:10px;
    margin-bottom:10px;
}




/* Formulieren */
input:not([type=checkbox]):not([type=radio]) , textarea, select  {
    width: 100%;
    max-width: 400px;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}
input:focus, textarea:focus {
    box-shadow: 0 0 15px #990;
}
input[type=radio] {
    margin: 15px auto 15px auto;
    display: block;
}



/* Knoppies */
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
     -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-info {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}




/* Footert */
.svg-at {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' d='M0 0h24v24H0V0z'/%3e%3cpath fill-opacity='.9' d='M12 1.95c-5.52 0-10 4.48-10 10s4.48 10 10 10h5v-2h-5c-4.34 0-8-3.66-8-8s3.66-8 8-8 8 3.66 8 8v1.43c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57v-1.43c0-2.76-2.24-5-5-5s-5 2.24-5 5 2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47.65.89 1.77 1.47 2.96 1.47 1.97 0 3.5-1.6 3.5-3.57v-1.43c0-5.52-4.48-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
  width:12px;
  height:12px;
  display:inline-block;
}


/* Logo strohplatz */
.svg-logo {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 65 360 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 276,71 c -1,2 -5,4 -8,6 -14,9 -17,15 -19,34 0,10 -1,12 -6,17 -2,3 -2,3 0,3 2,0 4,-3 7,-7 1,-2 6,-5 11,-8 16,-9 22,-17 23,-33 0,-5 0,-9 1,-10 1,-4 -5,-5 -9,-2 m 4,11 c -1,17 -5,24 -20,32 l -7,3 v -10 c 1,-16 3,-19 17,-28 4,-2 8,-5 8,-6 3,-3 3,0 2,9 m 38,-8 c -4,1 -11,6 -15,11 -5,7 -17,27 -17,30 0,0 9,-3 11,-3 1,-1 -3,0 0,0 8,-1 24,-10 30,-15 13,-13 7,-27 -9,-23 m 10,3 c 5,0 3,12 -3,18 -6,6 -34,18 -34,15 0,-2 16,-26 20,-29 4,-3 10,-5 14,-4 h 3 M 218,88 c -9,6 -15,24 -11,36 l 2,6 -2,6 c -2,7 -5,17 -4,18 1,1 2,-2 4,-7 1,-7 6,-13 12,-16 8,-4 15,-15 14,-22 -3,-22 -6,-26 -15,-21 m 8,3 c 1,3 4,17 4,21 0,5 -6,12 -14,17 l -5,3 v -4 c 0,-2 -1,-5 -2,-8 -4,-11 11,-39 17,-29 m 119,18 c -18,1 -35,4 -43,7 -3,1 -14,4 -24,8 -40,12 -89,42 -118,72 -37,38 -49,52 -49,56 0,3 3,1 7,-5 2,-3 9,-11 15,-18 7,-6 15,-16 20,-20 34,-37 93,-75 128,-83 4,0 21,-6 24,-7 3,-2 33,-7 41,-7 4,0 5,0 5,-2 0,-1 0,-2 -1,-2 0,0 -3,1 -5,1 m -165,3 c -18,19 -21,34 -7,37 l 4,1 v 8 c -1,4 -1,10 -2,13 0,4 0,5 1,5 1,-1 2,-4 3,-13 1,-12 1,-12 4,-12 10,0 14,-5 14,-14 -2,-22 -9,-33 -17,-25 m 9,4 c 1,2 2,5 3,6 0,1 1,5 2,9 1,9 1,9 -1,13 -3,3 -12,6 -13,4 -1,-1 -3,-1 -4,-1 -11,0 -11,-13 -1,-24 2,-2 4,-4 4,-5 0,-1 5,-6 6,-6 1,0 3,2 4,4 m -171,7 c -1,2 -1,3 6,4 25,6 95,44 116,64 7,7 10,8 10,6 0,-12 -88,-64 -123,-74 -4.404895,-1.0036 -5.235552,-0.94959 -6,-1 -1,0 -2.048498,-0.4307 -3,1'/%3E%3C/svg%3E");
background-repeat: no-repeat;
  width: 200px;
  height: 110px;
  display:inline-block;
}