/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}
body {
	text-align: center;
	background-image: url(/fileadmin/images/body-bg.jpg);
	background-repeat: repeat-x;
	font-size: 69%;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.hidden a {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
#skip1 a, #skip2 a, #skip3 a {
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -100px;
	z-index: 2;
	text-decoration: none;
}
#skip1 a:focus, #skip2 a:focus, #skip3 a:focus, #skip1 a:active, #skip2 a:active, #skip3 a:active {
	background: #FFFFFF;
	color:#000000;
	position: inherit;
	margin-top: 3px;
	margin-left: 200px;
	z-index: 99;
	float: left;
}
#skip1 a:hover, #skip2 a:hover, #skip3 a:hover{
	text-decoration: underline;
}

#wrapperall {
	background-color: #FFFFFF;
	width: 990px;
	text-align: left;
	margin: auto;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

* html #header {
	height: 1%;
}

#header-top {
	background-image: url(/fileadmin/images/header-bg-right.jpg);
	background-position: right;
	background-repeat: repeat-y;
}
#quicklinks {
	background-image: url(/fileadmin/images/header-top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 195px;
}
#quicklinks a {
	color: #000000;
	text-decoration: none;
}
#quicklinks a:hover {
	text-decoration: underline;
}

#header-middle {
	background-image: url(/fileadmin/images/header-middle.jpg);
	background-repeat: no-repeat;
	background-color: #EEBB33;
	overflow: hidden;
}
* html #header-middle{
	height: 1%;
}

#topnav {
	background-image: url(/fileadmin/images/header-bg-bottom.jpg);
	background-position: right;
	margin-top: 110px;
	margin-left: 181px;
	padding-right: 180px;
}
#topnav ul {
	list-style: none;
	border-left: 1px dotted #000000;
	overflow: hidden;
}
#topnav ul li {
	float: left;
	border-right: 1px dotted #000000;
}
#topnav ul li a {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
	color: black;
	padding-left: 15px;
	padding-right: 15px;
}
#topnav ul li a:hover {
	text-decoration: underline;
}
#topnav .active {
	background-color: #F4D582;
}

#header-bottom {
	background-image: url(/fileadmin/images/header-bottom.jpg);
	height: 20px;
}


#wrapper1 {
	background-image: url(/fileadmin/images/left-bg.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
}
* html #wrapper1 {
	height: 1%;
}
#left {
	width: 180px;
	float: left;
	margin-right: 2px;
	padding-bottom: 30px;
}
.leftbox {
	border-bottom: 1px solid #297E45;
	margin-bottom: 15px;
}
.leftbox h2 {
	background-color: #297E45;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
.leftbox-content {
	font-size: 1.1em;
	margin-top: 1px;
	background-color: #37A85B;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	color: #FFFFFF;
}
.leftbox ul {

}
.leftbox li {
	background-color: #37A85B;
	margin-top: 1px;
	font-size: 1.1em;
}
.leftbox li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 1.6em;
}
.leftbox .active {
	background-image: url(/fileadmin/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 10px;
}
.leftbox a:hover {
	text-decoration: underline;
}
#intern {
	text-align: center;
}
#intern a {
	color: #297E45;
	text-decoration: none;
}
#intern a:hover {
	text-decoration: underline;
}


#wrapper2 {
	background-image: url(/fileadmin/images/right-bg.jpg);
	background-position: right;
	background-repeat: repeat-y;
	overflow: hidden;
}
* html #wrapper2 {
	height: 1%;
}
#contentwrapper {
	overflow: hidden;
}
#right {
	width: 180px;
	float: right;
	margin-left: 2px;
}
.rightbox {
	margin-bottom: 15px;
	background-color: #AEBEE3;
}
.rightboxcontent {
	padding-bottom: 1em;
	border-bottom: 1px solid #37569E;
}
.rightbox h1 {
	background-color: #37569E;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.5em;
	border-bottom: 1px solid #FFFFFF;
}
.rightbox p {
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0.1em;
}

.rightbox li {
	display: block;
}

