/*
Standard-Layout mit Block-Navigation und Hintergrund-Farben in Anlehnung an Navigation der C-Bit
*/

html {
/*background-image: url(Gelber_Hintergr.jpg);*/
background-color: #F6F098;
background-repeat: repeat-x;

}

body {
 background-image:url(start_back.gif);
 background-repeat:repeat-y;
background-position: center 50%;
 height: 100%;
 margin-left: auto;
margin-right: auto;

 text-align: left;

 margin: 0;
 padding: 0;

 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 /* 0.7em Schriftgroessen relativ wegen Barrierefreiheit, 
 * wird über Style-Angabe ggf. ueberschrieben */
 font-size:0.7em;	 
 color:5D5D5D;
} 

/* --------- Barrierefreie Texte ausblenden ------------*/
.handicapped{
 display:none;
}

/* ------------------------------------------------------------------
					Positionierung
------------------------------------------------------------------ */

/* Der Container, welcher alle Elemente umfasst.
 * Funktionen:
 * - Seite ausrichten
 * - Gesamtbreite der Seite festlegen  */
div#mainContainer{

 width: 1004px;  /* 1024px - 20px fuer Scrollbars */
 text-align: left; /* wegen text-align in body */
margin: 0px auto;
 background-color:#FFFFFF;
}


/* -----------------------------------
 *						Admin Navigation
 * -----------------------------------
 *
 * In diesem <div> befindet sich die Leiste
 * mit den Administrationsfunktionen */

div#adminNav{
 float:left;
 width:1002px; /* 1004 px - 2px fuer border */
 height:27px;
 
 background-color: #CCCCCC;
 border:1px solid #F24043;
}


/* --- Textelement in adminNav: LIS --- */
div#adminNavText{
 float: left;
 width: 50px;
 
 margin:0px 5px 0px 5px;
}

div#adminNavText a{
 font-size: 1.7em;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF;
}

div.adminNavText a:hover{
 color: #F24043;
}


/* --- Login Formular in adminNav --- */
div#adminNavLoginFormContainer{
 float: left;
 width:550px;
 height: 27px;
 
 margin: 0;
 padding-left: 5px;
 text-align: left;

 border-left:1px solid #F24043;
}

/* ---- Intranet / Internet/ Administration ---- */
/* ----- nicht ausgewählte Reiter --------- */
.adminNavItem{
 float: right;
 height: 27px;
 width: 120px;
 border-left:1px solid #F24043;

 text-align: center;
 overflow: hidden;
}


/* Reiter-Links */
.adminNavItem a:link, .adminNavItem a:visited{
 position: relative;
 top: 6px;

 color:#FFFFFF;
 font-weight:bold;
 text-decoration:none;
}


.adminNavItem a:hover{
 position: relative;
 top: 6px;

 color:#F24043;
 font-weight:bold;
 text-decoration:none;
}


/* Klasse des ausgewählten Reiters */
.adminNavItemSelected{
 float: right;
 height: 27px;
 width: 130px;

 border-left:1px solid #F24043;

 text-align: center;

 background-color: #FFFFFF;
 color: white;
}


.adminNavItemSelected a:link, .adminNavItemSelected a:visited,.adminNavItemSelected a:hover{
 position: relative;
 top: 6px;

 color:#F24043;
 font-weight:bold;
 text-decoration:none;
}

/* -----------------------------
			System-Links
-------------------------------- */
div#headerSysLinks{
 clear: both; /* vorhergehendes Floating der Admin-Box aufheben */
 width:1004px;
 
 margin:10px 0px 2px 0px;
 
 text-align:right;
}

div#headerSysLinks a, div#headerSysLinks b{
 padding:0px 5px 0px 5px /* Abstand zwischen den einzelnen Links */
}
div#headerSysLinks b{
 background-color: #FFAAAA;
}

/* -----------------------------
			Banner-Box
-------------------------------- */
div#adContainer{
}



/* -----------------------------
			Header-Box
-------------------------------- */
/* Standard-Definition für Kopfzeile */
div#headerContainer{

 clear: both;
 width:1002px; /* 1004px - 2px border */
 height:144px;
 
 /*border-top:1px solid #009391;
 border-left:1px solid #009391;
 border-right:1px solid #009391;*/
 border-bottom:0px;
 background-image:url(start_top.jpg);
 background-repeat:no-repeat;

 text-align:left;

 }

/* Bei Bedarf context-sensitive Kopfzeile je nach gewähltem Bereich 
*  ID ergibt sich aus dem Quelltext 
*/
/* 
z.B.
.headerContainer32{
 border: 1px solid red;
 background-image:url(headerContainerGesellschaft.gif);
}
*/


/* -----------------------------
			Verlinktes Logo
-------------------------------- */
/* Quelltext enthält Blindgrafik mit Verlinkung auf Startseite 
* Diese kann hier beliebig definiert werden
*/

div#logoSpacer{
 position:absolute;
 padding: 0px;
 margin:0px;

}

/* Verlinktes Spacer-Image für das Logo */
div#logoSpacer img{
 width: 140px;
 height: 110px;
}

/* -----------------------------
			TopNav-Container
-------------------------------- */
/* Enthält alle Links der ersten Hierarchie-Stufe: Top-Navigation */
div#topNavContainer{

 height:35px;

 
 margin:0px 0px 0px 0px;

 padding:0px;
 padding-top:109px;
 padding-left:197px;
 text-align:left;
 background-image:url(start_navback.gif);
 background-repeat:repeat-x;
 background-position: bottom;
}


/* --- Default-Klasse für Navigationselemente --- */
div.topNavItem, div.topNavItemSelected{
 float:left; 
 overflow:hidden; 
 width:80px;
 height:30px;
 margin:0px 2px 0px 0px;
 /* NEU: ECKE für die reiter */ 
 background-image:url(start_topnavback.gif);
 background-repeat:no-repeat;
 background-position: right bottom;

 

}

div.topNavItem{
 /* NEU: reiter normale farbe */ 
  background-color:#F1F0DF;
}

