/* @GROUP RESET ____________________________________________________________________________________________________________________________________________*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	text-decoration: none;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	hyphens: auto;
}

ul {
	list-style: none;
}
img {
	display: block;
	max-width: 100%;
}

/* @END RESET ______________________________________________________________________________________________________________________________________________*/




/*
_____LAY-OUT DE ILLUSIONIST_______________________________________________________________________________________________________________________*/

.clemminckhomedi{
	background:rgba(0,0,0,0.1);line-height:64px;display:block;font-family:"museo-sans-rounded", "century gothic", "sans-serif";
	font-size:175%;font-weight:100;letter-spacing:1px;color:rgba(0,0,0,0.6);text-indent:0.5em;border-bottom:1px solid rgba(0,0,0,0.1);
}

@media screen and (max-width:600px) {
	.clemminckhomedi{ 
	font-size:135%;
}
}

.clemmincknaam{font-family:'museo-sans-rounded', 'century gothic', 'sans-serif';font-size:90%;}

.clemminckhomedi:hover{
	color:rgba(0,0,0,0.8);
}

.balkbovenillusionist{
	background:rgba(255,204,153,0.2);
	width:100%;
	min-width:320px;
	height:64px;
	position:absolute;
	font-family:'Century Gothic';
	text-indent:0.5em;
	z-index:20000;
	border-top:10px solid rgba(0,0,0,1);
	border-bottom:1px solid rgba(0,0,0,0.2);
}

.balkbijl{
	background:url(afbeeldingen/bijlgradient1366transparent.png) no-repeat 0% 0%;
	margin:0 auto;
	width:100%;
	height:284px;
	position:relative;
	top:75px;
	opacity:0.5;
	filter:alpha(opacity=35);
	border-top:1px solid rgba(0,0,0,0.1);
	/*outline: 1px dashed red;*/
}

.content{
	margin:0;
	padding:0;
	position:relative;
	top:42px;
	/*z-index: -1;*/
}

.clear{
	clear: both;
}

.section{
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 33px;
	/*outline: 1px solid yellow;*/
}

.supplementary {
	/*background-color: #DDC197; /*#EFD2A5 = kleur in geval filter:alpha niet wordt toegepast*/
	background: #EFD2A5;
	background: rgba(225,197,154,0.3); /*opacity voor niet IE met rgba)*/
	filter:alpha(opacity=50); /*opacity voor IE*/
	border-top: 1px solid #E1C59A;
	border-bottom: 1px solid #E1C59A;
	/*-moz-box-shadow: inset 0px 2px 4px rgba(225,197,154,0.75);
	-webkit-box-shadow: inset 0px 2px 4px rgba(225,197,154,0.75);
	box-shadow: inset 0px 2px 4px rgba(225,197,154,0.75);*/
	/*padding-bottom: 1.6429em; /* 23px */
	padding: 0;
	position: relative;
	/*z-index: 1;*/
	margin-top: -181px;
}

.supplementary_footer {
	background-color: #000;
	background-image: url(afbeeldingen/saintdenisgradientfooter.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	height: 221px;
	margin-top: -208px;
	border-top: 1px solid #E1C59A;
	overflow: visible;
	position: relative;
}

.supplementary_footerfilter{
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=40);
	height: 221px;
	width: 100%;
	/*border-top: 1px solid transparent;*/
	overflow: visible;
	position: absolute;
}

.supplementary_opacity {
	background-image: url(afbeeldingen/saintdenisgradientopacity.png);
	background-repeat: no-repeat;
	background-position: 50% 75%;
	height: 960px;
	margin-top: -960px;
	position: relative;
	z-index: -1;
	/*overflow: visible;*/
	/*outline: 1px dotted red;*/
}

.columns {
	clear: both;
	overflow: visible;
}

article{
	margin: 0 auto;
	margin-top: 24px;
	width: 75%;
	max-width: 1280px;
	min-width: 320px;
	padding: 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*outline: 1px dotted black;*/
}

.primarypri{
	margin-bottom: 2em;
	float: left;
	width: 47%;
	text-align: left;
	font-size: 120%;
	font-family:'le-monde-journal-std-2', georgia, serif;
	line-height: 135%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*outline: 1px dotted black;*/
}

