/* Keine Abstaende am Rand, hintergrund Grau, um mit
   footer abzuschliessen.
*/

html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	background-color: #ffffff;/*#dcdcdc;*/
	font-family: "Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

/* container beinhaltet alle sichtaren elemente
   und bildet somit einen wrap innerhalb des body
   Tags. Breite ist Auto und dehnt sich somit so
   weit wie möglich aus. Minimale breite ist jedoch
   60em, damit die Spalten bei großer Schrift sich
   nicht zu sehr zusammenziehen.
*/
#container 
{
        position:relative;
	background: #FFFFFF;
	/*background-color: #dcdcdc;*/
	padding:0;
	margin:0;
	width:auto;
	width: 100% !important;
	min-width:50em;
	min-height:100%; /* For Modern Browsers */
	height:auto !important;     /* For Modern Browsers */
	height: 100%;    /* For IE */
	/*min-height:60em;*/
}

/* Elemente dieser Klasse werden nicht angezeigt */
/* Auch die Captions von Datentabelle2 werden nicht angezeigt */
.hidden, #path li span, #content table.datentabelle2 caption {
	position:absolute;
	left: -1000px;
	top: -1000px;
	width:0px;
	height:0px; 
}






/* ------------- Seitennavigation -------- */

#path {
	width:auto;
	/*background-color: #cccccc;*/
	background-color: #744024;
	font-size:0.8em;
	padding:0;
	margin:0;
	color: #FFFFFF;
	/*border-bottom:1px solid #000000;*/
}

#path ul {
	margin:0;
	padding:0;
}

#path li {
	list-style:none;
	display:inline;
	margin-left:1em;
	/*background-color: #dddddd;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;*/
}

#path li a, #path li a:link, #path li a:visited {
    color: #FFFFFF;
    text-decoration: none;
    
}

#path li a:hover, #path li a:focus {
    color: #ffffff;
    text-decoration:none;
    background-color: #000000;
} 



  
/* ----------------- header --------------- */  
  
/* Der Headerbereich:
   Hoehe 7em, Breite 100%.
*/
#header {
	/*background : #EEEBD3;*/
	/*background : #DCDCDC;*/
	/*background : #BDB2A0;*/
	/*height:7em;*/
	width: auto;
	width: 20em;
        margin-left: 2em;
	/*width : 100%;*/
	/*border-bottom:1px solid #FFBBBB;*/
	/*border-bottom:1px solid #C8987D;*/
}

/* Anschrift wird 23em links angezeigt. */
#anschrift {
	display:block;
	/*margin: 0.3em 0em 0.3em 23em;*/
	margin-left: 23em;
	padding-top:1.3em;
}

#anschrift h1 {
	display:block;
	color:#990000;
	/*color:#C8987D;*/
	font-size: 1.1em;
	font-weight:normal;
	margin-left:0em;
	margin-top:0em;
	margin-bottom:0;
	padding:0;
	padding-top:0;
  }

#anschrift p {
	display:inline;
	color:#990000;
	/*color:#C8987D;*/
	font-size:0.8em;
	margin-top:0;
	margin-left: 0em;
	padding:0;
}

#anschrift p strong {
	font-size:1.3em;
}

#logo {
	margin: 0 0 0 0;
	float:left;
	display:inline;
	top: 0;
	left: 0;
	height: 7em;
	/*height: 81px;*/
	/*width: 80px;*/
	padding: 0;
	margin: 0;
	border: 0;
}

#logo_right {
	display:inline;
	float:right;
	top: 0;
	right: 0;
 	height:7em;
	padding: 0;
	margin: 0;
	border: 0;   
}






/* ------------- Hauptnavigation -------------- */

#navigation {
	list-style: none;
	width:auto;
	background-color: transparent; /*#ffffff;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:1em;
	font-weight:bold;
	margin:0;
	/*margin-top:0.5em;*/
	padding:0;
	color: #990000;
	/*background : #EEEBD3;*/
	text-align:center;
	line-height : 2em;
}

