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

body{
	font-family: 		'Open Sans Condensed', sans-serif;
	margin: 			0px auto 10px auto;
	width: 				1022px;
	/*height:             1300px;
	background-image:   url(../images/tapete_kachel.gif);*/
	background-color:#bdd1db;
}
#total{
	width: 				1022px;
	/*height:             1300px;*/
	height: auto;
	background-color:	#f2ebe6;
	margin-bottom:20px;
	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/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:980px;*/
	height:1px;
	float:left;
	background-color:	#f2ebe6;
}



/* ----------------------------------------    MITTE    ---------------------------------------------------------------------*/
#mitte{
	width:650px;
	/*height:980px;*/
	float:left;
	background-color:	#f2ebe6;
}
				 
							#zkopf{      
								position:			relative;
								width:				606px;
								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;
										 
									}	
									
.kontakt_tabelle{
	margin: 70px 0 0 24px; 
}
.platz_tabelle{
    margin: 10px 0 0 24px;	
}
		   table{
			  color:#3f5db0;
			  font-size:16px;
			  font-weight:bold;
			  width:625px;
			  border-spacing:0px;
		   }		
					 .rot{
						color:red;  
					 }
					 input{
						height: 26px;  
						font-size:17px;
						padding:0 0 0 10px;
					 }
					 .eingabefeld{
						 text-align:right; 
					 }
					 .eingabefeld_radio{
						 text-align:right;
						 padding:0 105px 0 0;
						 height: 41px;
					 }
					 .radio{
						 height: 15px;
						 margin:0 0 0 17px; 
					 }
					 textarea{
						 margin: -30px 0 10px 21px;
					 }
					 .senden_button{
						margin:10px;
					 }
					 .fehler{
						margin:70px 0 0px 30px;
						font-weight:bold;
						color:red;
					 }
					 
#t1{
	 margin: 14px 0 0 21px;
	 font-size:18px;
}
#t2{
   margin: 22px 0 0 21px;
   font-size:18px;
   line-height:1.5em;
}
#t3{
   margin: 22px 0 0 21px;
   font-size:18px;
   line-height:1.5em;
}
#t4{
   margin: 22px 0 0 21px;
   font-size:18px;
   
}
#sb{
	cursor:pointer;
	border:none;
}
#sb #img{ 
    margin:-4px -11px -4px -11px;
	width:120px;
	height:32px;
	background-image: url("../images/senden.png");
	border:none;
	}
#sb:hover #img{ 
	background-image: url("../images/senden_mo.png");
	}
/* ----------------------------------------    RECHTS    ---------------------------------------------------------------------*/
#rechts{
	width:222px;
	/*height:980px;*/
	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   ;	
						}