/* cmsms stylesheet: base-gerdien modified: 20180508 12:31 PM 12:31:48 PM */
@import url('https://fonts.googleapis.com/css?family=Hind Siliguri');


@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }
body { -webkit-animation: bugfix infinite 1s; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html{height:100%}
body{
  font-family: 'Hind Siliguri', sans-serif;
  box-sizing:content-box;
  position:relative;
	padding-bottom:3em;
 min-height: calc(100% - 3em);
 font-size:16px;
 min-height:100%;
 position:relative;
}
main{padding-bottom:2em;}
header {
 
    padding:0 1em
}
a.adres{text-decoration:none;font-size:0.9em;position:absolute;top:1.05em;right:3.5em;color:#b0b0b0;}
a.adres span{display:none;}
div.plaatjeb,div.plaatjec{display:none;}
div.plaatjes img{width:100%;height:auto;}

h1{color:#b0b0b0;
font-size:2em;
line-height:1em;
padding-top:0.5em;


}
h1 span{ font-size:0.45em;
position:relative;
bottom:0.5em;
display: block;
}
h2{
	color:#b0b0b0;
	font-size:1.5em;
	margin-bottom:0.5em;
}



p{
margin:1em 0;
color:#666;
 font-weight:normal;
 font-size:1.1em
}
.meer, .nogmeer{
    display:none;
}
section{
    padding:0 1em;
	line-height:1.5em;
	display:flex;
	flex-direction:column;
}
/* mobiel menu */
body{position:relative;}
.mobile{
    position:absolute;
    top:0;
    width:100%;
    left:0;
    height:100%;
}
nav.mobile a
{
  text-decoration: none;
  color: #232323;
}

nav.mobile a:hover,nav.mobile a.currentpage
{
  color: #429842;
}


.mobile input
{
opacity:0;
 -webkit-touch-callout: none;
}
.mobile label{
    position:absolute;
    right:10px;
    top:20px;
    cursor:pointer;
    z-index:4000000000000000;

}

/*
hamburger
 */
.mobile span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #666;
  border-radius: 3px;
}

.mobile ul
{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  display:none;
top:0;
  height:100%;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  padding-top:1.5em;
  z-index:30000;

}

.mobile li
{
  padding: 10px 0;
  font-size: 22px;
  text-align:center;
    border-bottom:1px solid #333;
    margin:0 1em;
}
.mobile li.currentpage,.mobile li:hover{
    background:none;
}
input:checked ~ ul
{
  display:block;
}
/* gewone navigatie */
.werk{display:none;}
.werk ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    list-style: none;
    margin:0 0.5em;
  
}
.werk li{
    
    
    color:white;
    font-weight:bold;
    flex-grow: 1;
    margin:0.3em 0.5em;
    cursor:pointer;
	width:calc(50% - 3em);
	text-align:center;
	background-color: #777;
    }
.werk li a{color:white;
text-decoration: none;
    width:100%;
    display:block;
   height:100%;
   padding:0.2em 0;
}

li.currentpage ,li:hover{background-color:#333}
footer{width:100%;text-align:center;padding:1em 0;text-align:center;position:absolute;bottom:0em;}
footer a{color:#666;text-decoration:none;}
footer a:hover{color: #999}
.taal{text-align:right}
 .taal a{color:#429842;text-decoration:none;}
.taal a:hover{color: #41809a}

/*gallery */
.gallery{
	padding:1em 0 0 0em;
	
}
.thumbnails{
	margin-top:1em;
	max-width:800px;
	max-height:80px;
	overflow:hidden;
}
.thumbnails img{height:80px;width:120px}
img.placeholder{max-width:100%;}
p img{
	max-width:100%;
	height:auto;
}
.cv section{display:flex;padding-top:1em;
}
.cv article{column-count:1;margin:0;padding:0 1em 1em 0;}
.cv figure{flex-grow:-1;max-width:100%;}
.cv p{display:table;margin:0;}
.cv strong, .cv em{display:table-cell}
.cv strong{width:6em;font-weight:bold;}
.cv h2{margin:0em 0 0.5em 0;line-height:1em;}
.cv h3{color:#999;margin:0.7em 0 0.1em 0;}
.cv img{max-width:100%;}

@media screen and (min-width:600px){
    a.adres{text-decoration:none;font-size:1em;position:absolute;top:1em;right:1em;color:#b0b0b0;}
    a.adres span{display:block;}
    a.adres img{display:none;}
    main{
    padding-bottom:2em;
    display:flex;
    flex-direction: column;
}
nav.mobile{display:none;}
.werk{display:block;}
header{order:-2;}
header h1 span{display:inline-block; position:static;vertical-align:baseline;}
h1{
padding-top:1em;
font-size:2.5em;
}
h2{
    font-size:2em;
}
div.plaatjea,div.plaatjeb{display:block;}
div.plaatjes{display:flex;width:100%;height:43vw;flex-wrap:nowrap;flex-direction:row;padding:0;}
div.plaatjea{height:inherit;margin:0 1em;padding:0;}
div.plaatjeb{height:inherit;}
section{order:1;}
article{padding-top:1.5em;}

p{margin-top:0;}
.meer{
    display:block;
}
.cv section#content{order:1}
.over .werk,.english .werk,.cv .werk{order:0}
.werk{order:1;flex-wrap:nowrap;padding:1em 0.5em 1em 0.5em;}
.werk li{height:auto; margin:0.1em;width:auto;}
.werk li:first-of-type{margin-left:0;}
.werk li:last-of-type{margin-right:0;}
.werk li a{padding:0.8em 0em 0.7em 0em;}
}

h3{font-size:1.3em;}
@media screen and (min-width:980px){
    article{ 
    column-count: 2;
      -moz-column-fill: balance
    column-fill: balance;
    padding: 0 2em 0 0;
    width:100%;
    column-gap:2em;
}
h1{font-size:3.6em;padding-top:0.8em}
a.adres{text-decoration:none;font-size:1.3em;position:absolute;top:3.7em;right:1em;color:#b0b0b0;}
.nogmeer{display:block}
div.plaatjes{display:flex;width:100%;height:28.7vw;flex-wrap:nowrap;flex-direction:row;}
div.plaatjea{height:inherit;margin:0 1em;padding:0}
div.plaatjea ,div.plaatjeb , div.plaatjec {display:block;}
div.plaatjeb{height:inherit;margin:0 1em 0 0}
div.plaatjec{height:inherit;}
.gallery{display:block;margin:0 auto;}
img.placeholder{display:inline-block;width:800px;}
.thumbnails{max-width:120px;max-height:682px;padding:0 0 0 0.7em;margin:0;display:inline-block;vertical-align:top;}
section{flex-direction: row;}
figure{margin:0;padding:0;width:100%}
}
.cv figure{flex-shrink:2;}