@media screen and (max-width: 1366px) {
.primarypri{
	font-size: 100%;
	line-height: 140%;
}
}
@media screen and (max-width: 800px) {
.primarypri{
	font-size: 100%;
	line-height: 140%;
	width: 100%;
	padding-right: 0;
}
}

.primaryter{
	margin-bottom: 2em;
	float: right;
	width: 47%;
	font-size: 120%;
	font-family:'le-monde-journal-std-2', georgia, serif;
	line-height: 135%;
	text-align: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*outline: 1px dotted black;*/
}

@media screen and (max-width: 1366px) {
.primaryter{
	font-size: 100%;
	line-height: 140%;
}
}
@media screen and (max-width: 800px) {
.primaryter{
	font-size: 100%;
	line-height: 140%;
	width: 100%;
}
}

@media screen and (max-width: 800px) {
.highlightwonderwegfragment .primaryter{
	display: none;
}
}
@media screen and (max-width: 800px) {
.highlightwonderwegfragment .balk_leesverder .primarypri{
	display: block;
}
}

.primaryprico{
	float: left;
	width: 63%;
	display: inline;
	text-align: left;
	font-family: georgia;
	font-size: 95%;
	line-height: 140%;
	position: relative;
	margin-bottom: 2em;
	float: left;
	width: 47%;
	text-align: left;
	font-size: 120%;
	font-family: georgia;
	line-height: 135%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*outline: 1px dotted black;*/
}

.primaryterco{
	padding: 45px 0px 48px 0px;
	float: right;
	width: 47%;
	display: inline;
	text-align: left;
	line-height: 110%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*outline: 0.1em dotted #000;*/
}

@media screen and (max-width: 1366px) {
.primaryterco{
	padding-top: 50px;
}
}

@media screen and (max-width: 800px) {
.primaryterco{
	width: 100%;
	padding-top: 16px;
}
}

.uitsnede{
	background:url(afbeeldingen/uitsnede_verantwoording_web.jpg) no-repeat 40% 57%;
	width: 100%;
	height: 400px;
	float: left;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: .5em;
}

.uitsnedeinhoud{
	background:gold url(afbeeldingen/wonderwegsehenwir.png) no-repeat 0% 0%;
	background-size:contain;
	width: 100%;
	height: 400px;
	float: left;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: .5em;
}

.balk_leesverder{
	margin:0 auto;
	margin-bottom:16px;
	padding:0;
	position:relative;
	max-width:100%;
}

.balk_leesverder a{
	display:block;
	font-size:75%; 
	color:rgba(45,40,32,0.7); 
	font-family:'myriad-pro', sans-serif;
	margin-left:.5em;
	/*outline:1px dotted black;*/
	height:40px;	
}

@media screen and (max-width: 800px) {
.balk_leesverder .primarypri{
	display: none;
}
}

@media screen and (max-width: 800px) {
.highlightwonderwegnietzsche .lijnhorizontaalnietzsche{
	display: none;
}
}
@media screen and (max-width: 800px) {
.highlightwonderwegnietzsche .primarypri{
	margin-bottom: -2.75em;
}
}

@media screen and (max-width: 800px) {
.highlightwonderwegwonderweg .displaynone{
	display: block;
	margin-top: -1.8em;
	margin-left: 0.5em;
}
}

/*
_____NAVIGATIE DE ILLUSIONIST _______________________________________________________________________________________________________________________________________ */

ul.nav{
	background:#FEDFB0 url(afbeeldingen/nietzsche.png) no-repeat -10% 0%;
	background-size:contain;
	margin:0 auto;
	width:100%;
	min-width:320px;
	position:relative;
	top:74.5px;
	overflow:hidden; /*clears floats!*/
	/*outline: 1px dotted yellow;*/
}

ul.nav li{
	float:left;
	width:100%;
	height:81px;
	background:rgba(0,0,0,0.1);
	border-top:1px solid rgba(255,255,204,0.8);
	border-bottom:1px solid rgba(0,0,0,0.2);
}

ul.nav img{
	width: 197px;
	height: 50px;
	margin-left:-0.7em;
	float: left;
	margin-top: 13px;
}

ul.nav a{
	display:block;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	width:75%;
	min-width:320px;
	max-width:1280px;
	text-align:left;
	line-height:81px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:rgba(196,111,20,1);
	color:rgba(0,0,0,0.4);
	font-size:120%;
	font-family:'myriad-pro', calibri, 'Helvetica', 'Arial', 'Sans-Serif';
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*outline: 1px dotted yellow;*/
}

