* {padding: 0; margin: 0; max-height: 99999px; outline: 0; -webkit-text-size-adjust:none;}
body {text-align: center; margin: 60px 3% 20px;}
body, td {font-family: 'Libre Baskerville', serif; font-size: 15px; line-height: 1.5em; }
a {color: black;}
p {margin-bottom: 1.5em;}
#page {max-width: 1000px; margin: 0 auto;}
#title {text-decoration: none; font-size: 40px; line-height: 1.2em;}
#nav {display: block; margin: 15px 0 80px;}
#nav li {display: inline-block;}
#nav li a {color: black; text-decoration: none;}
#nav li.selected a {text-decoration: underline;}
#nav li:before {content: '-'; margin: 0 12px 0 7px;}
#nav li:first-child:before {display: none;}

#portraits {min-height: 376px; margin: 80px 0 0;}
#portraits a {display: inline-block; font-style: italic;}
#portraits img {width: 202px; margin: 20px 20px 20px;}



.cv .text {padding-left: 5%; width: 62%; text-align: left;}
.cv .img {width: 33%;}
.cv .img img {width: 100%;}
.cv h1:after {margin: 20px 0 25px;}
.table {display: table;}
.tablerow {display: table-row;}
.tablecell {display: table-cell; vertical-align: middle;}
#twocols {
    mmin-height: 355px;
    text-align: left;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}
#twocols ul {margin-left: 20px;}

.veelgestelde-vragen em {display: block;}
.veelgestelde-vragen p {margin-bottom: 1.5em;}

#onecol {min-height: 355px; max-width: 550px; margin: 0 auto;}

.left {text-align: left; margin: 20px auto; max-width: 550px;}

.post #twocols,
.post1column #onecol {min-height: 266px;}
h1 {font-weight: normal; font-size: 29px; line-height: 1.2em; margin-top: 20px;}
h1:after {content: ''; display: block; width: 18px; height: 2px; background: black; margin: 20px auto 25px;}
h2 {font-weight: bold; font-size: 15px; line-height: 1.5em;}

.contact .col-sm-6 {width: 45%; float: left; padding: 0 2.5%;}
.contact form {text-align: left; padding-top: 20px;}
.contact form input,
.contact form textarea {width: 100%; font-family: 'Libre Baskerville', serif; font-size: 15px; line-height: 1.5em; padding: 1px 0; background: white; border: 1px solid silver;}
.contact .form-group {padding-bottom: 8px;}
.contact form textarea {margin-bottom: 4px; height: 92px;}
.contact form input[type="submit"] {line-height: 1.5em; padding: 5px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,e5e5e5+100 */
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.contact form input.error, .contact form textarea.error {border: 1px solid red;}

#footer {margin: 80px 0 0; font-style: italic; padding-bottom: 30px;}
#footer a {display: inline-block; text-decoration: none;}
#footer a:before {content: '-'; margin: 0 12px 0 7px;}
#footer a:first-child:before {display: none;}

@media only screen and (max-width: 791px) {
	body {margin: 40px 3% 20px;}
	#nav {margin: 15px 0 60px;}
	#portraits {margin: 72px 0 30px;}
	#portraits img {margin: 20px 10px 20px;}
	h1 {margin-top: 12px;}
	#twocols {
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
	    -moz-column-gap: 20px; /* Firefox */
	    column-gap: 20px;
	    text-align: center;
	    margin: 0 auto;
	    max-width: 550px;
	}
	.cv .text {padding-left: 0%; width: 100%; text-align: center;}
	.cv .img {width: 60%; margin: 0 20% 40px; text-align: center;}
	.table {display: block;}
	.tablerow {display: block;}
	.tablecell {display: block;}
	.cv h1:after {margin: 20px auto 25px;}
}
@media only screen and (max-width: 500px) {
	#onecol, #twocols {text-align: left;}
	.contact .col-sm-6 {float: none; width: 100%; padding: 0;}
}
@media only screen and (min-height: 900px) {
	body {height: 100%;}
}

@media print {
   * {
       	-webkit-column-count: 1!important; /* Chrome, Safari, Opera */
	    -moz-column-count: 1!important; /* Firefox */
	    column-count: 1!important;
	    font-family: serif!important;
   }
   
}