/****************************************************
 *  FIRMENPUNKT® gmbh                               *
 *  (c) 2005                                        *
 *  http://www.firmenpunkt.de                       *
 *  - - as - -                                      *
 ****************************************************
 *  mailto:webmaster@firmenpunkt.de                 *
 *  sitedesign, scripting (c) FIRMENPUNKT® gmbh     *
 *  no use without permission!                      *
 ***************************************************/
 
/*algemein*/

/* START ALLGEMEIN = body und Hintergrund-Ebenen */

	html {
		height:100%; 
		max-height:100%; 
		padding:0; 
		margin:0; 
		border:0; 
	}
	 
	body {
		height:100%; 
		max-height:100%; 
		padding:0; 
		margin:0; 
		border:0;
		background-color: #fff;
	}

	#background {
		display: none; 
	}
	
/* ENDE ALLGEMEIN */		

/* START STRICHE = 4 Vertikale Striche und 3 Horizontale Striche */


#strich_vertikal_1 {
	display: none; 
}

#strich_vertikal_2 {
	display: none; 
}

#strich_vertikal_3 {
	display: none; 
}

#strich_vertikal_4 {
	display: none; 
}

	#strich_horizontal_1 {
		position: absolute;
		display: block;
		z-index: 3;
		margin: 0px;
		padding: 0px;
		top: 20px;
		width: 100%;
		height: 1px;
		overflow:hidden;	
		font: normal 1px Arial;
		background: transparent url(../images/striche_horizontal.gif) repeat top left;
	}
	
	#strich_horizontal_2 {
		display: none;
	}
	

/* ENDE STRICHE */

/* START RAENDER = Rand oben und Rand unten */

	#randoben {
		display:block; 
		position:absolute; 
		z-index:3; 
		top:0px;
		width: 100%;
		height: 20px;
		margin:0px;
		padding:0px;
		background-color: #FBEAC9;	
	}
	
	#randunten {
		display:none; 	
	}
	
/* ENDE RAENDER */	

/* START CONTENT = Inhalt mit Text und Scrollbar */

	#content {
		display: block; 
		z-index: 2; 
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	
		* html #content {
			top:0px; 
			bottom:0px;
			height:100%;
			border-top: 20px solid #ABBAC4; 
			border-bottom: 20px solid #ABBAC4;	
		}
	
		#content div.textcontainer {
			position: relative;
			width: 100%;
		}
		
			#content div.text {
				display: block;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 20px;
				padding-bottom: 15px;
				font: 12px arial, sans-serif;
				text-decoration: none;
				color: #000;
				width: 100%;
			}
			
			* html #content div.text {
				width: 500px;
			}
			
			#content div.text h3 {
				margin: 0px;
				padding: 0px;
				margin-bottom 20px;
				font: bold 14px Arial,Helvetica,sans-serif;
			}

/* ENDE CONTENT */

/* START OBERSTE LEISTE = Login-Maske und Logo-Animation */
	
	#oberste_leiste {
		z-index: 4;
		width: 100%;
		margin: 0px;
		height: 220px;
		padding: 0px;
	}
		
		#oberste_leiste h1 {
			font: bold 15px arial, sans-serif;
		}
		
		#oberste_leiste h2 {
			font: bold 13px arial, sans-serif;
		}
		
		#oberste_leiste img {
			display: none;
		}
		
		#login {
				width: 167px;
				height: 93px;	
				padding-left: 10px;
				padding-top: 5px;
				line-height: 12px;
				margin-right: 1px;
				border: 1px solid #000;
		}
		
			* html #login {
				width: 177px;
				height: 98px;
			}
		
			#login img {
				border: 0px;
			}
			
			#login .login_ueberschrift {
				font: 12px arial, sans-serif;
				text-decoration: none;
				font-weight: bold;
				color: #000;
				margin:0px;
				padding:0px;
			}
			
			#login .login_text {
				font: 10px arial, sans-serif;
				text-decoration: none;
				margin:0px;
				padding:0px;
				line-height: 11px;
			}
			
			#login input
			{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				background: #DFE8F7;
				border-top: 0px solid #ABBAC4;
				border-left: 0px solid #ABBAC4;
				border-right: 1px solid #ABBAC4;
				border-bottom: 1px solid #ABBAC4;
				width: 150px;
				height: 12px;
				margin:0px;
				padding:0px;
				margin-top: 4px;
				margin-bottom: 4px;
			}
			
			#login .button
			{
				width: 40px;
				height: 17px;
				font: 11px arial, sans-serif;
				text-decoration: none;
				font-weight: bold;
				display: block;
				float: left;
			}
			
			#login .right {
				display:block;
				width: 158px;
				text-align: right;
			}

			a.passwortvergessen:link, a.passwortvergessen:visited, a.passwortvergessen:active {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 9px;
				color: #666A76;
				text-decoration: none;
				display: block;
				float: left;
				margin-top: 6px;
				margin-left: 6px;		
			}
			
			a.passwortvergessen:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 9px;
				color: #666A76;
				text-decoration: underline;
				display: block;
				float: left;
				margin-top: 6px;
				margin-left: 6px;	
			}	

			#login form {
				margin: 0px;
				padding: 0px;
			}
		
		#flash {
			display: none;
		}
			
/* ENDE OBERSTE LEISTE */			

/* START VERSTECKTE ELEMENTE = nur für Druck */

#position {
	display: none;
}

#url {
	display: none;
}

#copyright {
	display: none;
}

/* ENDE VERSTECKTE ELEMENTE  */
	
