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

body {
 height: 100%;
 width: 100%;

 margin: 0;
 padding: 0;
 background-color: #0c5712;
 
 color: #FFFFFF;
} 

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

body,td{
	font-family: Arial, Helvetica, sans-serif;
	 /* 0.7em Schriftgroessen relativ wegen Barrierefreiheit, 
	 * wird über Style-Angabe ggf. ueberschrieben */
	 font-size:0.8em;	 
}

/* ------------------------------------------------------------------
					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 */
 font-size:1.1em;	
 
}


/* -----------------------------------
 *						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;
 background-image: url(systemBG.jpg);
 background-position: 50% 50%;
 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;
 background-image:url(systemBGlight.jpg);
 background-position: 50% 50%;
 color: white;
}


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

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



.adminButton{
	width:170px;
	height:30px;
	
	float:left;
	
	position:relative;
	
	margin: 10px;
	padding: 3px;
	 
	border:1px solid #E0E0E0;
	background-color: #E0E0E0;
	background-image: url(systemBGlight.jpg);
	background-position: 50% 50%;
	 
	text-align:center;
	
	overflow:hidden;
}

.adminButtonLarge{
	width:366px;
}

.adminButton a{
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	color:#555555;
}

.adminButton img{
	position:absolute;
	top:3px;
	left:3px;
}

.adminButton span{
	position:absolute;
	top:12px;
	left:45px;
}


/* -----------------------------
			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: 106px;
 
 border-top:1px solid #0c5712;
 border-left:1px solid #0c5712;
 border-right:1px solid #0c5712;
 border-bottom:0px;
 background-image:url(headerContainerDefault.jpg);
 background-repeat:no-repeat;
 }

/* 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{
 float: left;
 width: 185px;
 
 padding: 0px;
 margin:0px;
}

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

/* -----------------------------
			TopNav-Container
-------------------------------- */
/* Enthält alle Links der ersten Hierarchie-Stufe: Top-Navigation */
div#topNavContainer{
 height:15px;
 margin: 85px 0px 0px 230px;
 padding:0px;
}


/* --- Default-Klasse für Navigationselemente --- */
div.topNavItem, div.topNavItemSelected{
 float:left;
 display:inline;
 
 overflow:hidden;
 
 height:17px;
 margin:0px 12px 0px 0px;
 
 border:0px;
}

div.topNavItem{
	background-image: url(menu_pfeil_rechts.gif);
	background-repeat: no-repeat;
	background-position:center left;
	
	padding-left: 13px; 
}

div.topNavItem a{
 color: #FFFFFF;
 font-size:1.05em;
 font-weight:bold;
 text-decoration:none;
}

div.topNavItemSelected{
	background-image: url(menu_pfeil_unten.gif);
	background-repeat: no-repeat;
	background-position:center left;
	
	padding-left: 13px; 
}

div.topNavItemSelected a{
 color: #d7ba74;
 font-size:1.05em;
 font-weight:bold;
 text-decoration:none;
}


/* -----------------------------------------------------
		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:960px;
 
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 
 background-image: url(contentContainer_bg.jpg);
 background-repeat: no-repeat;
 background-color: #0c5712;
 background-position: 52px top;
}



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


/* -------------------------------
		Content
---------------------------------- 

*/
div#content{
 float: left;
 width: 529px;
 
 padding:0px 0px 0px 0px;
 margin:0px 00px 0px 30px;
 border-right: 1px solid #8b987c;
 text-align:left;
 overflow:hidden;
}

/*body#content ist notwendig für editor */
body#content{
 width: 525px;
 
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 border-right: 1px solid #8b987c;
 text-align:left;
}

/* -------------------------------
		Rechte Leiste: Infos
---------------------------------- */
div#rightbar {
 width: 160px;
 float: right;

 padding: 0px;
 margin:0px 0px 0px 10px;

 text-align: left;
 overflow:hidden;
}

