/* Version
  */


body, select {
    font-family: helvetica, arial;
    font-size: 80%;
    background-color: #FFFFFF;
    color: #000000;
}

h1 {
    font-family: "arial black", helvetica, arial;
    color: black;
    font-size: 2.5em;
    margin: 0px 0px 6px 0px;
}

h1 a, h1 a:hover, h1 a:visited {
    color: black;
}

h2 {
    font-family: helvetica, arial;
    letter-spacing: 0.15em;
    font-size: 1.5em;
    margin: 10px 0px 5px 0px;
}

h3 {
    font-family: helvetica, arial;
    font-weight: normal;
    font-size: 1.8em;
    margin: 10px 0px 5px 0px;
}

h4 {
    font-family: helvetica, arial;
    font-weight: normal;
    font-size: 1.3em;
    margin: 10px 0px 5px 0px;
}

.clear {
    clear: both;
}

.error {
    background-color: red;
    padding: 3px;
    color: white;
}

a, a:visited {
    color: #2745F9;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    background: #2745F9;
    color: #FFFFFF;
    text-decoration: none;
}

p {
    margin: 1em 0px;
}

th {
    padding: 0px 5px;
}

input[type="submit"], button {
    padding: 0px 5px;
    overflow: visible;
}

input[type="submit"].default {
    font-weight: bold;
    min-width: 90px;
}

#master {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

#footer.panel {
    font-size: 80%;
    vertical-align: bottom;
    color: #777799;
}

.panel {
    padding: 10px;
    border-bottom: 1px solid#ACD0EF;
    border-right: 1px solid#ACD0EF;
    background-color: #D9E9F8;
    background-image: linear-gradient(
#B0D0EF,
#D9E9F8);
    color: #000000;
}

.panel a, .panel a:visited {
    color: #2745F9;
    background-color: transparent;
}

.panel a:hover {
    color: #FFFFFF;
    background-color: #2745F9;
}

#footer .company {
    float: left;
}

#footer .logo {
    float: right;
}

#mainarea {
    background-color: #FFFFFF;
    padding: 10px 0px;
}

#content {
    float: right;
    width: 807px;
}

#header {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 2px;
}

#header a, #header a:visited {
    color: #2745F9;
    background-color: transparent;
}

#header a:hover {
    color: #FFFFFF;
    background-color: #2745F9;
}

#header h1,
#header h1 a,
#header h1 a:visited,
#header h1 a:hover {
    color: #000000;
    background-color: transparent;
}

#header .address, #header .opening_label, #header .opening_data {
    font-size: 0.85em;
}

#header h1 {
    float: left;
    margin: 0;
    line-height: 1.2em;
    font-size: 2em;
}

#header h2 {
    margin: 0 0 10px 0;
    font-size: 1.4em;
    letter-spacing: normal;
}

#header .logo {
    position: relative;
    float: left;
    margin-right: 10px;
}

#header .address {
    position: relative;
    float: left;
    margin-right: 40px;
}

#header .opening_label {
    position: relative;
    float: left;
    margin-right: 10px;
}

#header .opening_data {
    position: relative;
    float: left;
    margin-right: 10px;
    text-align: left;
}

#header .opening_data td {
    padding-right: 5px;
}

#headerbg {
    margin-bottom: 2px;
    border-bottom: 1px solid#ACD0EF;
    background-color: #D9E9F8;
    background-image: linear-gradient(
#B0D0EF,
#D9E9F8);
    color: #000000;
}

.left_head_block {
    float: left;
}

.right_head_block {
    width: 370px;
    float: right;
}

#menublock {
    background-color: #D7E9F8;
    color: #AAAAAA;
    padding: 5px 10px;
    text-align: right;
    width: 350px;
    margin-top: 10px;
}

#menublock a, #menublock a:visited {
    color: #2745F9;
    background-color: transparent;
}

#menublock a:hover {
    color: #FFFFFF;
    background-color: #2745F9;
}

#menublock .mainmenu li {
    float: right;
    margin-bottom: 5px;
}

#menublock .mainmenu a {
    border-bottom: 1px solid#ACD0EF;
    display: block;
    padding: 5px 5px;
}

#menublock .separator {
    color: #AAAAAA;
}

#menublock .mainmenu .separator {
    padding: 5px 5px;
    border-bottom: 1px solid#ACD0EF;
}

#menublock .greeting {
    font-weight: bold;
    padding-right: 5px;
}

#menublock .loginblock {
    margin-bottom: 5px;
}

#menublock .loginblock a {
    padding: 5px 5px;
}

