/* VOORBEELD VOOR DEV OMGEVING, VERVANG HET EERSTE DEEL ALS JE EEN NIEUW TEMPLATE INSTALLEERT */

body {
	font-family: Calibri;
	background-color: #EEE;
}

main {
	max-width: 800px;
	margin: 10px auto;
	background-color: white;
	border: solid 1px #CCC;
	padding: 15px;
}

nav {
	max-width: 800px;
	margin: 10px auto;
	background-color: white;
	border: solid 1px #CCC;
	padding: 15px;
}

a, a:link, a:visited {
	color: #36F;
	text-decoration: none;
}

a:hover, a:focus, a:active {
	color: #F33;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 0;
	padding-top: 15px;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	padding-top: 0;
}

.text-block {
	overflow: auto;
}


/* EINDE VOORBEELD VOOR DEV OMGEVING, ALLES HIERONDER IS HANDIG OM OVERAL TE HEBBEN */


.requiredstar::after {
	content: '*';
	font-family: 'Courier';
	color: red;
	font-weight: bold;
}

.error {
	font-weight: bold;
	color: red;
}

figure { 
    margin: 0px 0px 10px 0px;
    max-width: 100%;
    height: auto;
}


figure.image-left {
    float: left;
    margin: 0px 10px 0px 0px;
}

figure.image-right {
    float: right;
    margin: 0px 0px 0px 10px;
}

figure.image-center {
    margin: 0;
}


figure.image-left img, figure.image-right img, figure.image-center img, figure img {
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}

figure.image-center img {
  max-width: 100%;
  height: auto;
}