@charset "UTF-8";
/* CSS Document */
	body { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		height:100%;
		margin: 0;
	}
	
	a, image, canvas, div {
		user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		unselectable:"on";
		-webkit-touch-callout: none;
		-webkit-user-drag: none;
		border: none;
	}
	
	.aspectwrapper {
		width: 100%;
		position: relative;
	}
	.aspectspacer {
		width: 100%; 
	}
	.content {
		position: absolute;
		top: 0; bottom: 0; right: 0; left: 0;
		/*outline: thin dashed green;*/
	}
	
	span.simpleHeadline {       
		margin-left:1%; 
		color:#FFFFFF; 
		font-size:2.0em;
		font-weight:normal;
	} 
	#centeredcontainer {   
	   padding: 0;
	   margin:auto; 
	   margin-top:10%;
	   max-width:50%;
	}	
	#thumbsArea {     
	   padding: 0;
	   margin:auto; 
	   margin-top:10%;
	   max-width:50%;
	}
	#thumbsAreaPoems {     
	   padding: 0;
	   margin:auto; 
	   margin-top:3%;
	   max-width:80%;
	}
	div.thumb {
		margin-top:5%;
		padding:2%;
		float:left;
	} 
	
	a.pictureLink {
		border:2px;
		border-color:#74B31F;
	}
	
	a.impressum {       
		position:absolute; 
		top:94%;            
		text-align:right;  
		margin-left:79%;
		color:#000000;
		font-size:1.8vh; 
		z-index:543;
		background: #FFFFFF;
		padding:2px;
	}
	
	#white {                        
	 color:#FFFFFF;
	}
	 
	#black {                        
	 color:#000000;
	}
	
	#watergreen {                        
	 color:#74AB22;
	}

/* ________________ loading ________________ */


	#loading {
		position: absolute;
		left: 0%;
		top: 0%;
		width:100%;
		height:100%;
		display: block; 
		z-index:223;
	}
	
	#loader {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -32px; /* -1 * image width / 2 */
		margin-top: -32px;  /* -1 * image height / 2 */
		display: block; 
	}

/*___________________ POEMS___________________________*/

	#christmas {
		background-color:#CCFFFF;
		color:#000;
	}
	
	#purpleblack {
		background-color:#EBD6E7;
		color:#000;
	}
		
	#greenblack {
		background-color:#A1D25A;
		color:#000;
	}
		
	#dovewhite {
		background-color:#82A1B9;
		color:#FFF;
	}
	#greyblack {
		background-color:#CFFFFB;
		color:#000;
	}
		
	#bluewhite {
		background-color:#00CCC6; 
		color:#FFF;
	}
	
	#darkRedYellow {
		background-color:#671829;
		color: #FFFFCC;
	}
	
	#ecruBrown {
		 background-color:#E0C865;
		 color: #6D0F0C;
	}
	
	
	#yellowBlue {
		 background-color:#000034;
		 color: #FFFFCC;
	}
	
	#brownBlue {
		 background-color:#8CC5CA;
		 color: #6D0F0C;
	}
	
	#contentPoem {
		position: relative;
		width:90%;
		margin-top:8%;
		margin-left:18%;
	}
	
	#poemTitle {
		font-style:normal;
		font-weight:200;
		font-size:2.0em; 
	}
	
	#poemTitleWhite {
		font-style:normal;
		font-weight:200;
		font-size:2.0em;
		color:#FFFFFF;  
	}
	
	#poemText {            
		font-size:1.1em;
		line-height: 1.6em; 
		text-decoration: none;
		outline:0;    
		 }
		 
	#poemTextWhite {            
		font-size:1.1em;
		line-height: 1.6em; 
		text-decoration: none;
		outline:0;  
		color:#FFFFFF;  
		 }
	
	#poemTextWhiteCopyRight {            
		font-size:0.9em;
		line-height: 1.2em; 
		text-decoration: none;
		outline:0;  
		color:#FFFFFF;  
		 }
		 	 
	#haikuText {            
		font-size:2.1em;
		line-height: 2.0em; 
		text-decoration: none;
		outline:0;    
		 }
	
	#poemAuthor {          
		 font-size:1em;
		 }
		 
	#poemTextLong {            
		font-size:1em;
		line-height: 1.4em; 
		text-decoration: none;
		outline:0;    
		 }
		 
	#poemAuthorLongText {          
		 font-size:0.8em;
		 }
	
	.clickling {
		padding-top:2%;
		/*width:2.8%;*/
		width:36px;
		cursor:pointer;
	}
	
	svgHelp { 
		border-radius: 0%; 
		background:none; 
	}
	
	#hilfeTicketPoemYellowBlue {
		position:absolute; 
		top:20px; 
		left:20px;
	  
		display: block;
		width: 215px;
		height: 146px;
		background: url('help_luna_poem.png') bottom;
		text-indent: -99999px;
	}
	
	 #hilfeTicketPoem {
		position:absolute; 
		top:20px; 
		left:20px;
	  
		display: block;
		width: 215px;
		height: 146px;
		background: url('help_poem_grey.png') bottom;
		text-indent: -99999px;
	}
	 
	 #hilfeTicketPoemBlue {
		position:absolute; 
		top:66px; 
		left:70px;
	  
		display: block;
		width: 215px;
		height: 146px;
		background: url('help_poem_blue.png') bottom;
		text-indent: -99999px;
	}
	
	#hilfeTicketPoemYellow {
		position:absolute; 
		top:20px; 
		left:20px;
	  
		display: block;
		width: 189px;
		height: 163px;
		background: url('green/help_yellow.png') bottom;
		text-indent: -99999px;
	}
	
	/*  end poems --------------------------------------------------- */
	
	#edition {     
	   	padding: 0;
	   	margin:auto; 
	   	margin-top:3%;
	   	max-width:62%;
	   
	   	font-size:0.8em;
		line-height: 1.6em; 
		text-decoration: none;
	}
	
	#editionBG {
    	/*background-color:#C90;*/
		background-color:#98D3D1;
	}