/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    background-color: #F3E500;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

	#perle {
   position:absolute;
   left:50%;
   margin-left:-63px;
   top:460px;
   }

	#s11_0 {
   position:absolute;
   left:50%;
   margin-left:-176px;
   top:244px;
	opacity:1;

   }

	#s11_1 {
   position:absolute;
   left:50%;
   margin-left:-176px;
   top:244px;
	opacity:0;

   }

	#s11_2 {
   position:absolute;
   left:50%;
   margin-left:-176px;
   top:244px;
	opacity:0;

   }

	#s11_3 {
   position:absolute;
   left:50%;
   margin-left:-176px;
   top:244px;
	opacity:0;

   }





	#s12_0 {
   position:absolute;
   left:50%;
   margin-left:-489px;
   top:222px;
	opacity:1;

   }

	#s12_1 {
   position:absolute;
   left:50%;
   margin-left:-489px;
   top:222px;
	opacity:0;

   }

	#s12_2 {
   position:absolute;
   left:50%;
   margin-left:-489px;
   top:222px;
	opacity:0;

   }

	#s12_3 {
   position:absolute;
   left:50%;
   margin-left:-489px;
   top:222px;
	opacity:0;

   }



	#s13_0 {
   position:absolute;
   left:50%;
   margin-left:-296px;
   top:142px;
	opacity:1;

   }

	#s13_1 {
   position:absolute;
   left:50%;
   margin-left:-296px;
   top:142px;
	opacity:0;

   }

	#s13_2 {
   position:absolute;
   left:50%;
   margin-left:-296px;
   top:142px;
	opacity:0;

   }

	#s13_3 {
   position:absolute;
   left:50%;
   margin-left:-296px;
   top:142px;
	opacity:0;

   }

	#feuer0 {
   position:absolute;
   left:50%;
   margin-left:-512px;
   top:0px;
opacity:1;
   }

	#feuer1 {
   position:absolute;
   left:50%;
   margin-left:-512px;
   top:0px;
opacity:0;

   }

	#feuer2 {
   position:absolute;
   left:50%;
   margin-left:-512px;
   top:0px;
opacity:0;

   }

	#feuer3 {
   position:absolute;
   left:50%;
   margin-left:-512px;
   top:0px;
opacity:0;

   }





	#kerze0 {
  position:absolute;
  left:50%;
margin-left:-431px;
top: 474px;
opacity:1;
  }


	#kerze1 {
  position:absolute;
  left:50%;
margin-left:-398px;
top: 474px;
opacity:0;
  }

	#kerze2 {
  position:absolute;
  left:50%;
margin-left:-365px;
top: 474px;
opacity:0;
  }

	#kerze3 {
  position:absolute;
  left:50%;
margin-left:-332px;
top: 474px;
opacity:0;
  }

	#kerze4 {
  position:absolute;
  left:50%;
margin-left:-299px;
top: 474px;
opacity:0;
  }

	#kerze5 {
  position:absolute;
  left:50%;
margin-left:-267px;
top: 474px;
opacity:0;
  }

	#kerze6 {
  position:absolute;
  left:50%;
margin-left:-234px;
top: 474px;
opacity:0;
  }

	#kerze7 {
  position:absolute;
  left:50%;
margin-left:-201px;
top: 474px;
opacity:0;
  }

	#kerze8 {
  position:absolute;
  left:50%;
margin-left:-168px;
top: 474px;
opacity:0;
  }

	#kerze9 {
  position:absolute;
  left:50%;
margin-left:-135px;
top: 474px;
opacity:0;
  }

	#kerze10 {
  position:absolute;
  left:50%;
margin-left:-102px;
top: 474px;
opacity:0;
  }


	#kerze11 {
  position:absolute;
  left:50%;
margin-left:-69px;
top: 474px;
opacity:0;
  }

	#kerze12 {
  position:absolute;
  left:50%;
margin-left:-36px;
top: 474px;
opacity:0;
  }

	#kerze13 {
  position:absolute;
  left:50%;
margin-left:-3px;
top: 474px;
opacity:0;
  }

	#kerze14 {
  position:absolute;
  left:50%;
margin-left:30px;
top: 474px;
opacity:0;
  }

	#kerze15 {
  position:absolute;
  left:50%;
margin-left:63px;
top: 474px;
opacity:0;
  }

	#kerze16 {
  position:absolute;
  left:50%;
margin-left:96px;
top: 474px;
opacity:0;
  }

	#kerze17 {
  position:absolute;
  left:50%;
margin-left:129px;
top: 474px;
opacity:0;
  }

	#kerze18 {
  position:absolute;
  left:50%;
margin-left:162px;
top: 474px;
opacity:0;
  }

	#kerze19 {
  position:absolute;
  left:50%;
margin-left:195px;
top: 474px;
opacity:0;
  }

	#kerze20 {
  position:absolute;
  left:50%;
margin-left:228px;
top: 474px;
opacity:0;
  }

	#kerze21 {
  position:absolute;
  left:50%;
margin-left:261px;
top: 474px;
opacity:0;
  }

	#kerze22 {
  position:absolute;
  left:50%;
margin-left:294px;
top: 474px;
opacity:1;
  }

	#kerze23 {
  position:absolute;
  left:50%;
margin-left:327px;
top: 474px;
opacity:0;
  }

	#kerze24 {
  position:absolute;
  left:50%;
margin-left:360px;
top: 474px;
opacity:0;
  }




	#euter0 {
   position:absolute;
   left:50%;
   margin-left:-350px;
   top:355px;
	opacity:1;

   }

	#euter1 {
   position:absolute;
   left:50%;
   margin-left:-350px;
   top:355px;
	opacity:0;

   }

	#euter2 {
   position:absolute;
   left:50%;
   margin-left:-350px;
   top:355px;
	opacity:0;

   }

	#euter3 {
   position:absolute;
   left:50%;
   margin-left:-350px;
   top:355px;
	opacity:0;

   }





 #hint0 {
    position:absolute;
	cursor:pointer;
	color:#E5187E;
	border-bottom: 1px dotted #E5187E;
    }

 #hint1 {
    position:absolute;
	opacity:0;
    
}

