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

body{
	font-family: 		'Open Sans Condensed', sans-serif;
	margin: 			0px auto 10px auto;
	width: 				1022px;
	/*height:             1470px;
	background-image:   url(../images/tapete_kachel.gif);*/
	background-color:#bdd1db;
}
#total{
	width: 				1022px;
	/*height:             1470px;;*/
	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;
}
#routenplaner{
    position:absolute;
	border: solid thick #AAA;
	top:200px;
	width:880px;
	height:500px;
	
	
	margin-left: 60px;
	padding: 10px 10px 10px 10px;
	background-color:#FFF;
	-moz-box-shadow: 0px 0px 45px #000000;/* webkit browser*/ 
    -webkit-box-shadow: 0px 0px 45px #000000;/* firefox */ 
	box-shadow: 00px 0px 50px 10px #000;
}     	
        #schliessen{
			position:relative;
			margin: -75px 0 0 854px;
			font-size:20px;
			font-weight:bold;	  
			background-image: url(../images/close.png);
			height:25px;
			width:25px;
			
			margin: -75px 0 0 843px;
			height:36px;
			width:36px;
		}
		#schliessen:hover{
			
	        background-image: url(../images/close1.png);
		}
		   /* #rp {
			   margin-left:84px;
			}*/
		    #map_canvas{
				margin-top:0px;
			}
		    #schliessen_a{
				text-decoration: none;
				float:left;
			}
			#rp_logo_standort{
				
				float:left;
			}
			
	    #start_adr{
			float:left;
			width:300px;
			
		}  
		     #start{
				font-size:15px;
				font-weight:bold;
				background-color:#EEE;
			 }
			 #end{
				 color:white; 
				 border:none;
		     }
			 #route_berechnen{
				 margin-left:160px;
				 cursor:pointer;
				 background-image: url(../images/route_berechnen.png);
				 height:23px;
				 width:117px;
			 }
			  #route_berechnen:hover{
				 background-image: url(../images/route_berechnen_rot.png);	 
			 }
			 #route_berechnen_kopp{
				 margin-left:160px;
				 cursor:pointer;
				 background-image: url(../images/route_berechnen_kopp.png);
				 height:23px;
				 width:117px;
			 }
			  #route_berechnen_kopp:hover{
				 background-image: url(../images/route_berechnen_rot_kopp.png);	 
			 }
        #ziel_adr, #ziel_adr_klein{
			float:left;
			width:290px;
			font-size:20px;
			font-weight:bold;
			line-height: 22px;
			margin:0 60px 10px 30px;
		}
		#ziel_adr_klein{
			font-size:18px; 
		}
/* ----------------------------------------    Kopf    ---------------------------------------------------------------------*/
#kopf{
	width:				1022px;
	height:				290px;
	background-image: 	url(../images/k_kopf_sx_ohne_anton.png); 
}
#kopf img{
    border: none;	
}
					#navi_background {
						position:			relative;
						height:				397px;
						width:				137px;
						top:				156px;
						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:1150px;*/
	height:1px;
	float:left;
	background-color:	#f2ebe6;
}



