/* -----------------------------------------------------------------------------*/
/* globale Formatierungen   */   
/* #666699 Lila */
/* #99cc33 Grün */
/* #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;
color: #ffffff;
}

img {
border: none;
}

/* --------------------------------------------------------------------*/
/* Formatierung und Position von Ebenen GLOBAL                         */
/* --------------------------------------------------------------------*/

#container  {
position: absolute;
top: 0px;
left: 50%;
width: 720px;
height: 570px;
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 */
/* background-color: #efefef; */
}

#idxcontainer  {
position: absolute;
top: 0px;
left: 50%;
width: 720px;
height: 570px;
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 */
background: url(../images/idxbg.jpg);
}

/* --------------------------------------------------------------------*/
/* Position der Ebene Titel                                           */
/* --------------------------------------------------------------------*/

#headcenter { 
position: absolute;
width: 100%;
height: 105px;
margin-top: 65px;
margin-left: -2px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
border:2px solid #99cc33;
-moz-border-radius:15px;
-khtml-border-radius:15px;
}

#slogan { 
position: absolute;
width: 100%;
height: 105px;
margin-top: 100px;
margin-left: 50px;
padding: 0px 0px 0px 0px;
background-color: #333333;
}

/* --------------------------------------------------------------------*/
/* Formatierung und Position von Ebene NAVIGATION                     */
/* --------------------------------------------------------------------*/

#hauptnavigation { 
position: absolute;
width: 100%;
height: 24px;
margin:  190px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* background-color: #ededed; */
}


#navigation {
	width: 100%;
	list-style: none;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.menu-1st{
	font-family: Century Gothic, Helvetica, Verdana, sans-serif;
	display: inline;
	margin:  0px 0px 0px 62px;
	padding: 0px 0px 0px 0px;
}

.menu-1st-inactive{
	font-family: Century Gothic, Helvetica, Verdana, sans-serif;
	display: inline;
	margin:  0px 0px 0px 62px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #99cc33;  /* grün */
	letter-spacing: 1px; 
}

.menu{
	font-family: Century Gothic, Helvetica, Verdana, sans-serif;
	display: inline;
	margin:  0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.menu-inactive{
	font-family: Century Gothic, Helvetica, Verdana, sans-serif;
	display: inline;
	margin:  0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #99cc33;  /* grün */
	letter-spacing: 1px; 
}


#navigation a {
	font-family: Century Gothic, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
	font-weight: bold;
	color: #666699; /* lila */
	letter-spacing: 1px; 
}	
	
#navigation a:link, a:visited {
	color: #666699; /* lila */
	}

#navigation a:hover {
	color: #99cc33; /* grün */
}

#navigation a:active {
	color: #666699; /* lila */
}
/* -----------------------------------------------------------------------------*/
/* Formatierung der Links ohne Navigation                                       */
/* -----------------------------------------------------------------------------*/

a:link  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-decoration: underline;
	color: #666699; /* lila */
}

a:visited  {
	color: #666699;  /* grau */
}

a:hover  {
	color: #666699; /* lila */
}

a:active  {
	color: #333333; /* anthrazit */
}


/* --------------------------------------------------------------------*/
/* Formatierung und Position der unteren Inhaltsebene   (unten Mitte)  */
/* --------------------------------------------------------------------*/

#contentcenter { 
	position: absolute;
	width: 100%;
	height: 295px;
	padding: 0px 0px 0px 0px;
	margin: 230px 0px 0px 0px;
	border:2px solid #99cc33;
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
	}

#contentcentertext { 
	position: absolute;
	width: 680px;
	height: 228px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	overflow: auto;
	/*background: url(../images/bg_f0f3d2.jpg) 0 0px;*/
	z-index: 2;
	}
	
#footer { 
	position: absolute;
	width: 100%; /* identisch mit width von contentcenter */
	height: 20px;
	margin: 530px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* --------------------------------------------------------------------*/
/* 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: #666699; /* lila */
	text-indent: 60px;
}

p.subtitle {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #666699; /* lila */
	text-indent: 0px;
}

p.slogan {
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	color: #666699; /* lila */
	text-align: center;
	margin: 70px 0px 0px 0px;
}

p.anschrift{
	font-size: 12px;
	line-height: auto;	
	text-align: center;
	font-weight: normal;
/* -	letter-spacing: 0.1em; -*/
}

p.fusszeile {
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	color: #333333; /*anthrazit */ 
	text-align: center;
}

ul.text {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

li.text{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
	color: #333333; /*anthrazit */ 
}
/* --------------------------------------------------------------------*/
/* Formatierung der Bildebenen auf der gesamten Seite                  */
/* --------------------------------------------------------------------*/

img.idxbg {
	left: 100%;
	width: 100%;
	height: 100%;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/idxbg.jpg);
	position: absolute;
	}


img.idxlogo {
	left: 50%;
	width: 173px;
	height: 105px;
	margin:  16px 0px 0px -86px;
	padding: 0px 0px 0px 0px;
	background: url(../images/logo.jpg);
	position: absolute;
	z-index: 1;	
	}

img.logo {
	left: 50%;
	width: 173px;
	height: 105px;
	margin:  16px 0px 0px -86px;
	padding: 0px 0px 0px 0px;
	background: url(../images/logo.jpg);
	position: absolute;
	z-index: 1;	
	}

img.flower1 {
	width: 149px;
	height: 100px;
	margin:  190px 0px 0px -70px;
	padding: 0px 0px 0px 0px;
	background: url(../images/flower1.png);
	position: absolute;
	z-index: 1;
	}

img.foto {
	right: 20px;
	top: 20px;
	width: 150px;
	height: 150px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/hans-ueblacker.jpg);
	position: absolute;
	z-index: 1;	
	}