div#rightbar hr{
	clear:both;
	
	border-bottom: dashed gray 1px;
	margin: 8px 0px 0px 0px;
	height: 1px;
	
}

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

 padding: 0px;
 margin: 0px;
 
 
 border-bottom:1px solid #8FA26B;
 border-right:0px;
 border-left:0px;
 
 background-color:transparent;
 text-align:center;
}

div#footerSysLinks a{
	text-decoration: none;
	padding: 5px;
}



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

/* -------- Box mit aktueller Top-Page  --------- */
.leftNavTopPage{
 margin:20px 0px 20px 61px;
 overflow:hidden;
}

.leftNavTopPage a{
	font-size: 1.4em;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}


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

ul.leftNav li a{
 text-decoration:none;
}

ul.leftNav ul{
	margin:0px;
}

/* --------------- Ebene 0 ------------------- */
li.leftNav0, 
li.leftNav0Selected{
 margin: 0px;
 padding: 4px 0px 4px 17px;
 
 border-top: 1px solid #FFFFFF;
 
 background-color:transparent;
 background-image: url(arrowNav.gif);
 background-repeat: no-repeat;
 background-position: 1px 3px;
}

li.leftNav0 a{
 color:#FFFFFF;
}

li.leftNav0 a:hover, 
li.leftNav0Selected a{
 font-weight:bold;
 color: #f4b753;
}


/* --------------- Ebene 1 ------------------- */
li.leftNav1, 
li.leftNav1Selected{
 margin: 4px 0px 0px 0px;
 padding: 4px 0px 4px 17px;
 
 border-top: 1px solid #FFFFFF;
 
 background-color:transparent;
 background-image: url(arrowNav.gif);
 background-repeat: no-repeat;
 background-position: 1px 3px;
}

li.leftNav1 a{
 color:#FFFFFF;
 font-weight:normal;
}

li.leftNav1 a:hover, 
li.leftNav1Selected a{
 font-weight:bold;
 color: #f4b753;
}

/* --------------- Ebene 2 ------------------- */
li.leftNav2, 
li.leftNav2Selected{
 margin: 4px 0px 0px 0px;
 padding: 4px 0px 4px 17px;
 
 border-top: 1px solid #FFFFFF;
 
 background-color:transparent;
 background-image: url(arrowNav.gif);
 background-repeat: no-repeat;
 background-position: 1px 3px;
}

li.leftNav2 a{
 color:#FFFFFF;
 font-weight:normal;
}

li.leftNav2 a:hover, 
li.leftNav2Selected a{
 font-weight:bold;
 color: #f4b753;
}



/* --------------- Ebene 3 ------------------- */
li.leftNav3, 
li.leftNav3Selected{
 margin: 4px 0px 0px 0px;
 padding: 4px 0px 4px 17px;
 
 border-top: 1px solid #FFFFFF;
 
 background-color:transparent;
 background-image: url(arrowNav.gif);
 background-repeat: no-repeat;
 background-position: 1px 3px;
}

li.leftNav3 a{
 color:#FFFFFF;
 font-weight:normal;
}

li.leftNav3 a:hover, 
li.leftNav3Selected a{
 font-weight:bold;
 color: #f4b753;
}


/* -------------------------- Navibox ---------------- */

div#naviBox{
	margin: 10px 0px 0px 0px;
	padding:0px;
	
	width: 220px;
	
	background-position: 1px top;
	background-repeat: no-repeat;
	
}

div#naviBoxContent{
	margin: 180px 0px 0px 55px;
	
	color: #000000;
	font-size:8pt;
	text-align: center;
	
	background-position: left top;
	background-repeat: no-repeat;
	
	background-color: #93b293;
}

/*darstellung im Editor */
body#naviBoxContent{
	width: 165px;
	margin: 0px;
	
	color: #000000;
	font-size:8pt;
	text-align: center;
	
	background-color: #93b293;
	
	border-right: 1px solid #555555;
}


