/* @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 , button{
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	text-decoration: none;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}

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

/* @END RESET ________________________________________________________________________________________________________________________*/



/*
_____CLEMMINCK.COM POEZIE__________________________Font-family's Myriad Pro, Museo Sans Rounded_______________________________________________*/

body{background:floralwhite;}

.balkbovenindex{
	width:100%;
	min-width:320px;
	height:64px;
	position:fixed;
	z-index:10000;
	border-bottom:1px solid rgba(16,16,16,0.1);
	border-top:10px solid black;
	/*outline:1px dotted blue;*/
	font-size:100%;
	z-index:10000;
}

.clemminckhomepoezie{
	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.8); text-indent:0.5em;
	background:rgba(255,255,255,0.95);background:floralwhite;
}
@media screen and (max-width:600px) {
	.clemminckhomepoezie{ 
	font-size:135%;
}
}

.clemminckhomepoezie:hover{
	color:rgba(0,0,0,1);
}

.balkboven2escapades{
	width:100%;
	min-width:320px;
	height:158px;
	position:relative;
	top:75px;
	border-bottom:1px solid rgba(16,16,16,0.1);
	/*outline:1px dotted blue;*/
}

.escapadeslogo{
	background:url(afbeeldingen/escapadescubelogogekanteldrood.png) no-repeat 0% 2%;
	background-size:cover;
	overflow: hidden;
	margin-left:2.2em;
	width:100px;
	height:158px;
	position:relative;
	float:left;
}
@media screen and (max-width:1366px) {
.escapadeslogo{
	margin-left:1.8em;
}
}
@media screen and (max-width:800px) {
.escapadeslogo{
	margin-left:1.2em;
}
}
@media screen and (max-width:600px) {
.escapadeslogo{
	margin-left:.35em;
}
}

.balkboven2escapades a{
	display:block;
	height:158px;
}

.balkboven2staalkaart{
	width:100%;
	height:158px;
	position:relative;
	top:75px;
	border-bottom:1px solid rgba(16,16,16,0.1);
}

.staalkaartlogo{
	background:url(afbeeldingen/indexbeelddicht12.png) no-repeat 0% 4%;
	background-size:cover;
	overflow:hidden;
	margin-left:3.5em;
	width:115px;
	height:158px;
	position:relative;
}
@media screen and (max-width:800px) {
.staalkaartlogo{
	margin-left:2em;
}
}
@media screen and (max-width:600px) {
.staalkaartlogo{
	margin-left:1em;
}
}

.herkauwerslogo{
	background:url(afbeeldingen/stoel.jpg) no-repeat 0% 4%;
	background-size:cover;
	overflow: hidden;
	margin-left:3.5em;
	width:115px;
	height:158px;
	position:relative;
}
@media screen and (max-width: 600px) {
.herkauwerslogo{
	margin-left:1em;
}
}


/*___Button & Hamburger___________________________________________________________*/

.nav_button{
	display: none;
}
@media screen and (max-width:800px) {
.nav_button{
	display:block;
	height:31px;
	width:3em;
	/*font-family:'myriad-pro', 'century gothic', helvetica, 'sans-serif';
	font-size:100%;
	text-align:center;
	color:rgba(255,255,255,1);*/
	position:absolute;
	top:16px;
	right:0;
	cursor:pointer;
}
}

.nav_button:active{
	border:transparent;
	background:transparent;
}

.hamburger {
    position:relative;
	display:inline-block;
	width:16px;
	top:0;
    height:8px;
    border-top:2px solid rgba(0,0,0,0.8);
    border-bottom:2px solid rgba(0,0,0,0.8);
	/*outline:1px solid black;*/
}

.hamburger:before {
    content:"";
    position:absolute;
    top:3px;
    left:0px;
	width:100%;
    border-top:2px solid rgba(0,0,0,0.8);
}

/*___Einde Button & Hamburger____________________________________________________*/


/*___Navigatie___________________________________________________________________*/

ul.poezie{
	margin-top:40px;
	margin-right:2em;
	margin-left:2em;
	position:relative;
	float:left;
	width:10%;
	min-width:158px;
	/*outline:1px dotted blue;*/
}
@media screen and (max-width:800px) {
ul.poezie{
	display:none;
}
}

ul.poezie1{
	float:left;
	display:inline;
	margin-left:0;
	position:relative;
	top:-200px;
	margin-bottom:-169px;
	width:100%;
}

