@charset "utf-8";
/*CSS Document KOPP Page1 */

body{
	font-family: 		'Open Sans Condensed', sans-serif;
	margin: 			0px auto 10px auto;
	width: 				1023px;
	height:600px;
	/*height:             1300px;
	background-image:   url(../images/tapete_kachel.gif);*/
	background-color:#bdd1db;
	
}
#total{
	width: 				1023px;
	/*height:             1300px;
	height: auto;*/
	background-color:	#f2ebe6;
	margin-bottom:20px;
	-moz-box-shadow: 0px 0px 25px #000000;/* webkit browser*/ 
    -webkit-box-shadow: 0px 0px 25px #000000;/* firefox */ 
	box-shadow: 0px 0px 25px #000000;
	float:left;
}
/* ----------------------------------------    Kopf    ---------------------------------------------------------------------*/
#kopf{
	width:				1023px;
	height:				399px;
	background-image: 	url(../images/k_kopf_s1_ohne_anton.png); 
	float: left;
	
}
#kopf:hover{}
#kopf img{
    border: none;	
}
					#navi_background {
						position:			relative;
						height:				398px;
						width:				137px;
						top:				271px;
						left:				12px;;
						background-image: 	url(../images/k_navi_background.png);     
					}
					.schild{
						display:			block;
						position:			relative;
						height:				0px;
						width:				0px;
						
					}
					#schild_termine , #schild_preise, #schild_standorte{
						height:				77px;
						width:				112px;
						left:				14px;
					}
					          
							  #schild_termine{
								  top:					108px;
								  background-image: 	url(../images/navi_termine.png); 
							  }
											#schild_termine:hover{
												background-image: 	url(../images/navi_termine_hover.png);
											}
							  #schild_preise{
								  top:					122px;
								  background-image:		url(../images/navi_preise.png); 
							  }
											#schild_preise:hover{
												background-image: 	url(../images/navi_preise_hover.png); 
											}
							  #schild_standorte{
								  top:					135px;
								  background-image: 	url(../images/navi_standorte.png); 
							  }
											#schild_standorte:hover{
												background-image: 	url(../images/navi_standorte_hover.png); 
											}
							  #home{
								  top:					140px;
								  left:                 45px;
								  background-image: 	url(../images/home.png); 
								  height:				24px;
								  width:				53px;
							  }
							  			/*	#home:hover{
												 background-image: 	url(../images/home_mo.png); 		
											}*/
		
/* ----------------------------------------    LINKS    ---------------------------------------------------------------------*/		
#links{
	width:150px;
	/*height:900px;*/
	height:450px;
	float:left;
	background-color:	#f2ebe6;
}