#wrapper {
    position: relative;
	overflow: hidden;
	
}

	#arrowContainer {
		top:0px;
		position:absolute;
		height:800px;
        width:100%;
		overflow:hidden;
		pointer-events:none;
		z-index:300;
	    }
	
		#f0Container {

		  }
	
	
	#f1Container {
	    
	opacity:0;
	  }
	
	#f2Container {
	    
	opacity:0;
	  }
	
	#f3Container {
	    
	opacity:0;
	  }
	
	#f4Container {
	    
	opacity:0;
	  }
	
	#f5Container {
	    
	opacity:0;
	  }
	
	#f6Container {
	    
	opacity:0;
	  }
	
	#f7Container {
	
	opacity:0;
	  }
	
	#f8Container {
	
	opacity:0;
	  }
	
	#f9Container {
	
	opacity:0;
	  }
	
	#f10Container {

	opacity:0;
	  }
	
	#f11Container {

	opacity:0;
	  }
	
	#f12Container {

	opacity:0;
	  }
	
	#f13Container {

	opacity:0;
	  }
	
	#f14Container {

	opacity:0;
	  }
	
	#f15Container {

	opacity:0;
	  }
	
	#f16Container {

	opacity:0;
	  }
	
	#f17Container {

	opacity:0;
	  }
	
	
	#f18Container {

	opacity:0;
	  }
	
	#f19Container {

	opacity:0;
	  }
	
	#f20Container {

	opacity:0;
	  }

