* { margin: 0; padding: 0; }



body {
background: url("../grafiken/holz.jpg") top left repeat;
text-align: center;
}

/************************************************************************************************/
/* Typografische Elemente							 					  						*/
/************************************************************************************************/
p, li, address, blockquote, td, th {
font-family: "times new roman", times, serif;
font-size: 14px; line-height: 1.3em; color: #565453;
} 

p { margin: 1em 0; text-align: justify; }
address, blockquote { margin: 1em 0; }

p.eingerueckt { text-align: right; }
p.datum { font-style: italic; }
p.fehler { border: 0px solid #000; padding: 2px 0 2px 30px; background: transparent url(../grafiken/hinweis_fehler.gif) top left no-repeat; color: #c30; font-weight: bold;}
p.error { color: #f00; }
p.hinweisokay { border: 0px solid #000; padding: 2px 0 2px 30px; background: transparent url(../grafiken/hinweis_okay.gif) top left no-repeat; }
p.hinweis { border: 0px solid #000; padding: 2px 0 2px 30px; background: transparent url(../grafiken/hinweis.gif) top left no-repeat; }


/******************************/
/* Listen					  */
/******************************/
ul { margin: 1em 0 1em 20px; }
ul li { list-style-image: url("../grafiken/bullet1.gif"); }
ul li ul { margin-top: 0.2em; margin-bottom: 0.5em; margin-left: 25px; }
ul li ul li { list-style-image: url("../grafiken/bullet2.gif"); }

/******************************/
/* Überschriften              */
/******************************/
h1, h2, h3, h4, h5, h6 { padding: 1em 0 0.5em 0; font-weight: normal; text-align: left; letter-spacing: 1px; color: #413F3F; }
h1 { font-size: 21px; }
h2 { font-size: 18px; font-variant: small-caps; }
h3 { font-size: 14px; font-variant: small-caps; padding: 1em 0 0em 0; line-height: 1.4em; font-style: italic; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }


/******************************/
/* Links                      */
/******************************/
a, a:visited, a:active { color: #565453; text-decoration: none; font-weight: normal; background: none; border-bottom: 1px solid #E69600; }
a:hover { color: #E69600; text-decoration: none; font-weight: normal; background: none; border: none; }

a.breadcrumb { color: #999; font-weight: normal; text-decoration: none; text-decoration: none; }
a:hover.breadcrumb { color: #E69600; font-weight: normal; text-decoration: none;  }


/******************************/
/* div-Klassen				  */
/******************************/
div.eingerueckt { text-align: right; }
div.clear_left { clear: left; }
div.seitenueberschrift { font-size: 12px; border: 0px solid red; color: #999; }


/************************************************************************************************/
/* Formulare				  																	*/
/************************************************************************************************/
form input { border: 1px solid #E69600; background: #eee; color: #565453; font-family: "times new roman", times, serif; font-size: 12px; }
form input.inputtext { padding: 1px 2px; }
input:hover.knopf { background: #fff; cursor: pointer; color: #000; }
form select { border: 1px solid #E69600; background: #eee; color: #565453; font-family: "times new roman", times, serif; font-size: 12px; }
form select option { padding: 0 5px 0 3px; background: #f3f3f3; }
form input.radio { background: none; border: none; }

/******************************/
/* Datensatz neu eintragen	  */
/******************************/
#formular_neuerdatensatz { margin: 10px 0; }
#formular_neuerdatensatz #ds_de { border: 0px solid #000; }
#formular_neuerdatensatz select { width: 90px; }
#formular_neuerdatensatz input.begriff { width: 250px;}
#formular_neuerdatensatz input.abk { width: 156px; }
#formular_neuerdatensatz a.sonderzeichen_link { font-size: 11px; text-decoration: none; padding: 2px 5px 0 0; line-height: 1.7em; font-weight: normal; float: left; border: none; }
#formular_neuerdatensatz a:hover.sonderzeichen_link { text-decoration: underline; font-weight: normal; } 
#formular_neuerdatensatz #sonderzeichen_de a, #formular_neuerdatensatz #sonderzeichen_pl a { font-size: 12px; text-decoration: none; padding: 1px 4px; border: none; font-weight: normal; }
#formular_neuerdatensatz #sonderzeichen_de a:hover, #formular_neuerdatensatz #sonderzeichen_pl a:hover { text-decoration: underline; border: none; font-weight: normal; }
#formular_neuerdatensatz input.knopf { float: right; width: 70px;}


/******************************/
/* Formular für Login		  */
/******************************/
#formular_login input { width: 180px; }
#formular_login input.knopf { width: 65px; }

/******************************/
/* Passwort ändern			  */
/******************************/
#formular_passwortaendern input { width: 180px; }
#formular_passwortaendern input.knopf { width: 55px; }


/******************************/
/* Formular für Sortierung	  */
/******************************/
#formular_sortierung select { width: 55px; }
#formular_sortierung input.radio { width: 15px; }
#formular_sortierung input.anzeigen { width: 55px; }
#formular_sortierung input.alleanzeigen { width: 75px; }


/************************************************************************************************/
/* Ausgabetabellen																				*/
/************************************************************************************************/
table.nachanfangsbuchstabe { border-collapse: collapse; table-layout:fixed; margin: 5px 0 15px 1px; }
table.nachanfangsbuchstabe th, table.nachanfangsbuchstabe td { border: 1px solid #999; font-size: 13px; padding: 2px 2px 2px 2px; }
table.nachanfangsbuchstabe thead { background: #fc0; border-bottom: 2px solid #999; background: #d1a13f url("../grafiken/verlauf_tabelle_hover.jpg") top left repeat-y;  }
table.nachanfangsbuchstabe thead tr th.de { background: #fbf0c3 url("../grafiken/tabelle_verlauf_gelb2_li.jpg") top left repeat-y; }
table.nachanfangsbuchstabe thead tr th.pl { background: #fbf0c3 url("../grafiken/tabelle_verlauf_gelb2_re.jpg") top left repeat-y; }

table.nachanfangsbuchstabe tr.spalte2 td.de { background: #fbf0c3 url("../grafiken/tabelle_verlauf_gelb_li.jpg") top left repeat-y; }
table.nachanfangsbuchstabe tr.spalte2 td.pl { background: #fbf0c3 url("../grafiken/tabelle_verlauf_gelb_re.jpg") top left repeat-y; }
table.nachanfangsbuchstabe tr.spalte2 td.button { background: #e3d6aa; }

table.nachanfangsbuchstabe tr:hover td.de { background: #fbf0c3 url("../grafiken/tabelle_verlauf_gelb2_li.jpg") top left repeat-y; }
table.nachanfangsbuchstabe tr:hover td.pl { background: #fbf0c3 url("../grafiken/tabelle_verlauf_gelb2_re.jpg") top left repeat-y; }
table.nachanfangsbuchstabe tr:hover td.button { background: #d1a13f; }
	
table.nachanfangsbuchstabe .treffer { font-weight: bold; }

table.nachanfangsbuchstabe tr td.button a { border: none; } 

/************************************************************************************************/
/* Blättern																						*/
/************************************************************************************************/
.blaettern { border: 0px solid red; padding: 0 0 10px 0; text-align: center; margin: 0; }
.blaettern span.seite { display: block; float: left; line-height: 13px; margin: 2px 2px 2px 0; font-size: 12px; }
.blaettern a { border: 1px solid #E69600; color: #565453; display: block; padding: 4px 3px 1px 3px; text-decoration: none; font-weight: normal; }
.blaettern a:hover, .blaettern a:active { border: 1px solid #E69600; background: #fc0; color: #565453; } 
.blaettern span.aktuell { border: 1px solid #E69600; background: #fc0; color:#565453; font-weight: bold; font-size: 12px; padding: 4px 3px 1px 3px; }
.blaettern span.inaktiv { display: block; float: left; border: 1px solid #aaa; color:#aaa; font-weight: bold; font-size: 12px; padding: 4px 3px 1px 3px; }


/************************************************************************************************/
/* Header																						*/
/************************************************************************************************/
#header { display: none; width: 903px; margin: 0 auto; height: 50px; border: 0px solid red; }
#header h1 { margin: 0 0 0 10px; padding: 1em 0 0 0; }

/****************************************************************************************************/
/* Wrapper																							*/
/****************************************************************************************************/
#wrapper {
border: 0px solid black;
width: 903px; height: 590px;
margin: 0 auto; 
text-align: left; 
background: url("../grafiken/bg_buch_admin.jpg") top center no-repeat;		
}	

	/************************************************************************************************/
	/* linke Spalte																					*/
	/************************************************************************************************/
	#wrapper #linke_spalte {
	border: 0px solid black;
	background: none;
	width: 445px; height: 580px;
	float: left; 
	}
	
	
		/* NAVIGATION */
		#wrapper #linke_spalte #navi {
		border: 0px solid red;
		width: 105px;
		margin-left: 200px;
		position: relative;
		top: 20px; left: 114px;
		}
		 
		#wrapper #linke_spalte #navi ul {
		list-style-type: none;
		font-variant: small-caps;
		letter-spacing: 1px;
		text-align: center;
		font-size: 14px;
		margin: 0;
		}
		  
		#wrapper #linke_spalte #navi ul li { margin-bottom: 3em; color: #000; font-weight: bold; list-style-type: none; list-style-image: none; }
		#wrapper #linke_spalte #navi ul li a { margin-bottom: 3em; color: #000; text-decoration: none; border: none; font-weight: normal; }
		#wrapper #linke_spalte #navi ul li a:hover { color: #000; text-decoration: underline; }
		
		/* INHALT */
		#wrapper #linke_spalte .inhalt {
		border: 0px solid black;
		width: 325px; height: 420px;
		position: relative;
		top: 10px; left: 80px;
		float: left;
		text-align: left; color: #333;
		}
	
  
  

	/************************************************************************************************/
	/* rechte Spalte																				*/
	/************************************************************************************************/
	#wrapper #rechte_spalte {
	border: 0px solid black;
	background: none;
	width: 443px; height: 580px;
	margin-left: 455px; 
	}
	
	
		/* INHALT */
		#wrapper #rechte_spalte .inhalt {
		border: 0px solid black;
		width: 325px; height: 420px;
		position: relative;
		top: 70px; left: 20px;
		float: left;
		text-align: left; color: #333; 
		}
	 
	 
	 	/* SUCHERGEBNISSE */
	 	#wrapper #rechte_spalte .inhalt .suchergebnisse {
	 	position: relative; top: 8px; left: 0; 
	 	height: 380px; width: 350px;
	 	overflow: auto;
	 	}
	 	
	 	/* SPRACHAUSWAHL LESEZEICHEN */
		#wrapper #rechte_spalte #funktionsauswahl {
		border: 0px solid black;
		width: 45px; height: 100%;
		margin-left: 390px;
		position: relative;
		top: 0; left: 8px;    
		}
		
			/* HINZUZUFÜGENDE AKTIV */
			#wrapper #rechte_spalte #funktionsauswahl a.hinzuzufuegende_aktiv {
			border: 0px solid black;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 90px; left: 0;
			background: transparent url("../grafiken/lz_hinzufuegen_aktiv.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #funktionsauswahl a:hover.hinzuzufuegende_aktiv { width: 31px; background: transparent url("../grafiken/lz_hinzufuegen_aktiv.jpg") -28px 0 no-repeat; }
			
			/* HINZUZUFÜGENDE INAKTIV */
			#wrapper #rechte_spalte #funktionsauswahl a.hinzuzufuegende {
			border: 0px solid black;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 90px; left: 0;
			background: transparent url("../grafiken/lz_hinzufuegen.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #funktionsauswahl a:hover.hinzuzufuegende { width: 31px; background: transparent url("../grafiken/lz_hinzufuegen.jpg") -28px 0 no-repeat; }
			
			/* BESTEHNDE AKTIV */
			#wrapper #rechte_spalte #funktionsauswahl a.bestehende_aktiv {
			border: 0px solid black;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 95px; left: 3px;
			background: transparent url("../grafiken/lz_aendern_aktiv.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #funktionsauswahl a:hover.bestehende_aktiv { width: 31px; background: transparent url("../grafiken/lz_aendern_aktiv.jpg") -28px 0 no-repeat; }
			
			/* BESTEHENDE INAKTIV */
			#wrapper #rechte_spalte #funktionsauswahl a.bestehende {
			border: 0px solid black;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 95px; left: 3px;
			background: transparent url("../grafiken/lz_aendern.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #funktionsauswahl a:hover.bestehende { width: 31px; background: transparent url("../grafiken/lz_aendern.jpg") -28px 0 no-repeat; }
				
			/* FREIZUGEBENDE AKTIV */
			#wrapper #rechte_spalte #funktionsauswahl a.freizugebende_aktiv {
			border: 0px solid red;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 100px; left: 6px;
			background: transparent url("../grafiken/lz_freigeben_aktiv.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #funktionsauswahl a:hover.freizugebende_aktiv { width: 31px; background: transparent url("../grafiken/lz_freigeben_aktiv.jpg") -28px 0 no-repeat; }
		
			/* FREIZUGEBENDE INAKTIV */
			#wrapper #rechte_spalte #funktionsauswahl a.freizugebende {
			border: 0px solid red;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 100px; left: 7px;
			background: transparent url("../grafiken/lz_freigeben.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #funktionsauswahl a:hover.freizugebende { width: 31px; background: transparent url("../grafiken/lz_freigeben.jpg") -28px 0 no-repeat; }
		
			#wrapper #rechte_spalte #funktionsauswahl span { display: none; }



	/************************************************************************************************/
	/* Fußzeile																						*/
	/************************************************************************************************/
	div#fusszeile {
	display: none;
	border: 1px solid red;
	margin: 0 auto; width: 390px; height: 35px;
	position: relative;
	top: -85px; left: 194px;
	}
	
	div#fusszeile p { margin: 0; padding: 0; color: #777; font-size: 12px; }
	div#fusszeile p a { color: #777; font-weight: normal; }
	div#fusszeile p a:hover { color: #333; font-weight: normal; }

	div#fusszeile p.impressum {
	border: 0px solid yellow;
	width: 375px;
	position: absolute;
	bottom: 0; left: 0px;
	text-align: center;
	}
	
	div#fusszeile p.seite_li {
	border: 0px solid green; width: 370px;
  	text-align: left; 
	position: absolute;
	top: 0; left: 79px;
	}

	div#fusszeile p.seite_re {
	border: 0px solid blue; width: 350px;
	margin-left: 450px;
	position: absolute;
	top: 0; left: 0px;
	text-align: right;
	}