div.topNavItem a{
 color:#5D5D5D;
 font-size:1.0em;
 margin-left:4px;
 margin-right:2px;
 margin-top:1px;
 display:block;
 text-decoration:none;
 line-height:1.1em;
}

div.topNavItem a:hover, a:focus, a:active{
 color:#B5AC40;
}

div.topNavItemSelected{
 /* NEU: reiter aktiv farbe */ 
 background-color:#CBC46B;
 background-image:url(start_topnavback_selected.gif);
 background-repeat:no-repeat;
 background-position: right bottom;

}

div.topNavItemSelected a{
 color: #FFFFFF;
 font-size:1.0em;
 text-decoration:none;
 margin-left:4px;
 display:block;
 line-height:1.1em;
}


/* -----------------------------------------------------
		Individuelle Übersteuerung der Top-Navigation
----------------------------------------------------- */
/* Beispiel Internet: ID des Elements wäre z.B. 10977 */
/*
div#internetTopNavItem10977{
 background-color:#FFFFFF;
}

div#internetTopNavItem10977 a{
 color: #FCA506;
 text-decoration:none;
 font-size:10pt;
}

div#internetTopNavItem10977Selected,div#internetLeftNavTopPage10977{
 background-color:#FCA506;
}

div#internetTopNavItem10977Selected a,div#internetLeftNavTopPage10977 a{
 color: #FFFFFF;
 text-decoration:none;
 font-size:10pt;
}
*/


/* Beispiel Intranet: ID des Elements wäre z.B. 10977 */
/*
div#intranetTopNavItem50{
 background-color:#FFFFFF;
}

div#intranetTopNavItem50 a{
 color: #A5A5A5;
 text-decoration:none;
 font-size:10pt;
}

div#intranetTopNavItem50Selected,div#intranetLeftNavTopPage50{
 background-color:#A5A5A5;
}

div#intranetTopNavItem50Selected a,div#intranetLeftNavTopPage50 a{
 color: #FFFFFF;
 text-decoration:none;
 font-size:10pt;
}
*/

/* -----------------------------------------------------
						Content-Container
----------------------------------------------------- */
/* der Container umfasst leftbar, content, rightbar, footer */
div#contentContainer{
 clear: both;
 width:1002px;
 margin:0px;
 padding:0px;

}



/* -------------------------------
		Linke Leiste: Navigation
---------------------------------- */
div#leftbar {
 float:left;
 width: 180px;
 padding: 0px;
 margin:0px 10px 0px 0px;
}


/* -------------------------------
		Content
---------------------------------- */
div#content {
 float: left;
 width: 620px;
 
 padding:0px;
 margin:0px;
 
 /*padding-top:11px; */ 
 text-align:left;
 overflow:hidden;
}


/* -------------------------------
		Rechte Leiste: Infos
---------------------------------- */
div#rightbar {
 width: 180px;
 float: right;
 padding:0px;
 margin:0px;
 margin-top:5px;

 text-align: left;
 overflow:hidden;
}

div#rightbar hr{
	clear:both;
	border-bottom: solid #DBD699 1px;
	margin: 8px 0px 0px 0px;
	height: 1px;
	
}
div#rightbar b{
	color: #C6BE67;
	
	
}
/* -------------------------------
		Footer
---------------------------------- */
div#footer{
 clear:both;
 height: 30px;

 padding: 0px;
 margin: 0px;
 text-align:center;
}


/* -------------------------------------------------
		Inhalt der linken Navigation
------------------------------------------------- */

/* -------- Box mit aktueller Top-Page  --------- */
div.leftNavTopPage{
 width: 150px; /* 180 - 30 margin */
 margin:0px 0px 0px 17px;
 padding: 10px 0px 30px 0px;
 overflow:hidden;
}

div.leftNavTopPage a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration:none;
	font-weight:bold;
	color:#B5AC40;
}


/* -------- Linke Navigation  --------- */
ul.leftNav{
 padding: 0px;
 margin: 0px;
 /* width: 156px; /* 180 -24 */
 list-style-type: none;
 overflow: hidden;
}


ul.leftNav li ul{
 margin: 0px;
 border: none;
}


ul.leftNav a{
 text-decoration: none;
 font-weight: normal;
}

.block{
 display: block;
}

ul.leftNav a:link, ul.leftNav a:visited{
 color:#5D5D5D;
 margin: 0px;
}

/* Markierungs-Pfeil bei hover */
li.leftNav1 a:hover, 
li.leftNav2 a:hover,
li.leftNav3 a:hover,
li.leftNav4 a:hover{
 /*background-color:#FF0000;*/
 background-image: url(start_arrow.gif);
 background-repeat: no-repeat;
 background-position: 1px 3px;  /* 0px von links 3px von oben */

}

li.leftNav0Selected {
 background-color:#CBC46B;
}


.leftNav0Selected a:hover, 
.leftNav1Selected a:hover, 
.leftNav2Selected a:hover, 
.leftNav3Selected a:hover, 
.leftNav4Selected a:hover{
 background-image: none;
}


li.leftNav1Selected,
li.leftNav2Selected,
li.leftNav3Selected,
li.leftNav4Selected{
 /*background-color:#FF0000;*/
 background-image: url(start_arrow.gif);
 background-repeat: no-repeat;
 background-position: 1px 3px;
}


/* --------------- Ebene 0 ------------------- */
.leftNav0{
 margin: 0px;
 border-bottom: solid #FFFFFF 1px;
 padding: 0px;
 /* NEU: hintergrund links left */
 background-color:#F1F0DF;
}

.leftNav0 a{
 padding: 3px 0px 3px 17px;
}

.leftNav0 a:link, .leftNav0 a:visited, .leftNav0Selected a:link, .leftNav0Selected a:visited{
 font-size: 1.0em;
 font-weight: normal;
}


/* --------------- Ebene 1 ------------------- */
.leftNav1{
 margin: 0px;
 padding-left:10px;
 padding: 0px; 
 background-color:#DFDBA5;
 border-bottom: solid #FFFFFF 1px;
}