#navigation ul {
	margin:0;
	padding:0;
	
}

#navigation li {
	display:inline;
}

#navigation a, #navigation a:link, #navigation a:visited {
	color: #990000;
	text-decoration: none;
	margin:0.2em;
	padding: 0.3em;

}
  
/* Hier gibts nur einen margin von 0.1, weil dafr ein
   border mit 0.1em vorhanden ist */
#navigation a:hover, #navigation a:focus {
	color: #ffffff;/*#ff9999;*/
	margin:0.1em;
	background: #990000;
	text-decoration:none;
	border-top: 0.1em solid #cc0000;
	border-bottom: 0.1em solid #660000;
	border-left: 0.1em solid #cc0000;
	border-right: 0.1em solid #660000;
}

/* ------------ sprachauswahl: Zur englischen Sprache ---- */

#sprachauswahl {
	display:inline;
	float:right;
	list-style: none;
	margin:0.5em;
}

#sprachauswahl li {
	display:inline;
	padding:0;
	margin:0;
}

#sprachauswahl img {
	height:2em;
	border:none;
}


#sprachauswahl a img, #sprachauswahl a img {
	border: 1px solid #ffffff;
}

#sprachauswahl a:hover img, #sprachauswahl a:focus img {
	border: 1px solid #000000;
}

/* ------------- left: Navigationsmenue --------- */

#left {
	width:15em;
	/*height: 100%;*/
	float: left;
	/*margin-top: 12em;*/
	/*margin-left: 0.1em;*/
	padding:1em;
}

#left h1 {
	color: #336699;
	border-bottom: 1px solid #aaaaaa;
	text-align:center;
 	font-size: 1.5em;
  }

#left ul {
        width:15em;
	margin-top:7.2em;
	padding:0;
        margin-left:0;
	list-style-type:none;
}

#left li {
	margin: 0.2em;
}

#left ul a, #left ul a:visited, #left ul a:link {
	display:block;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	/*background: #592C14;*/
	background: #744024;
	
	height:1em; /* IE macht rollover sonst nur über dem Text */
	
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #cccccc;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #cccccc;

	margin:0px;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
}

/* workarround für oben eingefügtes heigh: 1em für IE
   Muss jetzt wieder für andere Browser rückgängig
   gemacht werden
 */
html>body #left ul a:link, #left ul a:visited {
	height:auto;
}

#left ul a:hover, #left ul a:focus {
	color: #FFFFFF;
	/*background: #990000;*/
	background: #C8987E;
	border-top: 2px solid #C8987E;
	border-bottom: 2px solid #C8987E;
	border-left: 2px solid #C8987E;
	border-right: 2px solid #C8987E;
}

#left ul li ul li a, #left ul li ul li a:visited, #left ul li ul li a:link {
	text-decoration: none;
	color: #777777;
	/*color:#336699;*/
	/*background: #dddddd;*/
	border: 2px solid #dddddd;
	background:transparent;
	
	margin:0px;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
}

#left ul li ul li a:hover, #left ul li ul li a:focus {
	color: #ffffff;
	background-color: #336699;
	text-decoration:none;
	border-top: 2px solid #6699cc;
	border-bottom: 2px solid #003366;
	border-left: 2px solid #6699cc;
	border-right: 2px solid #003366;

}

/* highlight der aktuell angezeigte Webseite im Menü */
#left li.aktiv {
	font-weight: bold;
}

#left ul li.aktiv a, #left ul li.aktiv a:visited, #left ul li.aktiv a:link {
	background: #cccccc;
}

#left ul li.aktiv a:hover, #left ul li.aktiv a:focus {
	color: #FFFFFF;
	background: #990000;
	border-top: 2px solid #cc0000;
	border-bottom: 2px solid #660000;
	border-left: 2px solid #cc0000;
	border-right: 2px solid #660000;
}

#left p a, #left p a:visited, #left p a:link {
	display:block;
	text-decoration: none;
	color: #990000;
	border-top: 2px solid #eeeeee;
	border-bottom: 2px solid #eeeeee;
	border-left: 2px solid #eeeeee;
	border-right: 2px solid #eeeeee;
}
  
