@media (max-width: 470px) {
  @-ms-viewport {
    width: 470px;
  }
}

@media (min-width: 470px) {
  @-ms-viewport {
    width: device-width;
  }
}
	
.pointer {
	cursor: pointer;}
	
.none {
	display: none;}




	
/* LICHAAM */	

h1 {
	margin-left: 20px;
	margin-right: 20px;
	}	

	
.zoals_h1 {
	font-size: 27px;	
	letter-spacing: -2px;
	line-height: 32px;
	text-shadow: 2px 2px 5px #ffffff;
	}
	
.zoals_h1-2 {
	font-size: 27px;	
	letter-spacing: -2px;
	line-height: 27px;
	padding-bottom: 5px;
	color: #ffffff;
	text-shadow: 1px 1px #404040;
	}
	
.zoals_h1-3 {
	font-size: 27px;	
	letter-spacing: -2px;
	line-height: 32px;
	color: #ffffff;
	text-shadow: 2px 2px 2px #e5c100;
	}
	
.zoals_h1-4 {
	font-size: 27px;	
	letter-spacing: -2px;
	line-height: 27px;
	padding-bottom: 5px;
	color: #454545;
	text-shadow: 1px 1px #e5e5e5;
	}
	

.stippellijn {
  display: inline-block;
  line-height: 14px;
  border-bottom: 1px dotted;
}	
	
#tekstgedeelte p {
	margin-left: 20px;
	margin-right: 20px;}	
	
p.normaal {
	margin-left: 0px;
	margin-right: 0px;}
	
b {}
	
.tabdiv {
	height: 25px; 
	border-bottom: 1px solid #ffd700; 
	margin-left: 20px; 
	display: block;
	}
	
.tab-nietinactief {
	border: 1px solid #ffd700; 
	border-bottom: 1px solid #ffffff; 
	float: right; 
	height: 19px;
	padding: 5px;
	padding-bottom: 0px;
	display: block;
	border-top-left-radius:10px;
	border-top-right-radius:10px;}
	
.tab-inactief {
	border: 1px solid #ffd700; 
	background-color: #ffe84f;
	float: right; 
	height: 19px;
	padding: 5px;
	padding-bottom: 0px;
	display: block;
	border-top-left-radius:10px;
	border-top-right-radius:10px;}
	
.tab-inactief:hover {
	background-color: #fff85f;
	}
	
.gemarkeerd {
	border-radius: 5px; 
	padding-left: 5px; 
	padding-right: 5px;}
	
/* NIEUW TEKSTGEDEELTE */	
	
#nieuw_tekstgedeelte {
	position: relative;
	margin-left: 20px;
	}
	
#nieuw_tekstgedeelte h1, #nieuw_tekstgedeelte h2, #nieuw_tekstgedeelte h3, #nieuw_tekstgedeelte p,
#middengedeelte h1, #middengedeelte h2, #middengedeelte h3, #middengedeelte p {
	margin-left: 0px;
	margin-right: 0px;
	}
	

	
/* AFBEELDING */	
.afbeeldingswoord {
	position: absolute;
	font-size: 27px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 32px;}
	
.afbeeldingsuitleg {
	position: absolute;
	font-size: 13px;
	text-align: center;
	line-height: 16px;}
	
.afbeeldingoppijltje {
	position: absolute;
	font-size: 13px;
	font-weight: bolder;
	color: #ffffff;
	text-align: center;
	line-height: 16px;}

.zonderranden table, .zonderranden td, .zonderranden th {
    border: 0px;
    text-align: left;
    vertical-align: top;
    padding-left: 2px;
}	

/* Raampje */

.raampje {
	border: 1px solid #cccccc; 
	border-radius: 5px; 
	box-shadow: 2px 2px 4px #dddddd; 
	float: left; 
	margin-left: 20px; 
	margin-top: 20px;
}

.raamkopje {
	background-color: #e5e5e5; 
	border-bottom: 1px solid #cccccc; 
	padding: 5px; 
	border-radius: 5px 5px 0px 0px;
}

.raamlichaampje {
	padding: 5px;
	float: left; }

@media all and (min-width: 640px) {
	.raampje {
	width: 598px;
    }
    .raamkopje, .raamlichaampje {
	width: 588px;
    }
}

@media all and (max-width: 640px) {
	.raampje {
	width: 443px;
    }
    .raamkopje, .raamlichaampje {
	width: 433px;
    }
}	

/* lijstje met gele pijltjes */
	

#lijstje ul {
    list-style: none;
    padding: 0px;
    text-indent: -25px;
    margin-left: 25px;
}

#lijstje ul li:before
{
    content: '\27A4';
    margin-right: 12px;
    color: #e5c100;
}

#lijstje li {
	margin-bottom: 5px;
}

	

/* ZIJKADERTJES */

.zijkadertje {
	float: left; 
	margin-left: 20px; 
	margin-top: 20px; 
	border: 1px solid #ffd700;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 1px 1px 4px 0px #dddddd;}
	
#nieuw_tekstgedeelte .zijkadertje {
	float: left; 
	margin-left: 20px; 
	margin-top: 20px; 
	border: 1px solid #dddddd;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-color: #ffffff;
	border-radius: 0px;
	box-shadow: none;
}
	
.nieuwe_zijkant {
	float: left; 
	margin-left: 40px; 
	margin-top: 20px; 
	position: relative;
	border-bottom: 1px solid #dddddd;
	text-align: left;
	}
	
.zijkadercontainer {
	background-color: #000fff;
}

@media all and (min-width: 640px) {
    .zijkadertje {
	width: 268px; 
    }
    .nieuwe_zijkant {
	width: 268px; 
    }    
    .zijkadercontainer {
    width: 270px;
    padding-right: 40px;
    float: left;
    }
    .laatste {
    width: 160px;
    }
}

@media all and (max-width: 640px) {
    .zijkadertje {
	width: 418px; 
    }
    .nieuwe_zijkant {
	width: 418px; 
    }
    .zijkadercontainer {
    width: 420px;}
    .laatste {
    width: 310px;}
}

.zijkadertje_helelengte {
	float: left; 
	margin-left: 20px; 
	margin-top: 20px; 
	border: 1px solid #ffd700;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffffff;}
	
@media all and (min-width: 640px) {
    .zijkadertje_helelengte {
	width: 578px; 
    }
}

@media all and (max-width: 640px) {
    .zijkadertje_helelengte {
	width: 418px; 
    }
}

.link {
   list-style-image: url('/zn/stijlmap/link.png');
   padding-left: 20px;
}