/* startseite.css */
/* -----------------------------------------------------------------------------*/
/* globale Formatierungen   */   
/* #b2b3b7; /* grau */
/* #666666; /* anthrazit */
/* #ffffff weiss */
/* #f0f3d2 hellgrün                                                        */
/* -----------------------------------------------------------------------------*/

html,body {
width: 99%;
height: 99%;
/* overflow: hidden; /* Unterdrückt Scrollleisten des Hauptfensters */ 
behavior: url("./style/csshover3.htc"); 
/* background: url(../images/bg_f0f3d2.jpg) 0 0px; */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
}

img {
border: none;
}

/* --------------------------------------------------------------------*/
/* Formatierung und Position von Ebenen GLOBAL                         */
/* --------------------------------------------------------------------*/

#container  {
position: absolute;
top: 0px;
left: 50%;
width: 721px;
height: 620px;
margin-left: -360px;   /* =50% von width */
text-align: left;      /* horizontal centering hack for IE */
border-style: none;
border-color: #b2b3b7; /* grau */
border-width: 1px;
clear: left;           /* required */
}



/* -----------------------------------------------------------------------------*/
/* Formatierung der Links                                                       */
/* -----------------------------------------------------------------------------*/

a:link  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	fon
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
	color: #666666; /* anthrazit */
}

a:visited  {
	color: #666666; /* anthrazit */
}

a:hover  {
	color: #cc3333; /*dunkelrot */
}

a:active  {
	color: #666666; /* anthrazit */
}

/* --------------------------------------------------------------------*/
/* Formatierung und Position von Ebene NAVIGATION                     */
/* --------------------------------------------------------------------*/

#hauptnavigation { 
	position: absolute;
	width: 100%;
	height: 30px;
	margin:  155px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu1st { 
	position: absolute;
	left: 16px;
	width: 215px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: no;
	font-size: 14px;
	text-align: center; 
	}

#menu2nd { 
	position: absolute;
	left: 250px;
	width: 215px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: no;
	font-size: 14px;
	text-align: center;  
	}
	
#menu3rd { 
	position: absolute;
	left: 484px;	
	width: 215px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: no;
	font-size: 14px;
	text-align: center;  
	}

/* --------------------------------------------------------------------*/
/* Formatierung und Position der unteren Inhaltsebene   (unten Mitte)  */
/* --------------------------------------------------------------------*/

#contentcenter { 
	position: absolute;
	width: 100%;
	height: 416px;
	padding: 0px 0px 0px 0px;
	margin-top: 160px;
	border:1px solid #666666; /* anthrazit */
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
	}
	
#contentcentertext { 
	position: absolute;
	width: 92%;
	height: 310px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	overflow: auto;
	/* background-color: #003399; */ 
	}

	

#slogan { 
	position: absolute;
	width: 100%;
	/* height: 50px; */
	margin-top: 100px;
	padding: 0px 0px 0px 0px;
	/* background-color: #003399; */ 
}
	
#logos { 
	position: absolute;
	width: 100%;
	height: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: no;
	}

#footer { 
	position: absolute;
	width: 100%;
	height: 40px;
	overflow: no;
	}
	
	

/* --------------------------------------------------------------------*/
/* Formatierung der verwendeten Texte auf der gesamten Seite           */
/* --------------------------------------------------------------------*/
p {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

p.center {
	text-align: center;
}

p.text-klein {
	font-size: 12px;
	line-height: auto;
	text-decoration: none;
	font-weight: normal;
	color: #333333; /*anthrazit */ 
}

p.text {
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
	color: #333333; /*anthrazit */ 
}

p.title {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #333333; /*anthrazit */ 
	text-indent: 20px;
}

p.slogan {
	font-size: 18px;
	line-height: 40px;
	text-decoration: none;
	font-weight: normal;
	color: #666666; /* anthrazit */
	text-align: center;
	margin: 12px 0px 0px 0px;
}

p.fusszeile {
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
	color: #666666; /* anthrazit */
}


/* --------------------------------------------------------------------*/
/* Formatierung der Bildebenen auf der gesamten Seite                  */
/* --------------------------------------------------------------------*/


img.logo1 {
	left: 16px;
	width: 215px;
	height: 130px;
	margin:  16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/sachverstaendiger.png);
	position: absolute;
	z-index: 1;
	border:1px solid #b2b3b7; /* grau */
	-moz-border-radius:15px;
	-khtml-border-radius:15px; 	
	}
	
img.logo2 {
	left: 250px;
	width: 215px;
	height: 130px;
	margin:  16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/parkett.jpg);
	position: absolute;
	z-index: 1;
	border:1px solid #b2b3b7; /* grau */
	-moz-border-radius:15px;
	-khtml-border-radius:15px; 		
	}
	
img.logo3 {
	left: 484px;
	width: 218px;
	height: 130px;
	margin:  16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/lebenswerte.jpg);
	position: absolute;
	z-index: 1;
	border:1px solid #b2b3b7; /* grau */
	-moz-border-radius:15px;
	-khtml-border-radius:15px; 		
	}

img.wasser {
	left: 16px;
	top: 202px;
	width: 690px;
	height: 195px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/wasser.png);
	position: absolute;
	z-index: 1;
	border:1px solid #b2b3b7; /* grau */
	-moz-border-radius:15px;
	-khtml-border-radius:15px; 	
	}
	