#logo {
    position:absolute;
    left:50%;
    top:7px;

    margin-left:-30px;

	z-index:999;
    }

	#anmeldeButton{
		position:absolute;
	    left:50%;
	    top:142px;

	    margin-left:-22px;

	z-index:20;
	font-size:16px;
	font-weight:600;
	
	
	z-index:999;


	    }
	

	
    
    #f0_0 {
    position:absolute;
    left:50%;
    margin-left:-490px;
    top:502px;
    }
    
    #f0_1 {
    position:absolute;
    left:50%;
    margin-left:-537px;
    top:576px;
    }
    
    #f0_2 {
    position:absolute;
    left:50%;
    margin-left:-146px;
    top:279px;
    }
    
    #f0_3 {
    position:absolute;
    left:50%;
    margin-left:290px;
    top:334px;
    }







	#f1_0 {
    position:absolute;
    left:50%;
    margin-left:-23px;
    top:246px;
    }
    
    #f1_1 {
    position:absolute;
    left:50%;
    margin-left:-13px;
    top:195px;
    }
    
    #f1_2 {
    position:absolute;
    left:50%;
    margin-left:15px;
    top:286px;
    }
    
    #f1_3 {
    position:absolute;
    left:50%;
    margin-left:-10px;
    top:630px;
    }



	#f2_0 {
    position:absolute;
    left:50%;
    margin-left:195px;
    top:278px;
    }
    
    #f2_1 {
    position:absolute;
    left:50%;
    margin-left:-482px;
    top:395px;
    }
    
    #f2_2 {
    position:absolute;
    left:50%;
    margin-left:-530px;
    top:515px;
    }
    
    #f2_3 {
    position:absolute;
    left:50%;
    margin-left:-390px;
    top:630px;
    }



	#f3_0 {
    position:absolute;
    left:50%;
    margin-left:190px;
    top:275px;
    }

    #f3_1 {
    position:absolute;
    left:50%;
    margin-left:308px;
    top:395px;
    }
    
    #f3_2 {
    position:absolute;
    left:50%;
    margin-left:-520px;
    top:445px;
    }
    
    #f3_3 {
    position:absolute;
    left:50%;
    margin-left:-588px;
    top:530px;
    }


	#f4_0 {
    position:absolute;
    left:50%;
    margin-left:-330px;
    top:188px;
    }

    #f4_1 {
    position:absolute;
    left:50%;
    margin-left:-320px;
    top:255px;
    }
    
    #f4_2 {
    position:absolute;
    left:50%;
    margin-left:-350px;
    top:345px;
    }
    
    #f4_3 {
    position:absolute;
    left:50%;
    margin-left:-12px;
    top:650px;
    }

    

	#f5_0 {
    position:absolute;
    left:50%;
    margin-left:122px;
    top:283px;
    }
    
    #f5_1 {
    position:absolute;
    left:50%;
    margin-left:163px;
    top:456px;
    }
    
    #f5_2 {
    position:absolute;
    left:50%;
    margin-left:204px;
    top:600px;
    }
    
    #f5_3 {
    position:absolute;
    left:50%;
    margin-left:-275px;
    top:456px;
    }





	#f6_0 {
    position:absolute;
    left:50%;
    margin-left:255px;
    top:310px;
    }
    
    #f6_1 {
    position:absolute;
    left:50%;
    margin-left:334px;
    top:446px;
    }
    
    #f6_2 {
    position:absolute;
    left:50%;
    margin-left:-553px;
    top:578px;
    }
    
    #f6_3 {
    position:absolute;
    left:50%;
    margin-left:-580px;
    top:446px;
    }


	#f7_0 {
    position:absolute;
    left:50%;
    margin-left:-85px;
    top:310px;
    }
    
    #f7_1 {
    position:absolute;
    left:50%;
    margin-left:-437px;
    top:496px;
    }
    
    #f7_2 {
    position:absolute;
    left:50%;
    margin-left:-439px;
    top:578px;
    }
    
    #f7_3 {
    position:absolute;
    left:50%;
    margin-left:-440px;
    top:310px;
    }


	#f8_0 {
    position:absolute;
    left:50%;
    margin-left:200px;
    top:270px;
    }
    
    #f8_1 {
    position:absolute;
    left:50%;
    margin-left:-410px;
    top:496px;
    }
    
    #f8_2 {
    position:absolute;
    left:50%;
    margin-left:110px;
    top:496px;
    }
    
    #f8_3 {
    position:absolute;
    left:50%;
    margin-left:-560px;
    top:270px;
    }


	#f9_0 {
    position:absolute;
    left:50%;
    margin-left:65px;
    top:460px;
    }
    
    #f9_1 {
    position:absolute;
    left:50%;
    margin-left:10px;
    top:565px;
    }
    
    #f9_2 {
    position:absolute;
    left:50%;
    margin-left:-380px;
    top:565px;
    }
    
    #f9_3 {
    position:absolute;
    left:50%;
    margin-left:-385px;
    top:360px;
    }



	#f10_0 {
    position:absolute;
    left:50%;
    margin-left:-25px;
    top:460px;
    }
    
    #f10_1 {
    position:absolute;
    left:50%;
    margin-left:-25px;
    top:460px;
    }
    
    #f10_2 {
    position:absolute;
    left:50%;
    margin-left:-405px;
    top:460px;
    }
    
    #f10_3 {
    position:absolute;
    left:50%;
    margin-left:-376px;
    top:460px;
    }





	#f11_0 {
    position:absolute;
    left:50%;
    margin-left:214px;
    top:232px;
    }
    
    #f11_1 {
    position:absolute;
    left:50%;
    margin-left:199px;
    top:411px;
    }
    
    #f11_2 {
    position:absolute;
    left:50%;
    margin-left:-489px;
    top:557px;
    }
    
    #f11_3 {
    position:absolute;
    left:50%;
    margin-left:-456px;
    top:460px;
    }


	#f12_0 {
    position:absolute;
    left:50%;
    margin-left:264px;
    top:421px;
    }
    
    #f12_1 {
    position:absolute;
    left:50%;
    margin-left:79px;
    top:421px;
    }
    
    #f12_2 {
    position:absolute;
    left:50%;
    margin-left:-329px;
    top:421px;
    }
    
    #f12_3 {
    position:absolute;
    left:50%;
    margin-left:-526px;
    top:421px;
    }


	#f13_0 {
    position:absolute;
    left:50%;
    margin-left:10px;
    top:630px;
    }
    
    #f13_1 {
    position:absolute;
    left:50%;
    margin-left:50px;
    top:258px;
    }
    
    #f13_2 {
    position:absolute;
    left:50%;
    margin-left:-327px;
    top:630px;
    }
    
    #f13_3 {
    position:absolute;
    left:50%;
    margin-left:-476px;
    top:470px;
    }



	#f14_0 {
    position:absolute;
    left:50%;
    margin-left:10px;
    top:290px;
    }

    #f14_1 {
    position:absolute;
    left:50%;
    margin-left:85px;
    top:471px;
    }
    
    #f14_2 {
    position:absolute;
    left:50%;
    margin-left:-390px;
    top:535px;
    }
    
    #f14_3 {
    position:absolute;
    left:50%;
    margin-left:-342px;
    top:650px;
    }




	#f15_0 {
    position:absolute;
    left:50%;
    margin-left:170px;
    top:380px;
    }

    #f15_1 {
    position:absolute;
    left:50%;
    margin-left:-30px;
    top:380px;
    }
    
    #f15_2 {
    position:absolute;
    left:50%;
    margin-left:-435px;
    top:595px;
    }
    
    #f15_3 {
    position:absolute;
    left:50%;
    margin-left:-290px;
    top:595px;
    }





	#f16_0 {
    position:absolute;
    left:50%;
    margin-left:-10px;
    top:665px;
    }

    #f16_1 {
    position:absolute;
    left:50%;
    margin-left:10px;
    top:596px;
    }
    
    #f16_2 {
    position:absolute;
    left:50%;
    margin-left:-325px;
    top:543px;
    }
    
    #f16_3 {
    position:absolute;
    left:50%;
    margin-left:-416px;
    top:463px;
    }



	#f17_0 {
    position:absolute;
    left:50%;
    margin-left:-10px;
    top:665px;
    }

    #f17_1 {
    position:absolute;
    left:50%;
    margin-left:10px;
    top:596px;
    }
    
    #f17_2 {
    position:absolute;
    left:50%;
    margin-left:-325px;
    top:543px;
    }
    
    #f17_3 {
    position:absolute;
    left:50%;
    margin-left:-416px;
    top:463px;
    }



	#f18_0 {
    position:absolute;
    left:50%;
    margin-left:165px;
    top:616px;
    }

    #f18_1 {
    position:absolute;
    left:50%;
    margin-left:270px;
    top:596px;
    }
    
    #f18_2 {
    position:absolute;
    left:50%;
    margin-left:-475px;
    top:616px;
    }
    
    #f18_3 {
    position:absolute;
    left:50%;
    margin-left:-536px;
    top:593px;
    }



	#f19_0 {
    position:absolute;
    left:50%;
    margin-left:165px;
    top:616px;
    opacity:0;


    }

    #f19_1 {
    position:absolute;
    left:50%;
    margin-left:270px;
    top:596px;
    opacity:0;

    }
    
    #f19_2 {
    position:absolute;
    left:50%;
    margin-left:-475px;
    top:616px;
    opacity:0;

    }
    
    #f19_3 {
    position:absolute;
    left:50%;
    margin-left:-536px;
    top:593px;
    opacity:0;

    }


	#f20_0 {
    position:absolute;
    left:50%;
    margin-left:165px;
    top:616px;
    opacity:0;

    }

    #f20_1 {
    position:absolute;
    left:50%;
    margin-left:270px;
    top:596px;
    opacity:0;

    }
    
    #f20_2 {
    position:absolute;
    left:50%;
    margin-left:-475px;
    top:616px;
    opacity:0;

    }
    
    #f20_3 {
    position:absolute;
    left:50%;
    margin-left:-536px;
    top:593px;
    opacity:0;

    }


    #counter0 {
    position:absolute;
    left:50%;
    margin-left:-497px;
    top:146px;
    }
    
      #counter1 {
    position:absolute;
    left:50%;
    margin-left:-462px;
    top:216px;
    }

	#counter2 {
    position:absolute;
    left:50%;
    margin-left:-462px;
    top:216px;
    }

	#counter3 {
    position:absolute;
    left:50%;
    margin-left:-519px;
    top:29px;
    }

	#counter4 {
    position:absolute;
    left:50%;
    margin-left:100px;
    top:310px;
    }


	#counter5 {
    position:absolute;
    left:50%;
    margin-left:-609px;
    top:221px;
    }


	#counter5Container {
    position:absolute;
    margin-left: 0px;
    margin-top: 0px;

    }


			#counter6 {
		    position:absolute;
			left:50%;
			margin-left:-580px;
			top:100px;
		    }
		
		
					#counter7 {
				    position:absolute;
					left:50%;
					margin-left:-21px;
					top:500px;
				    }


						#counter8 {
					    position:absolute;
						left:50%;
						margin-left:-500px;
						top:350px;
					    }
					
							#counter9 {
						    position:absolute;
							left:50%;
							margin-left:-320px;
							top:80px;
						    }
						
								#counter10 {
							    position:absolute;
								left:50%;
								margin-left:-430px;
								top:190px;
							    }
							
									#counter11 {
								    position:absolute;
									left:50%;
									margin-left:-357px;
									top:82px;
								    }
								
										#counter12 {
									    position:absolute;
										left:50%;
										margin-left:-357px;
										top:140px;
									    }	
									
									
									#counter13 {
										    position:absolute;
											left:50%;
											margin-left:-417px;
											top:95px;
										    }



											#counter14 {
												    position:absolute;
													left:50%;
													margin-left:-417px;
													top:95px;
												    }
												
														#counter15 {
															    position:absolute;
																left:50%;
																margin-left:-417px;
																top:95px;
															    }
															
																	#counter16 {
																		    position:absolute;
																			left:50%;
																			margin-left:-417px;
																			top:95px;
																		    }
																		
																		
																				#counter17 {
																					    position:absolute;
																						left:50%;
																						margin-left:-487px;
																						top:174px;
																					    }



																							#counter18 {
																								    position:absolute;
																									left:50%;
																									margin-left:-487px;
																									top:54px;
																								    }
																								
																												#counter19 {
																													    position:absolute;
																														left:50%;
																														margin-left:-487px;
																														top:54px;
																													    }
																													
																																	#counter20 {
																																		    position:absolute;
																																			left:50%;
																																			margin-left:-487px;
																																			top:54px;
																																		    }

	#stab {
		position:absolute;
	    pointer-events:none;