#left p a:hover, #left p a:focus {
	color: #ffffff;
	background-color: #336699;
	text-decoration:none;
	border-top: 2px solid #6699cc;
	border-bottom: 2px solid #003366;
	border-left: 2px solid #6699cc;
	border-right: 2px solid #003366;
}

/* Das Suchformular */
#left_suche {
	margin-top:1em;
	/*border-top: 1px solid #cccccc;*/
	border-top: 1px solid #aaaaaa;
	text-align:center;
	padding-top: 1em;
}  

/* Das formularfeld verfärbt sich, wenn mit der Maus
   darübergefahren wird, oder es mit den Tasten ausgewählt wird.
*/
#left_suche input:hover, #left_suche input:focus {
	background: #dddddd;
}

/* Bilder in der Navbox - Umgebung */
#left .bild {
	padding-top:2em;
	border:none;
	text-align:center;
	width:auto;
}

/* Das eigentliche Bild in der Navbox */
#left img {
        float: none;
        margin-left: 0.25em;
	width:8em;
	height:8em;
}





/* ------------- content ----------------- */

/* Seiteninhalt: Durchsichtiger Hintergrund, zeilenhoehe 1 1/2.
   Links freiraum von 26em.
*/  
#content {
	background-color:transparent;  /* durchsichtiger hintergrund */
	/*background-color: #000000;   dark black (to see you better honey) */
	line-height : 1.8em;		/* Zeilenhoehe 1.5em */
	padding-top : 1em;
	padding-right: 1em;
	padding-bottom: 5em;
	margin-left: 26em;
	width : auto;
	/*min-height:60em;*/
	/*margin-bottom:2em;*/
	height:auto;
}

/* bin mir noch nicht ganz sicher wofuer man das braucht */
/* Aber es scheint renderingprobleme zu minimieren */
#content:after
{
    clear: both;
        display:block;
        content: ".";
        height:0;
        visibility:hidden;
    }
  
/* Elemente im Content Bereich */
#content h1 {
	font-size : 2.5em;
	padding-bottom:0.3em;
	border-bottom: 1px solid #aaaaaa;
	color: #744024;
	line-height: 1.2em;
	letter-spacing:0.1em;
	/*margin-top:1.5em;*/
	margin-left: -2.5em;
	margin-bottom:1em;
}

#content h2 {
	/*color: #336699;*/
	color: #844c2d;
	font-size:1em;
	margin-left: -2.5em;
	margin-right: 5em;
	margin-top: 1.3em;
}

#content h2 span .date {
	color: #990000;
	font-size: 1.3em;
}  
  
#content h3 {
	font-size: 1.3em;
	margin-left:-1.5em;
	margin-top:1em;
	/*border-bottom: 1px dotted #555555;*/
}

#content h3 img {
	padding-top:2.8em;
	padding-bottom:2em;
        margin-top: 3em;
        margin-left: -3em;
}

#content h4 {
	color : #990000;
	font-size: 1.2em;
	margin-left:-1em;
	font-weight:normal;
}

#content h4 span.anmerkung {
	font-size: 0.8em;
	color: #000000;
}

#content h5 {
	margin-left:-0.5em;
}

#content h6 {
	display:block;
	color: #744024;
	font-size: 1.1em;
	font-weight:normal;
	margin-left:-5.5em;
	margin-right:8em;
	margin-top:0em;
	margin-bottom:0em;
	padding:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}

#content h6 ul {
	display:block;
	/*color: #744024;*/
	color:#744024;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5em;
	/*line-height:1.5em;
	margin-left:2.2em;
	margin-right:0em;*/
	margin-top:0em;
}

#content h6 li {
	display:block;
	/*color: #744024;*/
	color:#744024;
	font-size:1.1em;
	font-weight:bold;
	list-style-type:square;
	margin-left:4.2em;
	margin-right:0em;
	/*padding:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;*/
}

