/*
/* ---------------------------------------------- */
/* ---------------- Begin HTML-Tags ------------- */
/* ---------------------------------------------- */

h1 {
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 15px;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
}

h2.category {
	font-size: 1.1em;
	font-weight: bold;
	color:#003399;
}


h3 {
	font-size: 1em;
	font-weight: bold;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}


#centrecontent #abcbar {
	font-size: 1em; /* used to be 1.4em*/
	color: #005395;	/* #005395; */
/*	xfont-weight:bold;*/
}

#centrecontent #orcodebar {
	font-size: .9em; /* used to be 1.4em*/
	color: #005395; /* #005395; */
	/*xfont-weight:bold;*/
}



form {
	margin: 0;
	padding: 0;
	display: inline;
}

img {
	border: 0;
}

img.fileicon {
	float:left;
	margin-right: 10px;
}


html {
	height: 100%
}

body {
  padding:10px;
	height: 100%;
	background: #ffffff;
	margin: 0px; 
	color: #000000; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
}

unknown {
	float: left; 
	width: 100%;
}

div {
	margin-top: 0px;
}

p {
	margin-top: 0px;
}

/* ---------------------------------------------- */
/* ----------------- End HTML-Tags -------------- */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* ----------------- Begin RTE htmlArea --------- */
/* ---------------------------------------------- */

a.extern{
	background:  url(../images/externer_link.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

a.intern{
  text-decoration: none;
  font-weight: bold;	
}
/* ---------------------------------------------- */
/* ----------------- End RTE htmlArea ----------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ----------- Begin page segmentation ---------- */
/* ---------------------------------------------- */

#outer {
border-left:#F78E92 1px solid;
border-top:#F78E92 1px solid;
border-right:#F78E92 1px solid;
	/*height: 100%;*/
	/*margin-bottom: -40px;*/
	/*padding-left: 190px;*/    /* musste für IE 5.0 von margin auf padding geändert werden */
	/*padding-right: 197px;*/   /* musste für IE 5.0 von margin auf padding geändert werden */
	color: #000000;
	padding:0px;
	width:1024px;
	margin:auto;
}

unknown {
	height: auto
}

#header {
	background: url(../images/headermotive.jpg) #c7cee9 no-repeat; 
	overflow: hidden; 
	color: #000000; 
	position: relative; 
	height: 120px;
}

#left {


}

 html #left {
/*	padding-bottom: 4em; */ 
	margin:0px;
	padding: 10px 0px 0px 3px;
		width: 180px;
	position: relative;
	float:left;
}

#right {
	float: right;
	position: relative;

}

/* 
* to use on pages without searchword or right menu
* contact.tpl.html
* email.tpl.html
* in cases where you give a background-color to the #right area
* else you would get an empty red, green, blue... box
*/
#right_dummy {
	float: right;
	width: 180px;
	margin-right: 0px;
	padding-top: 20px;
}

html #right {
	margin:0px;
	padding: 0px 3px 3px 0px;
	width: 180px;
}

#footer {
	clear: both; 
	width:1024px;
	margin:auto;
	color: #000000; 
	position: relative;
	bottom: 0px; /* ie7 */
	background-color: #ffffff;
	font-size: 0.8em;
}

html #footer {

}

#footer .footer  {
border:#F78E92 1px solid;
	padding: 5px;
	line-height: 1.2em;
}

#clearheader {
	clear: both;
  }

#clearfooter {
	clear: both; 
	height: 0px;
}

html #centrecontent {
	margin:10px 3px 0px 0px;
	padding: 10px 10px 10px 10px;
	width:620px !important;
	border: 1px #F78E92 solid;
}

#centrecontent {
	float: right; 
	position: relative;
	font-size: 0.9em;
	line-height: 1.3em;
}

#centrecontent p,h1,h2,div.content {
  padding-left: 15px;
	padding-right: 15px;
	margin-left:0px;
}

#centrecontent div.content p{
	padding-left: 0px;
}
#centrecontent table {
	margin-left: 0px;
	font-size: 1em;
}

#centrecontent td {
	padding: 0;
	margin: 0;
	padding-right: 15px;
}

#centrecontent caption {
	padding-left: 0px;
	text-align: left;
	font-weight: bold;
}

#centrecontent th {
	padding: 0;
	margin: 0;
	text-align: left;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 0.95em;
}

#centrecontent .error {
	color:red;
	font-weight:bold;
	padding-left:100px;
}




/*---------------- Rendering for Online Services --------------------------*/
#onlineService{
	/*what ever*/
	
}