/* ------------------------------------------------------------------
					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.3em;
 margin:10px 0 5px 0;
 color: #ffffff;
 text-align: center;
}

h2{
 font-size:1.2em;
 margin:8px 0 2px 0;
 color: #ffffff;
 text-align: center;
}

h3{
 font-size:1.1em;
 margin:8px 0 2px 0;
 color: #ffffff;
}


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


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


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

legend{
	color:#FFFFFF;
}

/* 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{
 margin: 0;
 padding: 0;
}

ul, ul#sortableInactive{
	list-style-type: disc;
}

ul li, 
ul#sortableInactiv li{
 
}

.highlightText{
 font-weight:bold;
}

.boldText{
 font-weight:bold;
}


/* ------------------------------------------------------------------
 *						Katastrophenschutz
 * ----------------------------------------------------------------*/
div#disasterControlContainer{
 width:1002px;
 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 #d3dee7;
 background-color: #f2f6f9;
}

div.pageAdminBoxHeader{
 margin:0px;
 background-color: #E1E1E1;
 background-image: url(systemBGlight.jpg);
 background-position: 50% 50%;
 
 color:#555555;
 font-weight: bold;
}

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

/* neues Objekt erstellen */
div.createObject{
 margin: 0px 100px 10px 100px;
 padding: 3px 0px 3px 0px;
 
 border:1px solid #E0E0E0;
 background-color: #E0E0E0;
 background-image: url(systemBGlight.jpg);
 background-position: 50% 50%;
 
 text-align:center;
 
 overflow:hidden;
}

div.createObject a{
 color: #555555;
 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:5px 0px 40px 0px;
 overflow:visible;
}

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

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


/* ------------------------------------------------------
*				Toggle
* Wechsel des Hintergrunds bei Auflistungen
* ----------------------------------------------------- */
div.toggle1{
 
}

div.toggle2{
 
}

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


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


.listTable a{
 text-decoration: none;
}


/* KopFzeile der Tabelle */
.listTableHeader{
 padding: 6px 3px 6px 3px;
 
 vertical-align: middle;
 color: #D9BD7B;
 background-color: #95B495;
 font-weight: bold;
}


.listTableHeaderLeft{
 width:120px;
 padding: 4px 3px 4px 3px;
 
 vertical-align: top;
 color: #D9BD7B;
 background-color: #95B495;
 font-weight: bold;
 
}



.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{
}
.listTableRow2{
}


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

 vertical-align:top;
}


.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:540px;
 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:#ffffff;

 border-bottom: 1px solid #ffffff;
 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: #0C5712;
 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: #0C5712;
}


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

select option{
	color:#0C5712;
}

/* "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 #D3DEE7; /*#F24043;*/
 background-color: #D3DEE7;
 background-image:url(systemBGButton.jpg);
 background-position: 50% 50%;
 
 font-size: 8pt;
 font-weight:bold;
 color: #777777;
}

/* Klasse für Schrift-Groessen-Buttons */
.fontSizeButton{
 
 border:1px solid #8c997f;
 background-color: #93b293;
 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.
------------------------------------------------------------ */

/* JQuery-Sortierung */
ul#sortable, 
ul#sortable li.sortableDiv, 
ul#sortable li.nonSortableDiv{
	list-style-type: none;
	margin:0px;
	padding:0px;
}



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


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


/* Kopfzeile der wrapBox */
.wrapBoxHeader{
 height:20px;
 
 background-color: #EEEEEE;
 background-image: url(systemBGlight.jpg);
 background-position: 50% 50%;
 
 overflow:hidden;
}


.wrapBoxHeader div, .wrapBoxHeader a, .wrapBoxHeader select{
 margin:1px;
 color:#555555;
 font-weight:normal;
 font-size:0.9em;
 text-decoration: none;
}

#content div.wrapBoxHeader img,
#content div.pageAdminBoxHeader img,
#content ul.leftNav img,
#content div.leftNavTopPage img{
	border:0px;
}


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

.wrapBoxLinks{
 float:left;
 width:40%;
}

