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

/* Stylesheets for WebServices */

/* Page-Specific Stylesheets-Classes */
.chapters {min-width:560px;}
.chapter {border:0; clear:both; margin-bottom:18px; padding:0px 18px 19px 0px;}
* html .chapter {padding:0px 18px 18px 0px;}
.chapter img {float:left; margin-top:15px; margin-right:18px;}
.chapter .chapter_button img {border:0px; float:none; margin-top:1px; margin-right:-18px;}
* .chapter .chapter_button img {border:0px; float:none; margin-top:0px; margin-right:-18px; position:relative;}
.chapter p {margin-right:18px; margin-left:180px;}
.chapter_button {border:0; float:right; line-height:0px; margin-bottom:10px; padding:0;}
.news_chapter {border-top:1px solid #9EADD6; clear:both; margin-bottom:30px;}
.news_chapter_head {float:left; line-height:0px; margin:0 2px 0 0; padding:0;}
.news_chapter_body {margin:3px 0 0 0;}
* html .news_chapter div.link {border-top:#FFF 1px solid; margin:0 0 0 -3px;}
div.news {margin:22px 0 0 0;}
span.hierachy {display:block; float:left; width:3.5em;}

#content div.link ul li a.selection:link, #content div.link ul li a.selection:visited {background:url(../bilder/icon_in_auswahl.gif) left top no-repeat;}
#content div.link ul li a.selection:hover, #content div.link ul li a.selection:focus {background:url(../bilder/icon_in_auswahl.gif) left top no-repeat;}
#content div.link ul li a.send:link, #content div.link ul li a.send:visited {background:url(../bilder/icon_versenden.gif) left top no-repeat;}
#content div.link ul li a.send:hover, #content div.link ul li a.send:focus {background:url(../bilder/icon_versenden.gif) left top no-repeat;}
#content div.link ul li a.printpreview:link, #content div.link ul li a.printpreview:visited {background:url(../bilder/icon_druckansicht.gif) left top no-repeat;}
#content div.link ul li a.printpreview:hover, #content div.link ul li a.printpreview:focus {background:url(../bilder/icon_druckansicht.gif) left top no-repeat;}
#content div.link ul li a.feed:link, #content div.link ul li a.feed:visited {background:url(../bilder/icon_feed.gif) left top no-repeat;}
#content div.link ul li a.feed:hover, #content div.link ul li a.feed:focus {background:url(../bilder/icon_feed.gif) left top no-repeat;}
/********************************* Hier eine neue Zeile **************************************/
#content div.tab_body div.formfield {position:relative; z-index:10;}
#content div.tab_body div.formfield div.clear {border:0; font-size:0; margin:0; padding:0; line-height:0; height:10px;}

/* Headlines */
h1 {color:#576072; font-family:times new roman ,serif; font-size:1.6em; font-weight:normal; letter-spacing:0.15em; line-height:120%; margin:0 0 0.8em 0; padding:0; text-transform:uppercase;}
h2 {color:#576072; margin-top:20px; margin-bottom:20px; padding:0px; font-family:verdana,arial,sans-serif; font-size:1.25em; line-height:120%;}
.news_chapter h2 {color:#575F72; font-family:verdana,arial,sans-serif; font-size:1em; line-height:120%; margin:0 0 0.1em 0; padding:0;}
h3 {color:#576072; font-family:verdana,arial,sans-serif; font-size:1.05em; line-height:120%; margin-top:10px; margin-bottom:0px; padding:0;}
h4 {color:#576072; font-family:verdana,arial,sans-serif; font-size:1em; line-height:120%; margin-top:10px; margin-bottom:0px; padding:0;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus {color:#576072; text-decoration:none;}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus {color:#576072; text-decoration:none;}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus {color:#576072; text-decoration:none;}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:focus {color:#576072; text-decoration:none;}

/* Loginform */
#navigation fieldset {margin:25px 0 0 0;}
#navigation fieldset input.submit {background:#E0E9F8 url(../bilder/button_start.gif) right no-repeat; border:0; cursor:pointer; float:right; margin:10px 5px 0 0; width:6.2em;}
* html #navigation fieldset input {font-size:1em;}

/* Lists */
#content ul {list-style-image:url(../bilder/listenpunkt.gif); margin-bottom:10px;}
#content ul li {line-height:1em; margin-bottom:5px; margin-left:-20px;}
#content ul ul {margin-top:0.7em;}
html[xmlns] #content ul li {margin-left:-25px;}
/********************************* Hier neue Zeilen **************************************/
#content div.link ul li ul, #content div.link ul li ul li {border:0; margin:0; padding:0;}
#content div.link ul li ul {list-style-image:url(../bilder/listenpunkt.gif); margin:3px 0 9px 38px;}
* html #content div.link ul li ul {margin:5px 0 5px 38px;}
#content div.link ul li ul li {line-height:1.2em;}
#content div.link ul li ul a:link, #content div.link ul li ul a:visited {background:transparent url(../bilder/transparent.gif) no-repeat scroll left top; display:inline; padding:0;}
#content div.link ul li ul a:hover, #content div.link ul li ul a:focus {background:transparent url(../bilder/transparent.gif) no-repeat scroll left top; display:inline; padding:0;}

/* Datatables */
table.yellow {border:#C1C3AD 0.1em solid; border-collapse:collapse; font-size:1em; line-height:1.5em;}
table.yellow caption {background:#FFF; margin-top:8px; padding-bottom:8px; text-align:left;}
table.yellow strong, table.yellow b {color:#576072;}
table.yellow tr {background:#FFF; border:#C1C3AD 0.1em solid; color:#333;}
table.yellow tr.yellow {background:#FFFDED; border:#C1C3AD 0.1em solid; color:#333;}
table.yellow th {border:#C1C3AD 0px solid; color:#333; padding-top:20px; text-align:left; vertical-align:top;}
table.yellow th.nowrap {border:#C1C3AD 0px solid; color:#333; padding-top:20px; text-align:left; vertical-align:top; white-space:nowrap;}
table.yellow th.yellow {background:#FFFDED; border:#C1C3AD 0px solid; color:#333; padding-top:20px; text-align:left; vertical-align:top;}
table.yellow th.yellownowrap {background:#FFFDED; border:#C1C3AD 0px solid; color:#333; padding-top:20px; text-align:left; vertical-align:top; white-space:nowrap;}
table.yellow td {border:0.1em solid #C1C3AD; color:#333; vertical-align:top;}
table.yellow td.nowrap {border:#C1C3AD 0.1em solid; color:#333; vertical-align:top; white-space:nowrap;}
table.yellow td.yellow {background:#FFFDED; border:#C1C3AD 0.1em solid; color:#333; vertical-align:top;}
table.yellow td.yellownowrap {background:#FFFDED; border:#C1C3AD 0.1em solid; color:#333; vertical-align:top; white-space:nowrap;}

/* Formfields */
/* basically same as formular.css, except confined to fieldset */
#content fieldset {padding:12px 0 0 12px; width:43em;}
* html #content fieldset {width:44em;}
#content fieldset div.formfield {padding:0 0 12px 60px;}
#content fieldset div.formfield a {color:#4160A5; display:block; font-weight:bold; margin-right:34px; text-align:right; text-decoration:none;}
#content fieldset div.formfield label a {text-align:left;}
#content fieldset label {color:#565B57; display:block; font-weight:bold; margin-top:15px;}

#content fieldset div.radio {margin-left:-8px; padding-top:2px;}
#content fieldset div.radio br {clear:left;}
#content fieldset div.radio p {clear:left; width:35em;}
#content fieldset div.radio label {color:#565B57; display:inline; float:left; font-weight:normal; margin:-1px 10px 0 0;}
* html #content fieldset div.radio label {margin:0 10px 0 3px;}
#content fieldset div.radio input {float:left; width:1.5em;}

#content fieldset div.checkbox {margin-left:-5px; padding-top:2px;}
#content fieldset div.checkbox br {clear:left;}
#content fieldset div.checkbox p {clear:left; width:35em;}
#content fieldset div.checkbox label {color:#565B57; display:inline; float:left; font-weight:normal; margin:-1px 10px 0 0;}
* html #content fieldset div.checkbox label {margin:0 10px 0 3px;}
#content fieldset div.checkbox input {float:left; width:1.5em;}

#content fieldset select {cursor:pointer; font-size:1em; width:35em;}
#content fieldset textarea {font-family:verdana,arial,sans-serif; font-size:1em; width:35em;}
#content fieldset input {/*width:34.5em;*/}
* html #content fieldset input {/*width:31.5em;*/}
#content fieldset input.addfield {border:0px solid; cursor:pointer; height:18px; margin:0 0 0 8px; width:18px;}
#content fieldset input.addgroup {border:0px solid; cursor:pointer; float:right; height:18px; margin:0; width:53px;}
* html #content fieldset input.addgroup {margin:0 -3px 0 0;}
#content div.submit {margin:0 0 15px 0;}

/* Changed by DNB 19.03.08, Rational: The submit button is broken, Login-Form on myAccount.htm */
#content div.submit input {background:#E2EAF7; border-style:solid; border-width:0px; cursor:pointer; float:none; width:auto;} 
/* #content div.submit input {background-image:url(../bilder/button_start.gif); background-color:#E0E9F8; cursor:pointer; float:none; width:auto; padding:0 20px 0 0;} */

* html #content div.submit input {margin-top:15px;}
#content fieldset div.link {margin-top:20px;}

/* Tabs */
/* do not change background-color to background for it will affect Internet Explorer */
/* Geändert von DNB, 19.03.08. Grund: Statt einer variablen Tab-Breite bevorzugen wir eine konstante Tab-Breite von 560px */
div.tabs_main {border:#FFF 1px solid; margin-bottom:20px; width:100%; width:580px; min-width:48em;}
/* div.tabs_main {border:#FFF 1px solid; margin-bottom:20px; width:100%; width:expression(document.body.clientWidth < 1030? "560px": "auto" ); min-width:48em;} */

/********************************* Hier ein Aenderung **************************************/
div.tabs_main div.tab_on {background-color:#FFFAC3; border-left:1px solid #C1C3AE; border-top:1px solid #C1C3AE; border-right:1px solid #C1C3AE; color:#576072; float:left; font-size:0.9em; font-weight:bold; margin-right:5px; padding:2px 13px 2px 3px; position:relative; width:auto; z-index:3;}
div.tabs_main div.tab_off {background-color:#FFF; border:1px solid #C1C3AE; float:left; font-size:0.9em; margin-right:5px; padding:2px 13px 10px 3px; width:auto;}



div.tabs_main div.tab_body {background-color:#FFFAC3; border:1px solid #C1C3AE; border-top:1px solid #C1C3AE; font-size:0.9em; margin-top:1.9em; padding:6px 0px 6px 6px; position:relative; z-index:2;}
* html div.tabs_main div.tab_body {background-image:url(../bilder/hack_tabs.gif); background-position:1px 2px; background-repeat:repeat-x; margin-top:1.8em; position:relative; z-index:2;}

div.tabs_main a:visited, div.tabs_main a:link, div.tabs_main a:hover, div.tabs_main a:focus {color:#5C575B; text-decoration:none;}
div.tabs_main hr {background-color:#C1C3AE; border:0; color:#C1C3AE; height:1px;}
div.tabs_main strong, div.tabs_main b {color:#5C575B;}

/* Forms for Tabs */
div.tabs_main div.checkbox {border:0; float:left; margin:0; padding:0;}
* html div.tabs_main div.checkbox {float:none;}
div.tabs_main div.checkbox br {clear:none;}
div.tabs_main div.checkbox div.subject {border-bottom:#C1C3AE 1px solid; color:#5C575B; font-weight:bold; padding:5px 0 2px 4px; position:relative; width:99%; z-index:5; margin:0 0 5px 0;}
div.tabs_main div.checkbox div.type {border:0; float:left; padding:0 0 10px 4px; position:relative; width:16.7em; z-index:5;}
div.tabs_main div.checkbox div.type img.spacing {margin:0 5px 22px 0;}
div.tabs_main div.checkbox div.extratype {clear:left; float:left; padding-left:4px; position:relative; width:30em; z-index:5;}
div.tabs_main div.checkbox div.extratype img.spacing {margin:0 5px 22px 0;}
* html div.tabs_main div.checkbox div.type, * html div.tabs_main div.checkbox div.extratype {height:47px;}
div.tabs_main div.checkbox img {float:left; margin-right:5px;}
div.tabs_main div.checkbox input {float:left; margin-right:5px; width:auto;}
div.tabs_main div.checkbox div.content_spacing {border:0; clear:both; font-size:0px; height:0px; line-height:0px; width:100%;}

html[xmlns] div.tabs_main div.formfield, div.tabs_main div.formfield {float:left;}
/* Geändert durch DNB, 01.04.08: Inputfeld für Jahresangaben zu groß, stattdessen soll Breite variabel sein.*/
/* 
div.tabs_main div.formfield input, div.tabs_main div.formfield input {width:20em;} 
*/
div.tabs_main div.formfield select, div.tabs_main div.formfield select {width:auto;}
div.tabs_main div.formfield label strong, div.tabs_main div.formfield label strong {color:#5C575B; display:inline; font-weight:bold; margin-top:0px;}

div.tabs_main a.help {background:#FFF; border:#C1C3AE 1px solid; font-size:1.2em; font-weight:bold; padding:0 4px 0 4px;}
div.tabs_main label strong {color:#5C575B; display:block; font-weight:bold; margin-top:15px;}

/*
 Geändert durch DNB, 19.03.08: Die Inputfelder beim Orginal haben eine feste Breite,
 egal wie groß der Inhalt werden kann. Wir haben uns statt dessen für eine variable 
 Breite entschieden 
*/
div.tabs_main select {cursor:pointer; font-size:1em; width:auto;}
* html div.tabs_main select {width:auto;} 
div.tabs_main input {font-size:1em;} 
/*
div.tabs_main select {cursor:pointer; font-size:1em; width:30.3em;}
* html div.tabs_main select {width:30em;}
div.tabs_main input {font-size:1em; width:30em;}
*/

div.tabs_main input.submit {background-image:url(../bilder/button_suche_gelb.gif); background-color:#FFFDED; border:#C1C3AE 1px solid; cursor:pointer; float:none; width:12em;}
div.tabs_main div.type input.submit {width:12em;}

/* Results */
div.searchdisplay {float:left;}

/* Geändert von DNB, 18.03.08, Der Pfeil "Zurück zur Trefferliste" soll nach links und nicht nach rechts zeigen */ 
div.searchdisplay a:link, div.searchdisplay a:visited, div.searchdisplay a:hover {background:url(../bilder/pfeil_blaetterzurueck_hell.gif) top left no-repeat; color:#4160A5; display:block; min-height:18px; padding:0px 20px 0px 24px;}
/* div.searchdisplay a:link, div.searchdisplay a:visited, div.searchdisplay a:hover {background:url(../bilder/pfeil_blaettervor_hell.gif) top left no-repeat; color:#4160A5; display:block; min-height:18px; padding:0px 20px 0px 24px;} */

div.searchdisplay span.amount {color:#5C575B; float:left; text-align:left;}
div.searchdisplay span.amount strong {color:#5C575B;}
div.searchdisplay span.amount a:link, div.searchdisplay span.amount a:visited, div.searchdisplay span.amount a:hover, div.searchdisplay span.amount a:focus {background:url(../bilder/transparent.gif); display:inline; padding:0;}
div.searchdisplay span.control {float:right; text-align:right; white-space:nowrap;}
div.searchdisplay span.control a:link, div.searchdisplay span.control a:visited, div.searchdisplay span.control a:hover, div.searchdisplay span.control a:focus {background:url(../bilder/transparent.gif); display:inline; padding:0;}

/* Result-Table */
table.searchresult {border-color:#C1C3AE #FFF #FFF #FFF; border-width:0.1em 0 0 0;  font-size:1em; line-height:1.5em; width:100%;}
table.searchresult tr {background-color:#FFF; border-style:solid; border-bottom-color:#C1C3AE; border-width:0 0 0.1em 0; color:#5C575B;}
table.searchresult td {border-bottom-color:#C1C3AE; border-left-color:#FFF; border-width:0 0 0.1em 0; color:#5C575B; padding:10px 3px 10px 3px; vertical-align:top;}
table.searchresult td.number {border-bottom-color:#C1C3AE; border-left-color:#FFF; border-width:0 0 0.1em 0; color:#5C575B; font-weight:bold; padding:10px 3px 10px 3px; vertical-align:top;}
table.searchresult strong, table.searchresult b {color:#5C575B;}

table.searchdisplay {border-color:#C1C3AE #FFF #C1C3AE #FFF; border-width:0.1em 0 0.1em 0; font-size:1em; line-height:1.5em; width:100%;}
table.searchdisplay tr {border:0;}
table.searchdisplay td {border:0; color:#5C575B; padding:5px 3px 5px 3px; vertical-align:top;}
table.searchdisplay td.number {border:0; color:#5C575B; font-weight:bold; padding:5px 3px 5px 3px; vertical-align:top;}
table.searchdisplay strong, table.searchdisplay b {color:#5C575B;}

table.searchselection {border:0;  font-size:1em; line-height:1.5em; width:100%;}
table.searchselection tr {background-color:#FFF; border-style:solid; border-bottom-color:#C1C3AE; border-width:0 0 0.1em 0; color:#5C575B;}
table.searchselection th {border-bottom-color:#C1C3AE; border-left-color:#FFF; border-width:0 0 0.1em 0; color:#5C575B; padding:10px 3px 10px 3px; vertical-align:top;}
table.searchselection th.control {border-bottom-color:#C1C3AE; border-left-color:#FFF; border-width:0 0 0.1em 0; color:#5C575B; padding:10px 3px 10px 3px; text-align:right; vertical-align:top;}
table.searchselection td {border-bottom-color:#C1C3AE; border-left-color:#FFF; border-width:0 0 0.1em 0; color:#5C575B; padding:10px 3px 10px 3px; vertical-align:top;}
table.searchselection td.number {border-bottom-color:#C1C3AE; border-left-color:#FFF; border-width:0 0 0.1em 0; color:#5C575B; font-weight:bold; padding:10px 3px 10px 3px; vertical-align:top;}
table.searchselection td.control {border-bottom-color:#C1C3AE; border-left-color:#FFF; border-width:0 0 0.1em 0; color:#5C575B; padding:10px 3px 10px 3px; text-align:right; vertical-align:top; white-space:nowrap;}
table.searchselection strong, table.searchselection b {color:#5C575B;}