#onlineService li{
	margin-top:20px;
	margin-bottom:10px;
	/*xborder:solid red 2px;*/
	list-style-type:none;
	min-height:100px;
	/*xcolor:green;*/
}

#onlineService hr{
	clear:both;
	width:99%;
	height: 1px;
	color: #005494;
}
/*---------------- Rendering for Online Services --------------------------*/


/* ---------------------------------------------- */
/* ------------ End page segmentation ----------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ------------------- Begin IDs ---------------- */
/* ---------------------------------------------- */

/* The root navigation is not included in the template*/
#rootnavigation {
	font-size: 0.75em;
	padding-left: 15px;
	padding-top: 15px;
}

/* ---------------------------------------------- */
/* ------------------- End IDs ------------------ */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ----------------- Begin classes -------------- */
/* ---------------------------------------------- */

.outerwrap {
  min-height:500px;
	float: left;
	width:1022px;
}

/*
.invisible {
	display: none;
}
*/


/* better for screenreaders as i.e. jaws (jaws ignores all markup with display:none; */
.invisible {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}


.searchwords{
	display: none;
	visibility: hidden;
}

table.right {
	margin: 0;
	font-size: 0.95em;
	margin-right: 1em;
	padding:0;
}

.orgadetail {
	margin-left: 15px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FEE9EA;
	padding-left: 10px;
}

.employeedetail {
	margin-left: 15px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FEE9EA;
	padding-left: 10px;
}

.external_service{
	font-size: 1.5em;
	color: red;
}

.preview{
	font-size: 1.1em;
	font-weight: bold;
	background-color: #FFFFAA;
}

/* ---------------------------------------------- */
/* ------------------ End classes --------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ------------ Begin main navigation ----------- */
/* ---------------------------------------------- */

#leftmenu {
  background:#FFFFFF url(../images/col_menu_bg_2.jpg) repeat-y scroll left top;
border:#F78E92 1px solid;
	float:left;
  position: relative;
	width: 180px;
	font-size: 0.85em;
	text-align: right;
	color: #000000;
	margin-bottom:10px;
}

#leftmenu ul 
{
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
	font-weight: bold;
}

#leftmenu ul li
{
	width: 180px;
	margin: 0;
	padding: 0;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
}

#leftmenu ul li a{
	text-decoration: none;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	line-height: 1.0em;
	display: block;
	border-bottom: 1px solid #F78E92;
}

#leftmenu ul li a:hover{
	color: #003399;
	font-weight:bold;
	background-color: #F2555B;
}

#leftmenu ul li .active{
  background:#FFFFFF url(../images/col_menu_a_bg_2.jpg) repeat-y scroll right top;
	color: #000000;
}

#leftmenu .german{
	background: url(../images/bgs/d.gif); 
	background-repeat: no-repeat;
	background-position: 45px 5px;
}

#leftmenu .german a:hover{
	background: url(../images/bgs/d.gif); 
	background-repeat: no-repeat;
	background-position: 45px 5px;
	color: #FFFFFF;
	font-weight:bold;
	background-color: #F2555B;
}


#leftmenu .english{
	background: url(../images/bgs/gb.gif);
	background-repeat: no-repeat;
	background-position: 45px 5px;
}

#leftmenu .english a:hover{
	background: url(../images/bgs/gb.gif); 
	background-repeat: no-repeat;
	background-position: 45px 5px;
	color: #FFFFFF;
	background-color: #375FFF;
}

#validator {
  background:#FFFFFF url(../images/col_menu_bg_2.jpg) repeat-y scroll left top;
  border:#F78E92 1px solid;
	color:#000000;
  position: relative;
	float:left;
	text-align: right;
	padding:0;
	width: 180px;
	font-size:0.85em;
	margin-bottom:10px;
	line-height:1em;
	font-weight:bold;
}

#validator a:link{
border-bottom:1px solid #F78E92;
color:#000000;
display:block;
line-height:0.85em;
padding:5px;
margin:0;
text-decoration:none;
}

#validator a:hover{
	background-repeat: no-repeat;
	background-position: 45px 5px;
	color: #FFFFFF;
	font-weight:bold;
	background-color: #F2555B;
}
/* ---------------------------------------------- */
/* ------------- End main navigation ------------ */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* -------------- Begin subnavigation ----------- */
/* ---------------------------------------------- */

#rightmenu {
 border:#F78E92 1px solid;
	margin-top: 10px;
	padding: 5px;
	font-size: 0.85em;
	background:#FFFFFF url(../images/col_menu_a_bg_2.jpg) repeat-y scroll right top;
}

#rightmenu ul {
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
}

