@charset "utf-8";

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

/*--Schriften--------------------------------------------------------*/
@font-face		{ font-family: bahl;
								src: url('A_FONTS/bahl.ttf');
							}
/*-------------------------------------------------------------------*/

/*--alles------------------------------------------------------------*/
html 				    { width:100%; height:100%; margin:0; padding:0;
							}
body					{ width:100%; min-width:410px; height:100%; margin:0; padding:0;
								background-color: #534A4B;
								font-family: verdana, arial, helvetica, sans-serif;
								font-size:13px; line-height:16px; font-weight:bold; letter-spacing:2px;
								color: #190D21; 
								cursor: default;
							}


h1						{ display: block; margin: 21px 0 0;	padding: 13px 8px;
								font-family: verdana, arial, sans-serif; font-size:1.9em; line-height: 2em; font-weight:bold;
								text-align: center;
								word-wrap: break-word;
								background-image:-moz-linear-gradient(#F4F7F7,#C2C595);
								background-image:-webkit-linear-gradient(#F4F7F7,#C2C595);
								background-image:linear-gradient(#F4F7F7,#C2C595);
							}							
h2						{ clear: both; display:block; margin: 21px 0 0; padding: 13px 8px;
								font-family:bahl; font-size:1.6em; font-weight:bold;
								text-align: center;
								background-image:-moz-linear-gradient(#F4F7F7,#C2C595);
								background-image:-webkit-linear-gradient(#F4F7F7,#C2C595);
								background-image:linear-gradient(#F4F7F7,#C2C595);
							}			
					
h3						{ clear: both; display:block; width: 94%; margin: 8px; padding: 3px;
								text-align: center;
								font-family:arial, sans-serif; font-size:1.3em; font-weight:bold;
								background-color: #CCFFFF;
							}	
							
h4						{ clear:both; display:block; margin: 13px 8px 3px; padding: 0 8px;
								font-family:arial, sans-serif; font-size:1.1em; font-weight:bold;
								background-color: #FFF8DC;
							}
							
p							{ display:block; margin: 8px; padding:3px;
								background-color:#F4F7F7;
								word-wrap: break-word;
							}				

a							{ display:inline-block; float:right; margin: 0 13px; padding: 3px 8px;
								font-family:arial, sans-serif; font-size:1.1em; font-weight:bold; letter-spacing:2px;
								text-decoration:none;
								text-align:center;
								color:#F4F7F7; 
								border:3px solid #6699FF; -webkit-border-radius:5px; border-radius:5px;
								cursor: pointer;
								background-color:#6699FF;
							}						
a:hover						{ text-decoration: underline;
								border-color:#F4F7F7; 
							}				

form						{ clear:both; display:block; width:240px; margin:34px auto;
							}		

input						{ display:inline-block; margin: 0 13px; padding: 3px 8px;
								font-family:arial, sans-serif; font-size:1.3em; font-weight:bold; letter-spacing:3px;
								text-align:center;
								color:#190D21; 
								border:3px solid #CCFF66; -webkit-border-radius:5px; border-radius:5px;
								cursor: text;
							}
							
[type="submit"]				{ width:210px; margin:13px;
								color:#F4F7F7;
								background-color:#868E6A;
								cursor:pointer;
								-moz-transition:background-color ease 0.8s;
								-webkit-transition:background-color ease 0.8s;
								transition:background-color ease 0.8s;
							}							
[type="submit"]:hover 
							{ background-color:#990000;
							}								
					
							
ul							{ margin: 0; padding:3px;
								background-color:#F4F7F7;			
								
							}							
li							{ margin:0 8px 8px;
								list-style-type: none;
							}		
							
.box_a				{	float:left; width: 290px; height: 260px; margin: 8px; padding:5px;
								border:3px solid #CCFF66; -webkit-border-radius:3px; border-radius:3px;
								background-color:#F4F7F7;
							}
.box_a2			{	float:left; width: 90%; max-width:800px; margin: 8px; padding:5px;
								border:3px solid #CCFF66; -webkit-border-radius:3px; border-radius:3px;
								background-color:#F4F7F7;
							}							
.box_b				{ clear: both; display:block; width: 100%; max-width:680px; margin: 8px auto 13px; padding:5px 0;
								border-style:none;
								background-color:#F4F7F7;
							}
							
.panel_1			{ float:left; width: 210px; margin: 0 8px 8px; padding:3px 8px 3px;
								background-image:-moz-linear-gradient(90deg, #D4D0C8 68%, #CCFF99 32%);
								background-image:-webkit-linear-gradient(90deg, #D4D0C8 68%, #CCFF99 32%);
								background-image:linear-gradient(90deg, #D4D0C8 68%, #CCFF99 32%);
							}				
.panel_1 span	{ float:right; margin-right: 8px; 
							}
							
.panel_2			{ display:inline-block;  width: 340px; margin: 0 8px 8px; padding:3px 0 3px 8px;
								text-align: left;
								background-image:-moz-linear-gradient(90deg, #D4D0C8 88%, #CCFF99 12%);
								background-image:-webkit-linear-gradient(90deg, #D4D0C8 88%, #CCFF99 12%);
								background-image:linear-gradient(90deg, #D4D0C8 88%, #CCFF99 12%);
							}	
.panel_2 span	{ float:right; display:inline; margin-right: 8px; 
							}
							
/*
.panel_3			{ float: left;  display:block; margin: 0 8px 8px; padding: 3px 0 3px 8px;
								text-align: left;
								background-image:-moz-linear-gradient(90deg, #D4D0C8 34%, #CCFF99 66%);
								background-image:-webkit-linear-gradient(90deg, #D4D0C8 34%, #CCFF99 66%);
								background-image:linear-gradient(90deg, #D4D0C8 34%, #CCFF99 66%);
							}	
.panel_3 span	{ float:right; display:inline; margin-right: 8px; 
							}*/
							
.panel_3a			{ display: inline-block; width: 55px; margin: 0 8px 8px; padding: 3px 0 3px 8px;
								text-align: center;
								background-color: #D4D0C8;
							}	
.panel_3b			{ display: inline-block; padding-right:8px;
								text-align: right;
								background-color: #CCFF99;
								border-right: 3px solid #D4D0C8;
							}
							
.panel_4			{ display: block; min-width: 400px; margin: 0 0 0 8px; padding: 0;
							}	
span.lt				{ display: inline-block; min-width: 340px; margin: 0 0 8px 0; padding:3px 3px 3px 8px;
								text-align: left;
								background-color: #D4D0C8;
							}
span.rt				{ display: inline-block; width: 34px; margin: 0; padding:3px;
								text-align: center;
								background-color: #CCFF99;
							}
							
.panel_5			{ display: inline-block; width: 340px; margin: 0 8px 8px; padding:3px 0 3px 8px;
								text-align: left;
								background-image:-moz-linear-gradient(90deg, #D4D0C8 68%, #CCFF99 32%);
								background-image:-webkit-linear-gradient(90deg, #D4D0C8 68%, #CCFF99 32%);
								background-image:linear-gradient(90deg, #D4D0C8 68%, #CCFF99 32%);
							}	
.panel_6			{ display: inline-block; width: 68%; min-width: 390px; margin: 0 0 8px 8px; padding:2px 3px;
								text-align: left;
								background-image:-moz-linear-gradient(90deg, #D4D0C8 76%, #CCFF99 24%);
								background-image:-webkit-linear-gradient(90deg, #D4D0C8 76%, #CCFF99 24%);
								background-image:linear-gradient(90deg, #D4D0C8 76%, #CCFF99 24%);
							}	
							}	
/*.w300				{ float:left; width:300px; margin: 0; padding: 0;  
							}*/
.w210				{ float:left; width:290px; margin: 0; padding: 3px 0 3px 8px;;
							}
.fl					{ float:right; width:34px; margin: 0; padding: 3px 0 3px 5px;  
								text-align: center;
							}						

							
textarea,
select					{ display:block; position:left; width:90%; margin:8px auto; padding:8px;
								font-size: 1.1em; text-align:left;
								border:3px solid #CCFF66; -webkit-border-radius:3px; border-radius:3px;
							}									
							
.text					{ padding: 3px 8px;
								border: 2px solid #CCFF66;
								text-align:left;
							}							

.left					{ text-align: left;
							}
.mitte					{ text-align:center;
							}			
.right					{ text-align: right;
							}							
							
.line_green		{ display:block; width:100%; height:1px; margin:13px 0;
								background-color:#CCFF66;
							}
					
.clearall				{ clear:both; width:100%; 
							}		

.h34					{	clear:both; height:34px; }			
.h130					{	clear:both; height:130px; }	
/*-------------------------------------------------------------------*/					



/*--inhalt-----------------------------------------------------------*/
.inhalt				{ clear:both; display:block; margin:21px 13px; padding:8px;
								border:3px solid #F7F59B; -webkit-border-radius:5px; border-radius:5px;
								-webkit-box-shadow:#F7F59B -5px 0px 8px,#F7F59B 5px -3px 8px,#C2C595 3px 8px 13px,#FF918C -2px 1px 2px;
								box-shadow:#F7F59B -5px 0px 8px,#F7F59B 5px -3px 8px,#C2C595 3px 8px 13px,#FF918C -2px 1px 2px;
							}				
							
.eingaben			{ display:inline-block; width:96%; padding:8px;
								background-color:#F4F7F7;
								border:3px solid #C2C595; -webkit-border-radius:3px; border-radius:3px;
							}		

.hinweis			{ display:block; width:340px; margin: 89px auto; padding:21px 21px 89px;
								font-size:2.1em; line-height:1.3em;  color:#F7F59B;
								text-align:center;
								background-image:-moz-linear-gradient(#534A4B,#F7F59B);
								background-image:-webkit-linear-gradient(#534A4B,#F7F59B);
								background-image:linear-gradient(#534A4B,#F7F59B);
								border:3px solid #990000; -webkit-border-radius:3px; border-radius:3px;
								-webkit-box-shadow:#F7F59B -5px 0px 8px,#F7F59B 5px -3px 8px,#C2C595 3px 8px 13px,#FF918C -2px 1px 2px;
								box-shadow:#F7F59B -5px 0px 8px,#F7F59B 5px -3px 8px,#C2C595 3px 8px 13px,#FF918C -2px 1px 2px;
							}			
.ende					{ clear:both; display:block; width:240px; margin:34px auto;
							}							
/*-------------------------------------------------------------------*/



/*--copyright--------------------------------------------------------*/
.copyright		{ width:90%; margin:8px auto; padding:13px 0 89px 0; 
							font:normal 12px arial,sans-serif; color:#C2C595; text-align:center; letter-spacing:1px;
							/*text-shadow:-2px -2px 5px #F7F59B, 5px 5px 8px #F7F59B;*/
							/*text-shadow: #F7F59B -5px 0px 8px,#F7F59B 5px -3px 8px,#C2C595 3px 8px 13px,#FF918C -2px 1px 2px;*/
							border-top:1px solid #C2C595;
						}
/*-------------------------------------------------------------------*/
