/* De lettertypes voor de corinadenken site */
@font-face {
  font-family: corinafont;
  src: url(fonts/Caveat-Regular.ttf);
}
@font-face {
  font-family: corinafont;
  src: url(fonts/Caveat-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Bold.ttf);
  font-weight: bold;
}
  @font-face {
  font-family: Roboto-Black;
  src: url(fonts/Roboto-Black.ttf);
}
 /* universele instellingen */
  * {
  box-sizing: border-box;
}
body {
  background-color: WhiteSmoke;
}
a {
  color: black;
}

/* Instellingen voor de titel */
div.titel {
  font-family: corinafont;
  font-weight: bold;;
  text-align: center;
  position: static;
  right: 0px;
  font-size: 2em;
}
img.licence {
  border-width: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 88px;
  height: 31px;
}

/* Instellingen voor de menubalk */  
a.terug {background-image: linear-gradient(to left, WhiteSmoke, grey);
 font-size: 1em;
 font-weight: bold;
 float: left;
}
a.vooruit {background-image: linear-gradient(to right, WhiteSmoke, grey);
font-size: 1em;
font-weight: bold;
float: right;
}
div.menu {
  font-weight: normal;
  font-family: Roboto;
  font-size: 1em;
  right: 0px;
  text-align: center;
}
a.menu {
  margin-left: 5px;
  margin-right: 5px;
}

/* Instellingen voor de publicatie */
div.publicatie {
  position: relative;
  text-align: center;
  bottom: 0px;
}
img.publicatie {
  display: inline-block; 
  margin-left: auto;
  margin-right: auto;
  height: auto;
  max-width: 100%;
  border-style: solid;
  border-color: black;
}
  /* Deze sectie is voor de indexpagina */
  /* voor smartphones: */
[class*="col-"] {
  width: 100%;
  float: left;
  padding: 10px;
}
.publicatie::after {
  content: "";
  clear: both;
  display: inline-block;
}
@media only screen and (min-width: 600px) {
  /* voor tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 800px) {
  /* voor desktop & laptop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}