.leftNav1 a{ 
 padding: 3px 0px 3px 20px;
}

.leftNav1 a:link, .leftNav1 a:visited, .leftNav1Selected a:link, .leftNav1Selected a:visited{
 font-size: 1.0em;
 font-weight: normal;
}




/* --------------- Ebene 2 ------------------- */
.leftNav2{
 margin: 0px;
 padding-left:10px;
 padding: 0px; 
 background-color:#DFDBA5;
 border-bottom: solid #FFFFFF 1px;
}

.leftNav2 a, .leftNav2Selected a{
 padding: 3px 0px 3px 23px;
}

.leftNav2 a:link, .leftNav2 a:visited, .leftNav2Selected a:link, .leftNav2Selected a:visited{
 font-size: 1.0em;
 font-weight: normal;
}



/* --------------- Ebene 3 ------------------- */
.leftNav3{
 margin: 0px;
 padding-left:10px;
 padding: 0px; 
 background-color:#DFDBA5;
 border-bottom: solid #FFFFFF 1px;
}

.leftNav3 a, .leftNav3Selected a{
 padding: 3px 0px 3px 26px;
}


.leftNav3 a:link, .leftNav3 a:visited, .leftNav3Selected a:link, .leftNav3Selected a:visited{
 font-size: 1.0em;
 font-weight: normal;
}

/* --------------- Sonder-Level Top für erste Ebene ------------------- */
.leftNavTop{
 margin: 50px 0px 1px 4px;
 padding: 0px;
 background-color:#FFFFFF;
}

.leftNavTop a, .leftNavTopSelected a{
 padding: 3px 0px 3px 10px;
}



.leftNavTop a:link, .leftNavTop a:visited, .leftNavTopSelected a:link, .leftNavTopSelected a:visited{
 font-size: 1.0em;
 font-weight: normal;
}

/* ------------------ Markierungsfarbe ---------------------------
* Hintergrundfarbe bei hover und selektiertem Menüpunkt */
li.leftNav0 a:hover, li.leftNav0Selected{
 background-color:#CBC46B;
}


li.leftNav1 a:hover, li.leftNav1Selected,
li.leftNav2 a:hover, li.leftNav2Selected,
li.leftNav3 a:hover, li.leftNav3Selected,
li.leftNav4 a:hover, li.leftNav4Selected{
 background-color:#DFDBA5;
}


li.leftNav1Selected,
li.leftNav2Selected,
li.leftNav3Selected,
li.leftNav4Selected{
 background-color:#CBC46B;
}
/* ------------------------------------------------------------------
					Content: Seiteninhalte
------------------------------------------------------------------ */

/* Scrollbars vgl. http://websitetips.com/articles/css/scrollbars/ */
body, textarea{
 /* nicht standard-konform, daher leider nicht barrierefrei */
 /*
 scrollbar-3dlight-color:#D4DEE7;
 scrollbar-arrow-color:#000000;
 scrollbar-base-color:#EAEFF5;
 scrollbar-darkshadow-color:#7777C5;
 scrollbar-face-color:#EAEFF5;
 scrollbar-highlight-color:#EAEFF5;
 scrollbar-shadow-color:#EAEFF5;
 scrollbar-track-color:#EAEFF5;
 */
}


/* ------------------------------------------------------------------
					Schrift
------------------------------------------------------------------ 
/* tabellen-Schriftgroessen in IE auf 100% der Haupt-Schriftgröße, da sonst
	Prozent-Zahlen aufsummiert werden.
	Wird vom Firefox nicht benötigt/ignoriert.
*/
td{
	font-size:1em;
}


/* ------------------------------------------------------------------
					Überschriften
------------------------------------------------------------------ */
h1{
 font-size:1.6em;
 margin:10px 0 5px 0;
 color: #5D5D5D;
 text-align: center;
}

h2{
 font-size:1.4em;
 margin:8px 0 2px 0;
 color: #5D5D5D;
 text-align: center;
}

h3{
 font-size:1.2em;
 margin:8px 0 2px 0;
 color: #5D5D5D;
  text-align: center;
}


/* ------------------------------------------------------------------
					Links
------------------------------------------------------------------ */
a{
 color: #5760A8;
 text-decoration: underline;
}


a:hover, a:active{
 color: #F24043;
}


/* ------------------------------------------------------------------
					weitere Standard-Tags
------------------------------------------------------------------ */
p{
 margin:5px 0 5px 0;
 padding:0;
}

/* Editor fügt z.T. automatisch <p> in <td>s ein, daher margin auf 0 setzen
* sonst unschöner Abstand 
*/ 
table tr td p {
 margin:0px;
}

img{
 border:none;
}

hr{
 height:1px;
 border:0px;
}

form,div,ul{
 margin: 0;
 padding: 0;
}

li{
 margin: 0px 0px 0px 25px;
}

.highlightText{
 font-weight:bold;
}

.boldText{
 font-weight:bold;
}


/* ------------------------------------------------------------------
 *						Katastrophenschutz
 * ----------------------------------------------------------------*/
div#disasterControlContainer{
 border: 1px solid red;
 margin-bottom:10px;
 background-color:#FFFFFF;
}

div#disasterControlTitle{
 color: #FFFFFF;
 background-color:red;
 font-size: 1.6em;
 font-weight:bold;
 padding:2px 5px 2px 5px;
}

div#disasterControlText{
 padding:5px;
}

div#disasterControlDetailText{
 padding:5px;
}



/* ------------------------------------------------------------------
 *						Page Administration
 * ------------------------------------------------------------------
 *
 * In diesem <div> befinden sich die Administrations-Elemente für die
 * aktuelle Seite */


div.pageAdminBox{
 margin:0px 0px 15px 0px;
 border:1px solid #AAAAAA;
 background-color: #EEEEEE;
}

div.pageAdminBoxHeader{
 margin:0px;
 background-color: #E1E1E1;
 color:#555555;
 font-weight: bold;
}

