﻿* {
  box-sizing: border-box;
}







body {
max-width: 960px;
	margin: 0 auto;
	font-family:  Arial, Helvetica, sans-serif;
	  font-size: 12pt; Color: #000000;

}







#format-1 {
	  width: 50% ;
	  height: 20px;
	  border: none;
	  border: 0px solid #CCCCCC;
	  border-radius:6px;
	  background-color: #FFFFFF;
	  	  font-family:  Arial, Helvetica, sans-serif;
	  font-size: 12pt;
	  Color: #000000;
	  text-align: left;  
}











	
	
	


.anzeigeregel {
	height: 20px;
 	color:     #000000;
 	display: none;
 	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16pt; text-align: left

}






.adresse-a  {
width: 100px;
float:  left  ;
 font-family:  Arial, Helvetica, sans-serif;
	  font-size: 12pt; Color: #000000;
	  text-align: left;

}



.adresse-b  {
width:     ;
float: left   ;
 font-family:  Arial, Helvetica, sans-serif;
	  font-size: 12pt; Color: #000000;
	  text-align: left;

}



	
	
	#format-2 {
	  width: 70px;
	  height: 18px;
	  background-color: #ffffff;
	  border-color: #000000;
	  border-width: 0px;
	  border-radius:6px; 
	  border: 0px solid #CCCCCC;
	  font-family: arial, normal;
	  font-size: 12pt; Color: #000000;
	  text-align:left;	  
	  float:left;
	}



	#format-3 {
	  width: 100%;
	  height: 50px;
	  border-color: #000000;
	  border: none;
	  border-width: 0px;
	  border-style: dotted;
	  border-radius:6px;
	  font-family: arial, normal;
	  font-size: 12pt; Color: #000000;
	  text-align:  left;
	  padding: 5px;
	  
	  background-color: #ffffff;
	}




	#format-5 {
	  width: 175px;
	  height: 20px;
	  
	  border-color: #000000;
	  border: none;
	  border-width: 0px;
	  border-style: dotted;
	  border-radius:6px;
	  font-family: arial, normal;
	  font-size: 12pt; Color: #000000;
	  text-align: left;
	  
	  background-color: #ffffff;
	}













		#format-4 {
	  width: 125px;
	  height: 20px ;
	  border: none;
	  border-bottom: 0px dotted #000000;
	  border-radius:6px;
	  font-family:  Arial, Helvetica, sans-serif;
	  font-size: 12pt; Color: #000000;
	  text-align: left; 
	  background-color: #ffffff;
	
	}

	
	
	
	
	
.spam-1 {
	height: 25px;
	width: 250px;
	background-color:  #ffffff;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	margin: 0px;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2), 0 5px 16px 0 rgba(0,0,0,0.25);
	border-radius: 10px;
}


.spam-1:hover {
 	height: 25px;
	width: 250px;
	background-color: #FFFF99;
	border: 0px;
	color: #000000;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#text {
	  width: 400px;
	  height: 80px;
	  
	  overflow: hidden;
	  
	  border-color: #ffffff;
	  border-width: 1px;
	  border-style: solid;
	  	  
	  background-color: #99CCFF;  
	}
	
	
	
	
	#text {
	  font-family: arial;
	  font-variant: normal;
	  font-size: 12pt;
	}
	
	
.grund-rahmen {
  height: 100%;
	 box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2), 0 5px 20px 0 rgba(0,0,0,0.20);

}




.grosser-bildschierm {
padding-left: 50px;
padding-right: 50px;
	border: 0 none;
	 width: 100%; 
	  background-color:    #F0F0F0 ;
	  background-image:url('hintergrund-gelb-oben.png');
	  background-repeat:repeat-x
}





.balken-1 {
	margin-top: 15px;
	color:#3399FF;
}



.a3 {
	padding-left: 35px;
	padding-right: 10px;
	padding-right: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:normal;
}


.a4 {
	padding-left: 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:normal;
}





/* For mobile phones: */
@media only screen and (max-width: 600px) {
.grosser-bildschierm {
    	padding-left: 10px;
    	padding-right: 10px;
}

#format-1 {
	width:       ;
  }
  }










.bestellfo-1 {
	float: left;

 width: 75px;
 height: 375px;
}








.taube {
width: 120px;
height: auto;
}






.adress-ab {
margin-top: 10px;
 height: 145px;
 width: 400px ;
background-color:     ;
 float:left;
}



.balken {
  height:1px;
  max-width: 100% ;
}











.tabelle-b    {
	background: #F0F0F0;
	width: 100%;
	padding-left: 50px;
}





.tabelle-c    {
	background: #F0F0F0;
	background-image:url('hintergrund-gelb-unten.png');
	background-repeat:repeat-x;
	background-position: bottom;
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
}





.tabel-1 {
 float:left;
 width: 50%;
}


.tabel-2 {
 float:left;
 width: 50% ;
}




/* For mobile phones: */
@media only screen and (max-width: 600px) {
.taube {
width: 90px;
height: 90px;
}

.tabelle-c  {
	padding-left: 10px;
	padding-right: 10px;
}



}





/* For mobile phones: */
@media only screen and (max-width: 600px) {
    .tabel-1, .tabel-2 {
    float:none;
    width: 270px
  }
  
  .tabelle-none {
	display: none;
}

.tabelle-top {
	margin-top:      -36px;
}

	#format-3 {
	  width: 100%;
}

	  
	  .tabelle-b    {
	padding-left: 10px;
}

	  
	  

}





/* For mobile phones: */
@media only screen and (max-width: 790px) {
.adresse-a {
margin-top: 0px;
	 padding-left: 0px;

}


#format-1 {
 width:  65% ;
}



}









input, textarea, select {
padding-left: 10px;
box-shadow: 0px 2px 3px rgba(11,11,11,.30);
}



.korektur {
padding-left: -10px:
}




.bemerkung {
 width: 500px;
  text-align: left;
}