z-index:100;
	    }



		#ring0 {
		    position:absolute;
		    left:5px;
		    top:410px;
		    }
		
			#ring1 {
			    position:absolute;
			    left:205px;
			    top:410px;
			    }
			
				#ring2 {
				    position:absolute;
				    left:405px;
				    top:410px;
				    }
				
					#ring3 {
					    position:absolute;
					    left:605px;
					    top:410px;
					    }


							#ring4 {
							    position:absolute;
							    left:805px;
							    top:410px;
							    }



								#eis0 {
								    position:absolute;
								    left:394px;
								    top:198px;
								    }
								
									#eis1 {
									    position:absolute;
									    left:394px;
									    top:198px;
									    }
									
										#eis2 {
										    position:absolute;
										    left:394px;
										    top:198px;
										    }
										
											#eis3 {
											    position:absolute;
											    left:394px;
											    top:198px;
											    }


	#stern0 {
	    position:absolute;
	    left:472px;
	    top:235px;
	    }

		#stern1 {
		    position:absolute;
		    left:472px;
		    top:235px;
		    }
		
			#stern2 {
			    position:absolute;
			    left:472px;
			    top:235px;
			    }
			
				#stern3 {
				    position:absolute;
				    left:472px;
				    top:235px;
				    }




					#note0 {
					    position:absolute;
					    left:472px;
					    top:307px;
					    }

						#note1 {
						    position:absolute;
						    left:472px;
						    top:307px;
						    }

							#note2 {
							    position:absolute;
							    left:472px;
							    top:307px;
							    }

								#note3 {
								    position:absolute;
								    left:472px;
								    top:307px;
								    }

									#s14 {
									    position:absolute;
z-index:5;
									    }


			








										#eiLinks {
									    position:absolute;
									    left:50%;
									    margin-left:-276px;
									    top:365px;
									    }
									
										#eiRechts {
									    position:absolute;
									    left:50%;
									    margin-left:20px;
									    top:365px;
									    }
									
											#eiGelbRechts {
										    position:absolute;
										    left:50%;
										    margin-left:96px;
										    top:415px;
										    }
										
											#eiGelbLinks {
										    position:absolute;
										    left:50%;
										    margin-left:-204px;
										    top:415px;
										    }


.symbol {
    position:absolute;
    left:50%;
    margin-left:-512px;
    height:768px;
    width: 1024px;
    }


	#q0 {
	    position:absolute;
	    left:50%;
	    margin-left:-512px;
	    height:768px;
	    width: 1024px;
		opacity:0;
	
	    }
	
		#q1 {
		    position:absolute;
		    left:50%;
		    margin-left:-512px;
		    height:768px;
		    width: 1024px;
			opacity:0;
		    }
		
			#q2 {
			    position:absolute;
			    left:50%;
			    margin-left:-512px;
			    height:768px;
			    width: 1024px;
				opacity:0;
			    }
			
				#q3 {
				    position:absolute;
				    left:50%;
				    margin-left:-512px;
				    height:768px;
				    width: 1024px;
					opacity:0;
				    }




	#s5Container {
	    position:absolute;
	    }
	
		#buttonBohrer {
		    position:absolute;
