/* sachverstaendiger.css */
/* -----------------------------------------------------------------------------*/
/* globale Formatierungen   */   
/* #ffe7b7 orange-hell */
/* #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                                           */
/* --------------------------------------------------------------------*/

#logo { 
	position: absolute;
	width: 120px; /* identisch mit width von contentcenter */
	height: 120px;
	margin: 0px 0px 0px -62px;
	padding: 0px 0px 0px 0px;
	}
	

#headcenter { 
position: absolute;
width: 100%;
height: 105px;
margin-top: 65px;
margin-left: -2px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
border:2px solid #003399; /* blau */
-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: #aaaaaa; /* anthrazit */
	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: #aaaaaa; /* anthrazit */
	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: #003399; /* blau */
	letter-spacing: 1px; 
}	
	
#navigation a:link, a:visited {
	color:  #cc3333; /* rot */
	}

#navigation a:hover {
	color:#003399; /* blau */
}

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

a:link  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
	color: #333399; /* blau */
}

a:visited  {
	color: #cc3333; /* rot */
}

a:hover  {
	color: #333399; /* blau */ 
}

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 #003399; /* blau */
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
	}

#contentcentertext { 
	position: absolute;
	left: 295px;
	width: 424px;
	height: 277px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	overflow: auto;
	/* z-index: 2; */
	}
	


/* --------------------------------------------------------------------*/
/* 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: 12px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
	color: #333333; /*anthrazit */ 
}

p.title {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #cc3333; /*dunkelrot */
	text-indent: 0px;
}

p.slogan {
	font-size: 18px;
	line-height: 40px;
	text-decoration: none;
	font-weight: normal;
	color: #cc3333; /*dunkelrot */ 
	text-align: center;
	margin: 12px 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: 12px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
	color: #333333; /*anthrazit */ 
}
/* --------------------------------------------------------------------*/
/* Formatierung der Bildebenen auf der gesamten Seite                  */
/* --------------------------------------------------------------------*/


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

img.grafik1 {
	left: 20px;
	top: 20px;
	width: 255px;
	height: 255px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/grafik1.png);
	position: absolute;
	z-index: 1;
	border:1px solid #b2b3b7; /* grau */
	-moz-border-radius:15px;
	-khtml-border-radius:15px; 
	}
	
img.grafik2 {
	left: 20px;
	top: 20px;
	width: 255px;
	height: 255px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/grafik2.png);
	position: absolute;
	z-index: 1;
	border:1px solid #b2b3b7; /* grau */
	-moz-border-radius:15px;
	-khtml-border-radius:15px; 
	}	

img.foto {
	left: 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;
	border:1px solid #b2b3b7; /* grau */
	-moz-border-radius:15px;
	-khtml-border-radius:15px; 	
	}