/*
Cascading Style Sheet (CSS) voor de Max kinderverhaaltjes website op https://www.onlinecaveman.com/max
Created		: 28 maart 2017
Last update	: 31 maart 2017
Author		: Marc Smeehuijzen
E-mail		: marc@onlinecaveman.com
Copyright 2017 Marc Smeehuijzen.
*/

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom. Ter voorkoming van -volgens mij een bug- in mijn iPhone5 met iOS 8.2 */
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ccffff;
}

/* Zorgt er voor dat de mousepointer in een handje veranderd als je boven dit plaatje hoovered. Nodig voor openen PhotoSwipe lightbox gallery. */
img.handje {
  	cursor: pointer;
  	cursor: hand;
  	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	width: 12em;
	margin-right: 2em;
	margin-bottom: 1em;
}

img.handje:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

/* Deze class wordt gebruikt omdat floating elementen in CSS geen ruimte innemen. Deze niet-floatende div zorgt toch voor wat inhoud. Ik heb hem met font-size: 0em wel zo klein mogelijk gehouden. Dit is een soort hack. */
div.spacer {
	clear: both;
	font-size: 0em;
}

/* Onderstaande class wordt gebruikt voor algemene layout-doeleinden. Het is voor div-jes die naar links floaten. */
div.float-links {
	float: left;
}

/* Onderstaande class wordt gebruikt voor algemene layout-doeleinden. Het is voor div-jes die naar rechts floaten. */
div.float-rechts {
	float: right;
}