#content img {
        /*float: none;*/
        /*HJELE: die paddings hier versteht der IE nicht*/
        /*HJELE: also gibt's halt margins*/
	padding-top:0em;
	padding-bottom:0em;
        margin-top: 2em;
	margin-bottom:1em;
        margin-left: 0em;
	/*width:18em;*/
}

/* alle "normalen" Textelemente werden 2.5em eingerueckt */
/*#content p, #content ul li, #content ol, #content dl, #content address,  #content.mitarbeiter, #content form, #alphabet, #content .mitarbeiter {
	margin-left:2.5em;
}

*/

/* Liste bekommt Listen Image */
 
#content ul {
	color: #744024;
	font-size: 1.1em;
	font-weight:bold;
	margin-right:0em;
	margin-top:8.5em;
	list-style-type: square;
	/*list-style-image: url(../images/nbpf_gr3_r.gif);*/
	line-height : 2em;
}
 
#content li {
	color: #744024;
	font-size: 1.1em;
	font-weight:bold;
	/*margin-left:-1.5em;*/
	margin-left:-7.0em;
	margin-right:0em;
	list-style-type: square;
	/*list-style-image: url(../images/nbpf_gr3_r.gif);*/
	/*line-height : 2em;*/
}
 
#content ul img {
        /*float: none;*/
	/*padding-top:2em;*/
	padding-top:2.8em;
	padding-bottom:2em;
        margin-top: 0em;
        margin-left: -3em;
	/*width:18em;*/
}

#content ul h6 {
	display:block;
	color: #744024;
	font-size: 1em;
	font-weight:bold;
	line-height : 1.4em;
	margin-left:-3em;
	margin-right:8em;
	margin-top:0em;
	margin-bottom:0em;
	padding:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}

#content a, #content a:link {
	/*color: #336699;*/
	/*background-color:#eeefff;*/
	text-decoration: none;
	padding-right:0.2em;
	padding-left:0.2em;
	/*border-top: 1px solid #dddddd;*/
	/*border-left: 1px solid #dddddd;*/
	/*border-right: 1px solid #dddddd;*/
	border-bottom: 1px solid #990000;/*#336699;*/
}
  
/* todo: zum schwarzen Rand unten sollte noch eine nicht farbliche
   Erkennung existieren, dass es sich um einen besuchten Link handelt
*/
#content a:visited {
	/*color: #336699;*/
	text-decoration: none;
	border-bottom: 1px dashed #000000;/*#336699;*/
}

#content a:hover, #content a:focus {
	color: #ffffff;
	background-color: #336699;
	text-decoration:none;
	/*border-top: 1px solid #6699cc;*/
	border-bottom: 1px solid #003366;
	/*border-left: 1px solid #6699cc;
	border-right: 1px solid #003366;*/
}

/* HJELE: experimentiert mit einer Funktion zum Text-Aufklappen*/
/* wirkt zu unruhig*/

#box {
	/*position:absolute; top:50px; left:50px;*/
	/*z-index:3;*/
}

#box a {
	/*color:#ffffff;*/
	/*background:#b3b06c;*/
	/*font:bold 16px verdana, sans-serif;*/
	/*text-decoration:none;*/
	/*display:block;*/
	/*padding:5px;*/
	/*border:1px solid black;*/
}

#box a:hover {
color:black;
background:#ddd8b7;
width:400px;
}

#box a span {display:none;}

#box a:hover span {
color:black;
background:#ffffff;
font:normal 16px courier, sans-serif;
border:1px solid black;
display:block;
padding:10px;
}

/* Sile des Inhaltsverzeichnisses für eine Seite */
.inhaltsverzeichnis {
	font-size: 1.5em;
	line-height : 1.5em;
	vertical-align:middle;
}

/* Wenn eine Textpassage mal größer geschrieben sein soll */
.bigger_text {
	font-size:1.5em;
}

/* Das Inhaltsverzeichnis */
#content .inhaltsverzeichnis {
	font-size:1.5em;
	line-height: 2em;
}