/* ----------------------------------------    MITTE    ---------------------------------------------------------------------*/
#mitte{
	width:650px;
	/*height:900px;*/
	float:left;
	background-color:	#f2ebe6;
}
				  #begruessung{     /* --------------------------------------------------------------------------------------*/
					  width:				550px;
					  margin: 			14px 0 0 30px;
					  line-height:		1.5em;	
				  }
						.gr{
							font-size:	24px;	
							font-weight:bold;
							float:left;
						}
						.abs1, .abs2{
							font-size:	18px;
							display:		block;
						}
								  .abs1{
									  padding-top:	2px;
									  float:left;
									  font-weight:bold;
								  }
								  .abs2{
									  margin-top:		-21px;
								  }
						.alert{
						   font-size:	18px;
						   color:magenta;
						   display:		block;
						   font-weight:bold;
						}
						
				  #terminliste_woche{   /* ----------------------------------------------------------------------------------*/      
					   margin:9px 0 0 16px;
				  }
				 
						.ue_sp1, .ue_sp2, .ue_sp3{
						     float:		left;
						     height:	32px;
						}
							  .ue_sp1{
								   background-image: 	url(../images/bg_datum.png);
								   width:				76px;
							  }
							  .ue_sp2{
								   background-image: 	url(../images/bg_ort_s1.png);
								   width:				487px;
								   
							  }
									/*.ue_sp2:hover{
									     background-image: 	url(../images/bg_ort_hover.png);
									     width:				487px;
									}*/
							  .ue_sp3{
								   background-image: 	url(../images/bg_blk.png);
								   width:				68px;
							  }			
						.sp1, .sp2, .sp3_a, .sp3_k, .sp3_n{
							float:			left;
							font-size:		16px;
							padding:		4px 0 4px 8px;
							color:			#3f5db0;
							display:		block;
						}
						.anton .sp1, .anton .sp2, .anton .sp3_a, .anton .sp3_k, .anton .sp3_n{
							background-color: 	#fdfcfb;	
							cursor: url(anton.cur), default;
						}

						.kopp .sp1, .kopp .sp2, .kopp .sp3_a, .kopp .sp3_k, .kopp .sp3_n{	
							background-color:	#f6f4f2;
							color:				#ab1f1c;
							cursor: url(kopp.cur), default;
							font-weight:		bold;
						}
						.anton_so .sp1, .anton_so .sp2, .anton_so .sp3_a, .anton_so .sp3_k, .anton_so .sp3_n{	
							background-color:	#f6f4f2;
							color:				#3f5db0;
							cursor: url(anton1.cur), default;
							font-weight:		bold;
						}
						.kein .sp1, .kein .sp2, .kein .sp3_a, .kein .sp3_k, .kein .sp3_n{	
							background-color: 	#f6f4f2;
							color:				#999;
						}
							  .sp1{
								  width:	68px; 
								  margin: 	2px 3px 0 0;
							  }
									.sp1 .sp1_1{ 
										padding:		0 3px 0 15px;
										background-image:url(../images/k_pfeil_rechts.png);
										background-repeat:no-repeat;
									}
									.sp1 .sp1_2{ 
										font-weight:	bold;
									}
							  .sp2{
								  width:472px; 	
								  margin: 2px 3px 0 0;
							  }
									.sp2 .sp2_1{ 
										font-weight:	bold;
										display:		block;
										width:		163px;
										float:		left;
									} 
									.sp2 .sp2_2{ 
										display:		block;
										width:		309px;
										float:		left;
									} 
							  .sp3_a, .sp3_k, .sp3_n{
								  width:			56px;  
								  margin:			2px 0 0 0;
								  padding-left:		12px;
								  padding-right:	0px;
							  }

						.zfuss{
							width:				630px;
							background-color:   #ab1f1c;;
							height:				32px;
							float:left;
						}
						.zfuss a{
							text-decoration: none;		  
						}
							  .f_sp1, .f_sp2, .f_sp3{
								  display:				block;
								  color:				white;
								  font-size:			14px;
								  font-weight:			bold;
								  margin:				0 0 0 18px;
								  padding: 	            5px 0 0 30px;
								  height:				32px;
								  background-repeat: 	no-repeat;
								  background-image:		url(../images/k_pfeil_rot.png);
								  float:				left;
							  }
							  .f_sp1:hover, .f_sp2:hover, .f_sp3:hover{
								  
								  background-repeat: 	no-repeat;
								  background-image:		url(../images/k_pfeil_rot_mo.png);
								  
								  
							  }
										.f_sp1{
											width:100px;	  
										}
										.f_sp2{
											width:190px;	  
										}
										.f_sp3{
											width:150px;	  
										}	
				  
		/*		  #accordion  {   /*---------------------------------------------------------------------------------------------
					max-width: 	645px;
					padding-top:	2px;
					margin:		2px 3px 50px 0;
				   
				  }
							#accordion .kopp, #accordion .anton, #accordion .anton_so, #accordion .kein{
								cursor: pointer;
							}
								  
				  /*     PREISE 
				  .content_anton, .content_kopp{
					  width:631px;
					  height:371px;
					  background-color:#FFF;
					  background-repeat: no-repeat; 
					
				  }
				  .content_anton{
					  background-image:url(../images/preise_anton.png); 
				  }
				  .content_kopp{
					   background-image:url(../images/preise_kopp.png)
				  }
				  .wann{
					  margin:23px 0 10px 10px;
					  font-size:30px;
					  color:white;
				  }
				  .wann_kopp{
					  margin:15px 0 13px 15px;
					  font-size:30px;
					  color:red;
				  }
				  .pauschale{
					  margin:0 0 3px 8px;
					  font-size: 21px;
					  font-weight: bold;
				  }
				  .hinweis{
					 margin:0 0 22px 8px;
					 font-size: 18px;
				  }
				  
				  .fahrzeugpreise{
					  color:#425ea9;
					  float:			left;	 
					  margin-bottom:	0px;
				  }	  
				  .preise_zeile{
					 height:35px;  
				  }
				  .t_sp1,.t_sp2, .t_sp3, .t_sp4, .t_sp1_kopp, .t_sp2_kopp, .t_sp3_kopp{
					  margin-top:		1px;
					  padding: 	    	0px 0 0 0px;
					  height:			32px;
					  float:			left;
					  background: 		#f7f3f0;
					  font-size:		16px;
				  }
				  .t_sp2, .t_sp3, .t_sp4,  .t_sp2_kopp, .t_sp3_kopp{
					  padding-top: 4px;
					  height:27px;
				  }
				  .t_sp1{
					  width: 			154px;
					  
					  text-align: 		center;
					  clear:			left; 
				  }
				  .t_sp1_kopp{
					  width: 			54px;
				  }
				  .t_sp2{
					 width: 			140px;
					 font-weight:		bold;
					 
				  }
				  .t_sp2_kopp{
					 width: 			190px;
					 font-weight:		bold;
					 
				  }
				  .t_sp3{
					 width: 			179px;	
				  }
				  .t_sp3_kopp{
					 width: 			129px;	
					
				  }
				   .t_sp4{
					 width: 			158px;
					 font-weight:		bold;  
				  }
				  .kontakt_link{
					 background-image:url(../images/kontakt.png);
					 width:80px;
					 height:25px;
					 float:left;
					 margin:0 0 2px 545px;
				  }*/
										
				 #menu_bottom{    /*-------------------------------------------------------------------------------------------*/
					  margin:			0px 0 20px 16px;
					  font-size: 		18px;
					  width: 			250px;
				  }
					   #menu_bottom a{
						   text-decoration: none;   
						   color: 			black;
					   }
					   #menu_bottom a:hover{
						   text-decoration: none;   
						   color: 			red;
					   }
								
