body {
	font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
	font-style: normal;
	color: #000000;
}
a {
	text-decoration:underline;
	color: #000000;
}

#navitext {
	background-color: #DEE8FF;
	background-image: url(../images/navitext_bg.gif);

}
#navitext_fr {
	background-color: #DEE8FF;
	background-image: url(../images/navitext_frbg.gif);

}

 #navitext img,  #navitext_fr img{
	margin-right: 2px;
	margin-bottom: 4px;

  }

#navitext a, #navitext_fr a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
 	text-transform: uppercase;
	text-decoration:none;
	color: #6393FF;

}

#navitext a:hover, #navitext_fr a:hover {
	text-decoration:underline;

}

.navi_aktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
 	text-transform: uppercase;
	text-decoration:none;
	color: #000000;
}
.sys_aktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
 	text-transform: uppercase;
	text-decoration:none;
	color: #000000;
}

#navihintergrund  {
	background-color: #DEE8FF;
}
#navihintergrund2  {
	background-color: #DEE8FF;
}


#systemnavi a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
 	text-transform: uppercase;
	text-decoration:none;
	color: #6393FF;
}
#sprachwahl a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.4em;
 	text-transform: uppercase;
	text-decoration:none;
	font-weight: bold;
	color: #6393FF;
}

#systemnavi a:hover, #sprachwahl a:hover{
	text-decoration:underline;

}
#systemnavi img, #sprachwahl img {
	margin-right: 2px;

}

#logotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	left: 232px;
	top: 56px;
}
#logotext_en {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	left: 221px;
	top: 56px;
	width: 608px;
}
#Haupttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.3em;
	padding: 5px;
}
#Haupttext p {
margin-bottom: 10px;
}

.blau1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height:1.3em;
    color: #6393FF;
}
.blau2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height:1.3em;
    color: #A1BEFF;
}

.blau3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height:1.3em;
    color: #CCDAFF;
}




/* ######################################################################################################
** ### Formulare  #############################################################################
** ######################################################################################################
*/

form { overflow:hidden; }

/* ### Labels (Beschriftungen für Formularfelder)  ### */
label {
    font-size: 1em;
    line-height: 130%;
    background: transparent;
    color: #333;

    padding-right: 4px;
    margin-bottom: 5px;

}

/* ### Texteingabefelder ### */
input[type=text], textarea, input[type=password] , select {
    background-color: #DEE8FF;
    color: #333;
    border: 1px #C5C5C5 solid; /* ### Farbe für den Rand ### */
    margin-bottom: 5px;
}

/* ### Standardgröße für Texteingabefelder Inhaltsspalte ### */
input[type=text], textarea, input[type=password] {
	width: 30em;
}

/* ### Hovereffekt für Inputfelder (ab FF 1 und IE 7) ### */
input[type=text]:hover, input[type=text]:active, input[type=text]:focus,
input[type=password]:hover, input[type=password]:active, input[type=password]:focus,
select:hover,  select:active,  select:focus,
textarea:hover,  textarea:active,  textarea:focus {
    background-color: #F8E6E4;
    color: #000;
    border: 1px solid #9A9999; /* Farbe für den Rand bei Hover */
}

/* ### Rahmen um Eingabefelder ### */
fieldset { padding: 0px; margin-bottom: 1em; margin-top: 5px;}
/* ### Beschriftung der fieldsets ### */
legend {
	font-size: 100%;
	background-color: #fff;
	color: #333;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* ### Bugfix bei versteckten Feldern, sonst wird der Rahmen angezeigt ### */
input[type=hidden] { display: none; }

/* ### Rahmen bei Radio-Buttons und Checkboxen ausblenden ### */
input[type=radio] , input[type=checkbox] {
	background: #fff;
    color: #333;
    border: 0 none;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
    padding: 0;

}


/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding:0; font-size: 100%; } 
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	html { height: 100% } 
	

	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	/* ### beende Umfluß in Abschnitt ### */
.clearHere { clear: both; }