#rightmenu ul li{
	width: 180px;
	margin: 0;
	padding: 0;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
}

#rightmenu ul li a{
	text-decoration: none;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #666666;
	line-height: 1.9em;
	display: block;
	border-bottom: 1px solid #666666;
}

#rightmenu ul li a:hover{
	color: #003399;
	font-weight: normal;
	background-color: #F2555B;
}

#rightmenu .fees{
	background-image: url(../images/menu/rightmenu/fees.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rightmenu .fees:hover {
	background-image: url(../images/menu/rightmenu/fees_f2.gif);
	background-repeat: no-repeat;
	background-position: left center;

}

#rightmenu .necessarydocuments{
	background-image: url(../images/menu/rightmenu/necessarydocuments.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rightmenu .necessarydocuments:hover {
	background-image: url(../images/menu/rightmenu/necessarydocuments_f2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rightmenu .forms
{
	background-image: url(../images/menu/rightmenu/forms.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rightmenu .forms:hover {
	background-image: url(../images/menu/rightmenu/forms_f2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rightmenu .legals{
	background-image: url(../images/menu/rightmenu/legals.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rightmenu .legals:hover {
	background-image: url(../images/menu/rightmenu/legals_f2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rightmenu .contactperson{
	background-image: url(../images/menu/rightmenu/cantactperson.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rightmenu .contactperson:hover 
{
	background-image: url(../images/menu/rightmenu/cantactperson_f2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* -------------------------------------------------------------------- */
/* ------------- End subnavigation rightmenu--------------------------- */
/* -------------------------------------------------------------------- */




/* -------------------------------------------------------------------- */
/* ------------- begin subnavigation serviceinformation---------------- */
/* -------------------------------------------------------------------- */
#serviceinformation {
  background:#FFFFFF url(../images/col_menu_a_bg_2.jpg) repeat-y scroll right top;
  border: 1px #F78E92 solid;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	font-size: 0.9em;
	overflow: hidden;
}

#serviceinformation ul {
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
}

#serviceinformation ul li{
	width: 180px; /* 195px */
	margin: 0;
	padding: 0;
	color: red;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
	/*xborder: solid red 1px;*/
}

#serviceinformation a.link {
	display: block;
	padding-bottom: 0.9em;
	background: url(../images/icons/link.gif) no-repeat;
	background-position: 0em 0.4em;
	padding-left: 1.2em;
	text-decoration: none;
}

/* ---------------------------------------------- */
/* ------------- End subnavigation -------------- */
/* ---------------------------------------------- */







/* ---------------------------------------------- */
/* ---------- Begin globale navigation ---------- */
/* ---------------------------------------------- */

#globalenavigation {
    position: absolute;
	width: 99%;
	left: 0em; 
    right: 0em;
    bottom: 0;
	overflow: hidden; 
    font-size: 0.85em;
	background-color: #cccccc;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 2em;
	line-height: 2em;
	border-top: 1px solid #F78E92;
	border-bottom: 1px solid #F78E92;
}

#globalenavigation ul {	
	display: inline;
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
}
    
#globalenavigation li {
	display: inline;
	float: left;
	border-right: 1px solid #F78E92;
	padding-right: 0.5em;    /* für IE 5.0 zusätzlich eingefügt */
	padding-left: 0.5em;		/* für IE 5.0 zusätzlich eingefügt */
}


#globalenavigation li a {
	color: #000000;
	padding: 0em 1.5em 0em 1.5em;
	text-decoration: none;
	padding-top: 0.5em;
	padding-bottom: 0.4em;
}
    
#globalenavigation li a:hover {
	text-decoration: underline;
}

#globalenavigation li .active {
	text-decoration: underline;
}

#globalenavigation li.kommune {
	width: 99%;
	text-align: right;
	border: none;
}

/* ---------------------------------------------- */
/* ------------ End globale navigation ---------- */
/* ---------------------------------------------- */

.tx-civserv-pi1-searchbox {
	font-size: 0.85em;
}

#rightinfo {
	position: relative;
	margin-top: 30px;
}

/* ---------------------------------------------- */
/* ----------------- Begin Links ---------------- */
/* ---------------------------------------------- */

a {
	color: #003399;
	text-decoration: underline;
}

a:link {
	color: #003399;
}

a:visited {
	color: #003399;
}

a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------- */
/* ------------------- End Links ---------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ---------- Begin service navigation ---------- */
/* ---------------------------------------------- */

#servicenavigation {
background:#FFFFFF url(../images/col_menu_bg_2.jpg) repeat-y scroll left top;
border:#F78E92 1px solid;
  float:left;
	position: relative;
	font-size: 0.85em;
	text-align: right;
	width: 180px;
	margin-bottom:10px;
}

#servicenavigation ul 
{
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
}

#servicenavigation ul li
{
	width: 180px;
	margin: 0;
	padding: 0;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
}

#servicenavigation ul li a
{
	text-decoration: none;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	line-height: 1.0em;
	display: block;
	background-repeat: repeat-x;
	background-position: top;
	border-bottom: 1px solid #F78E92;
}

#servicenavigation ul li a:hover{
	color: #ffffff;
	font-weight:bold;
	background-color: #F2555B;
}

#servicenavigation .printversion{
	background-image: url(../images/icons/printversion.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 23px;
}

#servicenavigation .printversion:hover {
	background-image: url(../images/icons/printversion_f2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#servicenavigation .back{
	background-image: url(../images/icons/back.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 23px;
}

#servicenavigation .back:hover {
	background-image: url(../images/icons/back_f2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#servicenavigation .bookmark{
	background-image: url(../images/icons/bookmark.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 23px;
}

#servicenavigation .bookmark:hover {
	background-image: url(../images/icons/bookmark_f2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#servicenavigation .home{
	background-image: url(../images/icons/home.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 23px;
}

#servicenavigation .home:hover {
	background-image: url(../images/icons/home_f2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* ---------------------------------------------- */
/* ---------- End service navigation ------------ */
/* ---------------------------------------------- */





/* ---------------------------------------------- */
/* ---------- begin form / file list ------------ */
/* ---------------------------------------------- */
ul.formlist{
	list-style: none outside;
}

ul.formlist li a{
	font-weight:bold;
}

/* ---------------------------------------------- */
/* ----------- end form / file list ------------- */
/* ---------------------------------------------- */

























/* ---------------------------------------------- */
/* --------------- Begin Icons ------------------ */
/* ---------------------------------------------- */

.newwindow {
	background: url(../images/icons/newwindow.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.3em;
	text-decoration: none;
}

.link {
	background: url(../images/icons/link.gif) no-repeat;
	background-position: 0em 0.4em;
	padding-left: 1.2em;
	text-decoration: none;
}

.email {
	background: url(../images/icons/email.gif) no-repeat;
	background-position: 0em 0.3em;
	padding-left: 1.3em;
	text-decoration: none;
}

.topofpage {
	background: url(../images/icons/topofpage.gif) no-repeat;
	background-position: 0em 0.3em;
	padding-left: 1.3em;
	text-decoration: none;
	font-size: 0.85em;
}

/* ---------------------------------------------- */
/* ----------------- End Icons ------------------ */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ---------- Begin formular elements ----------- */
/* ---------------------------------------------- */



fieldset {
	border:#F78E92 1px solid;
	margin:0px;
	margin-bottom: 10px;
	padding: 5px;
	background:#FFFFFF url(../images/col_menu_a_bg_2.jpg) repeat-y scroll right top;
}

legend {
  display: none;
}

input {
	padding: 0;
	margin: 0;
}

/* Durch das folgende Beispiel verwandelt sich der Mauszeiger beim Überfahren des Labels in eine Hand mit Zeigefinger: */
label {
	cursor: pointer;
}

/* Als nächstes werden die Textfelder beim Erreichen des Fokus (also durch das Setzen der Einfügemarke per Tabulator oder Maus, oder auch durch Anklicken des damit verbundenen Labels) farblich hervorgehoben: */
#centrecontent input:focus, #centrecontent textarea:focus {
	color: #000;
	background: #fff;
}

/* Zunächst werden die Labels mit der Klasse "left" rechtsbündig an eine imaginäre Mittelachse gebracht und mit einem Abstand zu den daneben stehenden Kontrollelementen versehen: */
#centrecontent label.left {
	float: left;
	text-align: right;
	width: 8em;
	margin-right: .3em;
	}

/* Als nächstes werden die Text- und Auswahlboxen rechts daneben positioniert. Weil diese im HTML ohne einen erzwungenen Zeilenumbruch (z.B. durch <br /> oder die Grenzen einer <td>) nach den Labels kommen, ordnen sie sich durch das float:left; automatisch rechts neben die Beschriftungen ein: */
#outer input[type=text], select {
	float: left;
	}

/* Aus unerfindlichen Gründen braucht der Mozilla eine Extrawurst in Form eines zusätzlichen em für den Abstand nach links: */
#centrecontent input[type=checkbox].right,
#centrecontent input[type=radio].right,
#centrecontent input[type=submit].right {
	margin-left: 7.5em;
	}

/* Durch die folgende Deklaration werden die float-Zustände wieder aufgehoben, so dass es danach ganz normal im Fluss des Dokumentes weitergehen kann: */
form br {
	clear: both;
	}

/* Nun wird die Hintergrundfarbe von Textfeldern , sobald diese aktiviert sind, geändert. Damit teilen Sie Ihrem Benutzer deutlich mit, in welchem Abschnitt des Formulares er sich zur Zeit befindet und welche Eingabe als nächstes erwartet wird. Hierzu müssen Sie zunächst einmal die Hintergrundfarbe der Textfelder definieren: */
#centrecontent fieldset input, #centrecontent fieldset textarea {
	color: #000;
	background: #FEE9EA;
	border: solid 1px #F2555B;
	/* width: 20em;  */
	}

/* Als nächstes werden die Textfelder beim Erreichen des Fokus (also durch das Setzen der Einfügemarke per Tabulator oder Maus, oder auch durch Anklicken des damit verbundenen Labels) farblich hervorgehoben: */
input:focus, textarea:focus {
	color: #000;
	background: #fff;
	}

/* ---------------------------------------------- */
/* ------------ end formelements ----------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ------------ begin searchformelements ------------- */
/* ---------------------------------------------- */


#suche
{
	font-size: 0.85em;
}

#suche p {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#suche .searchform input .suchbegriff {
	width: 150px;
}

#rightinfo {
	position: relative;
	margin-top: 30px;
}

