@charset "utf-8";

/*-------------------------------------------------------------------*/
/*--!!!--KLassen und IDs dürfen in CSS nicht mit Ziffern beginnen----*/
/*-------------------------------------------------------------------*/

/*--Farben-----------------------------------------------------------*/
/*	
paper: #F6F5EE #E8E6C7 #EFEEDC		
gelb: #F8F1AA		grün: #018965 grau: #E1E4D2
Schrift: #534A4B	*/
/*-------------------------------------------------------------------*/

/*--Schriften--------------------------------------------------------*/
@font-face		{ font-family: disput; src: url('A_FONTS/dism.ttf'); }
@font-face		{ font-family: bahl; src: url('A_FONTS/bahl.ttf'); }
@font-face		{ font-family: barbara; src: url('A_FONTS/bbad.ttf'); }
@font-face		{ font-family: french; src: url('A_FONTS/tt0625m_.ttf'); }



/*-------------------------------------------------------------------*/

/*--alles------------------------------------------------------------*/
html 				    { width: 100%; height: 100%; margin: 0; padding: 0;
							}
body					{ width: 100%; min-width: 320px; height: 100%; margin: 0; padding: 0 0 34px;
								font-family: verdana, arial, helvetica, sans-serif;
								font-size: 11px; line-height: 1.3em;	font-weight: bold; letter-spacing: 1.3px;
								color: #7D7864; 
								background-attachment: fixed;	
								background-color: #E8E6C7;
								background-image: -moz-linear-gradient(90deg, #018965 34%, #F8F1AA 34%, #E8E6C7 55%, #F6F5EE);
								background-image: -webkit-linear-gradient(90deg, #018965 34%, #F8F1AA 34%, #E8E6C7 55%, #F6F5EE);
								background-image: linear-gradient(90deg, #018965 34%, #F8F1AA 34%, #E8E6C7 55%, #F6F5EE);
								border-style: none;
								cursor: default;
								word-wrap: break-word;
							}	
							
.inhalt				{ clear: both;  width: 90%; max-width: 680px;  min-width: 300px; margin: 21px auto 0; padding: 8px 0 21px;
								background: rgba(246, 245, 238, 0.9);
								/*background-color: #F6F5EE;						*/
								border: 1px solid #E8E6C7; -webkit-border-radius: 5px; border-radius: 5px;
								border-right: 3px solid #E1E4D2;
							}		
		@media screen and (max-width: 550px)	{ 
		.inhalt						{ width: 100%; margin: 21px 0;
												border-left-style: none; border-right-style: none;
												-webkit-border-radius: 0; border-radius: 0;
											}		
		}
							
h1						{ display: block; width: 90%; max-width: 800px; min-width: 300px; margin: 34px auto 21px; padding: 5px 0 13px;
								font-family: disput, verdana, sans-serif; font-size: 3em; line-height: 1em; font-weight: bold; letter-spacing: 8px;
								color: #018965 /*#7D7864*/; 
								text-align: center;
								border: 2px solid #FFFFFF;
								/*border-right-color: #F8F1AA; border-left-color: #F8F1AA;*/
								-webkit-border-radius: 13px; border-radius: 13px;
								background-color: #E8E6C7;
								background-image: -moz-linear-gradient(#E8E6C7, #EFEEDC, #FFFFFF, #E8E6C7);
								background-image: -webkit-linear-gradient(#E8E6C7, #EFEEDC, #FFFFFF, #E8E6C7);
								background-image: linear-gradient(#E8E6C7, #EFEEDC, #FFFFFF, #E8E6C7);
								opacity: 0.9;
							}
.h1_div				{ display: block; width: 90%; max-width: 800px; min-width: 300px; margin: 13px auto; padding: 0;
								background-color: transparent;
							}
							
.h1_klein			{ display: inline-block;
								font-family: verdana, sans-serif; font-size: 0.4em; line-height: 1em; 
							}
							
h2						{ clear: both; margin: 8px 13px 13px; padding: 5px 8px 8px;
								font-family: verdana, sans-serif; font-size: 1.3em; line-height: 1.3em; font-weight: bold; letter-spacing: 3px;
								color: #018965 /*#534A4B*/; 
								text-align: center;
								background-color: #FFFFFF;
								 -webkit-border-radius: 5px; border-radius: 5px;
							}
		
h3						{ clear: both; margin: 0 0 8px; padding: 3px 8px;
								font-family: verdana, sans-serif; font-size: 1.1em; line-height: 1.3em; font-weight: bold; letter-spacing: 2px;
								color: #7D7864; 
								text-align: left;
								background-color: #F8F1AA;
							}
							
		@media screen and (max-width: 550px)	{ 
		h1					{ width: 100%; margin: 21px 0 21px; padding: 5px 0 8px;
									font-size: 2.4em; letter-spacing: 3px;
									border-left-style: none; border-right-style: none;	 -webkit-border-radius: 0; border-radius: 0;
								}
		h2					{ clear: both; display: block; width: 94%;  margin: 8px auto; padding: 3px 5px;									
								}
		}		
							
p							{ display: block; max-width: 680px; margin: 8px 13px 0px; padding: 5px 8px;
								text-align: left;
								background-color: /*transparent*/#FFFFFF;
								border-style: none;
							}
		/*@media screen and (max-width: 550px)	{ 
		p					{ width: 94%; margin: 0 3% 13px; padding: 5px 0;
							}
		}	*/				
		
a							{ font-family: verdana, sans-serif; font-size: 1em; line-height: 1.3em; font-weight: bold; letter-spacing: 3px;
								text-align: center;
								color: #534A4B; 
								text-decoration: none; 
								background-color: #E8E6C7;
								border: 2px solid #018965 /*#FFFFFF*/; -webkit-border-radius: 5px; border-radius: 5px;
								cursor: pointer;
							}

.firstletter			{ display: inline-block; padding-right: 3px; 
								font-family: disput, sans-serif; font-size: 2.1em; line-height: 1em;	font-weight: bold; letter-spacing: 2px;
							}				
							
.hinweis			{ padding: 3px 8px;
								background-image: -moz-linear-gradient(#F8F1AA, #FFFFFF);
								background-image: -webkit-linear-gradient(#F8F1AA, #FFFFFF);
								background-image: linear-gradient(#F8F1AA, #FFFFFF);
								border-bottom: 3px solid #F8F1AA; -webkit-border-radius: 3px; border-radius: 3px;
							}
							
.box1_img_a	{ float: left; display: block; width: 42%; max-width:300px; margin: 8px auto 8px 8px;
								border-style: none;
								
							}
.box1_img_a img	{ display: inline-block; width: 100%; 
							}							
.box1_txt			{ float: right; width: 55%; margin: 0 0 8px 0;
							}				
.box1_txt_left	{ float: left; width: 80%; margin: 0 8px 8px 21px;
							}				
.box2_white		{ clear: both;  margin: 8px 13px 13px; padding: 0;
								background-color: #FFFFFF;						
								-webkit-border-radius: 5px; border-radius: 5px;
							}							
							
.a_o_re				{ float: right; width: 130px; margin: 0; padding: 5px;
							}

.a_u_re				{ float: right;  width: 130px; margin: 13px 21px 8px; padding: 5px;	
								/*background-image: -moz-linear-gradient(#FFFFFF, #F6F5ED 80%, #FFFFFF);
								background-image: -webkit-linear-gradient(#FFFFFF, #F6F5ED 80%, #FFFFFF);
								background-image: linear-gradient(#FFFFFF, #E1E4D2 80%, #FFFFFF);*/		
							}
							
		@media screen and (max-width: 550px)	{
		.box1_img_a		{ clear: both; display: block; width: 80%; margin: 8px auto 0; padding: 0;
										}			
		.box1_img_a img	{ display: inline-block; width: 96%; margin: 0 2%;
										}	
		.box1_txt				{ clear: both; display: block; width: 100%; margin: 8px 0; padding: 0;
										}		
		.a_u_re					{ margin-top: 13px;
										}
		}					
		
.box3					{	margin-top: 55px; margin-bottom: 34px;
								background-image: -moz-linear-gradient(#E8E6C7, #EFEEDC, #E8E6C7);
								background-image: -webkit-linear-gradient(#E8E6C7, #EFEEDC, #E8E6C7);
								background-image: linear-gradient(#E8E6C7, #EFEEDC, #E8E6C7);
							}
          
table					{ display: inline-block; margin: 8px 8px 13px 13px; padding: 0;
								text-align: left;
								background-color: #FFFFFF;
							}
tr							{ vertical-align: top; 
							}
tr td:first-child	{ padding-right: 8px;
							}
														
form					{ display: inline-block; width: 100%; margin: 13px auto;
							}
							
input, textarea	{ display: inline-block; width: 280px; max-width: 80%; margin: 8px 13px 0 0; padding: 3px;
								font-family: verdana, sans-serif; font-size: 1em; line-height: 1em; font-weight: bold; letter-spacing: 1.6px;
								color: #534A4B; 
								background-color: #FFFFFF;							
								border: 1px solid #E1E4D2; -webkit-border-radius: 3px; border-radius: 3px;			
								cursor: text;
							}							

[type="radio"]	
							{ width: 80px; max-width: 80px; 
							}
[type="email"]
							{ width: 300px; max-width: 300px; 
							}
[type="number"]	
							{ width: 80px;
							}
.a_re, [type="submit"]	
							{ float: right;  width: 300px; margin: 0 13px 13px auto; padding: 5px 13px;
								font-size: 1.1em;
								background-color: #F6F5EE;
								background-image: -moz-linear-gradient(#E1E4D2, #FFFFFF, #E1E4D2);
								background-image: -webkit-linear-gradient(#E1E4D2, #FFFFFF, #E1E4D2);
								background-image: linear-gradient(#E1E4D2, #FFFFFF, #E1E4D2);
								border: 2px solid #E8E6C7; -webkit-border-radius: 5px; border-radius: 5px;
								border-right: 8px solid #F8F1AA;
								cursor: pointer; 
							}

							
.a_li					{ float: left; width: 300px; margin: 0 auto 13px 13px; padding: 5px 13px;
								font-size: 1.1em;
								background-color: #F6F5EE;
								background-image: -moz-linear-gradient(#E1E4D2, #FFFFFF, #E1E4D2);
								background-image: -webkit-linear-gradient(#E1E4D2, #FFFFFF, #E1E4D2);
								background-image: linear-gradient(#E1E4D2, #FFFFFF, #E1E4D2);								
								border: 2px solid #FFFFFF; -webkit-border-radius: 5px; border-radius: 5px;
								border-left: 8px solid #F8F1AA;
							}
							
		@media screen and (max-width: 550px)	{ 
		.a_li, .a_re		{ width: 280px; max-width: 94%; margin: 13px auto;
									}
		}	
		
.a_klein				{ display: inline-block;  width: 130px; margin: 8px; padding: 5px;
								font-family: verdana, sans-serif; font-size: 1.1em; line-height: 1.3em; font-weight: bold; letter-spacing: 3px;
								color: #534A4B; 
								text-align: center;	
								border: 2px solid #FFFFFF; -webkit-border-radius: 5px; border-radius: 5px;
								cursor: pointer;
							}							

.a_text				{ display: inline; padding: 1px 3px;
								color: #7D7864;
								background-color: #F4EEAF;
								border: 1px solid #F8F1AA; border-bottom: 1px solid #E1E4D2; 
							}							
							
[type="submit"]:hover, a:hover	{ background-image: none; background-color: #F6F5ED;
								/*border-color: #FFFFFF;*/
							}	
.a_text:hover	{ background-color: #FFFFFF;
									border: 1px solid #018965;
							}
							
.btn_ppm, .papypal_qr	
							{ display: block; width: 210px; margin: 8px auto; padding: 0 8px;
								border: 2px solid #029AE0; -webkit-border-radius: 5px; border-radius: 5px;
								border-right: 8px solid #F8F1AA;
							}
.btn_ppm:hover, .papypal_qr:hover
							{ border: 2px solid #F8F1AA; border-right-width: 8px;
							}

							
.transparent	{ background-color: transparent;
							}
.sand					{ background-color: #E8E6C7;
							}							
.border_u			{ margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #E1E4D2;
							}
.noborder			{ border-style: none;
							}
.hidden				{ clear: both; visibility: hidden; width: 0; height: 0; 
								margin: 0; padding: 0;
								border-style: none;
							}
							
							
.float_l				{ float: left; 
							}
.float_r				{ float: right; 
							}
.tab_21				{ display: inline-block; margin-left: 21px;
							}
.tab_42				{ display: inline-block; margin-left: 42px;
							}
.mitte					{ text-align: center;
							}
		@media screen and (max-width: 550px)	{ 
		.tab_21, .tab_42	{ margin-left: 13px;
											}
		}	
							
							
.clearall				{ clear: both; display: block; width: 100%; 
							}						
.nowrap			{ white-space: nowrap;
							}
							
							
.klein					{ font-size: 0.8em; line-height: 0.9em;
							}							
.w13P				{ width: 13%; min-width: 80px; padding-left: 8px;
							}
.w130				{ display: inline-block; width: 130px; margin: 0;
							}

.h30					{ clear: both; width: 100%; height: 30px; 
							}
.h80					{ clear: both; width: 100%; height: 80px; 
							}
.h130					{ clear: both; width: 100%; height: 130px; 
							}
							
/*-------------------------------------------------------------------*/					



/*--copyright--------------------------------------------------------*/
.copyright			{ clear: both;  width: 90%; max-width: 680px;  min-width: 300px; margin: 89px auto 0; padding: 5px 0 55px 0;
								font-size: 0.8em;
								text-align: center;
								background-color: transparent;	
								border-top: 1px solid #E8E6C7;
							}		
/*-------------------------------------------------------------------*/