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

body{
	font-family: 		'Open Sans Condensed', sans-serif;
	margin: 			0px auto 10px auto;
	width: 				1022px;
	/*height:             1850px;
	background-image:   url(../images/tapete_kachel.gif);*/
	background-color:#bdd1db;
}
#total{
	width: 				1022px;
	/*height:             1850px;;*/
	height:auto;
	margin-bottom:20px;
    background-color:	#f2ebe6;
	float:left;
	-moz-box-shadow: 0px 0px 25px #000000;/* webkit browser*/ 
    -webkit-box-shadow: 0px 0px 25px #000000;/* firefox */ 
	box-shadow: 0px 0px 25px #000000;
}
/* ----------------------------------------    Kopf    ---------------------------------------------------------------------*/
#kopf{
	width:				1022px;
	height:				290px;
	background-image: 	url(../images/k_kopf_sx.png); 
}
#kopf img{
    border: none;	
}
					#navi_background {
						position:			relative;
						height:				397px;
						width:				137px;
						top:				156px;
						left:				12px;;
						background-image: 	url(../images/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:1530px;*/
	height:1px;
	float:left;
	background-color:	#f2ebe6;

}


/* ----------------------------------------    MITTE    ---------------------------------------------------------------------*/
#mitte{
	width:650px;
	/*height:1530px;*/
	float:left;
	background-color:	#f2ebe6;

}

							#zkopf{      
								position:			relative;
								width:				608px;
								background-color:   #ab1f1c;
								height:				38px;
								margin:				0 0 2px 15px;
								padding:	    	0 12px 0 12px;
								color:white;
								font-size:			30px;
								float:left;
							}     
									#zkopf_text{
										 margin-top:-5px;
										 
									}	
									
				  #terminliste_woche{   /* ----------------------------------------------------------------------------------*/      
					   margin:0 0 0 16px;
					   
				  }	
				        .ue_sp1, .ue_sp2, .ue_sp3{
						     float:		left;
						     height:	32px;
						}
							  .ue_sp1{
								   background-image: 	url(../images/bg_datum.png);
								   background-repeat:no-repeat;
								   background-color:#baa99e;
								   width:				106px;
							  }
							  .ue_sp2{
								   background-image: 	url(../images/bg_ort.png);
								   width:				450px;
								   cursor:default;
							  }
									
							  .ue_sp3{
								   background-image: 	url(../images/bg_blk.png);
								   width:				72px;
							  }
						.sp1, .sp2, .sp3_a, .sp3_k, .sp3_n{
							float:			left;
							font-size:		16px;
							padding:		4px 0 4px 8px;
							color:			#3f5db0;
							display:		block;
							cursor:default;
						}
						.anton .sp1, .anton .sp2, .anton .sp3_a, .anton .sp3_k, .anton .sp3_n{
							background-color: 	#fdfcfb;	
						}
						.kopp .sp1, .kopp .sp2, .kopp .sp3_a, .kopp .sp3_k, .kopp .sp3_n{	
							background-color:	#f6f4f2;
							color:				#ab1f1c;
							font-weight:bold;
						}
						
						.kein .sp1, .kein .sp2, .kein .sp3_a, .kein .sp3_k, .kein .sp3_n{	
							background-color: 	#f6f4f2;
							color:				#999;
						}
							  .sp1{
								  width:	98px; 
								  margin: 	2px 3px 0 0;
							  }
									.sp1 .sp1_1{ 
										padding:		0 3px 0 15px;
									}
									.sp1 .sp1_2{ 
										font-weight:	bold;
									}
									
									
									
									
							  .sp2{
								  width:444px; 	
								  margin: 2px 3px 0 0;
							  }
									.sp2 .sp2_1{ 
										font-weight:	bold;
										display:		block;
										width:		143px;
										float:		left;
									} 
									.sp2 .sp2_2{ 
										display:		block;
										width:		289px;
										float:		left;
									} 
							  .sp3_a, .sp3_k, .sp3_n{
								  width:			52px;  
								  margin:			2px 0 0 0;
								  padding-left:		12px;
								  padding-right:	0px;
							  }				
					   
					    #keine_termine{
							padding:50px 0 20px 30px;
							font-size: 19px;
						}
					   
						.zfuss{
							float:				left;
							width:				628px;
							background-color:   #ab1f1c;
							height:				32px;
						}
						.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:130px;	  
										}
										.f_sp2{
											width:160px;	  
										}
										.f_sp3{
											width:150px;
										}	
										.thin{
										    font-weight:normal;	
										}
										
				 #menu_bottom{    /*-------------------------------------------------------------------------------------------*/
					  margin:			0px 0 0 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:1530px;*/
	float:left;
	background-color:	#f2ebe6;
}						
				   .kontakt{
					  width:222px; 
					  margin:0px 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:				201px;
							font-size:			18px;
							background-color:   #FFF;	
							margin   :          0px 0 -13px 0;
							padding:		    13px 0 12px 11px;
							line-height:		1.13em; 
							padding:0 10px 20px 10px;
						}
						.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   ;	
						}
						#rp {
							margin-left:84px;
							display:block;
							background-image:		url(../images/routenplaner.png);
							width: 117px;
							height :23px;
						}
						#rp:hover {
							background-image:		url(../images/routenplaner_rot.png);
						}