#tx-civserv-pi1-searchbox .searchform input .suchbegriff {
	width: 100px;
}


.tx-civserv-pi1-searchbox p {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}
/* ---------------------------------------------- */
/* ------------- end searchformelements -------------- */
/* ---------------------------------------------- */










/* ---------------------------------------------- */
/* ------------ begin plugin extended ma list---- */
/* ---------------------------------------------- */


/*
#centrecontent {
	border: dashed green 2x;
	background-color: black;
}
*/

.tx-civserv-pi2 #centrecontent hr{
	clear:both;
	width: 99%;
	height: 3px;
	margin-left:2em;
	border:solid #fff 3px;
	text-align:left;
}



.tx-civserv-pi2 #centrecontent .headofdepartment{
	/*xborder: solid red 2px;*/
	margin-left: 1em;
}


.tx-civserv-pi2 #centrecontent #or_choice {
	margin-left: 1em;
	/*xborder: solid yellow 2px;
	xwidth: 65%;*/
	width: 50em;
	float:left; /* the empossearch will float to the right side of the or_choice */
}


.tx-civserv-pi2 #centrecontent #or_choice .level_1 {
	/*xcolor: red;*/
}

.tx-civserv-pi2 #centrecontent #or_choice .level_2 {
	/*xcolor: green;*/
	padding-left: 20px;
}