margin-top: 400px;		
		    margin-left:530px;
		z-index:-1;
		    }


    
       .mund {
    position:absolute;
	top:0px;
    left:0px;
    height:768px;
    width: 1024px;
    pointer-events:none;
	opacity:0;

    }
    
 
 	#glocke0_0 {
	    position:absolute;
	    left:50%;
	    margin-left:-353px;
	    top:253px;
	    }   
	
		#glocke0_1 {
		    position:absolute;
		    left:50%;
		    margin-left:-353px;
		    top:253px;
		    }
		
			#glocke0_2 {
			    position:absolute;
			    left:50%;
			    margin-left:-353px;
			    top:253px;
			    }
			
			
	
		#glocke1_0 {
		    position:absolute;
		    left:50%;
		    margin-left:26px;
		    top:253px;
		    }

			#glocke1_1 {
			    position:absolute;
			    left:50%;
			    margin-left:26px;
			    top:253px;
			    }

				#glocke1_2 {
				    position:absolute;
				    left:50%;
				    margin-left:26px;
				    top:253px;
				    }
				
						#gurke1 {
						    position:absolute;
						    left:304px;
						    top:173px;
						    }
						
								#gurkeContainer {
								    position:absolute;
								    left:304px;
								    top:-222px;
											width:150px;
											height:400px;
											background-color:#F3E500;
								    }
						
							#gurke2 {
								position:absolute;
								bottom:0px;
					
							}

#augen1 {
    position:absolute;
    left:50%;
    margin-left:-315px;
    top:343px;
    }
    
#augen2 {
    position:absolute;
    left:50%;
    margin-left:113px;
    top:343px;
    }  

	#augen3 {
	    position:absolute;
	    left:50%;
	    margin-left:-211px;
	    top:397px;
	    }
	
		#augen4 {
		    position:absolute;
		    left:50%;
		    margin-left:-108px;
		    top:397px;
		    }  

			#lolli0 {
			    position:absolute;
			    left:50%;
			    margin-left:-88px;
			    top:200px;
			z-index:-1;
			    }
			
				#lolli1 {
				    position:absolute;
				    left:50%;
				    margin-left:-88px;
				    top:200px;
					z-index:-1;
				
				    }
				
					#lolli2 {
					    position:absolute;
					    left:50%;
					    margin-left:-88px;
					    top:200px;
						z-index:-1;
					
					    }
					
					
					
					
							#ball1_0 {
							    position:absolute;
							    left:152px;
							    top:296px;
							    }
							
								#ball1_1 {
								    position:absolute;
								    left:552px;
								    top:296px;
								    }
					
					
							#ball2_0 {
							    position:absolute;
							    left:176px;
							    top:320px;
							    }
							
								#ball2_1 {
								    position:absolute;
								    left:576px;
								    top:320px;
								    }
								
									#ball3_0 {
									    position:absolute;
									    left:243px;
									    top:388px;
									    }

										#ball3_1 {
										    position:absolute;
										    left:643px;
										    top:388px;
										    }
										
											#n1 {
											    position:absolute;
											    left:443px;
											    top:261px;
											    }
											
												#n2 {
												    position:absolute;
												    left:493px;
												    top:208px;
												    }
												
													#n3 {
													    position:absolute;
													    left:559px;
													    top:167px;
													    }
													
														#n4 {
														    position:absolute;
														    left:617px;
														    top:184px;
														    }
														
															#n5 {
															    position:absolute;
															    left:645px;
															    top:248px;
															    }
															
																#n6 {
																    position:absolute;
																    left:647px;
																    top:321px;
																    }
																
																		#n7 {
																		    position:absolute;
																		    left:606px;
																		    top:382px;
																		    }
																		
																			#n8 {
																			    position:absolute;
																			    left:545px;
																			    top:448px;
																			    }
																			
																				#n9 {
																				    position:absolute;
																				    left:481px;
																				    top:519px;
																				    }
																				
																					#n10 {
																					    position:absolute;
																					    left:443px;
																					    top:559px;
																					    }
																					
																						#n11 {
																						    position:absolute;
																						    left:408px;
																						    top:519px;
																						    }
																						
																							#n12 {
																							    position:absolute;
																							    left:339px;
																							    top:454px;
																							    }
																							
																								#n13 {
																								    position:absolute;
																								    left:281px;
																								    top:384px;
																								    }
																								
																										#n14 {
																										    position:absolute;
																										    left:243px;
																										    top:324px;
																										    }
																										
																											#n15 {
																											    position:absolute;
																											    left:236px;
																											    top:249px;
																											    }
																											
																													#n16 {
																													    position:absolute;
																													    left:268px;
																													    top:188px;
																													    }
																													
																														#n17 {
																														    position:absolute;
																														    left:329px;
																														    top:167px;
																														    }
																														
																																#n18 {
																																    position:absolute;
																																    left:396px;
																																    top:206px;
																																    }




#menu {
        position:absolute;
    left:50%;
        margin-left:-480px;


    background-color: black;
    top:720px;

    width:980px;
    height:5px;
z-index:999;
    }

   .month {
    position:absolute;
    margin-top:15px;


    }

 .amonth {
    position:absolute;
    margin-top:-28px;


    }
    
       #m0 {
	margin-top:-7px;
    
    margin-left:-5px;