ul.nav a:hover{
	/*background:rgba(226,83,120,0.0);
	color:rgba(255,205,4,1);*/
	background:rgba(155,75,120,1);
	background:rgba(0,0,0,1);
	color:rgba(254,223,176,1);
}

ul.nav li:hover{
	/*background:rgba(226,83,120,1);/*deeppink*/
	background:rgba(155,75,120,1);
	background:rgba(0,0,0,1);
	font-weight:800;
	
}


/*____ EINDE NAVIGATIE ____



/*
____________________________________________________________________________________________________________________________________________________________*/

body{
	font-family: calibri, helvetica, "arial narrow", sans-serif;
	font-size: 16px;
	background-color: #FEDFB0; /* marmer borst pindaros */
	hyphens:auto;
}

h1{
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 2px;
	color: rgba(0,0,0,0.95);
	font-family: calibri, "sans-serif";
}

h2{
	font-family:'myriad-pro', calibri, 'Helvetica', 'Arial', 'Sans-Serif';
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #2D2820;
}

h3{
	font-size: 75%;
	font-weight: bold;
	color: #2D2820;
}

h4{
	font-size: 100%;
	font-weight: normal;
}

p{
	color: rgba(45,40,32,0.7);
}
/*
.primarypri p:first-of-type:first-line{
	font-size: 1.35em;
	margin-left: -3px;
}
*/
.italiclichter{
	font-style: italic;
	color: #796B55;
	opacity: 0.5;
}

.nietitaliclichter{
	color: #796B55;
	opacity: 0.3;
}
	
em{
	font-style: italic;
}

.highlightwonderweg ul.nav a.highlight,
.highlightwonderwegwonderweg ul.nav a.highlight,
.highlightwonderwegnietzsche ul.nav a.highlight,
.highlightwonderwegfragment ul.nav a.highlight{
	cursor: default;
	color:rgba(255,255,0,1);
	font-weight:800;
	font-size:170%;
	text-indent:-10px;
}

.highlightwonderweg ul.nav li.highlight,
.highlightwonderwegwonderweg ul.nav li.highlight,
.highlightwonderwegnietzsche ul.nav li.highlight,
.highlightwonderwegfragment ul.nav li.highlight{
	background: rgba(226,83,120,1);
	background:rgba(241,57,68,1);
	background:rgba(215,189,149,1);
}

.highlightwonderwegwonderweg ul.nav a.highlight,
.highlightwonderwegfragment ul.nav a.highlight,
.highlightwonderweg ul.nav a.highlight,
.highlightwonderwegnietzsche ul.nav a.highlight{
	background:url(afbeeldingen/NietzscheShutterHighlight.png) no-repeat 100% 0%;
	/*background:rgba(226,83,120,0.0);*/
	background-size:contain;
	color:black;
	font-family:'le-monde-journal-std-2', georgia, serif;
	text-transform:capitalize;
}


.highlightwonderweg ul.nav_footer a.lightsynopsisfooter,
.highlightwonderwegnietzsche ul.nav_footer a.lightnietzschefooter,
.highlightwonderwegwonderweg ul.nav_footer a.lightblurbfooter,
.highlightwonderwegfragment ul.nav_footer a.lightfragmentenfooter,
.highlightpdf ul.nav_footer a.lightpdffooter,
.highlightwonderweg ul.nav_footer a.lightcolofonfooter{
	/*background-image: url(afbeeldingen/arrow3offwhitefooter.png);
	background-repeat: no-repeat;
	background-position: 5% 30%;*/
	color: #fedfb0;
	cursor: default;
}



/*
____NUMMERING_______________________________________________________________________________________________________________________________________________*/

ul.nummering{
	margin:0 auto;
	position:relative; /*eerder relative icm float right; verandering vanwege IE7*/
	top:-1.4em;
	float:right;
	padding-right:10px;
	/*outline: 1px solid rgba(0,0,0,0.2);*/
}

ul.nummeringonder{
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	top:0;
	left:0;
	z-index: 1;
}

ul.nummering li{
	float:left;
	width:1.2em;
	margin-top:0;
	margin-left:0.7em;
	display:inline;
}

ul.nummeringonder li{
	float:left;
	width:1.1em;
	margin-top:0.2em;
	margin-left:0.7em;
}