div.pageAdminBoxContent{
 margin:3px;
 color:#555555;
 font-size:0.9em;
}

/* neues Objekt erstellen */
div.createObject{
 margin: 0px auto 10px auto;
 padding: 3px 0px 3px 0px;
 border:1px solid #AAAAAA;
 
 background-color: #E0E0E0;
 text-align:center;
 overflow:hidden;
}

div.createObject a{
 text-decoration:none;
 font-weight: bold;
}



/* -----------------------------------------
		Tree - Navigations-Baumstruktur - Sitemap
-------------------------------------------- */
.treeInactive, .treeInactive a, .treeInactive span{
 color: #AAAAAA;
}


/* --------------- Ebene 0 ------------------- */
.tree0{
 margin: 0;
 padding: 0;
}

.tree0, .tree0 a, .tree0 span{
 padding: 10px 0 0 0px;
 font-size: 1.2em;
 font-weight: bold;
 text-decoration:none;
}

/* --------------- Ebene 1 ------------------- */
.tree1{
 margin: 0;
 padding: 0;
}

.tree1, .tree1 a, .tree1 span{
 padding: 4px 0 0 12px;
 font-size: 1.1em;
 font-weight: normal;
 text-decoration:none;
}

/* --------------- Ebene 2 ------------------- */
.tree2{
 margin: 0;
 padding: 0;
}

.tree2, .tree2 a, .tree2 span{
 padding: 4px 0 0 24px;
 font-size: 1.0em;
 font-weight: normal;
 text-decoration:none;
}

/* --------------- Ebene 3 ------------------- */
.tree3{
 margin: 0;
 padding: 0;
}

.tree3, .tree3 a, .tree3 span{
 padding: 2px 0 0 36px;
 font-size: 1.0em;
 font-weight: normal;
 text-decoration:none;
}

/* --------------- Ebene 4 ------------------- */
.tree4{
 margin: 0;
 padding: 0;
}

.tree4, .tree4 a, .tree4 span{
 padding: 2px 0 0 48px;
 font-size: 1.0em;
 font-weight: normal;
 text-decoration:none;
}


/* -----------------------------------------
		BreadCrumbs / Brotkrumen
-------------------------------------------- */
div.breadCrumbBox{
 margin:12px 0px 10px 0px;
}

div.breadCrumbBox b{
 font-size:0.95em;
}

div.breadCrumbBox a{
 font-size:0.95em;
 text-decoration:none;
 color:#5D5D5D;
}


/* ------------------------------------------------------
*				Toggle
* Wechsel des Hintergrunds bei Auflistungen
* ----------------------------------------------------- */
div.toggle1{
 margin:0px;
 padding:0px;
 border: 1px solid #FEFEFE;
 background-color:#FEFEFE;
}

div.toggle2{
 margin:0px;
 padding:0px;
 border:1px solid #FAFAFA;
 background-color:#DFDBDB;
}

/* ------------------------------------------------------
*				Listen-Tabellen
* Tabellen in denen Objekte aufgelistet werden.
* ----------------------------------------------------- */
/* Die Tabelle selbst */
.listTable{
 table-layout: fixed;
 width: 630px;
 border-collapse: collapse;
}


/* border über border-collapse zusammenlegen und dann für jede einzelne Zelle border setzen */
.listTable tr td{
 border: 1px solid #009391;
 margin: 0;
}


.listTable a{
 text-decoration: none;
}


/* KopFzeile der Tabelle */
.listTableHeader{
 padding: 6px 3px 6px 3px;
 border-top: 1px solid #ECF2E4;

 vertical-align: middle;
 color: #000000;
 background-color: #D4DEE7;
 font-weight: bold;
}


.listTableHeaderLeft{
 width:120px;
 padding: 4px 3px 4px 3px;
 border-top: 1px solid #ECF2E4;

 vertical-align: top;
 color: #000000;
 background-color: #FFF5B3;
 font-weight: bold;
}


.listTableHeaderFirstField{
 border-left: 1px solid #ECF2E4;
}


.listTableHeader a, .listTableHeaderLeft a{
}


.listTableHeader img, .listTableHeaderLeft img{
 border: none;
 margin-left: 0;
}


/* Bei Auflistungen wechseln sich die beiden
 * folgenden Klassen in jeder Reihe ab */
.listTableRow1{
 background-color: #FFFFFF;
}
.listTableRow2{
 background-color: #EAEFF5;
}


/* Inhalt eines Tabellenfeldes */
.listTableContent{
 padding: 3px;
 margin: 0;

 vertical-align:top;
 color: #003300;
}


.listTableContent a{
 font-weight:normal;
 text-decoration:underline;
}


.listTableContentCentered{
 text-align: center;
}


.tableBold tr td{
 font-weight:bold;
}

/* Die Spalte mit den Aktionsbuttons (Löschen,Bearbeiten...) */
.editCol{
 width:25px;
 margin:1px;
 vertical-align:top;
 text-align:center;
}

/* ------------------------------------------------------------------
					Eingabe-Tabellen
Die folgenden Klanssen beschreiben Tabellenelemente, 
welche Formularelemente enthalten.
------------------------------------------------------------------ */

.inputTable, .editTable{
 width:630px;
 margin:0;
 border-collapse:collapse;
}


.inputTable tr td, .editTable tr td{
 vertical-align:top;
}/* margin und padding darf hier nicht global gesetzt werden! */


/* --- Zwischen-Überschrift --- */
td.inputTableSubHeading, td.editTableSubHeading{
 padding:1px;

 font-size:1.0em;
 font-weight:bold;
 color:#4879a6;

 border-bottom: 1px solid #4879a6;
 padding:20px 0 2px 0;
}


td.inputTableHeader, td.editTableHeader{
 margin:2px;
 padding:1px;

 font-weight:bold;
 width:150px;
 vertical-align:top;
 padding:2px 0 2px 0;
}


td.inputTableContent, td.editTableContent{
 margin:2px;
 padding:1px;

 vertical-align:top;
 padding:2px 0 2px 0;
}