/* formulare */

/*
#content label.formleft {
	float: left;
	text-align: right;
	width: 10em;
	margin-right: .3em;
}

#content input[type=text], select {
	float: left;
}

#content input.formright {
	float: left;
	width: auto;
	clear: both;
	margin-left: 5.3em;
	margin-right: .3em;
}

#content input[type=checkbox].right,
#content input[type=radio].right,
#content input[type=submit].right {
	margin-left: 6.3em;
}
*/

#content form div.formleft {
	/*float:left;*/
	/*background:#cccccc;*/
	padding:1em;
}

#content form div.formright {
	/*float:right;
	background:#555555;*/
	/*clear:left;*/
	padding:1em;
}

#content form div.formfooter {
	border-top:1px solid #bbbbbb;
	/*clear:both;*/
	padding:1em;
}

#content form label:hover, #content form input:hover, #content form input:focus {
	background: #dddddd;
}

#content form br {
	clear: both;
}


/* Eine Datentabelle im Content Bereich */

#content table.datentabelle {
	border-collapse: collapse;
	border-top: hidden;
	margin-bottom: 1em;
}

#content table.datentabelle caption {
	/*margin-top:1em;*/
	background:#336699;
	color:#ffffff;
	font-weight:bold;
	padding:0.2em;
}

#content table.datentabelle thead {
	/*border: 1px solid #000000;*/
	display: table-header-group;
}

#content table.datentabelle tr:hover {
	background: #dddddd;
}

#content table.datentabellen th.top {
	text-align: left;
	vertical-align: top;
}

#content table.datentabelle th, #content table.datentabelle td {
	padding-left:0.5em;
	padding-right:0.5em;
	/*border-bottom: 1px solid #aaaaaa;*/
}

#content table.datentabelle thead th {
	border-bottom: 1px solid #000000;
	background: #eeeeee;
	/*display: table-header-group;*/
	text-align: left;
}

#content table.datentabelle tfoot td {
	border-bottom: 1px solid #000000;
	background: #eeeeee;
	/*color: #336699;*/
	/*display: table-header-group;*/
}

#content table.datentabelle tbody td, #content table.datentabelle tbody th {
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	vertical-align: top;
}

#content table.datentabelle tbody th {
	text-align: left;
	/*vertical-align: <a href="http://www.uni-klu.ac.at/~ubcgi/cgi-bin/online_dbs/prodsys/online_dbs.pl?letter=B&amp;run=1">B</a>top;*/
}

/* datentabelle2 als neues Layout für Tabellen   */
/* Dtaentabelle2 wird z.B. für die KPS verwendet */

#content table.datentabelle2 {
	border-collapse: collapse;
	border-top: hidden;
	border: 1px solid silver;
	caption-side: bottom;
}

#content table.datentabelle2 caption {
	text-align:center;
}

#content table.datentabelle2 thead {
	display: table-header-group;
}

#content table.datentabelle2 tr:hover {
	background: #dddddd;
}

#content table.datentabellen2 th.top {
	text-align: left;
	vertical-align: top;
}

#content table.datentabelle2 th, #content table.datentabelle2 td {
	padding-left:0.5em;
	padding-right:0.5em;
	border: 1px solid silver;
}

#content table.datentabelle2 thead th {
	background: #eeeeee;
	text-align: left;
	font-weight:bold;
	vertical-align:top;
}

#content table.datentabelle2 tfoot td {
	border-bottom: 1px solid #000000;
	background: #eeeeee;
}

#content table.datentabelle2 tbody td, #content table.datentabelle tbody th {
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}

#content table.datentabelle2 tbody th {
	text-align: left;
}

/* Und noch ein drittes Tabellenlayout */

#content table.datentabelle3 {
	/*border-collapse: collapse;*/
	/*border-top: hidden;*/
	border: 2px solid #336699;
	margin:0;
	padding:0;
	border-spacing:0;
}