/* ----------------------------------------    MITTE    ---------------------------------------------------------------------*/
#mitte{
	width:650px;
	/*height:1150px;*/
	float:left;
	background-color:	#f2ebe6;
}
	.reinigung_treue{
	
}
       .acc_ueberschrift{ 
		  float:right;
		   cursor: pointer;
	   }
	       #treue_kopp{
			  background-image: 	url(../images/treue_kopp.png); 
			  width:				120px;
		      height:				29px;
			  margin:0 20px -15px 0;
		  }
		  #treue_kopp:hover{
			  background-image: 	url(../images/treue_kopp_mo.png);
		  }
		  #reinigung_kopp{
			  background-image: 	url(../images/reinigung_kopp.png); 
			  width:				140px;
		      height:				29px;
			  margin:0 20px -15px 0;
		  }
		  #reinigung_kopp:hover{
			  background-image: 	url(../images/reinigung_kopp_mo.png);
		  }
	      #treue{
			  background-image: 	url(../images/treue.png); 
			  width:				120px;
		      height:				29px;
			  margin:0 20px -15px 0;
		  }
		  #treue:hover{
			  background-image: 	url(../images/treue_mo.png);
		  }
		  #reinigung{
			  background-image: 	url(../images/reinigung.png); 
			  width:				140px;
		      height:				29px;
			  margin:0 20px -15px 0;
		  }
		  #reinigung:hover{
			  background-image: 	url(../images/reinigung_mo.png);
		  }
       .content{
		  clear:both;
		  margin: 0px 0 0 10px;
	   }
       .acc_ue{
		  font-weight:bold;
		  text-decoration:underline;
		  
	   }			


							.zkopf{      	
								height:				38px;
								color:white;
								font-size:			30px;
								float:left;
							}     
									.zkopf_text{
										 height:38px;
										 width:				452px;
										 float:left;
										 background-color:   #ab1f1c;
										 margin:			0 4px 2px 15px;
								         padding:	    	0 12px 0 12px;
										 float:left;
									}	
									.zkopf_value{
										 margin-top:-4px;
									}
									.zkopf_bild{
										 
										 height:68px;
										 width: 151px;
										 float:left;
									}
									#zkopf_bild_1, #zkopf_bild_7{
										background-image: url(../images/drive_in.png);
									}
									#zkopf_bild_2{
										background-image:url(../images/praktiker.png);
									}
									#zkopf_bild_3{
										background-image:url(../images/handelshof.png);
									}
									#zkopf_bild_4{
										background-image:url(../images/roller.png);
									}
									#zkopf_bild_5{
										background-image:url(../images/globus.png);
									}
									#zkopf_bild_6{
										background-image:url(../images/ikea.png);
									}
									#zkopf_bild_8{
										background-image:url(../images/muelheimer.png);
									}
									#zkopf_bild_9{
										background-image:url(../images/vue.png);
									}
							
							.sto{
								height:200px;
								background-color:#FFF;
								margin: 72px 4px 0 15px;
								padding: 16px 0 20px 0;
							}
							          .tt{
										   background-color:#fff;
										   padding:0 0 50px 0;
									  }
									  .div_bm{
										  background-color:#fff;
										  height:220px;
										  width: 631px;
										  float:left;
										  padding-top:20px;
									  }
									  .bild_markt{
										  background-image: url(../images/markt1.png);
										  background-repeat:no-repeat;
										  height:200px;
										  width: 595px;
										  margin: 0 0 0 20px;
										  float:left;
										  
									  }

									  .logo_kopp_alt{
										  background-image:url(../images/k_uebersicht_kopp.png);
										  background-repeat:no-repeat;
										  height:126px;
										  width: 631px;
										  float:left ;
										  background-color:#fff;
									  }
									  .preise_kopp{
										  background-image:url(../images/k_uebersicht_kopp.png);
										  background-repeat:no-repeat;
										  float:left; 	
										  margin:0px 0 0 0;
										  padding-bottom: 20px;
										  padding: 50px 0 20px 0;
										  background-color:#fff;
									  }
									  
									  .logo_anton_alt{
										  background-image:url(../images/k_uebersicht_anton.png);
										  background-repeat:no-repeat;
										  height:116px;
										  width: 631px;
										  float:left;
										  background-color:#fff;
										  margin-bottom:-50px;
									  }
									  .preise_anton{
										  background-image:url(../images/k_uebersicht_anton.png);
										  background-repeat:no-repeat;
										  width:631px;
										  float:left; 	
										  padding: 00px 0 20px 0;
										  background-color:#fff;
									  }
	  
									  #end{
										  visibility:hidden; 
										  margin-bottom:-20px;
									  }
									  
                        .sto, .zfuss{
							float:left;
							width:				631px;
							height:				32px;
							background-color:   #ab1f1c;
							margin-bottom:8px;
							margin-left:165px;
						}
						
						.zfuss a{
							text-decoration: none;	
							
						}
						.bild_gross{
						    margin:75px 0 0 15px;
							
						}
						.div_kopp{
						   margin-top:0px;
						}
						.menu_bottom{
						     margin-left:155px;
						}
							  .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:210px;	  
										}
										.f_sp2{
											width:135px;	  
										}
										.f_sp3{
											width:70px;
										}	
										.thin{
										    font-weight:normal;	
										}
										
				  #menu_bottom{    /*-------------------------------------------------------------------------------------------*/
					 float:left;
					  margin:			0 0 10px 16px;;
					  font-size: 		18px;
					 
				  }
					   #menu_bottom a{
						   text-decoration: none;   
						   color: 			black;
					   }
					   #menu_bottom a:hover{
						   text-decoration: none;   
						   color: 			red;
					   }
								
/* ----------------------------------------    RECHTS    ---------------------------------------------------------------------*/
#rechts{
	width:222px;
	/*height:1150px;*/
	float:left;
	background-color:	#f2ebe6;
}						
				  .kontakt{
					  width:212px; 
					  margin:0 0 3px 0;
					  padding:0 0px 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   :          0 0 -10px 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 {
							display:block;
							margin-left:84px;
							background-image:		url(../images/routenplaner.png);
							width: 117px;
							height :23px;
						}
						#rp:hover {
							background-image:		url(../images/routenplaner_rot.png);
						}
						#rp_kopp {
							display:block;
							margin-left:84px;
							background-image:		url(../images/routenplaner_kopp.png);
							width: 117px;
							height :23px;
						}
						#rp_kopp:hover {
							background-image:		url(../images/routenplaner_rot_kopp.png);
						}