/* -------------------------------------------------
*				 Formular-Elemente
* -------------------------------------------------- */
.formRadioButton{

}


.formCheckbox{
 margin:0;
 padding:0;
}


/* Klasse für Textfelder (<input type="text"> und <textarea>)*/
.formTextField{
 width:270px;
 border-width:1px;
 padding:1px 2px 0 2px;
 margin: 3px 0 1px 0;
 color: #F24043;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:1.0em;
}

/* smallPart und widePart sind für doppelte Eingabe-Felder in einer Zeile 
*  addon für formTextField
*  z.B. plz + ort oder strasse + housenr
*/
.smallPart{
 width: 35px;
}

.widePart{
 width: 225px;
}

/* Input Textfelder */
input.formTextField{
  height:18px;
}


/* Textarea Textfelder */
textarea.formTextField{
 height:100px;
}


/* SelectBox mit variabler Breite */
.formSelectBoxVariable{
 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FFFFFF;
 color: #F24043;
}


/* SelectBox mit fixer Breite */
.formSelectBox{
 width:270px;
 border-width:1px;
 background-color: #FFFFFF;
 color: #F24043;
}


/* "Doppelte Auswahlbox" */
.formSwitchBox{
 width:260px;
 height:150px;
 border-width:1px;

 background-color: #FFFFFF;
 color: #F24043;
 font-size:0.9em;
}


/* SelectBox, in welcher Elemente angeordnet werden können */
.formOrderBox{
 width:260px;
 height:150px;

 border-width:1px;
 background-color: #FFFFFF;
 color: #F24043;
 font-size:0.9em;
}


/* Button für die Anordnung der Elemente ind formOrderBox */
.formOrderBoxButton{
 margin: 2px;
 padding: 0px;

 width:20px;
 height:20px;

 border:1px solid #F24043;
 text-align:center;
 vertical-align:middle;
}


/* Klasse für Formular-Buttons */
.formButton{
 width: 80px;
 height: 20px;

 border:1px solid #F24043;
 background-color: #D3DEE7;
 font-size: 8pt;
 color: #000000;
}

/* Klasse für Schrift-Groessen-Buttons */
.fontSizeButton{
 
 border:1px solid #F24043;
 background-color: #D3DEE7;
 font-size: 1.0em;
 font-weight:bold;
 color: #000000;
}

/* -----------------------------------------------------
*				 Listen-Navigation
* Die folgenden Klassen bestimmen das Aussehen der
* Navigationselemente, die sich über mehrseitigen Suchergebnissen
* befinden (u.a. die beiden Navigationspfeile, die 
* Seitenzahlen und die SelectBox)
* ------------------------------------------------------ */

/* Enthält die Listen-Navigation */
div.queryNavigation{
 margin: 10px 0 0 0;
}


/* Navigationspfeile */
.queryNavigationButton{
 height:15px;
 vertical-align:middle;
 margin:0;
 padding: 0 3px 0 3px;
 background-color: #80B24D;

 border-style:solid;
 border-width: 1px;
 border-color: #9BC373 #405927 #405927 #9BC373;
}


/* Inaktive Navigationspfeile */
.queryNavigationButtonInactive{
 background-color: #CCCCCC;

 border-style:solid;
 border-width: 1px;
 border-color: #EEEEEE #AAAAAA #AAAAAA #EEEEEE;
}


/* Seitenzahlen */
a.queryNavigationPage{
 padding: 0 1px 0 1px;
 font-weight: bold;
 text-decoration: none;
}


/* Link der ausgewählten Seite */
a:link.queryNavigationPageSelected, a:visited.queryNavigationPageSelected{
 font-weight: bold;
 color: #F24043;
 
}


/* Textzeile, welche die Anzahl der gefunden Suchergebnisse angibt:
*  "Ergebnisse X von Y insgesamt Z" */
.queryNavigationInfoRow{
 margin: 4px 0 0 0;
}


/* Enthält die SelectBox, mit welcher die 
*  Anzahl der anzuzeigenden Suchergebnisse
*  pro Seite ausgewählt werden kann */
div.queryNavigationObjectsPerPage{
 text-align:right;
}


/* Die SelectBox, mit welcher die 
 * Anzahl der anzuzeigenden Suchergebnisse
 * pro Seite ausgewählt werden kann */
.queryNavigationSelectBox{
 width:150px;
 background-color:#FFFFFF;
 color: #F24043;
 border-width:1px;
 margin:0 1px 1px 0;
}


/* ----------------------------------------------------------
				Edit-Wrapper und -Button
Diese Klassen beschreiben Elemente, die den Administratoren
Editierfunktionen für Webseiten-Objekte bieten.
------------------------------------------------------------ */

/* Hauptbox */
.wrapBox{
 border: 1px solid #E1E1E1;
 margin: 0 0 5px 0;
}


/* Diese Klasse wird angewendet, wenn sich der 
Mauszeiger über die Hauptbox bewegt */
.wrapBoxMOUSEOVER{
 border: 1px solid #AAAAAA;
 margin: 0 0 5px 0;
}


/* Kopfzeile der wrapBox */
.wrapBoxHeader{
 background-color: #EEEEEE;
 height:17px;
 overflow:hidden;
}


.wrapBoxHeader, .wrapBoxHeader a{
 color:#AAAAAA;
 font-weight:normal;
 font-size:0.9em;
 text-decoration: none;
}


/* wrapBox Titel*/
.wrapBoxTitle{
 float:left;
 width:300px;
 overflow:hidden;
 margin:0px 2px 0px 2px;
}

.wrapBoxLinks{
 float:left;
 width:200px;
}

/* In diesem Element befinden sich die
 * Buttons zur Sortierung der Webseiten-Objekte */
.wrapBoxOrderButtons{
 float:right;
 margin:0px 2px 0px 2px;
}

/* Fusszeile der wrapBox */
.wrapBoxFooter{
 background-color: #F5F5F5;
 height:14px;
 overflow:hidden;
}