.tx-civserv-pi2 #centrecontent #or_choice .level_3 {
	/*xcolor: green;*/
	padding-left: 40px;
}

.tx-civserv-pi2 #centrecontent #or_choice .level_4 {
	/*xcolor: green;*/
	padding-left: 60px;
}


.tx-civserv-pi2 #centrecontent #empossearch{
	/*xborder: solid blue 2px;
	xwidth: 15%;*/
	padding-left: 60em;
	padding-left: 5em;
}



/*--------------------------------------------------------------------------------------------*/
/*---------------------PI2 EMPLOYEELIST AZ----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/



/* inline elemente können keine feste breite haben */
/* darum: display: block und float: left */

.tx-civserv-pi2 #centrecontent #employee_az {
	clear: both;
	margin-left: 0.5em;
	overflow:hidden;
}



/*------------------------------------------------------------------------------------*/
.tx-civserv-pi2 #centrecontent #employee_az ul.employee {
	clear:both;
	float:none;
	display:block;
	margin-left:0;
	width: 60em; /* !!! */
	overflow: hidden; /* !!! */
	background-color: #F0FFF0;
	border-top: solid #fff 10px;
}


.tx-civserv-pi2 #centrecontent #employee_az ul.employee li{
	list-style: none;
	display: block; /* !!! */
	float: left; /* !!! */
	/*height: 50px; /* don't!!! */
	background-color:#F0FFF0;
}

* html .tx-civserv-pi2 #centrecontent #employee_az ul.employee li{
	padding-left: 1.5em;
}

.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_name{
	padding-left:1em;
	line-height:3em;
	width:70%
}

* html .tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_name{
	width:80%
}


.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_pic,
.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_email,
.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_phone,
.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_fax,
.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_mobile {
	padding-left:1em;
	height:2em;
}


