/* Cascading Stylesheet for Die Deutsche Bibliothek */
/* as per request the CSS-file is mapped in english */
/* 3-point concepts: Stephan Betke - 25.04.2006 */

/* general stylesheet linked to every site */
/* DNB 23.11.2009: in "#header .header_banner" die Angabe "width:100%;" entfernt*/

html {height:100.1%;}
body {background:#FFF; color:#333; font-family:verdana,arial,sans-serif; margin-left:10px; margin-top:10px;}
img {border:0; margin:0; padding:0;}

/* Header */
#header {border:#FFF 1px solid; line-height:0px; margin:0; overflow:hidden; padding:0; white-space:nowrap;}
#header .header_logo {background:#1E1C9F;}
#header .header_icons {margin-left:30em; overflow:hidden; position:absolute; right:11px; top:11px; width:270px; z-index:1;}
#header .header_navigation {background:#575F72; clear:both; color:#CCCFD4; float:left; font-size:0.7em; line-height:1em; padding:3px 0 3px 18px; position:relative; white-space:nowrap; z-index:2;}
#header .header_navigation a:link, #header .header_navigation a:visited {color:#CCCFD4; text-decoration:none;}	
#header .header_navigation a:hover, #header .header_navigation a:focus {color:#CCCFD4; text-decoration:none;}
#header .header_clear {background:#575F72; border-bottom:#575F72 1px solid; color:#EA999F; font-size:0.7em; line-height:1em; padding:3px 0 3px 0;}
#header .header_banner {background:#993400 url(../bilder/banner_kopf.jpg) no-repeat; height:18px; margin:0 0 18px 180px; overflow:hidden; position:relative; z-index:3;}

/* Footer */
#footer {clear:both; padding-top:20px;}
#footer .footer_jump {background:#993400; color:#FFF; font-size:0.7em; padding:3px 18px 3px 0; text-align:right;}
#footer .footer_jump a:visited {background:url(../bilder/pfeil_oben.gif) right top no-repeat; color:#FFF; padding-right:15px; text-decoration:none; width:3em;}	
#footer .footer_jump a:link {background:url(../bilder/pfeil_oben.gif) right top no-repeat; color:#FFF; padding-right:15px; text-decoration:none; width:3em;}
#footer .footer_jump a:hover {background:url(../bilder/pfeil_oben.gif) right top no-repeat; color:#FFF; padding-right:15px; text-decoration:none; width:3em;}
#footer .footer_banner {background:#575F72 url(../bilder/banner_fuss.gif) no-repeat; height:18px; width:100%;}

/* Breadcrumb */
#breadcrumb {color:#565F68; font-family:verdana,arial,sans-serif; font-size:0.75em; font-weight:bold; line-height:1.4em; margin-bottom:26px; margin-left:15em;}
#breadcrumb a:link, #breadcrumb a:visited {color:#993400; font-weight:normal; text-decoration:none;}	
#breadcrumb a:hover, #breadcrumb a:focus {color:#993400; font-weight:normal; text-decoration:none;}

/* Mainmenu */
/* one menu entry can be 100px high; that should suffice for most menus, */
/* otherwise add canvas-height to the background-image only, do not change height value to * html #navigation */
/* subtle mouse-over effects can be added by changing the #navigation a:hover entry */
#navigation {float:left; font-size:0.7em; line-height:1.5em; padding-left:0px; width:14.5em;}
#navigation ul {border-bottom:#CCCFD4 1px solid; list-style:none; margin:0; padding:0;}
#navigation ul li {background:url(../bilder/pfeil_on.gif) left top no-repeat; border-top:#CCCFD4 1px solid; padding:3px 0 5px 0;}
#navigation ul li.on {background-color:#EFECE5; border-top:#CCCFD4 1px solid; font-weight:bold;}
#navigation a:link, #navigation a:visited {background:url(../bilder/pfeil_on.gif) top left no-repeat; color:#575F72; display:block; text-decoration:none; padding:0 0 0 23px;}
#navigation a:hover, #navigation a:focus {background:url(../bilder/pfeil_on.gif) top left no-repeat; color:#575F72; display:block; text-decoration:none; padding:0 0 0 23px;}

#navigation ul.back {margin-top:24px;}
#navigation ul.back li {background:#DCD4C9 url(../bilder/pfeil_back.gif) left top no-repeat; border-top:#CCCFD4 1px solid;}
#navigation ul.back li a:link, #navigation ul.back li a:visited {background:url(../bilder/pfeil_back.gif) left top no-repeat; color:#575F72; display:block; text-decoration:none; padding:0 0 0 23px;}
#navigation ul.back li a:hover, #navigation ul.back li a:focus {background:url(../bilder/pfeil_back.gif) left top no-repeat; color:#575F72; display:block; text-decoration:none; padding:0 0 0 23px;}

#navigation ul.search {border-bottom:#C1C3AE 1px solid; list-style:none; margin:26px 0 0 0; padding:0;}
#navigation ul.search li {background:url(../bilder/pfeil_search.gif) left top no-repeat; border-top:#C1C3AE 1px solid; padding:3px 0 5px 0;}
#navigation ul.search li.on {background-color:#FFFDED; border-top:#C1C3AE 1px solid; font-weight:bold;}
#navigation ul.search li.down {background:#FFFDED url(../bilder/pfeil_search_unten.gif) top left no-repeat; border-top:1px solid #C1C3AE; font-weight:normal; padding-bottom:0;}
#navigation ul.search a:link, #navigation ul.search a:visited {background:url(../bilder/pfeil_search.gif) left top no-repeat; color:#5C575B; display:block; text-decoration:none; padding:0 0 0 23px;}
#navigation ul.search a:hover, #navigation ul.search a:focus {background:url(../bilder/pfeil_search.gif) left top no-repeat; color:#5C575B; display:block; text-decoration:none; padding:0 0 0 23px;}

#navigation ul.search li.down a:link, #navigation ul.search li.down a:visited {background:url(/bilder/pfeil_search_unten.gif) top left no-repeat; color:#5C575B; display:block; text-decoration:none; padding: 0 0 0 23px;}
#navigation ul.search li.down a:hover, #navigation ul.search li.down a:hover {background:url(/bilder/pfeil_search_unten.gif) top left no-repeat; color:#5C575B; text-decoration: none; padding: 0 0 0 23px;}
#navigation ul.search li.down ul {background:#FFF; border-bottom:0; list-style:none; margin:4px 0 0 0; padding:0;}
#navigation ul.search li.down ul li {background:url(/bilder/transparent.gif) top left no-repeat; border-top:#C1C3AE 1px solid; font-weight:normal; padding:3px 0 5px 15px;}
#navigation ul.search li.down ul li.on {background:#FFF url(/bilder/transparent.gif) top left no-repeat; border-top:#C1C3AE 1px solid; font-weight:bold; padding:3px 0 5px 15px;}
#navigation ul.search li.down ul a:link, #navigation ul.search li.down ul a:visited {background:url(/bilder/pfeil_search_weiss.gif) top left no-repeat; color:#5C575B; display:block; text-decoration:none; padding: 0 0 0 23px;}
#navigation ul.search li.down ul a:hover, #navigation ul.search li.down ul a:focus {background:url(/bilder/pfeil_search_weiss.gif) top left no-repeat; color:#5C575B; text-decoration:none; padding: 0 0 0 23px;}

* html #navigation a:link, * html #navigation a:visited {height:12px;}

/* Jumplabels, Related Links and Downloads */
/* careful working on this one, since it's closely related to Lists */
/* every step taken in Lists (fliesstext.css) have to be removed first in order to make this sweety work */
#content div.tableofcontent ul {list-style:none; list-style-image:none; margin:0; padding:0;}
#content div.tableofcontent ul li {margin:0 0 1px 0; padding:0;}
#content div.tableofcontent ul li a:link, #content div.tableofcontent ul li a:visited {background:url(../bilder/pfeil_unten.gif) left top no-repeat; color:#993400; display:block; text-decoration:none; padding: 2px 0 2px 23px;}
#content div.tableofcontent ul li a:hover, #content div.tableofcontent ul li a:focus {background:url(../bilder/pfeil_unten.gif) left top no-repeat; color:#993400; display:block; text-decoration:underline; padding: 2px 0 2px 23px;}
* html #content div.tableofcontent ul li {margin:0;}
* html #content div.tableofcontent ul li a:link, * html #content div.tableofcontent ul li a:visited {height:10px;}

#content div.back ul {list-style:none; list-style-image:none; margin:0; padding:0;}
#content div.back ul li {margin:0 0 1px 0; padding:0;}
#content div.back ul li a:link, #content div.back ul li a:visited {background:url(../bilder/pfeil_zurueck.gif) left top no-repeat; color:#993400; display:block; text-decoration:none; padding:2px 0 2px 23px;}
#content div.back ul li a:hover, #content div.back ul li a:focus {background:url(../bilder/pfeil_zurueck.gif) left top no-repeat; color:#993400; display:block; text-decoration:underline; padding:2px 0 2px 23px;}
* html #content div.back ul li {margin:0;}
* html #content div.back ul li a:link, * html #content div.back ul li a:visited {height:10px;}

/* Related Links and Downloads */
/* same advise as with Jumplabels goes here too */
#content div.link ul {border:0; list-style:none; list-style-image:none; margin:0; padding:0;}
#content div.link ul li {border-top:#FFF 1px solid; margin:0; padding:0;}
#content div.link ul li a:link, #content div.link ul li a:visited {background:url(../bilder/pfeil_rechts.gif) left top no-repeat; color:#993400; display:block; text-decoration:none; padding:2px 0 3px 23px;}
#content div.link ul li a:hover, #content div.link ul li a:focus {background:url(../bilder/pfeil_rechts.gif) left top no-repeat; color:#993400; display:block; text-decoration:underline; padding:2px 0 3px 23px;}
* html #content div.link ul li {border:#FFF 1px solid; margin:-1px 0 0 0;}
* html #content div.link ul li {height:10px; voice-family:"\"}\""; voice-family: inherit; height:auto;} #empty {}

#content div.download ul {border:0; list-style:none; list-style-image:none; margin:0; padding:0;}
#content div.download ul li {border-top:#FFF 1px solid; margin:0; padding:0;}
#content div.download ul li a:link, #content div.download ul li a:visited {background:url(../bilder/icon_download.gif) top left no-repeat; color:#993400; display:block; text-decoration:none; padding: 2px 0px 4px 24px;}
#content div.download ul li a:hover {background:url(../bilder/icon_download.gif) top left no-repeat; color:#993400; text-decoration:underline; padding: 2px 0px 4px 24px;}
* html #content div.download ul li {border:#FFF 1px solid; margin:-1px 0px 0px 0px;}
* html #content div.download ul li {height:10px; voice-family:"\"}\""; voice-family: inherit; height:auto;} #empty {}

/* Links */
/*a:visited {color:#C90; text-decoration:none;}*/
a:link, a:visited {color:#993400; text-decoration:none;}
a:hover, a:focus {color:#993400; text-decoration:underline;}

/* Tables */
table {border:#CCCFD4 0.1em solid; border-collapse:collapse; font-size:1em; line-height:1.5em;}
caption {background:#FFF; margin-top:8px; padding-bottom:8px; text-align:left;}
caption strong, b {color:#54606E;}
tr {background:#FFF; border:#CCCFD4 0.1em solid; color:#333;}
tr.blue {background:#EFECE5; border:#CCCFD4 0.1em solid; color:#333;}
th {border:#CCCFD4 0px solid; color:#333; padding-top:20px; text-align:left; vertical-align:top;}
th.nowrap {border:#CCCFD4 0px solid; color:#333; padding-top:20px; text-align:left; vertical-align:top; white-space:nowrap;}
th.blue {background:#EFECE5; border:#CCCFD4 0px solid; color:#333; padding-top:20px; text-align:left; vertical-align:top;}
th.bluenowrap {background:#EFECE5; border:#CCCFD4 0px solid; color:#333; padding-top:20px; text-align:left; vertical-align:top; white-space:nowrap;}
td {border:#CCCFD4 0.1em solid; color:#333; vertical-align:top;}
td.nowrap {border:#CCCFD4 0.1em solid; color:#333; vertical-align:top; white-space:nowrap;}
td.blue {background:#EFECE5; border:#CCCFD4 0.1em solid; color:#333; vertical-align:top;}
td.bluenowrap {background:#EFECE5; border:#CCCFD4 0.1em solid; color:#333; vertical-align:top; white-space:nowrap;}

/* Forms */
form {margin:0; padding:0;}
fieldset {border:#CCCFD4 1px solid; margin-bottom:18px; padding:10px;}
label, label strong {color:#575F72;}
legend {color:#575F72; font-weight:bold;}
select {font-family:verdana,arial,sans-serif;}
input {font-family:verdana,arial,sans-serif;}
input.submit {background:#EFECE5 url(../bilder/button_suche.gif) right no-repeat; border:#EDE4E0 1px solid; cursor:pointer; padding-right:5px; width:8em;}

/* General Stylesheets-Classes */
p {margin-top:0px;}
strong, b {color:#993400;}
acronym, abbr {cursor:help; border-bottom:1px dotted;}
hr {background:#CCCFD4; border:0; color:#CCCFD4; height:1px; margin:5px 0 5px 0; padding:0;}
.clear {clear:both; display:block; line-height:0;}
#content .clear {clear:both; display:block; height:20px; line-height:0;}
.invisible {display:none;}