/* START LINKE SPALTE = Navigation und Quicklinks */

	#linke_spalte {
		z-index: 5;
		width: 177px;
	}	

		#mainnavi {
			width: 177px;
			}
		
			#mainnavi p {
				display: block;
				padding: 0px;
				margin: 0px;
				}
			
			.strich_horizontal {
				width: 177px;
				height: 1px;
				font: normal 1px Arial;
				overflow: hidden;
				background: transparent url(../images/striche_horizontal.gif) repeat top left;
			}
			
			#mainnavi p a:link, #mainnavi p a:visited {
				font: 12px arial, sans-serif;
				text-decoration: underline;
				color: #000;
				padding: 0px;
				margin: 0px;
				padding-left: 10px;
				padding-top: 5px;
				width: 167px;
				height: 20px;
				display: block;
				font-weight: bold;
				}
			
			* html #mainnavi p a:link, * html #mainnavi p a:visited {
				width: 177px;
				height: 25px;
			}
			
			#mainnavi p a:hover, #mainnavi p a:active {
				font: 12px arial, sans-serif;
				text-decoration: underline;	
				color: #797A7C;
				padding: 0px;
				margin: 0px;	
				padding-top: 5px;
				padding-left: 10px;
				width: 167px;
				height: 20px;
				display: block;
				font-weight: bold;
				}
			
			* html #mainnavi p a:hover, * html #mainnavi p a:active {
				width: 177px;
				height: 25px;
			}
			
			#mainnavi p.naviarrowon_hl a:link, #mainnavi p.naviarrowon_hl a:visited, #mainnavi p.naviarrowon_hl a:hover, #mainnavi p.naviarrowon_hl a:active {
				text-decoration: none;
				color: #797A7C;
				padding: 0px;
				margin: 0px;	
				padding-left: 10px;
				padding-top: 5px;
				width: 167px;
				height: 20px;
				display: block;
				overflow: hidden:
			}	
				
			* html #mainnavi p.naviarrowon_hl a:link, * html #mainnavi p.naviarrowon_hl a:visited, * html #mainnavi p.naviarrowon_hl a:hover, * html #mainnavi p.naviarrowon_hl a:active {	
				width: 177px;
				height: 25px;
			}
			
			
			/* Browserhack nur für Opera, der das Hintergrundbild der Navigation nicht richtig darstellt */
			/*#mainnavi:lang(de) p.naviarrowon_hl a:link, #mainnavi:lang(de) p.naviarrowon_hl a:visited, #mainnavi:lang(de) p.naviarrowon_hl a:hover, #mainnavi:lang(de) p.naviarrowon_hl a:active {
				background: #797A7C url(../images/markierung_navi.jpg) no-repeat 0px 0px;
			}*/
			
   
			/* Browserhack nur für Firefox, der das Hintergrundbild der Navigation nicht richtig darstellt */
			:root #linke_spalte #mainnavi p.naviarrowon_hl a:link, :root #linke_spalte #mainnavi p.naviarrowon_hl a:visited, :root #linke_spalte #mainnavi p.naviarrowon_hl a:hover, :root #linke_spalte #mainnavi p.naviarrowon_hl a:active {
				background: #797A7C url(../images/markierung_navi.jpg) no-repeat 10px 8px;
			}		   			
		
		#linke_spalte div.quicklinks_zweizeilig, #linke_spalte div.quicklinks_einzeilig {
			display: none	
		}
		
		#linke_spalte div.strich_horizontal {
			display: none;
		}
		

/* ENDE LINKE SPALTE */

/* START RECHTE SPALTE = Impressionsbild, Banner und HOME/IMPRESSUM */

	#rechts {
		width: 100%;
		padding-top: 20px;
	}
	
		#rechts img {
			border: 0px;
		}
		
		#nav_rechts_unten {
			display: block;
			position: relative;
			bottom: 0px;
			width: 177px;
			height: 40px;
		}
		
			#home {
				display: block;
				float: left;
				width: 65px;
				text-align: center;
				padding-top: 13px;
			}
			
			#impressum {
				display: block;
				float: left;
				width: 111px;
				text-align: center;
				padding-top: 13px;				
			}
			
			#strich_vertikal {
				display: block;
				float: left;		
				width: 1px;
				background: transparent url(../images/striche_vertikal.gif) repeat left top;
				height: 40px;			
			}
	
			#home a:link, #home a:visited, #home a:active {
				font: 12px arial, sans-serif;
				text-decoration: none;
				color: #666A76;
			}
			
			#home a:hover {
				font: 12px arial, sans-serif;
				text-decoration: underline;
				color: #666A76;			
			}
	
			#impressum a:link, #impressum a:visited, #impressum a:active {
				font: 12px arial, sans-serif;
				text-decoration: none;
				color: #666A76;			
			}
			
			#impressum a:hover {
				font: 12px arial, sans-serif;
				text-decoration: underline;
				color: #666A76;			
			}
		
		#banner1, #banner2, #banner3, #banner4, #banner5, #banner6, #banner7, #banner8, #banner9 {
			display: none	
		}
		
		#rechts div.strich_horizontal {
			display: none;
		}
		
		#nav_rechts_unten div.strich_horizontal {
			display: block;
			z-index: 3;
			margin: 0px;
			padding: 0px;
			width: 100%;
			height: 1px;
			overflow:hidden;	
			font: normal 1px Arial;
			background: transparent url(../images/striche_horizontal.gif) repeat top left;
		}		
		
/* ENDE RECHTE SPALTE */