z-index:23;
pointer-events:none;
    }

	       #mInfo {
		margin-top:-7px;

	    margin-left:965px;
	z-index:23;
	    }
	
	
	
		#m24:hover {
		cursor:pointer;
		    }
		
		
		       #m24 {
			margin-top:15px;

		    margin-left:926px;
		z-index:23;
		    }
		
    
          #m1 {
    margin-left:16px;
    opacity:0;
    }

         #a1 {
    margin-left:16px;
    opacity:0;
    }

         #m2 {
    margin-left:65px;
    opacity:0;
    }

         #a2 {
    margin-left:65px;
    opacity:0;
    }
    
         #m3 {
    margin-left:115px;
    opacity:0;
    }

         #a3 {
    margin-left:115px;
    opacity:0;
    }

      #m4 {
    margin-left:173px;
    opacity:0;
    }

      #a4 {
    margin-left:173px;
    opacity:0;
    }

	 #m5 {
    margin-left:222px;
    opacity:0;
    }

	 #a5 {
    margin-left:222px;
    opacity:0;
    }

	 #m6 {
    margin-left:266px;
    opacity:0;
    }

	 #a6 {
    margin-left:266px;
    opacity:0;
    }

	 #m7 {
    margin-left:315px;
    opacity:0;
    }

	 #a7 {
    margin-left:315px;
    opacity:0;
    }

	 #m8 {
    margin-left:375px;
    opacity:0;
    }

	 #a8 {
    margin-left:375px;
    opacity:0;
    }


	#m9 {
    margin-left:422px;
    opacity:0;
    }

	 #a9 {
    margin-left:422px;
    opacity:0;
    }

	#m10 {
    margin-left:472px;
    opacity:0;
    }

	 #a10 {
    margin-left:472px;
    opacity:0;
    }

	#m11 {
    margin-left:517px;
    opacity:0;
    }

	 #a11 {
    margin-left:517px;
    opacity:0;
    }



	#m12 {
    margin-left:574px;
    opacity:0;
    }

	 #a12 {
    margin-left:574px;
    opacity:0;
    }


	#m13 {
    margin-left:620px;
    opacity:0;
    }

	 #a13 {
    margin-left:620px;
    opacity:0;
    }

	#m14 {
    margin-left:671px;
    opacity:0;
    }

	 #a14 {
    margin-left:671px;
    opacity:0;
    }

	#m15 {
    margin-left:717px;
    opacity:0;
    }

	 #a15 {
    margin-left:717px;
    opacity:0;
    }


	#m16 {
    margin-left:752px;
    opacity:0;
    }

	 #a16 {
    margin-left:752px;
    opacity:0;
    }


	#m17 {
    margin-left:797px;
    opacity:0;
    }

	 #a17 {
    margin-left:797px;
    opacity:0;
    }


	#m18 {
    margin-left:836px;
    opacity:0;
    }

	 #a18 {
    margin-left:836px;
    opacity:0;
    }


	#m19 {
    margin-left:880px;
    opacity:0;
    }

	 #a19 {
    margin-left:880px;
    opacity:0;
    }



	#m20 {
    margin-left:890px;
    opacity:0;
    }

	 #a20 {
    margin-left:890px;
    opacity:0;
    }


.button {
    position:absolute;
    margin-left:-15px;
    margin-top:-42px;
width: 40px;
height: 60px;
padding-top:30px;

    }
    
    


		.textSup {

			font-size:14px;


		    }

    
	#daysBox0 {
		top:22px;
		left:45px;
		
		position:absolute;
		font-size:20px;
		color: black;
		