.rightbox .link {
	display: block;
	text-decoration: underline;
}


#center {
	overflow: hidden;
	width: 590px;
	padding-left: 15px;
	padding-right: 15px;
}
* html #center {
	margin-left: 180px;
	margin-right: 180px;
}
#center h1 {
	font-size: 1.6em;
	color: #4466BB;
	border-bottom: 1px solid #C72D36;
	margin-bottom: 0.4em;
	padding-bottom: 0.4em;
	font-weight: normal;
}
#center h2 {
	font-size: 1.2em;
	margin-bottom: 0.4em;
}
#center p {
	margin-bottom: 1em;
}
#center ul, #center ol {
	margin-left: 3em;
}
#center li {
	margin-bottom: 0.3em;
}
/* Sperrmüllformular (powermail) Begin */
#center .tx_powermail_pi1_form fieldset legend {
	display: inline;
	font-weight: bold;
	font-size: 1.1em;
	color: #297E45;
	margin-bottom: 0.5em;
}
*html #center .tx_powermail_pi1_form fieldset legend, *+html #center .tx_powermail_pi1_form fieldset legend{
	background-color: #FFFFFF;
	z-index: 10;
}
#center .tx_powermail_pi1_form fieldset {
	margin-bottom: 1em;
	margin-top: 1em;
	border: 1px dotted #297E45;
	padding: 0.8em;
	width: 572px;
	overflow: hidden;
}
#center .tx_powermail_pi1_form label{
	width: 60%;
	text-align: right;
	float: left;
}
#center .tx_powermail_pi1_form select, #center .tx_powermail_pi1_form input{
	margin-left: 0.5em;
	width: 35%;
}

/* Speziell für Sperrmüllformular */
#sperrmuell .tx_powermail_pi1_fieldwrap_html_checkbox_title{
	display: none;
}
#sperrmuell .powermail_check_inner{
	width: 30%;
	float: left;
}
#sperrmuell .powermail_check_inner label{
	width: 70%;
	float: left;
}
#sperrmuell #powermaildiv_uid8{
	overflow: hidden;
	width: 100%;
}
#sperrmuell #powermaildiv_uid9{
	display: block;
	overflow: hidden;
	float: none;
	width: 100%;
}
#sperrmuell #tx-powermail-pi1_fieldset_3 .tx_powermail_pi1_fieldwrap_html{
	width: 50%;
	overflow: hidden;
	float: left;
	height: 30px;
}
#sperrmuell #tx-powermail-pi1_fieldset_3 #powermaildiv_uid46{
	text-align: center;
	width: 100%;
	height: 70px;
}
#sperrmuell #tx-powermail-pi1_fieldset_4{
	border: none;
	overflow: hidden;
}
#sperrmuell #tx-powermail-pi1_fieldset_4 legend{
	display: none;
}
#sperrmuell #powermaildiv_uid10{
	width: 45%;
	text-align: right;
	float: left;
}
#sperrmuell #powermaildiv_uid11{
	width: 45%;
	text-align: left;
	float: left;
}
/* Sperrmüllformular (powermail) End */

#footer {
	text-align: center;
	margin-top: 3em;
	margin-bottom: 1em;
}



/* Tabellen */
.contenttable {
	border-spacing: 1px;
}

.contenttable caption {
	/* background-color: #888;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #fff;
	font-weight: bold;
	font-size: 0.85em; */
	
	font-size: 0.85em;
	font-weight: bold;
	text-align: left;
}

.contenttable th {
	background-color: #888;
	color: #fff;
}

.contenttable td {
	border-bottom: 1px solid #888;
	background-color: #EEE;
}

th, td {
	padding: 4px;
}

/* Anpassungen Ausgabe CSS Styled Content */
.block {
	margin-bottom: 2em;
}

.csc-textpic {
	width: 99%;
	overflow: hidden;
}

DIV.csc-textpic-clear {
	clear: none;
}


/* OSIRIS */
.list, .tree  {
	margin-left: 5px;
	padding-bottom: 1em;
}

.content {
	font-size: 1em;
	line-height: 140%;
}