.bib_custom_html {
    width: 370px;
    overflow: auto;
    margin-top: 10px;
}

.bib_custom_html p {
    margin: 0;
}

ul.tab li {
    float: left;
}

ul.tab li a {
    color: #2745F9;
    display: block;
    background-color: transparent;
    border-top: 1px solid#ACD0EF;
    border-left: 1px solid#ACD0EF;
    border-right: 1px solid#ACD0EF;
    padding: 2px 4px;
    margin: 0px 10px 0px 0px;
    margin-top: 1px;
}

ul.tab li.selected a {
    font-weight: bold;
    background-color: #D7E9F8;
    border: 0px;
    border-top: 2px solid#F1A630;
    margin-top: 0px;
    color: #2745F9;
}

ul.tab li a:hover {
    color: #2745F9 !important;
    border-top: 1px solid#2745F9;
    border-left: 1px solid#2745F9;
    border-right: 1px solid#2745F9;
}

ul.tab li.selected a:hover {
    border: 0px;
    border-top: 2px solid#F1A630;
}

.simple_search {
    padding: 5px 10px;
    background-color: #D7E9F8;
    color: #000000;
}

.simple_search h4 {
    float: left;
    margin: 3px 0px;
    font-size: 1.2em;
    font-weight: bold;
}

.simple_search_form {
    clear: left;
    float: left;
    padding-top: 4px;
    width: 300px;
}

.simple_search_form input {
    margin-right: 1px;
}

.common_search_params {
    float: right;
    width: 400px;
    font-size: 0.8em;
    color: #000000;
}

.common_search_params h3 {
    font-weight: normal;
    font-size: 1em;
    color: #000000;
    margin: 0px;
}

.common_search_params input, .common_search_params select {
    font-size: 1em;
    color: #555;
    margin-bottom: 3px;

}

.common_search_params > div {
    float: right;
    margin-left: 14px;
    margin-right: 0px;
    max-width: 140px;
    border-top: 1px solid#ABD0EF;
    padding-top: 3px;
}

.popup {
    position: absolute;
    background-color: #D7E9F8;
    border: 3px solid#ACD0EF;
    color: #000000;
    padding: 10px;
}

.popup table td {
    padding: 2px;
}

.buttonbar {
    text-align: right;
    margin: 10px 0px;
}

.buttonbar button {
    min-width: 120px;
}

.result_view .header {
    background-color: #ABD0EF;
    color: #000000;
    padding: 0px 10px;
}

.result_view .list li {
    border: 1px solid#ABD0EF;
    background-color: #FFFFFF;
    color: #000000;
    border-top: 0;
    padding: 10px;
}

.result_view .list .coverimage {
    float: left;
    margin-right: 10px;
    height: 50px;
    font-size: 0.5em;
}

.coverimage a:hover {
    background-color: white;
}

.result_view .list .statusinfo {
    float: left;
    width: 68px;
    margin-right: 10px;
    line-height: 1.4em;
    vertical-align: baseline;
}

.result_view .list .statusinfo .status img {
    vertical-align: middle;
}

.result_view .list .titelinfo {
    float: left;
    line-height: 1.4em;
    vertical-align: baseline;
}

.result_view .list .titelinfo .ht {
    font-size: 1.2em;
    font-weight: bold;
    width: 660px;
}

.result_view .list .titelinfo .attachment,
.result_view .list .titelinfo .antolin {
    float: right;
}

.highlight {
    background-color: #FFFE7A;
}

a:hover .highlight {
    background-color: #2745F9;
}

.advanced_search_form {
    display: inline-block;
}

.advanced_search_form td {
    padding: 0px 2px 2px 0px;
}

.login_dialog {
    width: 280px;
    float: left;
}

.reservierung_confirm .details {
    margin: 10px 0px;
}

.reservierung_confirm .titelDetails {
    background-color: white;
    padding: 10px;
}

.reservierung_confirm table td {
    padding-right: 8px;
}

.reservierung_confirm table {
    margin: 10px 0px;
}

.reservierung_confirm .ht {
    font-size: 120%;
    font-weight: bold;
}

a.commandButton, input[type="submit"].commandButton, button.commandButton {
    padding: 5px 10px;
    background: #d5d5d5 url('../images/commandButtonBg.png') repeat-x;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px;
    border: 0;
    border-bottom: 1px solid #a6a6a6;
    border-right: 1px solid #a6a6a6;
    color: #2745f9;
}

ul.commandButtonBar {
    position: relative;
}

ul.commandButtonBar li {
    float: left;
    margin: 10px 10px 10px 0px;
}

.detailView {
    padding-top: 10px;
}