text-align:center;
text-transform:uppercase;
font-weight:600;
line-height:24px;
margin-top:12px;


	    }
	
	
		#daysBox1 {
			top:60px;
			left:82px;

			color: black;


			position:absolute;
			font-size:20px;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	line-height:24px;
	margin-top:12px;
		    }
		
				#daysBox2 {
					top:33px;
					left:52px;

					color: black;


					position:absolute;
					font-size:20px;
			text-align:center;
			text-transform:uppercase;
			font-weight:600;
			line-height:24px;
			margin-top:12px;
				    }
				
				
	
						#daysBox3 {
							top:100px;
							left:121px;

							color: black;


							position:absolute;
							font-size:20px;
					text-align:center;
					text-transform:uppercase;
					font-weight:600;
					line-height:24px;
					margin-top:12px;
						    }



								#daysBox4 {
									top:33px;
									left:114px;

									color: black;


									position:absolute;
									font-size:20px;
							text-align:center;
							text-transform:uppercase;
							font-weight:600;
							line-height:24px;
							margin-top:12px;
								    }


									#daysBox5 {
										top:60px;
										left:62px;

										color: black;


										position:absolute;
										font-size:20px;
								text-align:center;
								text-transform:uppercase;
								font-weight:600;
								line-height:24px;
								margin-top:12px;
									    }
									
			
											#daysBox6 {
												top:25px;
												left:62px;

												color: black;


												position:absolute;
												font-size:20px;
										text-align:center;
										text-transform:uppercase;
										font-weight:600;
										line-height:24px;
										margin-top:12px;
											    }
			
			
													#daysBox7 {
														top:23px;
														left:46px;

														color: black;


														position:absolute;
														font-size:20px;
												text-align:center;
												text-transform:uppercase;
												font-weight:600;
												line-height:24px;
												margin-top:12px;
													    }	
													
													
													
													
															#daysBox8 {
																top:25px;
																left:40px;

																color: black;


																position:absolute;
																font-size:20px;
														text-align:center;
														text-transform:uppercase;
														font-weight:600;
														line-height:24px;
														margin-top:12px;
															    }		
			
																#daysBox9 {
																	top:48px;
																	left:67px;

																	color: black;


																	position:absolute;
																	font-size:20px;
															text-align:center;
															text-transform:uppercase;
															font-weight:600;
															line-height:24px;
															margin-top:12px;
																    }
																
																
																	#daysBox10 {
																		top:7px;
																		left:82px;

																		color: black;


																		position:absolute;
																		font-size:20px;
																text-align:center;
																text-transform:uppercase;
																font-weight:600;
																line-height:24px;
																margin-top:12px;
																	    }
																	
																		#daysBox11 {
																			top:87px;
																			left:76px;

																			color: black;


																			position:absolute;
																			font-size:20px;
																	text-align:center;
																	text-transform:uppercase;
																	font-weight:600;
																	line-height:24px;
																	margin-top:12px;
																		    }
													


																					#daysBox12 {
																						top:37px;
																						left:155px;

																						color: black;


																						position:absolute;
																						font-size:20px;
																				text-align:center;
																				text-transform:uppercase;
																				font-weight:600;
																				line-height:24px;
																				margin-top:12px;
																					    }





																						#daysBox13 {
																							top:24px;
																							left:47px;

																							color: black;


																							position:absolute;
																							font-size:20px;
																					text-align:center;
																					text-transform:uppercase;
																					font-weight:600;
																					line-height:24px;
																					margin-top:12px;
																						    }
																						
																									#daysBox14 {
																										top:7px;
																										left:47px;

																										color: black;


																										position:absolute;
																										font-size:20px;
																								text-align:center;
																								text-transform:uppercase;
																								font-weight:600;
																								line-height:24px;
																								margin-top:12px;
																									    }




																											#daysBox15 {
																												top:44px;
																												left:33px;

																												color: black;


																												position:absolute;
																												font-size:20px;
																										text-align:center;
																										text-transform:uppercase;
																										font-weight:600;
																										line-height:24px;
																										margin-top:12px;
																											    }



																												#daysBox16 {
																													top:64px;
																													left:48px;

																													color: black;


																													position:absolute;
																													font-size:20px;
																											text-align:center;
																											text-transform:uppercase;
																											font-weight:600;
																											line-height:24px;
																											margin-top:12px;
																												    }




																													#daysBox17 {
																														top:24px;
																														left:98px;

																														color: black;


																														position:absolute;
																														font-size:20px;
																												text-align:center;
																												text-transform:uppercase;
																												font-weight:600;
																												line-height:24px;
																												margin-top:12px;
																													    }


																														#daysBox18 {

																																								top:144px;
																																								left:50px;

																																								color: black;


																																								position:absolute;
																																								font-size:20px;
																																						text-align:center;
																																						text-transform:uppercase;
																																						font-weight:600;
																																						line-height:24px;
																																						margin-top:12px;
																																							    }




																																									#daysBox19 {

																																																			top:94px;
																																																			left:30px;

																																																			color: black;


																																																			position:absolute;
																																																			font-size:20px;
																																																	text-align:center;
																																																	text-transform:uppercase;
																																																	font-weight:600;
																																																	line-height:24px;
																																																	margin-top:12px;
																																																		    }
																																																		
																																																		
																																																		


																																																				#daysBox20 {

																																																														top:94px;
																																																														left:30px;

																																																														color: black;


																																																														position:absolute;
																																																														font-size:20px;
																																																												text-align:center;
																																																												text-transform:uppercase;
																																																												font-weight:600;
																																																												line-height:24px;
																																																												margin-top:12px;
																																																													    }







	#days {
		margin-top:-3px;
		font-size:50px;

	    }
	
		.newsText {
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	
	    }
	
		.images {
	margin-top:20px;
	margin-bottom:20px;
	    }
	
		.audio {
	margin-top:20px;
	margin-bottom:20px;
	    }
	
			.videos {
		margin-top:20px;

		margin-bottom:20px;

		    }
		
					.videos2 {
				margin-top:20px;

				margin-bottom:20px;

				    }
				
						.videos3 {
					margin-top:20px;

					margin-bottom:20px;

					    }
		
				.videosVimeo {
			margin-top:20px;

			margin-bottom:20px;

			    }
	
			.headline {
						font-size:34px;
						color: black;

				text-transform:uppercase;
				font-weight:600;
				line-height:38px;
		
		    }
		
		
			.copyright {
						font-size:10px;
						color: black;

				font-weight:300;
				line-height:38px;
				margin-top:-30px;
				margin-left:385px;
		
		    }
		
		
		
		
			#copyright4 {
						font-size:10px;
						color: black;

				font-weight:300;
				line-height:38px;
				margin-top:-30px;
				margin-left:140px;
		
		    }
		
		
				small {
							font-size:10px;
							color: grey;


			    }
			
				.smaller {
							font-size:10px;
							color: #F5F5F5	;


			    }
		
			.highlight0{
			color:black;
			background:#F3E500;
			padding-left:10px;
			padding-right:10px;
			}
			
			.highlight1{
			color:black;
			background:#EF8172;
			padding-left:10px;
			padding-right:10px;
			}
			
				.highlight2{
				color:black;
				background:#ADCE6D;
				padding-left:10px;
				padding-right:10px;
				}
				
				.highlight3{
				color:black;
				background:#4B6FA3;
				padding-left:10px;
				padding-right:10px;
				}
				
				
				.highlight4{
				color:black;
				background:#A572A4;
				padding-left:10px;
				padding-right:10px;
				}
		
				.highlight5{
				color:black;
				background:#89B4E1;
				padding-left:10px;
				padding-right:10px;
				}
		
		
						.highlight6{
						color:black;
						background:#F9B233;
						padding-left:10px;
						padding-right:10px;
						}
						
								.highlight7{
								color:black;
								background:#E84E22;
								padding-left:10px;
								padding-right:10px;
								}
								
										.highlight8{
										color:black;
										background:#F29EC4;
										padding-left:10px;
										padding-right:10px;
										}
										
										.highlight9{
										color:black;
										background:#c9ff23;
										padding-left:10px;
										padding-right:10px;
										}
		
		
		
										.highlight10{
										color:black;
										background:#F9B342;
										padding-left:10px;
										padding-right:10px;
										}
										
										.highlight11{
										color:black;
										background:#DCEEFF;
										padding-left:10px;
										padding-right:10px;
										}
										
										
											.highlight12{
											color:black;
											background:#A3FC8D;
											padding-left:10px;
											padding-right:10px;
											}
											
											
											.highlight13{
											color:black;
											background:#FFCFFD;
											padding-left:10px;
											padding-right:10px;
											}
											
												.highlight14{
												color:black;
												background:#00FFFF;
												padding-left:10px;
												padding-right:10px;
												}
												
												
												.highlight15{
												color:black;
												background:#FFF381;
												padding-left:10px;
												padding-right:10px;
												}
												
												.highlight16{
												color:black;
												background:#A8CDAF;
												padding-left:10px;
												padding-right:10px;
												}
												
													.highlight17{
													color:black;
													background:#941B80;
													padding-left:10px;
													padding-right:10px;
													}
													
																.highlight18{
																color:black;
																background:#D53136;
																padding-left:10px;
																padding-right:10px;
																}
																
																	.highlight19{
																	color:black;
																	background:#F3E500;
																	padding-left:10px;
																	padding-right:10px;
																	}
																	
																		.highlight20{
																		color:black;
																		background:#F3E500;
																		padding-left:10px;
																		padding-right:10px;
																		}
		
		
			.startText{
				padding-top:20px;
				padding-bottom:20px;
			}
		
		
			.question{
				padding-top:20px;
				padding-bottom:20px;
				
			font-weight:600;
			}
	

	
	
	
	
	
	
	
			
    