/* 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;
 clear:both;
}

.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;
 text-align:left;

}

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


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


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


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


/* --------- 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,
.rightbox{
	margin: 0px 10px 20px 0px;
	border-top: 1px solid #8b987c;
	padding: 10px 0px 5px 0px;
	clear:both;
}

/*------------BarriereFreiheit ----------*/

div#handicappedBox{
	border:0px;
}

div#handicappedLink{
 margin:5px 0px 0px 0px
}

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

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

div#searchBox .searchFor{
	width:110px;
}

div#searchBox .formButton{
	width:25px;
	margin-bottom:1px;
	padding:0px;
	height:22px;
}

/*------------- 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;
 
 background-color: transparent;
}
	
div.scrollerNavigation{
	text-align: right;
}

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

/* für den Editor */
body#scrollerBox{
	width: 150px;
	
	border-right: 1px solid #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;
}


fieldset{
	width:90%;
	padding:5px;
	margin:0px;
	background-color:#0c5712;
	border:1px solid #AAAAAA;
}

legend{
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
}



/* ----------------------------------------------------------
					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;
}

/* ----------------------------------------------------------
					Shop-Produkte und Warenkorb
---------------------------------------------------------- */
/* ---------- Warenkorb-Funktionen beim Produkt ------------- */
.shopProductName{
	font-size:1.2em;
	font-weight:bold;
	clear:both;
}

.shopProductOrder{
	margin-top:20px;
}
.shopProductOrder p{
	margin-top: 5px;
}

.shopCartButton{
	width:80px;
	background-image: url("cart.gif");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding:3px 3px 3px 30px;
	
	border: 1px solid #8C987D;
	background-color:#0C5711;
	font-weight:bold;
	cursor:hand;
}

.shopCartButton a{
	text-decoration:none;
}

.priceInfo{
	font-size:0.9em;
}


/* ---------- Warenkorb in der Sidebar ------------ */
#cart{
	border: 1px solid 8C987D;
	
	background-color:#91B293;
	padding:3px;	
}

#cart .cartTitle{
	color:#0C5712;
	font-weight:bold;
	font-size:1.2em;
	margin:5px 0px 10px 0px;
	
	padding-left: 30px;
	background-image: url("cart.gif");
	background-repeat: no-repeat;
	background-position: left center;
}


#cart .cartProduct .cartProductName{
	margin:5px 0px 0px 0px;
	font-weight:bold;
	font-size:0.9em;
}

#cart .cartProduct .cartAmount{
	margin:0px;
	font-size:0.9em;
}

#cart .cartProduct .cartPrice{
	margin:0px;
	text-align:right;
	font-size:0.9em;
}

#cart .cartSum{
	border-top: 1px solid #b5c1d1;
	font-weight:bold;
	text-align:right;
}

#cart .doOrder{
	margin:20px;
	
	background-image: url("cart.gif");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding:3px 3px 3px 35px;
	
	border: 1px solid #8C987D;
	background-color:#0C5712;
	font-weight:bold;
	cursor:hand;
}

#cart .doOrder a{
	text-decoration:none;
}

#cart .cartPriceInfo{
	font-size:0.8em;
	color:#0C5712;
}


/* -------------- Warenkorb in der Bestell-Übersicht -------------- */
.cartDeleteProduct{
	width:15px;
	height:15px;
	background-image: url("delete.gif");
	background-repeat: no-repeat;
	background-position: center center;
	padding:0px;
	cursor:hand;
}




/* ----------------------------------------------------------
			Popup-Boxen für Autocomplete
---------------------------------------------------------- */

.ul_james {
	margin: 0;
	padding: 0px;
	height:100px;
	overflow:auto;
	min-width:150px;
	width:expression("150px");	/*IE-Hack*/
	
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 10px;
	border-style:solid;
    list-style-position: outside;
    list-style: none;
	background-color:#FAFAFF;
}

.li_james {
	padding:2px;
	cursor: pointer;
	white-space:nowrap;    
	color:#000000;
}

.li_james_hovered {
    padding:2px;
	background-color:#FFF5B3;
	color:#000000;
}



