/* 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');
}