ul.poezie a{
	display:block;
	float:left;
	display:inline;
	padding-left:2em;
	text-align:left;
	font-size:1.3em;
	line-height:1.6em;
	font-family:'myriad-pro', 'Century Gothic', 'Helvetica', 'Arial', 'Sans-Serif';
	font-weight:400;
	color:rgba(0,0,0,0.25);
	/*outline: 1px dotted orange;*/
}
ul.poezie li:nth-child(2){
	text-indent:-.5em;
}

ul.poezie1 li{
	background:floralwhite;
	border-bottom:1px solid rgba(0,0,0,0.1);
	height:32px;
	float:left;
	width:20%;
}

ul.poezie1 li:nth-child(1){
	width:100%;
}
ul.poezie1 li:nth-child(2){
	width:100%;
}
ul.poezie1 li:nth-child(3){
	width:100%;
}
ul.poezie1 li:last-child{
	width:100%;
}

ul.poezie1 a{
	background:floralwhite;
	display:block;
	float:left;
	padding-left:2em;
	text-align:left;
	font-size:1.1em;
	line-height:32px;
	font-family:'myriad-pro', 'Century Gothic', 'Helvetica', 'Arial', 'Sans-Serif';
	color:rgba(0,0,0,0.3);
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*outline: 1px dotted blue;*/
}
@media screen and (max-width:600px) {
ul.poezie1 a{
	font-size:.9em;
}
}

ul.poezie a:hover{
	color: rgba(0,0,0,0.85);
}

.hoverred{text-decoration: underline;}

ul.poezie a.hoverred:hover{
	color:red;
}

.staalkaarttitel{
	color:rgba(0,0,0,0.9);
	letter-spacing:1px;
}

.highlightpoezie ul a.selectedpoezie{
	cursor: default;
	text-decoration:underline;
	color: rgba(0,0,0,0.75);
	/*font-weight: 100;*/
	/*background:rgba(0,0,0,0.2);*/
}


/*___Einde Navigatie____________________________________________________*/



.poeziewrapper{
	position:relative;
	float:left;
	top:72px;
	min-width:320px;
	/*outline: 1px dotted black;*/
	width:100%;
	padding-bottom:10em;
}

.poeziegedicht{
	margin-top:40px;
	position:relative;
	float:left;
	display:inline;
	padding-left:4em;
	padding-right:0.5em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*outline: 1px dotted black;*/
}
@media screen and (max-width:800px) {
.poeziegedicht{
	margin-top:32px;
	padding-left:2.6em;
}
}
@media screen and (max-width:600px) {
.poeziegedicht{
	margin-top:32px;
	padding-left:1.4em;
}
}

.poeziegedicht p{
	font-size:1.3em;line-height:1.6em;color:rgba(0,0,0,0.9); 
	font-family:'myriad-pro', 'century gothic', 'helvetica', 'sans-serif';
}
@media screen and (max-width:800px) {
.poeziegedicht p{
	font-size:1.1em;
}
}
@media screen and (max-width:600px) {
.poeziegedicht p{
	font-size:.9em;
}
}



/*___Escapades_______________________________________________________*/

.escapadesintrowrapper{
	margin:0 auto;
	width:100%;
	min-width:320px;
	height:100%;
	top:234px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:absolute;
	/*outline: 1px dotted orange;*/
}

.escapadesintrowrapper a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
}

.escapadesintrowrapper p:first-child{
	padding-top:2.5em;
}

.escapadesintrowrapper p{
	padding:1em;text-align:left;box-sizing:border-box;-moz-box-sizing:border-box;font-size:3em;line-height:1.5em;color:rgba(0,0,0,0.7); 
	font-family:'myriad-pro', 'century gothic', 'helvetica', 'sans-serif'; font-weight: 100;
}
@media screen and (max-width:1360px) {
.escapadesintrowrapper p{
	font-size:2em; padding-left:1.5em;
}
}
@media screen and (max-width:800px) {
.escapadesintrowrapper p{
	font-size:1.5em;
}
}
@media screen and (max-width:600px) {
.escapadesintrowrapper p{
	font-size:1em;
}
}


.tadumrood{
	color:red;
	text-decoration:underline;
}

.tadumrood1{
	color:red;
	/*font-weight:bold;*/
	/*text-decoration:underline;*/
}

.tadumzwart{
	color:black;

	/*font-weight:bold;*/
}

hr{
	border-width:1px;
	border-style:solid;
	border-color:rgba(0,0,0,0.1);
	width:95%;
}

/*___Einde Escapades____________________________________________________*/


strong{
	font-weight:800;
}

.clear{
	clear: both;
}