p, h3, h2, h1, .verhaal, .bijschrift {font-family: Bitstream Vera Sans,Verdana, Arial;line-height:110%;font-size:0.9em;}
p {margin-bottom:15px; margin-left:5px;}
li {font-family: Bitstream Vera Sans,Verdana, Arial;font-size:0.9em;}

ul li, ol li {margin-bottom:8px; font-style:italic;}
ol ul {margin-left:40px;}

p, h3 {margin-left:5px;}


body {color: #500094;background-color: #fffff0;padding-top:0px;min-width:280px;max-width:1400px;margin:0 auto;}

.protect {
	position:fixed;	width:100%;height:120%;
	margin-top:-10px;
	background-image: url(../protect.png); background-repeat: repeat;;z-index:0;
}


a:link {color: #0000ff}
a:visited {color: #66ffff}
a:hover {color: #FF0000; background-color: #ffffff; transition: all .3s linear;    -o-transition: all .3s linear; -moz-transition: all .3s linear;   -webkit-transition: all .3s linear;
}
a:active {color: #ff0000}

h1 {text-align:center; margin-bottom:14px;font-size:150%;letter-spacing: 4px;}
h2 {font-variant: small-caps;margin-bottom:10px;text-align:center;font-size:120%;letter-spacing: 3px;}
h3 {font-size:102%; }

.verhaal, .bijschrift 
{
font-weight: bold;
font-variant: small-caps;
margin:7px;
}
.bijschrift {font-size:75%;font-weight:normal;letter-spacing:0.3em;width:45%;}


img.baantjes {max-width:43%;float:left; border-radius: 10px;overflow:hidden;}

.baantjes, .plaatje {
	   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

div.baantjes {float:left;width:44%;}

.clear{clear:both;}



.text-rechts {float:right;max-width:43%;background-image:url('img/schriftlijn.png');margin-bottom:10px;margin-left:10px;margin-right:10px;padding-left:40px;padding-right:10px;border-radius: 10px;overflow:hidden;}



hr {page-break-after: always; color:red; margin:40px;}
	
p.blokje {background-color:#daa520; font-size:80%; font-style:italic; padding:15px; margin:20px 65px 20px 65px;
          -moz-box-shadow: 5px 5px 10px #ffd700; -webkit-box-shadow: 5px 5px 10px #ffd700; box-shadow: 5px 5px 10px #ffd700;
          border-radius: 10px; 
background: -moz-linear-gradient(top, rgb(218,165,32) 0%, rgb(209,198,0) 35%, rgb(218,165,32) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(218,165,32)), color-stop(35%,rgb(209,198,0)), color-stop(100%,rgb(218,165,32))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(218,165,32) 0%,rgb(209,198,0) 35%,rgb(218,165,32) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(218,165,32) 0%,rgb(209,198,0) 35%,rgb(218,165,32) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgb(218,165,32) 0%,rgb(209,198,0) 35%,rgb(218,165,32) 100%); /* W3C */
		}

#kantlijn {width:95px;position:fixed;}
#kantlijn2 {margin-left:100px;padding-left:5px;}
.banner {width: 90px; height: 40px;margin-bottom:10px;}


 	@media screen and (max-width: 800px)  {
img.baantjes {max-width:100%;float:left;margin:10px;}
.text-rechts {max-width:100%;float:left;}
p, h3, h2, h1, .verhaal, .bijschrift, li, {font-size:1.1em;}
p.blokje {margin:20px;}
.mobile {min-width:750px;}
 	#kantlijn {width:500px;position:relative;}
 	#kantlijn2 {margin-left:0px;padding-left:-50px;}
 	 ol ul, ol ol {margin-left:20px;}
 div.baantjes {width:90%;}
 .protect {margin-left:0px;}
}
	
				@media screen and (max-width:700px) {
	.mobile {min-width:650px;}
}

				@media screen and (max-width:600px) {
	.mobile {min-width:550px;}
}
	
	@media screen and (max-width:500px) {
	.mobile {min-width:450px;}
	p, h3, h2, h1, .verhaal, .bijschrift, li, {font-size:1.2em;}
}	
	
	@media screen and (min-width:1310px)  {
	img.baantjes {max-width:600px;}
	.text-rechts {max-width:600px;}
}