* {
margin: 0; 
padding: 0;
}

body {
background-color: #FFFFFF;
color: #000000; /* Druck: Schriftfarbe */
font-family: 'Trebuchet MS', Verdana, 'lucida grande',arial, sans-serif;
padding: 0px;
margin: 20px 20px 20px 50px; /* Seitenrand */
}


/* Für die Druckausgabe Überfluessiges abschalten */
#rechtespalte, #sprunglink, #brotkruemelnavigation, #logoundfoto, #telefon img, #orientierungsnavigation, #navigation, #suche  { 
display: none; 
}

.top { /* "Nach oben-Link in den Listen */
display: none;
}

#schatten {
width: 100%;
background-color: #FFFFFF;
color: #023985;
}

#box {
color: #023985;
background-color: #FFFFFF;
text-align: left;
width: 90%;
}

/* Abkürzungen und Akronyme auch ausschalten */

acronym {
border-bottom :0px dotted #5d5d5d; 
}

abbr {
border-bottom: none;
}

/* =============  Schriftgrößen und -farben ============= */


p, ul { /* Einfache Absätze und Aufzählungen */
font-size: 11pt; /* Druck: Schriftgröße */
line-height: 1.3em;
margin: 8px 0px 8px 0px;

}


h1 {
font-size: 13pt;/* Druck: Schriftgröße */
color: #023985;
background-color: #FFFFFF;
margin: 0px 0px 14px 0px;
}

h2 {
font-size: 12pt;/* Druck: Schriftgröße */
color: #023985;
background-color: #FFFFFF;
margin: 0px 0px 14px 0px;
}

h3 {
font-size: 12pt;/* Druck: Schriftgröße */
color: #6d5d3a;
background-color: #ffffff;
margin: 25px 0px 14px 0px;
}

h4 {
font-size: 12pt;/* Druck: Schriftgröße */
color: #023985; /* Druck: Farbe in Blau statt rot */
background-color: #ffffff;
margin: 25px 0px 14px 0px;
}

h5 {
font-size: 11pt;/* Druck: Schriftgröße */
color: #000000; /* Druck: Farbe in Schwarz statt blau */
background-color: #ffffff;
margin: 25px 0px 14px 0px;
}

h6 {
font-size: 11pt;/* Druck: Schriftgröße */
color: #000000; /* Druck: Farbe in Schwarz statt blau */
background-color: #ffffff;
margin: 25px 0px 14px 0px;
}


/* =============  Kopfbereich ============= */

#kopfbereich {
width: 100%;
background-color: #ffffff;
color: #023985;
}

#grenzenlos {
font-family: Arial, Helvetica, sans-serif;
border-bottom: 3px solid white;
width: 100%;
background-color: #ffffff;
color: #023985;
}

#grenzenlos h1.lesen {
background-color: #FFFFFF;
color: #000000;
font-size: 14pt;
margin: 0;
line-height: 1.4;
}

h2.literatur {
color: #000000;
background-color: #FFFFFF;
font-size: 12pt;
line-height: 1.4;
margin: 0;
}

#telefon {
padding: 0px 0px 12px 0px;
background-color: #FFFFFF;
color: #023985;
width: 99%;
border-bottom: 1px solid #023985;
}

.telefonfloat { /* Telefon-Symbol habe ich hier als float positioniert */
float: left;
padding-right: 5px;
padding-top: 2px;
}

#telefon h1, #telefon p {
font-size: 13pt;
font-weight: bolder;
color: #023985;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}


/* =============  Links ============= */

 a:link {
text-decoration: none; /* Keine Unterstreichungen im Ausdruck */
color: #000000; /* Einheitliche schwarze Schriftfarbe im Ausdruck */
background-color: #FFFFFF;
}

 a:visited {
text-decoration: none; /* Keine Unterstreichungen im Ausdruck */
color: #000000;
background-color: #FFFFFF;
}

/* =============  Inhalt ============= */

#inhalt { 
background-color: #ffffff;
color: #000000;
margin-top: 30px;
padding: 0px 0px 40px 0px; /* Abstand zum Fußbereich hier, wg. IE7 */
}

#inhalt-haupttext {
width: 100%;  /* Rechte Spalte ist für den Druck ausgeblendet */
}

#inhalt-haupttext li {
margin: 7px 0;
}

#inhalt-haupttext h2 + #sitemap {
margin-top: 2em;
}

#sitemap li {
color: #860f02;
background-color: #ffffff;
font-style: italic;
}