.wrapBoxFooter, .wrapBoxFooter a{
 color:#AAAAAA;
 font-weight:normal;
 font-size:0.9em;
}



/* ----------------------------------------------------------
				Info-Boxen
------------------------------------------------------------ */
/* editInfo wird verwendet, wenn Eingabehilfen angezeigt werden */
.editInfo{
 background: url(info.gif) no-repeat;
 padding:3px 1px 8px 28px;

}

.editInfo, .editInfo a{
 font-size:8pt;
 font-weight:normal;
 color:#555555;
}


/* ------------ Layout der info-Boxen function displayInfo() -------- */
/* Die Box, welche Überschrift und Text umgibt */
.infoBox{
 margin:10px 1px 10px 1px;
 width: 100%;
 border: 1px solid #009391;
}


/* Überschrift der InfoBox */
.infoBoxHeader{
 margin:0;
 padding:2px;
 background-color:#EAEFF5;
 font-weight:bold;
}


/* Text der Infobox */
.infoBoxContent{
 margin:0;
 padding:2px;
 background-color:#FFFFFF;
}


/* --------- Layout der infoUpdate-Boxen function displayUpdateInfo() ------ */
/* Die Box, welche Überschrift und Text umgibt */
.updateInfoBox{
 margin:10px 0 10px 0;
 border: 1px solid #73A145;
}

/* Überschrift der Box */
.updateInfoBoxHeader{
 margin:0;
 padding:2px;
 background-color:#73A145;
 color:#E7F2DD;
 font-weight:bold;
}

/* Text der Box */
.updateInfoBoxContent{
 margin:0;
 padding:2px;
 background-color:#E7F2DD;
 color:#006600;
}


/* ----------------------------------------------------------
				Allgemeine Buttons (z.B. Gästebuch)
------------------------------------------------------------ */
.redButton{
 border:1px;
 background-color:#E7F2DD;
 font-size:0.9em;
}

.greenButton{
 border:1px;
 background-color:#FEE6E0;
 font-size:0.9em;
}

/* ----------------------------------------------------------
				Alphabetische Listen
------------------------------------------------------------ */
.alphabetBox{
 margin:20px 0px 10px 0px;
 text-align:center;
}

.alphabetBox a:link, .alphabetBox a:hover, .alphabetBox a:visited{
 font-size:1.3em;
 text-decoration:none;
 padding:2px;
}


/* nicht vorhandener Buchstabe */
.alphabetNavInactive, .alphabetNavInactive:link, .alphabetNavInactive:hover, .alphabetNavInactive:visited{
 color:#CCCCCC;
}

/* vorhandener Buchstabe */
.alphabetNavActive, .alphabetNavActive:link, .alphabetNavActive:hover, .alphabetNavActive:visited{
 color:red;
 font-weight: bold;
}

/* Buchstabe als Zwischenüberschrift */
.alphabetHeader{
 float:left;
 width:100%;
 margin: 10px 0px 5px 0px;
 
 border-bottom: 1px solid red;
}

/* div mit Buchstabe (innerhalb alphabetHeader) */
.alphabetLetter{
 width:100px;
 float:left;
 
 font-size:1.5em;
 font-weight:bold;
}

/* div mit Link, um zum Seitenanfang zu kommen (innerhalb alphabetHeader) */
.alphabetTopAnchor, .alphabetTopAnchor a{
 width:100px;
 float:right;
 
 font-size:0.9em;
 text-align:right;
}




/* ----------------------------------------------------------
				Gruppierte Listen
------------------------------------------------------------ */
.groupBox{
 margin:20px 0px 10px 0px;
 text-align:center;
}

.groupBox a:link, .groupBox a:hover, .groupBox a:visited{
 padding:4px;
 
 font-size:1.1em;
 text-decoration:none;
 font-weight: bold;
}

/* Buchstabe als Zwischenüberschrift */
.groupHeader{
 float:left;
 width:100%;
 margin: 10px 0px 5px 0px;
 
 border-bottom: 1px solid red;
}

/* div mit Buchstabe (innerhalb alphabetHeader) */
.groupName{
 width:500px;
 float:left;
 
 font-size:1.5em;
 font-weight:bold;
}

/* div mit Link, um zum Seitenanfang zu kommen (innerhalb alphabetHeader) */
.groupTopAnchor, .groupTopAnchor a{
 width:100px;
 float:right;
 
 font-size:0.9em;
 text-align:right;
}


/* ----------------------------------------------------------
				Fotogalerie
------------------------------------------------------------ */
/* --- umrahmt die gesamte Fotogalerie --- */
div.photogalleryBox{
 width:550px;
 margin:10px 0px 0px 0px;
 padding:0px;
}

/* --- umrahmt jeweils ein einzelnes Bild --- */
div.photoBox{
 float:left;
 
 width:102px;
 height:102px;
 margin:2px;
 border: 1px solid #009391;
  
 text-align:center;
 line-height:102px;
 vertical-align:middle;
}

img.photo{
 vertical-align:baseline;
}


/* ----------------------------------------------------------
			RSS-Feed
---------------------------------------------------------- */
div.rssBox{
 margin: 10px 0px 5px 0px; 
}

a.rssTitle{
 margin: 0px 0px 3px 0px;
 font-size:1.1em;
 font-weight:bold;
 text-decoration:none;
}

div.rssDescription{
}

div.rssSource{
 text-align:right;
}

div.rssSource a{
 font-size:0.9em;
}

/* ----------------------------------------------------------
				SuchSeite
------------------------------------------------------------ */
div.searchBox{
 margin:5px 0px 10px 0px;
}

div.searchHeader{
 background-color:#D4DEE7;
 padding:2px;
}

div.searchHeader a{
 font-weight:bold;
 font-size:1.0em;
 text-decoration:none;
}

div.searchContent{
 
}

div.searchInfo{
 margin:5px 0px 0px 0px;
 height:15px;
 overflow:hidden;
 border-bottom: 1px solid #D4DEE7;
 
 color:#999999;
 font-size:0.9em;
}