.detailView table a {
    display: block;
}

.detailView .titel a {
    display: inline;
}

.detailView .menu, .detailView .menu input {
    font-size: 85%;
    line-height: 1.5em;
}

.detailView .detailImageAndMenu {
    float: left;
    width: 110px;
}

.detailView .detailImageAndMenu li {
    margin: 10px 0px;
}

.detailView .detailData {
    float: right;
    width: 697px;
}

.detailView div.bibliothek {
    margin-top: 10px;
}

.detailView .bibliothek table {
    float: left;
    color: #000000;
    margin: 0px 10px 20px 0px;
    width: 339px;
    border-collapse: collapse;
}

.detailView .bibliothek table.even {
    float: right;
    margin-right: 0;
}

.detailView .bibliothek td {
    padding: 2px 4px;
    background-color: #D7E9F8;
    border: 1px solid#ABD0EF;
    font-size: 85%;
}

.detailView .bibliothek td.label {
    text-align: right;
    width: 150px;
}

.detailView .bibliothek td.data {
    background-color: #FFFFFF;
    color: #000000;
}

.detailView .bibliothek td.detailButton {
    text-align: center;
}

.detailView .bibliothek td.main {
    font-size: 1em;
}

.detailView .bibliothek td.bibname {
    font-size: 1.1em;
    font-weight: bold;
}

.detailView .bibliothek .detailSwitch {
    font-size: 85%;
}

.detailView table.titel {
    width: 100%;
    clear: both;
    color: #000000;
    margin: 0px 10px 10px 0px;
    border-collapse: collapse;
}

.detailView .titel td {
    padding: 4px 4px;
    background-color: #D7E9F8;
    border: 1px solid#ABD0EF;
}

.detailView .titel td.label {
    text-align: right;
    width: 150px;
}

.detailView .titel td.data {
    background-color: #FFFFFF;
    color: #000000;
}

.userTable {
    padding: 5px 10px;
    background-color: #D7E9F8;
    color: #000000;
}

.userTable table {
    margin-top: 5px;
}

.userTable table td {
    vertical-align: middle;
    padding: 4px;
    background-color: #FFFFFF;
    border: 1px solid#D7E9F8;
    border-bottom: 10px solid#D7E9F8;
}

.flashMessage {
    float: right;
    width: 810px;
    text-align: center;
    margin-bottom: 10px;
}

.flashMessage span {
    background-color: red;
    color: white;
    padding: 3px;
}

.positive {
    color: #55934a;
    font-weight: bold;
}

.userTable.lists ul {
    position: relative;
    left: -5px;
}

.userTable li a {
    display: block;
    padding: 5px;
}

.userTable.lists td {
    border-bottom: 0px;
}

.userTable.lists tr.titel td {
    border-top: 10px solid#D7E9F8;
}

.userTable ul.menu li {
    float: left;
}

.userTable .rename_form input[type="text"] {
    font-size: 1.8em;
}

.userTable.listSelection input.listName {
    width: 220px;
}

.userTable.listSelection span.listName {
    display: inline-block;
    width: 224px;
}

.userTable.listSelection .list {
    float: left;
    margin: 5px 0px;
    padding: 5px;
    background-color: white;
}

.minor {
    font-size: 0.8em;
}

.header .buttons {
    float: left;
    margin: 2px 0px;
    line-height: 1.5em;
}

.header .navigation {
    float: right;
    line-height: 1.5em;
    margin: 2px 0px;
}

.header .navigation form {
    display: inline;
}

.predef_search .show_dialog {
    border: 2px solid red;
    text-align: center;
    padding: 0px 10px;
}

.predef_search .dialog {
    border: 2px solid #D7E9F8;
    padding: 10px;
}

.signaturetikett {
    margin-top: 10px;
    width: 98px;
    border: 1px solid #eee;
}

.signaturetikett div {
    width: 98px;
    font-size: 1.3em;
    height: 1.3em;
    line-height: 1.3em;
    text-align: center;
}

td.numeric {
    text-align: right;
}

div.banner {
    margin: 3px 0px 10px 150px;
}

div.banner a {
    background: white;
}

div.werbegrafik {
    margin: 10px 0px 0px 0px;
}

div.werbegrafik a {
    background: white;
}

p.notice {
    font-size: 0.7em;
    font-style: italic;
    color: #555;
}

li.rezension {
    margin: 20px 0px;
}

.review_display .comment {
    font-weight: bold;
    margin-left: 10px;
}

.review_display .commands {
    font-size: 0.8em;
}

.review_display .commands a {
    padding-right: 10px;
}