#button0Normal{
    opacity:0;
  position:absolute;
left:4px;
top:33px;
}

#button0:hover {
cursor:pointer;
    }



#button1Normal{
  position:absolute;
}

    #button1:hover {
cursor:pointer;
    }

#button1 {
    left:49px;
    }

	    #button2:hover {
	cursor:pointer;
	    }

	#button2Normal{
	  position:absolute;
	}
    
#button2 {
   left:101px;
    }
    

		    #button3:hover {
		cursor:pointer;
		    }

		#button3Normal{
		  position:absolute;
		}

#button3 {
   left:154px;
    }
    
#button4 {
   left:203px;
    }  

	#button4:hover {
cursor:pointer;
    }

#button4Normal{
  position:absolute;
}
          

#button5 {
   left:253px;
    }  

		#button5:hover {
	cursor:pointer;
	    }

	#button5Normal{
	  position:absolute;
	}



#button6 {
   left:300px;
    } 


	#button6:hover {
cursor:pointer;
    }

#button6Normal{
  position:absolute;
}


#button7 {
   left:349px;
    } 

		#button7:hover {
	cursor:pointer;
	    }

	#button7Normal{
	  position:absolute;
	}
    


	#button8 {
	   left:396px;
	    } 

			#button8:hover {
		cursor:pointer;
		    }

		#button8Normal{
		  position:absolute;
		}


  

#button9 {
   left:445px;
    } 


			#button9:hover {
		cursor:pointer;
		    }

		#button9Normal{
		  position:absolute;
		}

#button10 {
   left:494px;
    } 

		#button10:hover {
	cursor:pointer;
	    }

	#button10Normal{
	  position:absolute;
	}



#button11 {
    left:541px;
    } 

	#button11:hover {
cursor:pointer;
    }

#button11Normal{
  position:absolute;
}


#button12 {
    left:589px;
    } 

	#button12:hover {
cursor:pointer;
    }

#button12Normal{
  position:absolute;
}


#button13 {
    left:638px;
    } 

	#button13:hover {
cursor:pointer;
    }

#button13Normal{
  position:absolute;
}


#button14 {
    left:687px;
    } 

	#button14:hover {
cursor:pointer;
    }

#button14Normal{
  position:absolute;
}
	
		
			
				#button15 {
				    left:733px;
				    }
				
						#button15:hover {
					cursor:pointer;
					    }

					#button15Normal{
					  position:absolute;
					}
					
					
				
				
					#button16 {
					    left:782px;
					    }
					
					
							#button16:hover {
						cursor:pointer;
						    }

						#button16Normal{
						  position:absolute;
						}
						
						
						
						#button17 {
						    left:830px;
						    }


								#button17:hover {
							cursor:pointer;
							    }

							#button17Normal{
							  position:absolute;
							}	
						
						
						
						
					
					
						
							#button18 {
							    left:878px;
							    }
							
									#button18:hover {
								cursor:pointer;
								    }

								#button18Normal{
								  position:absolute;
								}
							
								#button19 {
								    left:924px;
								    }
								
										#button19:hover {
									cursor:pointer;
									    }

									#button19Normal{
									  position:absolute;
									}
								
									#button20 {
									    left:970px;
									    }
									
											#button20:hover {
										cursor:pointer;
										    }

										#button20Normal{
										  position:absolute;
										}
									
									
									
										#button21 {
										    left:847px;
										    }
										
												#button22 {
												    left:888px;
												    }
												
													#button23 {
													    left:929px;
													    }
													
														#button24 {
														    left:970px;
														    }
														
															#button24Normal{
															    opacity:1;
															  position:absolute;
															left:4px;
															top:3px;
															}

															#button24:hover {
															cursor:pointer;
															    }
    
#newsContainer {
position:absolute;
    left:50%;
        margin-left:-480px;
    } 
    
	#symbolContainer {
	position:absolute;
	    left:50%;
	    }
	
		#s6Container {
	

		    }
    
    
.news {
        top:800px;

        position:absolute;

    	width:920px;
	background-color:white; 

	border-width:30px;
	  border-style:solid;



	    margin-bottom: 130px;
	    box-shadow: 0 30px 70px rgba(0,0,0,0.45);
	    -webkit-box-shadow: 0 30px 70px rgba(0,0,0,0.45);
	    -moz-box-shadow: 0 30px 70px rgba(0,0,0,0.45);






    } 
    

	
	#news9 {

	    	height:1010px;


	    }
	
	

      #imprintButton {
position:absolute;
	right: 200px;
text-decoration: underline;
	    } 
	
		      #linkButton {
		position:absolute;
			right: 20px;
		text-decoration: underline;
			    }


		      #imprintButton:hover {
cursor:pointer;
color:#E5187E;
			    }
			
						      #infoButton:hover {
				cursor:pointer;
				color:#E5187E;
							    }			


#imprint {
	display:none;
	
	position:fixed;
	top: 50%;
	left: 50%;
	margin-top: 0px;
	
	margin-left: -510px;
	
	
	
		width:940px;
	background-color:white; 

	border-width:30px;
	  border-style:solid;
	
	



	    box-shadow: 0 30px 70px rgba(0,0,0,0.45);
	    -webkit-box-shadow: 0 30px 70px rgba(0,0,0,0.45);
	    -moz-box-shadow: 0 30px 70px rgba(0,0,0,0.45);
	
	border-color: #E5187E;
	
	font-size:10px;
	
	padding:20px 20px 20px 20px;
	
	z-index:1001;
	
}


h1 {
 	border-color: #E5187E;
	font-size:14px;
}

h4 {
 	color: #E0EEE0;
	font-size:10px;
}


a,
a:visited {
    text-decoration: underline;
 	color: #E5187E;

}

		      #overlay {
			background-color:black;
			position:fixed;
height:100%;
width:100%;
z-index:1000;
display:none;
opacity:0.5;
			    }
			
				      #overlay:hover {
					cursor:pointer;
					    }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }




    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}