.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_pic{
	float: left;
	width: 20%;
}

.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_email{
	clear: both;
	width: 90%;
	border-top:solid #fff 1px;
	border-bottom:solid #fff 1px;
}

.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_phone{
	clear: left;
	width: 30%;
}

.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_fax{
	width: 30%;
}


.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_mobile{
	width: 30%;
}


.tx-civserv-pi2 #centrecontent #employee_az ul.employee li.em_positions{
	border-top: solid white 1px;
	background-color: #F0FFF0;
	width:100%;
}



/*-----------------------------------UL ORGANISATION-------------------------------------------------*/
.tx-civserv-pi2 #centrecontent #employee_az ul.organisation {
	clear:both;
	float:none;
	padding-left:0; /* !!! */
	margin-left:0; /* !!! */
	min-width:60em;
	width:60em; /* ie 6.x*/
	border-top: solid #fff 2px;
}


.tx-civserv-pi2 #centrecontent #employee_az ul.organisation li{
	clear:both;
	float:none;
	background-color: #FEE9EA;
}



/*------------------------------------------------------------------------------------*/
.tx-civserv-pi2 #centrecontent #employee_az ul.position {
	clear:both;
	float:none;
	margin-top:10px;
	margin-left:2em;
	padding-left:0;
	line-height: 30px;
	width:90%;
	border: solid #fff 2px;
}

.tx-civserv-pi2 #centrecontent #employee_az ul.position li{
	clear:both;
	float:none;
	/*xheight:30px; /* don't!! */
	border-top:1px solid #fff;
	background-color: #FFEFDB;
}

.tx-civserv-pi2 #centrecontent #employee_az ul.position li.po_name{
	/*xwidth: 100%;*/
}


.tx-civserv-pi2 #centrecontent #employee_az ul.position ul.po_items{
	background-color: #FFEFDB;
}

.tx-civserv-pi2 #centrecontent #employee_az ul.position ul.po_items li{
	/*xbackground-color: pink;
	xborder: solid red 2px;*/
}






/*--------------------------------------------------------------------------------------------*/
/*---------------------PI2 EMPLOYEELIST OR----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/



/* inline elemente können keine feste breite haben */
/* darum: display: block und float: left */

.tx-civserv-pi2 #centrecontent #employee_or {
	clear: both;
	margin-left: 1em;
}


* html .tx-civserv-pi2 #centrecontent #employee_or {
	margin-left: 0;
}


/*------------------------------------------------------------------------------------*/
.tx-civserv-pi2 #centrecontent #employee_or ul.organisation {
	clear:both;
	float:none;
	display:block;
	width: 60em; /* !!! */
	overflow: hidden; /* !!! */
	background-color: #FEE9EA;
	border-top: solid #fff 10px;
}

.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li{
	list-style: none;
	display: block; /* !!! */
	float: left; /* !!! */
	/*xheight: 50px; /* don't!!! */
	background-color: #FEE9EA;
}



.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_code,
.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_name,
.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_fullname,
.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_uid,
.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_other,
.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_sth {
	height:2em;
}

.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_code{
	width: 20%;
}


.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_name{
	width: 70%;
}

.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_fullname{
	width: 70%;
}

.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_email{
	clear: left;
	width: 50%;
}



.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_telephone{
	width: 20%;
}


.tx-civserv-pi2 #centrecontent #employee_or ul.organisation li.or_fax{
	width: 20%;
}



/*------------------------------UL EMPLOYEE------------------------------------------------------*/
.tx-civserv-pi2 #centrecontent #employee_or ul.employee {
	clear:both;
	float:none;
	width:55em; /* !!! */
	display:block;
	overflow:hidden; /* !!! */
	background-color:#F0FFF0;
	border-top: solid #FEE9EA 5px;
}

.tx-civserv-pi2 #centrecontent #employee_or ul.employee li{
	list-style: none;
	display: block; /* !!! */
	float: left; /* !!! */
	/*xheight: 50px; /* don't!!! */
	background-color:#F0FFF0;
}


.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_name{
	padding-left:1em;
	width: 50%;
}


.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_pic{
	width: 40%;
}



.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_pic,
.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_email,
.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_phone,
.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_fax,
.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_mobile {
	padding-left:1em;
	height:2em;
}



.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_email{
	clear: both;
	width: 90%;
	border-top:solid #fff 1px;
	border-bottom:solid #fff 1px;
}


.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_phone{
	clear:left;
	width: 30%;
}


.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_fax{
	width: 30%;
}