/* ----------------------------------------    RECHTS    ---------------------------------------------------------------------*/
#rechts{
	width:222px;
	/*height:900px;*/
	float:left;
	background-color:	#f2ebe6;
}						
				  .kontakt{
					  width:222px; 
					  margin:0 0 3px 0;
					  padding:0 0 20px 0;
				  }
				        .kontakt_kopf{      
							width:				211px;
							background-color:   #ab1f1c;
							height:				37px;
							margin :            0 0 15px 0;
						    padding:	    	1px 0 0 12px;
							color:white;
							font-size:			30px;
							float:left;
						}     
						        .kontakt_kopf_text{
									 margin-top: -5px;		 
								}	
						.kontakt_content{
							width:				211px;
							font-size:			18px;
							background-color:   #FFF;	
							margin   :          0 0 -13px 0;
							padding:		    13px 0 12px 11px;
							line-height:		1.13em; 
							
						}
						.kontakt_content #img{
						    border: none;
							background-image: url("../images/at.png");
							height: 22px;
							width: 158px;
							cursor:pointer;
						}
						.kontakt_content #img:hover{
							background-image: url("../images/at_mo.png");
						}
						#kontakt_kopp{
						    color : #ab1f1c;
							
						}
						#kontakt_anton{
						    color :  blue   ;	
						}
						
						
						
						
						
/* ----------------------------------------   CORONA    ---------------------------------------------------------------------*/						
	.m{
	 position: fixed;
	 top: 20%;
	 left: 50%;
	 width: 700px;
	 height: 700px;
	 padding: 20px;
	 margin-left: -350px;
	 margin-top: -100px;
	 background-color: #555955;
	 background-image: linear-gradient(to bottom right, #666966 , #333633);
	 color: white;
	 box-sizing: border-box;
	 z-index:10000;
	 pointer-events: auto;
	 border-radius:0px 18px 18px 0px;
	 border-color:white;
	 border-width:3px;
	 box-shadow: 0px 0px 100px 0px #444;
	 border-left: 13px solid red;
}
#m19, #m5, #m3, #m16{
   visibility: hidden;
}
#infotext{
	position:fixed;
	width:656px;
	height:570px;
	overflow: auto;
	font-family:Arial;
}
.liste1{
	position:relative;
	left:-25px;
}
.ebene1{
	margin-bottom:5px;
}
.rot{
	color:yellow;
}
.tabelle{
	position:relative;
	left:-15px;
	width:620px;
	
}
.grau{
	background-color:#666;
}
.tabelle{
	border-collapse:collapse;
}
.tabelle td{
	border: 1px solid white;
	padding:5px;
}
.tabelle ul{
	position:relative;
	left:-25px;
	list-style-type:disc;
}
.utab{
	position:relative;
	left:100px;
	border:thin solid white;
	margin:10px 0 10px 0;
	border-collapse:collapse;
}
.utab td{
	border:none!important;
	padding:2px 4px 2px 4px!important;
}
.erg_linie {
	border-top:3px solid white!important;
}
ol{
	position:relative;
	left:-23px;
}
ol ul{
	margin:3px 0 3px 0; 
	list-style-type:disc;
}
.oben{
	vertical-align:top;
}
.f1{
	margin-right:15px;
}
.f1, .f2{
	float:left;
}
.m button{
   position:relative;
   float: right;
   pointer-events: auto;
}
#ub1{
	font-size:27px;
	font-weight:bold;
	margin-bottom:10px;
}
#markt{
   font-size:25px;
   font-weight:bold;
}	



.corona_button  {
	  width: 100px;
	  font-weight:bold;
	  background-color: red;
	  color: white;
	  line-height:20px;
	  text-align: center;
	  border-radius: 6px;
	  padding: 8px 10px;
	  float:right;
	  position: relative;
	  float:left;
	  z-index: 1;
	  top: -25px;
	  right: -40px;
	  
	  animation-name: bg-color;
      animation-duration: 2.5s ;
	  animation-iteration-count:infinite;
}  
.corona_button:hover{
	  cursor: pointer; 
}
@keyframes bg-color {
	  0%   {background-color: red; color: white;}
	  30%  {background-color: yellow; color: black;  box-shadow: 0px 0px 100px 0px yellow}
	  80% {background-color: red; color: white;;  box-shadow: 0px 0px 0px 0px white}
	  100% {background-color: red; color: white;}
}

.myButton {
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
	position:fixed;
	top:589px;
	right:0px;
}
.myButton:hover {
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}
.myButton:active {
	top:589px;
}
	
/* ----------------------------------------   CORONA    ---------------------------------------------------------------------*/