h2,
h3,
h4,
h5			{
			font-family: "Comic Sans MS", serif;
			text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.25);
			}			

h2			{
			font-size: 180%;
			margin-bottom: 15px;
			}

h3			{
			font-size: 140%;
			}

h4			{
			font-size: 130%;
			margin-bottom: 15px;
			color: #2c9705;
			}

h5			{
			font-size: 110%;
			margin-bottom: 5px;
			}

h6			{
			font-size: 110%;
			margin-bottom: 6px;
			font-variant: small-caps;
			font-weight: bold;
			}

body		{
			font-size: 100%;
			background-image: url("src/sand.jpg");
			background-attachment: fixed;
			}


html		{
			height: 101%;
			}
			
			
.skiplink	{
			position: absolute;
			top: -2000px;
			left: -3000px;
			width: 0px;
			height: 0px;
			overflow: hidden;
			display: inline;
			}


#regenbogen_logo		{
						position: absolute;
						top: 15px;
						left: 40px;
						}	

#zentrieren		{
				margin: 2em auto 0 auto;
				width: 1000px;
				}


strong		{
			font-weight: bold;
			}

hr			{
			margin: 20px 0;
			}



#wrapper	{
			background: white;
			color: #4f5251;
			font-family: 'Ubuntu', sans-serif;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 15px 30px 0 rgba(0, 0, 0, 0.3);
		 	border-radius: 10px;
			
}
			
			
a			{
			color: #28599c;
			}
			

#ballons	{
			z-index: 2000;
			float: right;
			position: relative;
			bottom:60px;
			left:40px;
			width: 190px;
			
			}

.paypal		{
			width: 190px;
			margin: 10px 0 0 24px;
			}
		
#mitte		{
			z-index: 1000;
			margin: 0;
			padding: 20px 40px 10px 40px;
			
			}

		
#mitte p	{
			color: #4f5251;
			line-height: 1.4em;
			margin-bottom: 20px;
			}

#mitte p img		{
					vertical-align: middle;
					}


.table_pdf,	
.table_kontakt,
.mitarbeiter,
.table_impressum,
#terminkalender		{
					margin-bottom: 30px;
					}


#kontaktformular	{
					margin-bottom: 20px;
					}
					
#kontaktrahmen		{
					width: 450px;
					background-color: #e3e7f2;
					padding: 20px;
					margin-bottom: 20px;
					}
					
#terminkalender td	{
					padding: 8px 0 8px 5px;
					vertical-align: middle;
					font-size: 90%;
					border-bottom: 1px solid #e3e7f2;
					}
					
#terminkalender th	{
					padding-left: 5px;
					height: 30px;
					font-weight: bold;
					background-color: #e3e7f2;
					}

#adminkalender		{
					margin-bottom: 10px;
					}
	
						
#adminkalender td	{
					height: 30px;
					padding-left: 5px;
					vertical-align: middle;
					font-size: 90%;
					}
						
.table_pdf td	{
				height: 35px;
				vertical-align: top;
				}
				
.mitarbeiter td,
.table_impressum td,
.table_kontakt td		{
						vertical-align: top;
						padding-bottom: 12px;
						}
						
.fw td					{
						vertical-align: top;
						}
						


	
#konten		{
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
			border-radius: 10px;
			float: right;
			width: 250px;
			margin: 0 10px 0 20px;
			padding: 14px;
				}

.sohelfensie {
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
			border-radius: 10px;
			padding: 14px;
}

iframe		{
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
			border-radius: 10px;
		}


#konten .rot {
			 color: #f22903;
			 font-weight: bold;
			 }
			
#konten p	{
			font-size: 85%;
			}


#boxen	{
		width: 100%;
		display: flex;
		box-sizing: border-box;
		z-index: 3000;
   		align-items: center;
		height: 200px;
		padding: 0 20px;
		}



.box 	{
		flex: content;
		width: 30%;
		height: 140px;
		padding: 6px;
		margin: 0 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
		border-radius: 10px;
		}
			
.box h5	{
		color:  #0d2f6e;
		padding: 8px 14px;
		}
		
.box p	{
		padding: 0 14px 16px 14px;
		color: #4f5251;
		line-height: 1.4em;
		}





.green		{
			background-color: #c8e4c0;
			}
		
#kontaktformular td 	{
						padding: 5px;
						}
						
#kontaktformular input,
#kontaktformular textarea		{
								border: 1px solid #a2a2a2;
								padding: 5px;
								font-size: 100%;
								font-family: "Arimo", sans-serif;
								}
		
		
.stellenausschreibung

		{
		width: 520px;
		margin-bottom: 2em;
		padding: 10px 20px;
		-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border: 1px solid red;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
			border-radius: 10px;
		}



.alpen

		{
		width: 790px;
		height: 180px;
		overflow: hidden;
		margin: 0 auto;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
		border-radius: 10px;
		}



		
#waswirtunliste		{
					margin: 0 0 30px 30px;
					list-style-image: url("src/list_icon.jpg");
					}

#diekinderliste		{
					margin: 0 0 30px 30px;
					list-style-image: url("src/kinderliste_icon.jpg");
					}

#nachsorgeliste		{
					margin: 0 0 30px 30px;
					list-style-image: url("src/nachsorge_icon.jpg");
					}

#wohnungenliste		{
					margin: 0 0 30px 30px;
					list-style-image: url("src/wohnungen_icon.jpg");
					}
					
#fwliste		{
					margin: 0 0 30px 30px;
					list-style-image: url("src/fw_icon.jpg");
					}

#mitbringenliste	{
					margin: 0 0 30px 30px;
					list-style-image: url("src/mitbringen_icon.jpg");
					}					
					
#waswirtunliste li,
#diekinderliste li,
#nachsorgeliste li,
#wohnungenliste	li,
#mitbringenliste li,
#fwliste li	{	
					padding: 6px 0 6px 0;
					line-height: 1.4em;
					}
					
#fussbereich		{
					
					padding: 15px 0;
					
					}

#fussbereich img	{
					vertical-align: text-bottom;
					}

address		{
			color: #333;
			text-align: center;
			padding: 5px 0;
			font-family: 'Open Sans', sans-serif;
			}
			


			.snow{
				z-index: 5000;
				background-image:
						url(https://i.imgur.com/uYjnk8N.png),
						   url(https://i.imgur.com/iAGD6MA.png),
						   url(https://i.imgur.com/hIJDjbg.png);
				animation: snow 30s linear infinite;
				}
				
				@keyframes snow {
					0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
					100% {background-position: 500px 1000px, 400px 400px, 300px 300px}
				}