#content table.datentabelle3 caption {
	background:#336699;
	color:#ffffff;
	font-weight:bold;
	padding:0.2em;
	/*border:none;*/
	/*border: 2px solid #000000;*//*#336699;*/
	/*border-bottom:none;*/
}

#content table.datentabelle3 thead {
	/*border: 1px solid #000000;*/
	display: table-header-group;
}

#content table.datentabelle3 tr:hover {
	background: #dddddd;
}

#content table.datentabellen3 th.top {
	text-align: left;
	vertical-align: top;
}

#content table.datentabelle3 th, #content table.datentabelle td {
	padding-left:0.5em;
	padding-right:0.5em;
	/*border-bottom: 1px solid #aaaaaa;*/
}

#content table.datentabelle3 thead th {
	/*border-bottom: 1px solid #000000;*/
	background: #eeeeee;
	/*display: table-header-group;*/
	text-align: left;
	border: 0.5px solid #aaaaaa;
	border-bottom: 1px solid #555555;
}

#content table.datentabelle3 tfoot td {
	/*border-bottom: 1px solid #000000;*/
	background: #eeeeee;
	/*color: #336699;*/
	/*display: table-header-group;*/
}

#content table.datentabelle3 tbody td, #content table.datentabelle tbody th {
	/*border-bottom: 1px solid #aaaaaa;*/
	/*border-top: 1px solid #aaaaaa;*/
	vertical-align: top;
	padding-left: 0.5em ;
	padding-right:0.5em;
}

#content table.datentabelle3 tbody td {
	border: 0.5px solid #dddddd;
}

#content table.datentabelle3 tbody th {
	text-align: left;
	/*vertical-align: <a href="http://www.uni-klu.ac.at/~ubcgi/cgi-bin/online_dbs/prodsys/online_dbs.pl?letter=B&amp;run=1">B</a>top;*/
}


/* Status für Online Datenbanken */
#content table.datentabelle td.unbegrenzt {
	background: #bbffbb;
	text-align:center;
	vertical-align: middle;
}

#content span.unbegrenzt {
	background: #bbffbb;
}

#content table.datentabelle td.at {
	background: #ffff77;
	text-align: center;
	vertical-align: middle;
}

#content span.at {
	background: #ffff77;
}

#content table.datentabelle td.uniklu {
	background: #ffcc33;
	text-align: center;
	vertical-align: middle;
}

#content span.uniklu {
	background: #ffcc33;
}

#content table.datentabelle td.teilzugang {
	background: #ffa68e;
	text-align: center;
	vertical-align: middle;
}

#content span.teilzugang {
	background: #ffa68e;
	font-weight: bold;
}

#content table.datentabelle td.unbeschraenkt img,
#content table.datentabelle td.oesterreich img,
#content table.datentabelle td.uniklu img,
#content table.datentabelle td.teilzugang img {
	height: 2em;
}

/* für die iconliste am Ende der Datenbankliste */

#content .db_icon {
	width:2em;
	vertical-align: middle;
}

/* ----------------- Horizontale Listen ------------- */
/* Listentypen:                                       */
/*     horizontal: Horizontale Liste in eigener Zeile */
/*     ihotizonal: Inline Liste                       */
/*     navul: zur Navigation (wie horizontal, wird    */
/*            in Druckansicht aber ausgeblendet       */
/* -------------------------------------------------- */
#content ul.horizontal, #content ul.ihorizontal, #alphabet, #content ul.navul {
	list-style:none;
}

#content ul.ihorizontal {
	display:inline;
	margin-left:0;
	padding-left:0;
}

#content ul.horizontal li, #content ul.ihorizontal li, #alphabet li, #content ul.navul li {
	display:inline;
	padding: 0;
	margin: 0;
}

#content ul.horizontal a, #content ul.ihorizonatal a, #content ul.navul a {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	line-height : 2em;
	padding:0.2em;
}

#content ul.navul a, #content ul.navul a:link, #content ul.navul a:visited {
	background-color: #ffeeee;
	color: #990000;
}