.tx-civserv-pi2 #centrecontent #employee_or ul.employee li.em_mobile{
	width: 30%;
}




/*------------------------------------------------------------------------------------*/
.tx-civserv-pi2 #centrecontent #employee_or ul.position {
	clear:both;
	float:none;
	margin-top:10px;
	margin-left:2em;
	padding-left:0;
	line-height: 30px;
	width:50em;
	border: solid #fff 2px;
}

.tx-civserv-pi2 #centrecontent #employee_or ul.position li{
	clear:both;
	float:none;
	/*xheight:30px; /* don't !!!*/
	border-top:1px solid #fff;
	background-color: #FFEFDB;
}

.tx-civserv-pi2 #centrecontent #employee_or ul.position li.po_name{
	/*xwidth: 100%;*/
}


.tx-civserv-pi2 #centrecontent #employee_or ul.position ul.po_items{
	background-color: #FFEFDB;
}

.tx-civserv-pi2 #centrecontent #employee_or ul.position ul.po_items li{
	/*xbackground-color: blue;
	xborder: solid red 2 px;*/
}




/* table layout verworfen.....   */
.tx-civserv-pi2 #centrecontent table {
	margin-left: 1em;
	/*xborder: dashed red 2x;
	xbackground-color: green;*/
}

.tx-civserv-pi2 #centrecontent table td{
	padding: 10px;
}

.tx-civserv-pi2 #centrecontent table tr.tableheader {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
	background-color: red;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}


.tx-civserv-pi2 #centrecontent table tr.tablerow_employee, 
.tx-civserv-pi2 #centrecontent table tr.tablerow_organisation {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

.tx-civserv-pi2 #centrecontent table tr.tablerow_organisation {
	background-color: #E6E6E6;
}

.tx-civserv-pi2 #centrecontent table tr.tablerow_employee {
	background-color: #E6EBF5;
}

.tx-civserv-pi2 #centrecontent table tr.tablerow_position {
	background-color: #EBC2AF;

}

.tx-civserv-pi2 #centrecontent table.employee_or tr.tablerow_organisation td{
	border-top: solid #E6E6E6 10px;
	border-bottom: solid #E6E6E6 10px;
}

.tx-civserv-pi2 #centrecontent table.employee_az tr.tablerow_employee td{
	border-top: solid #E6EBF5 10px;
	border-bottom: solid #E6EBF5 10px;
}

.tx-civserv-pi2 #centrecontent table th {
	font-weight: bold;
}

.tx-civserv-pi2 #centrecontent table td, 
.tx-civserv-pi2 #centrecontent table th {
	border: solid white 1px;
	padding-left: 1em;
}


.tx-civserv-pi2 #centrecontent table td img, 
.tx-civserv-pi2 #centrecontent table th img {
	border: 0;
}




/*---------------------------*/
.tx-civserv-pi3 #centrecontent table {
	margin-left: 1em;
	/*xborder: dashed red 2x;
	xbackground-color: green;*/
}


.tx-civserv-pi3 #centrecontent table tr.tableheader {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
	background-color: green;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}


.tx-civserv-pi3 #centrecontent table tr.tablerow_a, 
.tx-civserv-pi3 #centrecontent table tr.tablerow_b {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	background-color: #FEE9EA;
}
.tx-civserv-pi3 #centrecontent table tr.tablerow_a {
	background-color: #eee;
}

.tx-civserv-pi3 #centrecontent table th {
	font-weight: bold;
}

.tx-civserv-pi3 #centrecontent table td, 
.tx-civserv-pi3 #centrecontent table th {
	border: solid white 1px;
	padding-left: 1em;
}


.tx-civserv-pi3 #centrecontent table td img, 
.tx-civserv-pi3 #centrecontent table th img{
	border: 0;
}

/* ---------------------------------------------- */
/* ------------ end plugin extended ma list---- */
/* ---------------------------------------------- */





/* ---------------------------------------------- */
/* --------- Begin  service information --------- */
/* ---------------------------------------------- */
/*
#serviceinformation {
	margin: 0;
	padding: 0;
	width: 99%;
	font-size: 0.85em;
	margin-top: 20px;
	overflow: hidden;
}

#serviceinformation a.link {
	display: block;
	background: url(../images/icons/link.gif) no-repeat;
	background-position: 0em 0.4em;
	padding-left: 1.2em;
	text-decoration: none;
}
*/
/* ---------------------------------------------- */
/* ---------- End service information ----------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ------ Begin indexed search extention -------- */
/* ---------------------------------------------- */

.tx-indexedsearch {
	padding-top: 15px;
	padding-left: 20%;
}