.list li, .tree li {
	list-style: square;
	line-height: 150%;
}
/* 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;
}

.orgadetail {
	padding-bottom: 10px;
	font-size: 1.2em;
}

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

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

#rightmenu ul li
{
	width: 195px;
	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: 15px;
	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: #000000;
	font-weight: bold;
}

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

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

}

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

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

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

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

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

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

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

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

#serviceinformation {
	margin: 0;
	padding: 0;
	width: 195px; /* 195px */
	font-size: 0.9em;
	margin-top: 25px;
	overflow: hidden;
}

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

#serviceinformation ul li
{
	width: 195px; /* 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;
}

/* Link 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 {
	display: block;
	background: url(../images/icons/topofpage.gif) no-repeat;
	background-position: 0em 0.3em;
	padding-left: 1.3em;
	text-decoration: none;
	font-size: 0.85em;
	margin-top: 1em;
}

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



fieldset {
	border: 1px;
	margin: 0;
	padding: 0;
	padding-left: 15px;
}

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: */
.tx-civserv-pi1 input:focus, .tx-civserv-pi1 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: */
.tx-civserv-pi1 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: */
.tx-civserv-pi1 input[type=checkbox].right,
.tx-civserv-pi1 input[type=radio].right,
.tx-civserv-pi1 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: */
.tx-civserv-pi1 fieldset input, #centrecontent fieldset textarea {
	color: #000;
	background: #ddd;
	border: solid 1px #696969;
	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: */
.tx-civserv-pi1 input:focus, .tx-civserv-pi1 textarea:focus {
	color: #000;
	background: #fff;
	}

/* Typo3 Content Formatierung */
DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible { visibility: hidden; }
DIV.csc-frame-rulerBefore { height:10px; border-top: 1px solid #C72D36; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #C72D36; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { border: 1px solid #C72D36; padding: 4px; }
DIV.csc-frame-frame2 { background-color: #E5E6E7; padding: 4px; }

/* Suche-Ausgabe */
.browsebox {
	padding: 10px;
}

/* Formulare */
.label {
width: 150px;
text-align: right;
font-weight: bold;
padding-right: 10px;
float: left;
}
.field {
width: 300px;
margin-left: 160px;
text-align: left;
}
.field input, .field textarea {
border: 1px solid #A2A2A2;
}
.formcontainer {
width: 550px;
overflow: hidden;
margin-bottom: 6px;
}

/* sp_directory */
#center .tx-spdirectory-pi1 .tx_spdirectory_pi1_list {
	width: 100%;
}


/* wt_directory */
#center .tx-wtdirectory-pi1 .wtdirectory_filter {
	padding: 5px;
	background-color: #e5e6e7;
}
#center .tx-wtdirectory-pi1 .wtdirectory_filter_abc {
	text-align: center;
	margin-bottom: 1em;
}

#center .tx-wtdirectory-pi1 .wtdirectory_pagebrowser {
	background-color: #e5e6e7;
	padding: 5px;
	margin-top: 1em;
	text-align: center;
}
#center .tx-wtdirectory-pi1 .wt_directory_pagebrowser {
	margin-left: 0px;
	display: inline;
}
#center .tx-wtdirectory-pi1 .wt_directory_pagebrowser li {
	display: inline;
	padding-right: 5px;
}

#center .tx-wtdirectory-pi1 .wtdirectory_list {
	margin-left: 0px;
}
#center .tx-wtdirectory-pi1 .wtdirectory_list li {
	list-style-type: none;
	border: 1px solid #DADADA;
	padding: 5px;
}

#center .tx-wtdirectory-pi1 dl {
	overflow: hidden;
}
#center .tx-wtdirectory-pi1 dt {
	clear: both;
	display: block;
	float: left;
	padding: 5px 0px;
	width: 150px;
}
#center .tx-wtdirectory-pi1 dd {
	display: block;
	padding: 5px 0px;
}
#center .tx-wtdirectory-pi1 .wtdirectory_all_backlink {
	text-align: right;
	padding: 15px 0px;
}