ul.nummeringonder li:first-child{
	margin-left: 0.2em;
}

ul.nummering a{
	display:block;
	text-align:right;
	font-size:90%;
	color:#796B55;
	font-family:"myriad-pro";
}

ul.nummeringonder a{
	display:block;
	text-align:left;
	font-size:80%;
	color:#796B55;
	font-family:"myriad-pro";
}

.nummering a:hover,
.nummeringonder a:hover{
	color:#2d2820;
	font-weight:bold;
}

.nummering a.selected,
.nummeringonder a.selected{
	color:rgba(0,0,0,0.7);
	cursor:default;
	font-weight:bold;
}

ul.nummering li[rel="last"],
ul.nummeringonder li[rel="last"]{
	width: auto;
	position: absolute;
	top: 0.1em;
	right: 1em;
}

/*
____EINDE NUMMERING________________________________________________________________________________________________________________________________________*/



/*
____GALERIJ________________________________________________________________________________________________________________________________________________*/

ul.galerij{
	margin: 0 auto;
	margin-top: 6.5em;
	clear: both;
	height: 22em;
	position: relative;
	width: 73%;
	min-width: 320px;
	max-width: 1280px;
	/*outline: 1px dotted yellow;*/
}

ul.galerij li{
	float: right;
	margin-top: 2em;
	width: 4.6em;
	height: 7.2em;
}

ul.galerij li[rel="tekst"]{
	float: left;
	width: 240px;
	margin-top:75px;
	margin-left:15px;
	color:#2D2820;
	font-size: 80%;
	line-height: 130%;
}

@media screen and (max-width: 800px) {
ul.galerij li[rel="tekst"]{
	font-size: 70%;
	width: 190px;
}
}

ul.galerij li[rel="pindaros"]{
	background:rgba(226,83,120,0.0) url(afbeeldingen/NietzscheShutterQuote.png) no-repeat 100% 0%;
	background-size:contain;
	float: left;
	margin-top:30px;
	margin-left:-8px;
	width: 115px;
	height: 135px;
	/*outline: 1px dotted black;*/
}

ul.galerij li[rel="nietzsche"]{
	/*background: url(afbeeldingen/nietzschefooter3.png) no-repeat  10% 20%;*/
	background: url(afbeeldingen/wonderwegsehenwirfooter.png) no-repeat 40% 50%;
	float: left;
	width: 115px;
	height: 135px;
	margin-top: 18px;
}

ul.galerij li[rel="antichrist"]{
	background: url(afbeeldingen/antichristfrontgalerijshadow.png) no-repeat 50% 50%;
	opacity: 0.6;
}
ul.galerij li[rel="antichrist"]:hover{
	background: url(afbeeldingen/antichristfrontgalerijhover.png) no-repeat 50% 50%;
	opacity: 1;
}

ul.galerij li[rel="antichrist90"]{
	background: url(afbeeldingen/antichr90galerij.png) no-repeat  50% 50%;
	opacity: 0.6;
}
ul.galerij li[rel="antichrist90"]:hover{
	background: url(afbeeldingen/antichrgalerijhover.png) no-repeat  50% 50%;
	opacity: 1;
}

ul.galerij li[rel="hul"]{
	background: url(afbeeldingen/hulgalerijshadow.png) no-repeat  50% 50%;
	opacity: 0.6;
	margin-right: 1em;
}
ul.galerij li[rel="hul"]:hover{
	background: url(afbeeldingen/hulgalerijhover.png) no-repeat  50% 50%;
	opacity: 1;
}

.remote{
	width: 20em;
	height: 21.15em;
	padding: 0.7em 1em;
	padding-bottom: 0.7em;
	font-size: 75%;
	line-height: 140%;
	color: #746753;
	background-color: #FEDFB0;
	background-image: url(afbeeldingen/galerijtiptool2.png) repeat-x 0% 0%;
	position: absolute;
	top: -10.1em;
	left: 15.2em;
	border: 1px solid #665946;
	border-radius: 0.5em;
	display: none;
	opacity: 1;
	-webkit-box-shadow: 2px 2px 6px #665946;
	-moz-box-shadow: 2px 2px 6px #665946;
	box-shadow: 2px 2px 6px #665946;
	z-index: 30;
} 