#sitemap li a {
font-weight: bolder;
}

#sitemap ul {
margin: 0px 0px 2em 0px;
}

#sitemap li li {
font-weight: normal;
list-style-image: url(../bilder/liste.gif); 
margin: 0.8em 0px 0.8em 20px; 
line-height: 1.4em;
}

#sitemap li li a {
font-weight: normal;
font-style: normal;
}

#sitemap li li li {
font-weight: normal;
list-style-image: url(../bilder/liste2.gif); 
margin: 0.8em 0px 0.8em 20px; 
line-height: 1.4em;
}

#ausleihe #inhalt-haupttext p.fett {
margin-top: 22px;
}

#ausleihe #inhalt-haupttext p {
margin: 6px 0px 6px 0px;
}

#ausleihe #inhalt-haupttext .buchnummer {
color: #a65551;
background-color: #FFFFFF;
}

.pressemitteilung {
border: 0px dotted #a3b7d2; /* Für Druck  ohne Rahmen und Hintergrundfarbe*/
background-color: #ffffff;
color:#023985;
padding: 5px;
}

.pressemitteilung h3, .pressemitteilung h4 {
background-color: #FFFFFF;
color:#023985;
}

.pressemitteilung p.datum {
background-color: #FFFFFF;
color:#a65551;
font-size: 0.7em;
font-weight: bold; 
}

.sprechertext {
	margin-left: 180px;
	margin-bottom: 100px; /* Für Ausdruck einen Abstand nach unten, sonst verhakt sich das Foto */
}


/* =============  Fußbereich ============= */

address {
font-size: 11pt;
font-style: normal;
font-weight: bold;
color: #023985;
background-color: transparent;
margin: 0px 0px 0px 0px;	
}

#fussbereich {
background-color: #ffffff;
width: 100%;
color: #023985;
padding: 15px 0;
border-left: 0px solid #e3e9f1;
border-top: 1px solid #023985; /* Strich nur im Ausdruck */
text-align: center;
font-size: 11pt;
font-weight: bold;
}

.copyright {
text-align: center;
margin-top: 10px;
}

#fussbereich a:link {
text-decoration: none; /* Keine Unterstreichungen! */
background-color: #ffffff;
color: #023985;
}

#fussbereich a:visited {
text-decoration: none; /* Keine Unterstreichungen! */
background-color: #ffffff;
color: #023985;
}

/* =============  Allerlei Nützliches ============= */

hr { /* Trennlinie */
display:none; /* Die Trennlinie ist im Ausdruck ausgeschaltet */
}

.inline { /* Einen Absatz, z. B. für eine Telefonnummer, die links stehen soll, einfügen, jedoch unsichtbar im Layout */
	display: inline;
}

.block {/* Wieder einen richtigen Absatz zuweisen */
display: block;
}

.fett { /* Text fett setzten z. B. in einem span-Tag */
font-weight: bold;
}

.kursiv { /* Text kuisiv setzten z. B. in einem span-Tag */
font-style: italic;
}

img { 
border: 0px;
vertical-align: bottom;
}

.links { /* Ein Bild nach links setzen, so dass der Text rechts vorbeifließt */
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.rechts {/* Ein Bild nach links setzen, so dass der Text rechts vorbeifließt */
float: right;
margin-left: 20px;
margin-bottom: 10px;
}

#information-daisyabspielgeraete .rechts {
	float: right;
margin: 0 40px 0 0;
}

.clear { /* Float auflösen, ab hier alles wieder im normalen Textfluss */
clear: both;
}

span.ex { /* für die Barrierefreiheit: externen Link ohne css sichtbar machen */
position: absolute;
left: -3000px;
top: -3000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}


.unsichtbar {
position: absolute !important;
top: -4000px !important;
left: -4000px !important;
height: 1px !important;
width: 1px !important;
}

.fuellen { /* Abstand nach unten, wenn zu wenig Text im Inhaltsbereich */
margin: 0px 0px 200px 0px;
}


.mitrand { /* Fotos mit einem Rand versehen, aktuell: Hellblau */
border: 1px solid #a3b7d2;
padding: 3px;	
}

.farbe {
color:#a65551;
background-color: #ffffff;
}


.listemitpunkt {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 30px;
	line-height: 1.3;
	padding: 0;
}

.kasten {
	background-color:#f3f6f9;
	color: #023985;
	border: 1px solid #ded4c1;
	padding: 5px;
	width: 80%;
	margin: 20px 0;
}