.review_display .creator {
    color: #777;
    font-size: 0.8em;
}

.form_section {
    margin: 20px 0px;
}

.form_section .label {
    font-weight: bold;
    line-height: 2em;
}

.quoted {
    background-color: #eee;
    border: 1px solid #777;
    padding: 10px;
}

.detail_head_part {
    margin: 10px 0px;
}

.acconly {
    display: none;
}

.highlightIsNew {
    color: #ef573e;
}

.login_dialog table.lesernummer {
}

.login_dialog table.lesernummer td {
    vertical-align: bottom;
}

.login_dialog table.lesernummer td.first {
    padding-right: 30px;
}

.login_dialog table.lesernummer input[type=text] {
    width: 90%;
}

.systematikOgList, .systematikUgList {
    float: left;
    width: 48%;
    padding: 5px;
}

.systematikOgListList, .systematikUgListList {
    overflow-y: auto;
}

.systematikOgListList, .systematikUgListList {
    background-color: #ACD0EF;
}

.systematikOgList {

}

.systematikUgList {
}

.stoebern_search_form {
    clear: left;
    float: left;
    padding-top: 4px;
    width: 100%;
}

.alphabetList, .alphabetList ul {
    background-color: #ACD0EF;
    text-align: center;
    margin: 0px auto;
    padding: 3px;
}

.alphabetList li {
    display: inline;
    padding-left: 4px;
}

.alphabetList ul {
    text-align: center;
}

.stbActive {
    background-color: #2745F9;
    color: #ACD0EF;
}

.stbInactive {
}

.stbH1 {
    font-size: larger;
    font-weight: bold;
    padding-bottom: 5px;
}

.olr_error {
    font-weight: bold;
    color: #EF573E;
    font-style: italic;
}

/* Categories2 Theme */
ul.categories2 {
    width: 140px;
}

ul.categories2, ul.categories2 li {
    background-color: transparent;
}

.sf-vertical li:hover ul.categories2,
.sf-vertical li.sfHover ul.categories2 {
    left: 143px;
}

.categories2 > li > a {
    font-size: 1em;
    font-weight: bold;
    width: 120px;
}

.categories2.subcategories li a {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 0px;
    width: 100%;
}

.categories2 li a {
    background-color: #CEE2f6;
    background-image: linear-gradient(
#C3DDF4,
#CEE2f6);
    border: 0;
    border-bottom: 1px solid#ACD0EF;
    border-right: 1px solid#ACD0EF;
    margin-bottom: 0px;
    color: #2745f9;
    padding: 10px 10px;
}

ul.sf-menu a, ul.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
    color: #2745F9;
}

ul.sf-menu li {
    background: white;
}

ul.sf-menu li li {
    background: white;
}

ul.sf-menu li li li {
    background: white;
}

ul.sf-menu li:hover, ul.sf-menu li.sfHover {
    background: white;
}

ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active, ul.sf-menu a.selected {
    background: #2745F9;
    color: #FFFFFF;
    text-decoration: none;
}

ul.sf-menu ul {
    width: 140px; /* left offset of submenus need to match (see below) */
}

ul.sf-menu {
    float: none;
    margin-bottom: 0;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 140px; /* match ul width */
}

ul.sf-menu a.sf-with-ul {
    padding-right: 10px;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

ul.sf-menu.sf-vertical .sf-sub-indicator {
    right: 5px;
}

.menu-left > li {
    font-size: 1em;
    font-weight: bold;
    width: 120px;
    background: background-color:#CEE2f6;
    background-image: linear-gradient(
#C3DDF4,
#CEE2f6);
    border: 0;
    border-bottom: 1px solid#ACD0EF;
    border-right: 1px solid#ACD0EF;
    margin-bottom: 0px;
    color: #000000;
    padding: 10px 10px;
}

.fckText ol > li {
    list-style: inside decimal;
}

.fckText ul > li {
    list-style: disc inside none;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
}

.mediaTypeOverdrive_audiobook:before {
    content: url('/images/overdrive/overdrive_audiobook_15x15.png');
    background-size: 15px 15px;
}

.mediaTypeOverdrive_magazine:before {
    content: url('/images/overdrive/overdrive_journal.png');
}

.mediaTypeOverdrive_ebook:before {
    content: url('/images/overdrive/overdrive_ebook_15x15.png');
}

.mediaTypeOverdrive_video:before {
    content: url('/images/overdrive/overdrive_video_15x15.png');
}

.mediaTypeOverdrive:before, .overdrive:before {
    content: url('/images/overdrive/overdrive_logo_15x15.jpg');
}