.remote[rel="antichrist"]{
	background: url(afbeeldingen/galerijtiptool2.png) repeat-x 0% 0%; /*instructie voor IE7 > IE7 leest multiple bg uit volgende regel niet*/
	background: url(afbeeldingen/mustreadsmidprice.png) no-repeat 50% 100%, url(afbeeldingen/galerijtiptool2.png) repeat-x 0% 0%;
	background: url(afbeeldingen/antichrbackhover2.png) no-repeat 50% 50%;
}

.remote[rel="nietzsche"]{
	background: url(afbeeldingen/galerijtiptool2.png) repeat-x 0% 0%; /*instructie voor IE7 > IE7 leest multiple bg uit volgende regel niet*/
	background: url(afbeeldingen/nietzschefoote.png) no-repeat 3% 97%, url(afbeeldingen/galerijtiptool2.png) repeat-x 0% 0%;
}

.remote[rel="homoul"]{
	background: url(afbeeldingen/galerijtiptool2.png) repeat-x 0% 0%; /*instructie voor IE7 > IE7 leest multiple bg uit volgende regel niet*/
	background: url(afbeeldingen/homouniuslibri3Dklei.png) no-repeat -8% 105%, url(afbeeldingen/galerijtiptool2.png) repeat-x 0% 0%;
}

ul.galerij li[rel="hul"]:hover .remote,
ul.galerij li[rel="antichrist90"]:hover .remote,
ul.galerij li[rel="antichristback"]:hover .remote,
ul.galerij li[rel="antichrist"]:hover .remote,
ul.galerij li[rel="hul"]:hover .remotegalerijhul,
ul.galerij li[rel="antichrist90"]:hover .remotegalerij90,
ul.galerij li[rel="antichristback"]:hover .remotegalerijBACK,
ul.galerij li[rel="antichrist"]:hover .remotegalerijFRONT,
ul.galerij li[rel="zegezangen"]:hover .remotegalerijZEGE{
	display: block;
}

@media screen and (max-width: 1280px) {
ul.galerij li[rel="hul"],
ul.galerij li[rel="antichrist90"],
ul.galerij li[rel="antichristback"],
ul.galerij li[rel="antichrist"],
ul.galerij li[rel="zegezangen"],
ul.galerij li[rel="hul"],
ul.galerij li[rel="antichrist90"],
ul.galerij li[rel="antichristback"],
ul.galerij li[rel="antichrist"],
ul.galerij li[rel="zegezangen"]{
	display: none;
}
}

.remotegalerijhul,
.remotegalerij90,
.remotegalerijFRONT{
	width: 13em;
	height: 21.35em;
	padding: 0.5em 1em;
	padding-bottom: 0.7em;
	font-size: 75%;
	line-height: 130%;
	color: #2D2820;
	position: absolute;
	top: -10.1em;
	left: 0em;
	/*background: #7FB9BB;*/
	border: 1px solid #665946;
	border-radius: 0.5em;
	display: none;
	opacity: 1;
	filter:alpha(opacity=100);
	-webkit-box-shadow: 2px 2px 6px #665946;
	-moz-box-shadow: 2px 2px 6px #665946;
	box-shadow: 2px 2px 6px #665946;
	z-index: 30;
} 

.remotegalerijhul{
	background:#FEDFB0 url(afbeeldingen/homouniuslibrigroot.png) no-repeat 50% 50%;
}
.remotegalerij90{
	background:#FEDFB0 url(afbeeldingen/antichr90groot.png) no-repeat 50% 50%;
}
.remotegalerijFRONT{
	background:#FEDFB0 url(afbeeldingen/antichrnedgroot.png) no-repeat 50% 50%;
}

/*
____EINDE GALERIJ__________________________________________________________________________________________________________________________________________*/



/*
___________________________________________________________________________________________________________________________________________________________*/

.lijnhorizontaal,
.lijnhorizontaalnietzsche{
	margin: 0 auto;
	width: 98%;
	height: 0px;
	line-height: 130%;
	border-top: 1px solid #C6AD88;
	border-bottom: 1px solid #FEDFB0;
}

hr.hruler1{
	width: 100%;
	margin-top: 0;
	border: 0;
	height: 0;
	border-top: 1px solid #C6AD88;
	border-bottom: 1px solid #FEDFB0;
}
	
.lijnhorizontaal1{
	margin-bottom: -0.7em;
	margin-top: -0.4em;
	width: 60%;
	height: 0px;
	border-top: 1px solid #C6AD88;
	border-bottom: 1px solid #FEDFB0;
}