/* ----------------------------------------------------------
			Elemente der Sidebar
---------------------------------------------------------- */
/* alle div-Elemente in der Sidebar mit margin versehen,
* um boxmodel-problem (padding zu umgehen)	*/
div#handicappedBox,
div#searchBox,
div#searchBoxPerson,
div#languageBox,
div#fileServer,
div#scrollerBox,
div#contactBox{
	margin: 5px 10px 5px 20px;
	clear:both;
}

/*------------BarriereFreiheit ----------*/
div#handicappedLink{
 margin:5px 0px 0px 0px
}

div#handicappedFontSizes{
 margin:5px 0px 0px 0px;
}

/*------------- Suchbox --------------*/
div#searchBox{
}

/*------------- Suchbox Ansprechpartner --------------*/
div#searchBoxPerson{
}

/* ----------------- Sprachen ------------------------- */
div#languageBox{

}

div.lang{
	background-repeat:no-repeat;
	background-position:1px 1px;
	float:left;
	margin:0px 5px 0px 0px;
}

div.lang a img{
	width:20px;
	height:14px;
	border:1px solid gray;
}

div.lang a span{
	display:none;
}

div#langDEselected img, 
div#langENselected img, 
div#langFRselected img,
div#langESselected img, 
div#langITselected img, 
div#langTRselected img,
div#langCZselected img{
	border:1px solid red;
}

div#langDE,div#langDEselected{background-image:url(lang_DE.gif);}
div#langEN,div#langENselected{background-image:url(lang_EN.gif);}
div#langFR,div#langFRselected{background-image:url(lang_FR.gif);}
div#langES,div#langESselected{background-image:url(lang_ES.gif);}
div#langIT,div#langITselected{background-image:url(lang_IT.gif);}
div#langTR,div#langTRselected{background-image:url(lang_TR.gif);}
div#langCZ,div#langCZselected{background-image:url(lang_CZ.gif);}



/* -------- Dateiserver -------------- */
div#fileServer{
}

div#fileServer a{
	text-decoration: none;
	font-weight: bold;
}

/* -------------- Scroller ------------------- */
div#scroller{
 height: 150px;
 
 padding: 1px;
 border-top: 1px solid #BBBBBB;
 border-bottom: 1px solid #BBBBBB;
 
 background-color: white;
}
	
div.scrollerNavigation{
	text-align: right;
}

div.scrollerNavigation a{
	font-size: 0.85em;
	text-decoration: none;
	color:#AAAAAA;
}

/* -------------- Anschrift ------------------- */
div#contactBox{
 /*height:150px;*/
}




/* ----------------------------------------------------------
			Sonstiges
---------------------------------------------------------- */

.highlight{
 background-color: #FFDC00;
}

/*
*	wird bei Fehlermeldungen (z.B. Formularfeldern mit ungültigem Inhalt) angehängt
*	 myField.className += " redBorder";
*/
.redBorder {
 border: 1px solid #ff0000;
}

.msgError{
 color: #ff0000;
}

.msgOK{
 color: #00aa00;
}

/*
*	Backlink auf Detailseite
*/
div.backlink {
 margin-top: 30px;
}




/* ----------------------------------------------------------
					Gästebuch
---------------------------------------------------------- */
.guestbookBox{
 margin:5px 0px 5px 0px;
 border:1px solid #DDDDDD;
}

.guestbookHeader{
 background-color:#EEEEEE;
 padding:2px;
}

.guestbookName{
 font-weight:bold;
 color:red;
}

.guestbookMessage{
 padding:2px;
}




/* ---------------------------------------------------------------------------------------
 *							Weitere eigene Seiten mit eigener Struktur
 * ---------------------------------------------------------------------------------------
 * z.B. Toppage, Editfenster, Popupfenster, usw.
*/


/* ------------------------------------------------------------------
 *							Toppage Layout
 * ------------------------------------------------------------------
 * Toppage ist die Startseite, die automatisch vorgeschaltet wird
*/

/* Hauptcontainer der TopPage */
div#tpMainContainer{
 width:100%;
 height:100%;

 /* Gecko Browser (Firefox,Netscape) */
 min-height:680px;

 text-align:center;
 background-color:#EAEFF4;
}


/* Alle Inhalte der Seite befinde sich im
 * ContentContainer
 */
div#tpContentContainer{
 width:714px;
 height:100%;
 margin-right: auto;
 margin-left: auto;


 /* Gecko Browser */
 min-height:670px;

 text-align:left;
 background-color:#FFFFFF;
}


/* Erstes Element im ContentContainer */
div#tpHeader{
 height: 98px;
 width: 714px;
 margin-right: auto;
 margin-left: auto;

 background-image: url(topPageHeader_bg.gif);
}


/* Zweites Element im ContentContainer */
div#tpNavHeader{
 display:none;
}


/* In diesem Element befinden sich die
 * Elemente mit den Navigations-Links
 */
div#tpNav{
 width: 714px;
 margin-right: auto;
 margin-left: auto;

 background-image: url(tpContentContainer_bg.gif);
 background-position: top right;
 background-repeat:repeat-y;
}


/* Container für die erste Navigationsgrafik */
div#tpTopPageHeader1{
 width:141px;
 height:292px;
 padding-left: 68px;
 margin-bottom: 10px;
 float:left;

 background-image: url(tp_arrow1.jpg);
 background-repeat: no-repeat;
 background-position: right bottom;
 background-color:#FFFFFF;
}


/* Verlinkter Spacer für die erste Navigationsgrafik */
div#tpTopPageHeader1 img.tpTopPageSpacer{
 width:140px;
 height:242px;
 margin-top:50px;
}


/* Enthält die Links zur Hauptseite und
 * den Unterseiten
 */
div#tpTopPage1{
 width:152px;
 float:left;
 padding-right:3px;

 text-align:right;
}


/* Enthält den Link zur Hauptseite */
div#tpTopPage1 div{
 margin-bottom:10px;
}