/* ----------------------------------------------------------
					Veranstaltungen
---------------------------------------------------------- */
/* ------------------ Such-Formular ---------------------*/
table.searchEvent{
	/*
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	*/
	margin: 30px 0px 50px 0px;
}

td.searchEventHeader{
	font-weight:bold;
	width:20%;
}

td.searchEventInput{
	width:50%;
}

td.searchEventDatePicker{
	width:250px;
}


/* ------------------- Übersichtsliste ----------------- */
.event{
	margin-top:10px;
	border-bottom: 1px solid #8FA26B;
}

.eventToggle1{
}

.eventToggle2{
}

	.event .eventInfo{
		width:30%;
		float:left;
	}
		.event .eventCategory{
			font-weight:bold;
			color:#AAAAAA;
			font-style:italic;
		}
		
		.event .eventLocation{
			font-size:0.9em;
			font-style:italic;
		}
	
	.event .eventContent{
		width:70%;
		float:left;
	}
		.event .eventTitle{
			font-size:1.1em;
			font-weight:bold;		
		}
		
		.event .eventDescription img{
			border:1px solid #8c987d;
			margin: 0px 0px 2px 2px;
		}

/* ------------------- Detailseite ----------------- */
.eventDetail{
	margin-top:20px;
}
	.eventDetail .eventDetailContent{
		width:66%;
		float:left;	
	}
		.eventDetail .eventTitle{
			font-size:1.4em;
			font-weight:bold;	
		}
	
	.eventDetail .eventDetailInfo{
		width:30%;
		float:right;
		padding:5px;
		margin-left:2px;
		border: 1px solid #8FA26B;
	}
	
	.eventDetail .eventDetailInfo div{
		margin:5px;
	}
	
	.eventDetail .eventDetailInfo .eventCategory{
		font-weight:bold;
	}

/* ---------------------------------------------------------------------------------------
 *							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: #0C5712;
 
 text-align: right;
}

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

/* Container, der Navigation und Content beinhaltet */
div#editContainer {
 font-size:1.1em;	
 
 height:735px;
 margin:0px;
 padding: 0px;
 
 background-color: #FFFFFF;
 background-image: url(editContainer_bg.jpg);
 background-repeat: repeat-y;
 
 border-top: 1px solid #8B987C;
 border-bottom: 1px solid #8B987C;
 
 text-align:left;
}



/* linke Navigations-Spalte */
div#editLeftBar{
 float: left;
 width: 20%;

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

/* Content-Bereich */
div#editContent {
 float: left;
 width:80%;
 height:100%;
 padding:0px;
 overflow:auto;
 
}

/* _______________ Edithandler: Navigation __________________ */
ul#leftNav{
 margin:0px 0px 0px 2px;
 padding:0px;
 list-style-type:none;
 list-style-image: 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:25px;
 
 padding:10px 0px 0px 0px;
 margin:0px;
 border:0px;

 background-color: #0C5712;
 
 text-align:center;
}

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



/* -----------------------------------------
		Layout für Popup-Fenster
-------------------------------------------- 
z.B. Datei-Server 
*/
div#popupBody{
	margin:0px;
}

div#popupHeader{
 height:30px;

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

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

 background-color: #0c5712;
 border-bottom: 1px solid #8B987C;
}

/* 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;
 
 border-right: 1px solid #8B987C;
}

/* Content-Bereich */
div#popupContent {
 float: left;
 height:600px;
 overflow:auto;
 margin:2px;
 padding:0px;
}

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

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

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

 background-color: #0c5712;
 border-top: 1px solid #8B987C;
 
 text-align:center;
}



/* -------------------------- Templates ----------------- */
.template0{
	margin-top:10px;
	width:100%;
}

.template0 h1{
	text-align:left;
}

.template0 .image{
	text-align:right;
}

.template0  img{
	border:1px solid #8c987d;
	margin: 1px 0px 1px 0px;
	
}

.template0 .content, .moreLink{
	padding-left:70px;
	padding-right:20px;
}