/* ILLUSIONIST FOOTER __________________________________________________________________________________________________________________________________________ */

ul.nav_footer{
	margin: 0 auto;
	margin-top: -3em;
	height: 32px;
	width: 75%;
	min-width: 320px;
	max-width: 1280px;
	z-index: 1;
	position: relative;
	top: -8.2em;
	/*outline: 1px dotted yellow;*/
}

ul.nav_footer li{
	float: left;
}

ul.nav_footer a{
	float: left;
	display: block;
	padding: 0;
	height: 1.8em;
	text-decoration: none;
	color: #85745b;
	font-size: 75%;
	padding-left: 20px;
}

@media screen and (max-width: 800px) {
ul.nav_footer a{
	font-size:75%;
}
}

ul.nav_footer a:hover{
	color:#FEDFB0;
}


/*
__ KLEURENPAGINA ______________________________________________________________________________________________________________________________________*/

.sectionanimated{
	position:relative;
	width:100%;
	margin:0 auto;
	padding-top:32px;
	padding-bottom:32px;
	background:url(afbeeldingen/animated_cp_gif.gif) repeat 50% 0%;
	border-top:10px solid black;
}

table{
	margin:0 auto;
	width:50%;
	min-width:320px;
	max-width:1280px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:#fedfb0;
	padding-left:5px;
	padding-right:5px;
	/*outline:1px dotted yellow;*/
}
@media screen and (max-width: 800px) {
table{
	width:70%;
}
}
@media screen and (max-width: 350px) {
table{
	width:100%;
	padding-left:10px;
	padding-right:10px;
}
}

table th:nth-child(1){
	background:#7fb9bb;
	font-weight:800;
}
table th:nth-child(2){
	background:#c28d9b;
	background:url(afbeeldingen/cacadauphin.png) top left;
}

table th{
	text-align:left;
	font-size:320%;
	border:1px solid #fedfb0;
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-family: arial;
	font-weight:100;
}
@media screen and (max-width: 1000px) {
table th{
	font-size: 200%;
}
}

table td{
	font-family: arial, sans-serif;
	font-size:100%;	
	padding:8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #fedfb0;
	vertical-align:middle;
}

table td:nth-child(3){
	font-family: 'Great Vibes', 'edwardian script itc';
	font-size:270%;
	text-align:center;
	background:#c28d9b;
	color:#fedfb0;
	padding:3px;
	/*background:url(afbeeldingen/cacadauphin.png) top left;*/
	/*background: url(afbeeldingen/cacaforcolorloversonlyscript.png) no-repeat 100% 50%;*/
}
@media screen and (max-width: 1600px) {
table td:nth-child(3){
	font-size: 230%;
}
}
@media screen and (max-width: 1000px) {
table td:nth-child(3){
	font-size: 170%;
}
}

.animatiekleuren{
	background:url(afbeeldingen/cacadauphin.png) top left;
	text-align:center;
	position:relative;
	top:-10px;
	height:30px;
	width:100px;
	border:1px solid #FEDFB0;
	font-size:80%;
	line-height:30px;
	margin-left:20px;
	color:#FEDFB0;
	cursor:pointer;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.wrappercaca{
	margin:0 auto;
	margin-bottom:5em;
	width:50%;
	max-width:1280px;
	min-width:320px;
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*outline: 1px dotted yellow;*/
	position: relative;
}
@media screen and (max-width: 800px) {
.wrappercaca{
	width:70%;
}
}

.wrappercaca p{
	font-size: 155%; line-height: 155%; color: #FEDFB0; font-family: Calibri, sans-serif; text-align: justify;
}
@media screen and (max-width: 800px) {
.wrappercaca p{
	font-size: 125%; line-height: 145%;
}
}


/*
__ KLEURENPAGINA EIND _________________________________________________________________________________________________________________________________*/


blockquote{
	color:#2D2820;
	font-size:135%;
	line-height:130%;
	font-family:'myriad-pro', Calibri, Helvetica, Arial, Sans-Serif;
	padding-bottom:4px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-top:-.5em;
}

.quote{
	font-size: 1100%;
	margin-bottom: -5px;
	margin-top:-30px;
	margin-left: -18px;
	display: block;
}

strong{
	font-weight: 800;
}


.displaynone{
	display: none;
}