/* Der Link zur Hauptseite */
div#tpTopPage1 a.topLink{
 color: #FCA506;
 font-size: 1.0em;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
}


/* Container für die zweite Navigationsgrafik */
div#tpTopPageHeader2{
 width:151px;
 height:292px;
 float:left;
 margin-bottom:10px;
 padding-left:12px;

 background-image: url(tp_arrow2.jpg);
 background-repeat: no-repeat;
 background-position: right bottom;
 background-color:#FFFFFF;
}


/* Verlinkter Spacer für die zweite Navigationsgrafik */
div#tpTopPageHeader2 img.tpTopPageSpacer{
 width:150px;
 height:292px;
}


/* Enthält die Links zur Hauptseite und
 * den Unterseiten */
div#tpTopPage2{
 width: 152px;
 float: left;
 padding-right: 3px;

 text-align: right;
}


/* Enthält den Link zur Hauptseite */
div#tpTopPage2 div{
 height:46px;
}


/* Der Link zur Hauptseite */
div#tpTopPage2 a.topLink{
 color:#FE5321;
 font-size: 1.0em;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
}


/* Container für die dritte Navigationsgrafik */
div#tpTopPageHeader3{
 width:140px;
 height:292px;
 float:left;
 margin-bottom:10px;
 padding-left:7px;

 background-image: url(tp_arrow3.jpg);
 background-repeat: no-repeat;
 background-position: right bottom;
 background-color:#FFFFFF;
}


/* Verlinkter Spacer für die dritte Navigationsgrafik */
div#tpTopPageHeader3 img.tpTopPageSpacer{
 margin-top:50px;
 width:140px;
 height:242px;
}


/* Enthält die Links zur Hauptseite und
 * den Unterseiten */
div#tpTopPage3{
 width:151px;
 float:left;
 padding-right:3px;

 text-align:right;
}


/* Enthält den Link zur Hauptseite */
div#tpTopPage3 div{
 height:46px;
}


/* Der Link zur Hauptseite */
div#tpTopPage3 a.topLink{
 font-size: 1.0em;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
 color:#025CCA;
}


/* Container für die vierte Navigationsgrafik */
div#tpTopPageHeader4{
 width:141px;
 height:292px;
 float:left;
 margin-bottom:10px;
 padding-left:24px;

 background-color:#FFFFFF;
 background-image: url(tp_arrow4.jpg);
 background-repeat: no-repeat;
 background-position: right bottom;
}


/* Verlinkter Spacer für die vierte Navigationsgrafik */
div#tpTopPageHeader4 img.tpTopPageSpacer{
 width:140px;
 height:242px;
 margin-top:50px;
}


/* Enthält die Links zur Hauptseite und
 * den Unterseiten
 */
div#tpTopPage4{
 width:163px;
 float:left;
 padding-right:2px;

 text-align:right;
}


/* Enthält den Link zur Hauptseite */
div#tpTopPage4 div{
 height:46px;
}


/* Der Link zur Hauptseite */
div#tpTopPage4 a.topLink{
 font-size: 1.0em;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
 color: #B9E620;
}


/* Die Links zu den Unterseiten */
a.subLink{
 color: #666666;
 text-decoration:none;
 font-weight:normal;
}


div#tpLanguageBox{
	width:170px;
	margin:0px auto;
}

/* Die Fußleiste */
div#tpFooter{
 clear:both;
}




/* -----------------------------------------
		Layout für Editfenster
-------------------------------------------- */

div#editHeader{
 height:20px;

 padding:2px;
 margin:0px;
 border:0px;

 background-color: #D4DEE7;
 
 text-align: right;
}

div#editHeader a{
 font-size: 0.9em;
 font-weight:bold;
 text-decoration: none;
}

/* Container, der Navigation und Content beinhaltet */
div#editContainer {
 width:790px;
 min-height:650px;
 margin:0px;
 padding: 0px;
 
 background-color: #FFFFFF;
 background-image: url(editBG.gif);
 background-repeat: repeat-y;
 
 text-align:left;
}



/* linke Navigations-Spalte */
div#editLeftBar{
 float: left;
 width: 145px;

 margin:10px 0px 0px 0px;
 padding:0px;
 
 text-align:left;
}

/* Content-Bereich */
div#editContent {
 float: right;
 width:595px;
 margin:0px;
 padding:2px;
}

/* _______________ Edithandler: Navigation __________________ */
ul#leftNav{
 margin:0px 0px 0px 2px;
 padding:0px;
 list-style-type:none;
}

li.navSelected{
 font-weight:bold;
 line-height:1.5em;
}

li.navNotSelected a{
 line-height:1.7em;
 text-decoration:none;
}

/* _____________ Edithandler: Footer ____________________________ */

div#editFooter{
 clear: both;
 height:30px;
 
 padding:10px 0px 0px 0px;
 margin:0px;
 border:0px;

 background-color: #D4DEE7;

 text-align:center;
}

div#editFooter a{
 font-size: 0.9em;
 font-weight:bold;
 text-decoration: none;
}



/* -----------------------------------------
		Layout für Popup-Fenster
-------------------------------------------- */
div#popupBody{
	margin:0px;
}

div#popupHeader{
 height:30px;

 font-size: 0.9em;
 font-weight:bold;

 padding:0px;
 margin:0px;
 border:0px;

 background-color: #D4DEE7;
}

/* Container, der ggf. Navigation und Content beinhaltet */
div#popupContainer {
 padding: 0;
 
 background-color: #FFFFFF;
 text-align:left;
}



/* linke Navigations-Spalte */
div#popupLeftBar{
 float: left;
 width: 145px;

 margin:2px;
 padding:0px;
 text-align:left;
}

/* Content-Bereich */
div#popupContent {
 float: left;
 margin:5px;
 padding:0px;
}

/* Footer */
div#popupFooter{
 clear:both;
 height:30px;

 font-size: 1.0em;
 font-weight:bold;

 padding:0px;
 margin:0px;
 border:0px;

 background-color: #D4DEE7;
 text-align:center;
}