.tx-indexedsearch .tx-indexedsearch-searchbox a {
	font-weight: normal;
	font-style: italic;
}

.tx-indexedsearch .tx-indexedsearch-rules h2 {
	font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-rules p {
	font-weight: normal;
}

.tx-indexedsearch-browsebox p {
	font-weight: normal;
}

.tx-indexedsearch-browsebox-strong p {
	font-weight: bold;
}

.tx-indexedsearch-sectionlinks ul li {
	margin: 0;
	padding: 0;
	display: inline; 
	list-style-type: none;
}

.tx-indexedsearch-sectionlinks a {
	font-weight: bold;
	background: url(../images/icons/link.gif) no-repeat;
	background-position: 0em 0.4em;
	text-decoration: none;
}

.tx-indexedsearch-browsebox table tr td p a {
	font-weight: normal;
}

.tx-indexedsearch-browsebox table tr td.tx-indexedsearch-browsebox-SCell p a {
	font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
	width: 100px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
	width: 150px; 
}

.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { 
	font-weight: bold;
	font-style: italic; 
}

.tx-indexedsearch .tx-indexedsearch-whatis { 
	margin-top: 10px;
	margin-bottom: 5px; 
}

.tx-indexedsearch P.tx-indexedsearch-noresults { 
	text-align: center;
	font-weight: bold; 
}

.tx-indexedsearch .tx-indexedsearch-res p {
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { 
	background: #eeeeee; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P {
	font-weight: bold; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent {
	font-weight: normal; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P {
	font-style: italic; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup {
	color: red; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	background: #eeeeff; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
	margin-top: 20px;
	margin-bottom: 5px; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
	margin-top: 0px;
	margin-bottom: 0px; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {
	background:#cccccc; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
	vertical-align: middle; 
}

/* ---------------------------------------------- */
/* ------- End indexed search extention --------- */
/* ---------------------------------------------- */
/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 1px solid #aaa;
	background-color: #fff;
	padding: 10px;
	margin:0;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select,
.tx-powermail-pi1 fieldset input,
.tx-powermail-pi1 fieldset textarea {
	/* Input and textarea */
	width: auto;
}

fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}

div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label {
	/* Description */
	cursor: help;
	width: 150px; 
}
div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}

div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}


div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px; 
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

.wtcalculatingcaptcha {
	clear:both;
	margin-left: 150px;
	margin-top: 5px;
	float: left;
}




/* Nun wird die Hintergrundfarbe von Textfeldern , sobald diese aktiviert sind, geändert. Damit teilen Sie Ihrem Benutzer deutlich mit, in welchem Abschnitt des Formulares er sich zur Zeit befindet und welche Eingabe als nächstes erwartet wird. Hierzu müssen Sie zunächst einmal die Hintergrundfarbe der Textfelder definieren: */
#centrecontent div.tx_powermail_pi1_fieldwrap_html input, 
#centrecontent div.tx_powermail_pi1_fieldwrap_html textarea, 
#centrecontent div.tx_powermail_pi1_fieldwrap_html  select {
	float:none;
	color: #000;
	background: #FEE9EA;
	border: solid 1px #F2555B;
	/* width: auto; */
	margin-top: 5px;
} 
 
 
#centrecontent div.tx_powermail_pi1_fieldwrap_html_submit input {
	color: #000;
	background: #FEE9EA;
	margin-left: 150px;
	border: solid 1px #F2555B;
	width: 229px;
	margin-top: 5px;
} 

#centrecontent div.tx_powermail_pi1_fieldwrap_html_reset input {
	color: #000;
	background: #FEE9EA;
	border: solid 1px #F2555B;
	width: 229px;
	margin-left: 5px;
	margin-top: 5px;
} 
#centrecontent div.tx_powermail_pi1_fieldwrap_html_submit input {
	clear:both;
	color: #000;
	background: #FEE9EA;
	border: solid 1px #F2555B;
	width: 229px;
	margin-left: 150px;
	margin-top: 5px;
}  


#centrecontent div.tx_powermail_pi1_fieldwrap_html_label,
#centrecontent div.tx_powermail_pi1_fieldwrap_html_captcha_description
{
	clear:both;
	float:left;
	margin-left: 150px;
	margin-top: 5px;
} 

 
/* Als nächstes werden die Textfelder beim Erreichen des Fokus (also durch das Setzen der Einfügemarke per Tabulator oder Maus, oder auch durch Anklicken des damit verbundenen Labels) farblich hervorgehoben: */
input:focus, textarea:focus {
	color: #000;
	background: #fff;
}