#content ul.navul a:hover, #content ul.navul a:focus {
	background: #990000;
	color: #ffffff;/*#990000;*/
}

/* ------- Styles für Statistiken ------------ */
/* mal sehen, ob wir das so lassen... */
#content img.statistik {
	width: 40em;/*500px;*/
	font-size: 1em;
}

/* ------- Styles für datenbank suche ------------------- */

#alphabet {
	padding-bottom: 1em;  	
}

#alphabet a {
	padding:0.2em;
	margin:0.2em;
}

/* Infobox zum hervorheben wichtiger Sachverhalte */
#content .infobox {
	border: 1px solid #336699;
	background-color:#eeefff;
	padding: 1.5em;
	margin-top:1em;
	margin-bottom:1em;
	/*margin-left:0;*/
}

/* Um elemente zu zentrieren */
#content div.zentriert {
	text-align:center;
}

/* -------------- Styles für Mitarbeiterliste ---- */

.mitarbeiter {
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #dddddd;
	border-right: 2px solid #999999;
	height:16em;
	min-height: 15.5em;
	background-color: #cccccc;
}

.mitarbeiter img {
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #dddddd;
	border-right: 2px solid #999999;
	float:left;
	padding:0.1em;
	vertical-align:middle;
	height:15em;
	margin-right: 1em;
}

.mitarbeiter_info {
	margin-left: 12em;
}

.mitarbeiter_info dt {
	font-weight:bold; 
	float:left;
}
.mitarbeiter_info dd {
	font-style:italic;
	margin-left:4em;
	padding-left:2em;
}

/* für dl Listen im normalen Text */

#orientierung dt {
	font-weight: bold;
}

#orientierung  dd {
	/*color: #444444f;*/
}

#orientierung dd ul {
	line-height:1.3em;
	/*border: 1px solid #000000;
	padding-left:0px;
	margin-left:0px;*/
}


/* ------------- Styles für Künstlerbuch ----- */

/* stylesheets fÃŒr kunstbÃŒcher */


#artikelbild {
	text-align:center;
}

#artikelbild img {
	width: 20em;
}

#bildleiste {
	text-align:center;
}
#bildleiste img {
	height:10em;
}
#buch_beschreibung th {
	text-align: left;
	vertical-align: top;
	padding-right: 1em;
}

#galerie .galeriebuch {
	float:left;
	margin: 0 0 0 1em;
	height: 15em;
	padding:1em;
	text-align:center;
}
#galerie .galeriebuch a {
	text-decoration:none;
}
#galerie .galeriebuch img {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px;
	height:10em;
}
#galerie .galeriebuch span {
	display:block;
	font:9px verdana, sans-serif;
	text-align:center;	
}

#galerie .galeriebuch a:visited img {
	background-color:#fff;	
}
#galerie .galeriebuch a:hover img, .galeriebuch a:focus img {
	background-color: #ccc;
	text-decoration:none;
}
#galerie .galeriebuch a:hover, .galeriebuch a:focus {
	color: red;
}

#galerie .galeriebuch a {
	background-color:#ffffff;
	border:none;
}

.verzeichnis {
	list-style:none;
}

.verzeichnis ul {
	list-style:none;
}

.verzeichnis a, .verzeichnis a:link {
	/*display:block;
	border:none;*/
}

/* Tabellarische dl - header */
.tab_dl dt {
	font-weight:bold;
	float:left;
}

/* Tabellarische dl - body */
.tab_dl dd {
	padding-left:2em;
	margin-left:4em;
}


/* ------------- footer ------------------- */

#footer 
{
    position:absolute;
    bottom:0 !important;
    bottom: -1px; /* For Certain IE widths (1px bug)*/
    height:2em;
	background-color: #DCDCDC;
	border-top:1px solid #000000;
	color: #000000;
	width:auto;
	width: 100%;
	/*padding: 0.2em;*/
	text-align:center;
	clear:both;
}

#footer a {
	color: #000000;
}

#footer a:hover {
	background-color: #000000;
	color: #ffffff;
}