@charset "ISO-8859-1";

/* <![CDATA[ */
body {
    text-align:center;
    color:#333333; 
    background: #dce6f0;
}

/*needed for dialogs*/
body > * {
    text-align: left;
}

* {margin:0; padding:0;}

body, select, input, button, textarea, .searchparameter {
    font-family: Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif;
}

/** FONT SIZES **/
body {
    font-size: 75%;
	/* font-size: 100,01%; */ 
    /* line-height: 140%; */
}

/* rgn :: Versuch Suchschlitz der "Einfachen Suche" zu zentrieren*/
fieldset#search-simple-centred {
	font-size: .9166em; /* 11px */
	text-align: center;
}

/* rgn :: Versuch Suchschlitze der "Erweiterten Suche" zu zentrieren*/
fieldset#search-adv-centred {
    padding:1em 0;
    text-align:center;
}

/* rgn :: Versuch ID-Selektor fuer Zentralisierung der Einfachen und der Erweiterten Suche */
#centerSearchFields{
	border:1px solid red; 
	height:auto;
	width:800px; 
	text-align:center; 
	margin:0 auto; 
	padding-top:80px; 
	padding-bottom:80px;
}

#branding #nav2 li a,
#branding #nav2 li#current,
fieldset#search-simple a,
#nav #account, 
#copyright, 
#info2,
ul#dblist li,
.small,
table.data td.results .type,
#div-search .search-advanced {
    font-size: .9166em; /* 11px */
}


input[type=text],
input.text-input,
input[type=password],
input.password-input,
select, 
textarea {
    font-size: 1.1em; /* 13px */
} 


/* Links */
a:link, 
a:visited {
    color: #034ea2;
}

a:hover, 
a:focus, 
a:active { 
    color: #f60; 
}

a.skiplink {
    position: absolute;
    left: -1000px;
    top: -1000px;
    overflow: hidden;
    display: inline;
}

a.skiplink:focus,
a.skiplink:active {
    position:fixed;
   font-size: medium;
    left: 10px;
    top: 10px;
    padding:0.5em;
    background-color: #fff;
    z-index: 60;
}

.floatcon:after {
    clear:both; 
    content:"."; 
    display:block; 
    height:0px; 
    overflow:hidden; 
    visibility:hidden
}

.floatcon {
    zoom:1
} /* Put this in a separate IE only CSS file (or even IE conditional area) if you are worried about 100% validation */

.cleaner {
    clear:both; 
    height:0; 
    font-size:0; 
    border:0; 
    margin:-1px; 
    background:transparent;
} /*teils unterschiedliche Wirkung, ob in <br /> oder <div> */


ul {
    list-style-type:none;
}
	
img, 
fieldset {
    border:0;
}

.hide-content,
legend.hide-content, 
label.hide-content {
    left:-1000px;
    top:-1000px;
    overflow:hidden;
    position:absolute;
    width:1px;
    height:1px;
}

label {
    color:#404040;
}

.nowrap {
    white-space: nowrap;
}

/*sns, reviews, library  
.left {
    float: left;
    padding: 0.5em;
}
*/

.floatleft {
    float:left;
}

.floatright {
    float:right;
}

.alignleft {
    text-align:left;
}

.alignright {
    text-align: right;
}

/* formular  - see input, select - styles search1.php */
table.formular {
    border-collapse: collapse;
    border:0;
    width:58.8em;
    table-layout: fixed;
}

/* question/message to library*/
.compact, 
table.compact,
.accordion-body-content.compact  {
    width:52em;
}

table.compact th.acqrequest {
    padding: 1.5em 0.5em 0.5em;
}

/*login*/
table.half {
    width:29em;
}
table.formular th {
    text-align:left;
    padding:0.4em;
    color:#404040;
}

table.formular td {
    vertical-align:top;
    padding:0.4em;
    line-height:140%;
}

table.formular input.number-input {
    font-size: 0.75em;
    width: 3em;
    margin:0 0.3em;
}

*table.formular th,
*table.formular td {
    padding:4px; /* ie7 can't cope with relative paddings in em (cuts of input field's right border) */
}


/*th.dotted {
    border-bottom:1px dotted #a9bcd5 !important;
}

td.dotted {
    border-bottom:1px dotted #DEE3FE !important;
}*/

table.info th {
    text-align:left;
    padding:0.5em;
    color:#404040;
}

table.info td {
    vertical-align:top;
    padding:4px;
    line-height:100%;
    margin:0;
}

input, button, select {
    vertical-align: middle;
}
/*
option {
    margin:2px 4px;
}
*/

/* Zusammenspiel mit class formular!  - Tabellengroessen richten sich in ihrer Gesamtbreite an Breite des umgebenen divs */
input[type=button], input.button-input,
input[type=text], input.text-input,
input[type=password], input.password-input,
input[type=submit], input.submit-input,
input[type=reset], input.reset-input,
/* input[type=image], input.image-input, */
select, button, textarea
{
    border: 1px solid #ccc;
    padding:2px;
    width: 100%;
}

input[type=text],
input[type=password]
{
    width:99%;
		
}
textarea {
    width:99.5%;
}
/* doesnt work with IE 7: */
select {
    padding:0;
}
/* so make inputs larger for IE 7 */
html* input[type=text],
 *+html input[type=text] {
    padding:2px 1px;
}

/*
input[type=radio],
input.radio-input,
input[type=checkbox],
input.checkbox-input {
    width: auto !important;
    padding: 0 !important;
    text-indent: 0;
}
*/

input[type=radio], input.radio-input {
    margin-right: 0.5em;
}

abbr {
    border: none;
}

/* filter (sort ...) */

/*searchresults */
table.data {
    border-collapse:collapse;
    border:0;
    width:100%;
}

table.data tr:hover td,
table.data tr:hover th[scope="row"],
table.data tr:hover input.linkbutton {
background:#f7f8f9;
}

table.data td,
table.data th {
    vertical-align:top;
    border-bottom:1px solid #dee3fe;
}

table.data th {
    text-align:left;
    padding:0.5em;
    color:#404040;
}

/*table.data th.left {text-align:left;}*/
table.data td {
padding:0.5em 0.5em 1em 0.5em;
}

table.data td.results .type, /*mediatype*/
table.data span.small { /*my account*/
    color:#666;
}

table.data td.results {
    width:100%
}

table.data td.results .title {
	font-size:1.0833em;
}

table.data td.results .cover {
    display:block;
	 float:right;
	 margin-left:10px;
	 padding:5px;
	 width:90px;
}

table.data td.library, 
table.data td.getit {
    text-align:right;
    white-space:nowrap;
}

table.data img.icn {
    vertical-align:middle
}

table.data img.cover {
    border:1px solid #ccc;
}

/*Detailanzeige - tabs-content*/
div.tabs-content-wrapper table.data {
    width:100%;
}

/*div.tabs-content-wrapper table.data tr:hover td {
    background-color:#f7f8f9;
}
*/
div.tabs-content-wrapper table.data th {
    font-weight:normal; 
    color:#666; 
    border:1px solid #DEE3FE; 
    border-bottom: 1px solid #DEE3FE !important; 
    white-space:nowrap;
}

div.tabs-content-wrapper table.data td {
    border:1px solid #DEE3FE !important;
    padding:0.5em;
}

div.statistic {
  display:none;
  visiblity:hidden;
}

div.statistic .statisticurl {
  display:none;
  visiblity:hidden;
}

div.statistic .statisticdata {
  display:none;
  visiblity:hidden;
}
 
/*Libraries*/
table.data1 {
width:auto;
border-collapse:collapse;
margin:0.5em 0.5em 0.5em 0;
}

table.data1 th,
table.data1 td {
vertical-align:top; 
border:1px dotted #DEE3FE !important; 
padding:4px 8px;
background:#fff; 
width:30em;
}

table.data1 th {
text-align:left; 
font-weight:normal; 
background:#eeeef1; 
color:#666;
}
/*table.data1 th[scope="row"] {background:#fff;}
table.data1 tr:hover td,
table.data1 tr:hover th[scope="row"] { background:#f5faf5; }*/

/*Searchhistory*/
table.searchhistory th {
   /*width:30%;*/
   width:1em;
}

table.searchhistory th.first {
    width:2%;
}

table.searchhistory th.third {
    width:48%;
}

table.searchhistory th.fourth {
    width:20%;
}

/*Detailanzeige, Suchfilter*/
ul.facets li.c11, 
ul.facets li.c11 a.c11, 
a.accordion-header {
    font-weight: bold;
    text-decoration: none;
    color: #666;
    padding: 0.75em 0.5em 0 0;
}

ul.facets img {
    vertical-align:middle;
}

ul.facets li.c11 li a.showmore {
    font-weight: bold;
}

ul.facets li.c11 li {
    font-weight: normal;
    font-size: 0.9166em;
}

ul.facets li.c11 .selected {
    color: #000;
}

ul.facets li.c11 .selected img {
    vertical-align: middle;
}

.accordion-header img {
    margin-right: 0.5em;
}
#dbarea.box1 h3 {
font-size:1em;
    padding-top:0.25em;
}

ul#dblist li, ul.facets li {
    color:#666;
    line-height:150%;
    margin-left:0.5em;
}
ul#dblist {
    margin:0.5em 0;
}

/*Detailanzeige*/
div#details-wrapper {
    margin: 2em 0.5em 1.5em 0.5em;
}

div#details {
    line-height:160%;
    margin:0.5em;
}

div#details h1 {
    font-size:1.216em; 
    margin:0 0 0.5em 0; 
    padding:0;
}

div#details .type {
    color:#666;
    font-size:95%;
    margin-bottom:0.5em;
}

div#details img.icn {
    vertical-align:middle;
}

div#cover {
    float:right;
    margin: 0 0 1em 1em;
    display:inline;
    padding:0;
    border:1px solid #ccc;
}

ul.titleinfo li {
    margin-bottom:0.3em
}

/*Detailanzeige, Options*/
div#options {
    margin:1em 0.5em 0;
}

div#options #options1 {
    float:left;
}

div#options .options2 {
    float:left; 
    margin-left:2em; 
    padding-left:2em; 
    border-left:1px dotted #ccc;
}


/*Overview - My Reviews, SDI-Service, Search Preferences, Library Favorites*/
.reviews-edit {
    padding:0.5em;
	 margin-bottom:2em;
}

table.data#reviews-overview {
  border-top: 1px solid #DEE3FE;
}

table.data#reviews-overview td.right, 
table.data#sdi-overview td.right {
    text-align:right; 
	 white-space:nowrap
}

 /*Overview - My Tags*/
div#tags-overview {
	 margin:0.5em; 
	 padding-bottom:0.5em; 
	 border-bottom:1px solid #DEE3FE;
}

div#tags-overview .small {
color:#666;
}

/*Details - further explare, more services*/

/*Accordion Datenbankauswahl*/
.dbselection {
    margin: 0.5em 1em 1em !important;
}

.dbselection a img {
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.dbselection input[type=checkbox],
input.checkbox-input,
.dbselection input.checkbox {
    margin-right: 0.25em;
}

.dbselection input[type=checkbox]:focus, 
input.checkbox-input:focus, 
.dbselection input.checkbox:focus {
    background-color: #ffeecc; 
}

.dbselection-left {
    float: left;
    width: 28.3em;
    margin: 0.5em;
}

.dbselection h3 {
    font-size: 1.0833em;
    margin: 0 0 0.75em 0;
}

.dbselection-left .select {
    padding-top: 0.25em;
}

.dbselection-right {
    float: left;
    margin: 0.5em 0.5em 0.5em 0;
    padding-left: 1em;
    border-left: 1px dotted #ccc
}

/*Datenbankbaum*/
ul.dbtree, ul.dbtree ul {
    list-style-type:none; padding:0;
}
ul.dbtree ul {
    margin-left:16px;
}
ul.dbtree li {
    padding-top:4px;
    line-height:1.4em;
}
ul.dbtree ul li {
    padding-top:2px; 
    line-height:1.4em;
}
.dbtree img {
    vertical-align:middle;
}
ul.dbtree strong {
    color:#666;
}
ul.dbtree a.db {
    background: transparent url("/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/arrow-close.gif") left center no-repeat;
    padding-left:16px;
	 text-decoration:none;
}

/*Systematische Suche*/
ul.syst {
    margin:0.5em;
}
ul.syst ul {
    clear:left; 
	 margin-left:16px;
}/*fuer Mozilla 1.6 clear:left;*/

ul.syst li {
    clear:left; 
	 margin-top:0.5em; 
	 margin-left:-1px;
}/*fuer Mozilla 1.6 clear:left;*/
ul.syst li img {
    float:left; 
	 margin-right:4px;
}
ul.syst .textsyst {float:left;}
ul.syst .textsystselected {float:left; background:#f2f6f9;}
ul.syst li span .c2 {color:#c00;}
ul.syst li .active {background-color:#f2f6f9;}
ul.syst li .active {zoom:1;}
hr.syst {margin:0 0 0.5em 0;}
p.syst {margin-bottom:0.25em;}

.c1 {
    color:#666;
}

.text {
    padding:0.5em; 
	 border:0;
}

.errortext {
    color:#CC0000;
}

.confirmtext {
    color:#009900; 
}

div.errortext,
p.errortext {
    margin:2px 0;
    padding:5px;
}

div.confirmtext {
    margin:2px 0;
    padding:5px;
}

.errorlabel {
    color:#c00;
	 padding:0;
	 margin:0;
}

.errorlabel label {
    color:#c00;
}

.readonly {
    background-color:#efefef;
}

fieldset#search-simple,
fieldset#search-adv {
    padding: 1em 0;
}

fieldset#search-simple .dbuttonb {
    margin-right: 16px
} /*analog zu Suchschlitz*/

fieldset#search-simple-centred .dbuttonb {
    border: none;
} /*analog zu Suchschlitz*/

/*Suchschlitz*/
#div-search #search-query {
    width: 33em;
}


#div-search .dbselection label {
    font-weight: normal;
}

#div-search.resultpage {
    background: url(/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/bg_gradation_searchbar_tp1.jpg) top left repeat-x;
}
    
#div-search {
    /*background: url(/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/bg_gradation_searchbar_tp.jpg) top left repeat-x;*/
    background-color: #DCE6F0;
    border: 1px solid #e6e6e6;
    border-top: none;
    clear: both;
    margin:0 1em;
    min-width: 70em;
    padding: 6px 0;
    text-align:center;
    zoom: 1;
    min-height:1.8em;
}

#div-search .search-within {
   font-size: 0.9166em;
   width: 400px;
   padding:0 100px 0 0;
}

#div-search .search-for {
   font-weight: bold;
   padding: 0 2px;
   vertical-align: middle;
}

#div-search .search-query { 
   padding: 0 2px; 
   vertical-align: middle; 
}

#div-search .search-query .query {
    width:400px
}

#div-search .dbutton {
    margin-right: 16px; 
    margin-top:2px; 
}

/*  search advanced
    #div-search .search-advanced { 
    vertical-align: middle; 
    white-space: nowrap; 
}
*/

input[type=hidden] + input, 
input[type=hidden] + button, 
input[type=hidden] + label,
input.hidden-input + input, 
input.hidden-input + button, 
input.hidden-input + label
{
    margin-left: 0;
}

input.dbutton, 
button.dbutton, 
input.dbuttonb {
    color: #034ea2;
    /* padding: 0 4px; */
   /* background-color: #f7f8f9; */
    /*border: 1px outset #ccc;*/
    width: auto !important;
    /* height: auto; */
    /* overflow: visible; */
}

input.dbuttonb, 
button.dbutton {
    font-weight: bold;
}

input.dbselectionbutton {
    height: 13px;
    width: 13px;
    border: 0;
    text-indent: 0;
}

input.linkbutton {
    border: 0;
    background-color: #fff;
    text-decoration: underline;
    color: #034ea2;
    cursor: pointer;
    width: auto !important;
    overflow: visible;
    height: auto;
    font-size: 1.001em; /* relational scaling in context, instead of constantly 13px */
    display: inline-block;
}

input.linkbutton:hover,
input.linkbutton:focus,
input.linkbutton:active {
    color: #f60;
}

/*Link, der wie ein input.dbutton aussehen soll*/
    a.dbutton:link,
    a.dbutton:visited,
    a.dbuttonb:link,
    a.dbuttonb:visited {
    background-color:#F7F8F9; 
    border:1px outset #CCCCCC; 
    color:#034EA2; 
    font-size:100.01%; 
    padding:2px 6px 1px; 
    position:relative; 
    text-align:center; 
    text-decoration:none; 
    top:2px; 
    width:3em; 
}

/* f�r ie 7: */
*+html a.dbutton:link, * html a.dbutton:link,
*+html a.dbutton:visited,* html a.dbutton:visited,
*+html a.dbuttonb:link,* html a.dbuttonb:link,
*+html a.dbuttonb:visited,* html a.dbuttonb:visited { 
    text-align:center; 
    font-size: 100.01%; 
    color:#034ea2; 
    padding:2px 4px; 
    top: 0; 
    background-color:#f7f8f9; 
    border-width:1px; 
    border-top-color: #ccc; 
    border-left-color: #ccc; 
    border-right-color: #333; 
    border-bottom-color: #333; 
    border-style: solid; 
    width:3em; 
    text-decoration:none;
}

a.dbuttonb:link,
a.dbuttonb:visited {
    font-weight:bold;
}

/*spacer*/
hr {
    border:none; 
    height:1px; 
    color:#dee3fe; 
    background:#dee3fe;
} /*IE:color, andere Browser:background*/

br.space {
    height:5em;
}

#pageContainer {
    text-align:left; 
    margin:0 auto; 
    min-width:59.9em; 
    width:99% !important; 
    min-height:30em; 
    background:#dce6f0;
   
}

/* verhindert float-Probleme beim IE/Win */
* html #pageContainer {
    /* \*/ word-wrap:break-word;
}

#branding {
    position:relative; 
	 height:56px; 
	 width:100%;
}

#branding #logo {
    position: absolute; 
	 width:96px; 
	 height:16px; 
	 margin:20px 0 20px 20px; 
	 font-size:120%; 
	 font-weight:bold;
}

#branding #nav2 ul {
    float:right; 
	 width:auto; 
	 margin:1em 0 1em 1em;
}

#branding #nav2 li {
    float:left; 
	 margin:0 1em 0 0;
}

/* navigation */
#nav {
margin:0 1em;
border:1px solid #E6E6E6;
}

#nav #account {
	float:right;
	line-height:normal; /*IE7*/
	padding:5px 10px;	
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li {
    position: relative;
    background-color:#6985A5;
    border-right:1px solid #E6E6E6;
    float: left;
    display:block;
    padding: 0px;
    z-index: 1000;
}

#nav ul li.parentNav {
	background-image:url(/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/arrow_down_tp.gif);
	background-position:right 50%;
	background-repeat:no-repeat;
}

#nav ul li a.empty:focus, 
#nav ul li:hover,
#nav ul li:focus,
#nav ul li:active {
	background-color: #f5f5f5;
}

#nav ul li.over {
	color: #034ea2;
	background-color: #f5f5f5;
	background-image:url(/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/arrow_down_hover.gif);
}

#nav ul li.over a{
	color: #034ea2;
}

#nav li ul {
	border-color:#E6E6E6 #666666 #666666 #E6E6E6;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	font-weight:normal;
	height:auto;
	left:-999em;
	margin:0;
	position:absolute;
	width:14em;
	background-color: #f5f5f5; 
	z-index: 1000;
}

#nav ul ul li{
	border-right:0px;
}

#nav ul li a {
display: block;		
text-decoration: none;
color:#fff;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding: 5px 10px;
}

#nav ul ul li a {
    background-color: #f5f5f5; 
    color: #034ea2; 
    width:12em;
}
#nav ul li a.daddy {
padding: 5px 30px 5px 10px;
}

/* Hover/Focus Style */
#nav ul li a:hover, 
#nav ul li a:focus, 
#nav ul li a:active,
/* Opera Focus Style */
#nav ul li a.ofocus, 
#nav li ul li a.ofocus{ 
text-decoration: underline;
} 

/*override color:#fff*/
#nav ul li a:hover, 
#nav ul li a:focus {
   color: #034ea2;
}
/* 
    disable normal hover and focus style , if javascript is available
 */
#nav .navfxenabled li:hover ul { 
    left: -999em;
}
/*normal hover Style wtihout javascript*/
#nav li:hover ul,
/* 
    hover and focus style if javascript is available
*/
#nav .navfxenabled li.over ul { 
    display: block;
    left: 0px;
    margin-left: -1px;
} /* The magic */

/* accesible for keyboard- and screenreader- users*/
#nav li.active ul, 
#nav li.activepath ul {
    display: block;
}

/* Tastaturnutzung Keyboardusage for good browsers*/
#nav a:focus+ul {
    left: 0em; /* Abstand Untermenu */
    margin-left: -2px;
}
/*keyboard support without javascript*/
#nav li ul li a:focus, #nav li ul li a:active {
    position: absolute;
    left: 999em; /* Viewportverschiebung ausschalten */
    margin-left: 0px; /* Abstand Untermenu */
}
/*overwrite the keyboard support, if mouse is in use*/
#nav li ul li a:hover,
#nav  li ul li a:hover, /* kleinster gemeinsamer Nenner */
#nav li:hover ul li a:focus,
#nav  li:hover ul li a:active,
/*overwrite the keyboard support, if javascript is available*/
#nav .navfxenabled li ul li a:focus,
#nav .navfxenabled  li ul li a:active
{
    position: static;
    margin-left: 0;
}
.cleanNav {
    clear:left;
    display:block;
    font-size:1px;
    height:0;
    line-height:0;
    width:0;
}


/*********************************************************************/
#ddcbuttons {
margin:0 1em;
border:1px solid #E6E6E6;
}

#ddcbuttons #account {
	float:right;
	line-height:normal; /*IE7*/
	padding:5px 10px;	
}

#ddcbuttons ul {
margin: 0;
padding: 0;
list-style: none;
}

#ddcbuttons ul li {
    position: relative;
    float: left;
    display:block;
    padding: 0px;
    z-index: 1000;
}

#ddcbuttons ul li.parentNav {
	background-image:url(/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/arrow_down_tp.gif);
	background-position:right 50%;
	background-repeat:no-repeat;
}

#ddcbuttons ul li a.empty:focus, 
#ddcbuttons ul li:hover,
#ddcbuttons ul li:focus,
#ddcbuttons ul li:active {
	background-color: #f5f5f5;
}

#ddcbuttons ul li.over {
	color: #034ea2;
	background-color: #f5f5f5;
	background-image:url(/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/arrow_down_hover.gif);
}

#ddcbuttons ul li.over a{
	color: #034ea2;
}

#ddcbuttons li ul {
	border-style:none solid solid;
	font-weight:normal;
	height:auto;
	left:-999em;
	margin:0pt;
	position:absolute;
	border-color:#E6E6E6 #666666 #666666 #E6E6E6;
	border-width:medium 0px 0px;
	width:14em;
	z-index: 1000;
}

#ddcbuttons ul ul li{
	border-right:0px none;
}

#ddcbuttons ul li a {
display: block;		
text-decoration: none;
color:#fff;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding: 5px 10px;
}

#ddcbuttons ul ul li a {
    background-color: #f5f5f5; 
    color: #034ea2; 
    width:12em;
}
#ddcbuttons ul li a.daddy {
padding: 5px 30px 5px 10px;
}

/* Hover/Focus Style */
#ddcbuttons ul li a:hover, 
#ddcbuttons ul li a:focus, 
#ddcbuttons ul li a:active,
/* Opera Focus Style */
#ddcbuttons ul li a.ofocus, 
#ddcbuttons li ul li a.ofocus{ 
text-decoration: underline;
} 

/*override color:#fff*/
#ddcbuttons ul li a:hover, 
#ddcbuttons ul li a:focus {
   color: #034ea2;
}
/* 
    disable normal hover and focus style , if javascript is available
 */
#ddcbuttons .navfxenabled li:hover ul { 
    left: -999em;
}
/*normal hover Style wtihout javascript*/
#ddcbuttons li:hover ul,
/* 
    hover and focus style if javascript is available
*/
#ddcbuttons .navfxenabled li.over ul { 
    display: block;
    left: 0px;
    margin-left: -1px;
} /* The magic */

/* accesible for keyboard- and screenreader- users*/
#ddcbuttons li.active ul, 
#ddcbuttons li.activepath ul {
    display: block;
}

/* Tastaturnutzung Keyboardusage for good browsers*/
#ddcbuttons a:focus+ul {
    left: 0em; /* Abstand Untermenu */
    margin-left: -2px;
}
/*keyboard support without javascript*/
#ddcbuttons li ul li a:focus, #ddcbuttons li ul li a:active {
    position: absolute;
    left: 999em; /* Viewportverschiebung ausschalten */
    margin-left: 0px; /* Abstand Untermenu */
}
/*overwrite the keyboard support, if mouse is in use*/
#ddcbuttons li ul li a:hover,
#ddcbuttons  li ul li a:hover, /* kleinster gemeinsamer Nenner */
#ddcbuttons li:hover ul li a:focus,
#ddcbuttons  li:hover ul li a:active,
/*overwrite the keyboard support, if javascript is available*/
#ddcbuttons .navfxenabled li ul li a:focus,
#ddcbuttons .navfxenabled  li ul li a:active
{
    position: static;
    margin-left: 0;
}
.cleanNav {
    clear:left;
    display:block;
    font-size:1px;
    height:0;
    line-height:0;
    width:0;
}

/*********************************************************************/

/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
    position: absolute;
    left: -999px;
    width: 0;
    overflow: hidden;
}

/*info1: Zurueck , Breadcrumb*/
#info1 {
    margin: 1.5em 1.5em 1em;
    padding: 0 0.5em;
}

#info1 span {
	margin-right: 0.5em;
}

#info1 .separator {
    font-weight: bold;
    margin: 0 0.25em;
}
/*Suchfeld - Systematische Suche*/
#info1 input#f2 {
    width:11.25em; 
	 height:1.25em; 
	 border:1px solid #ccc;
}

/*Suchmasken, padding wichtig, da margin von info1 in diesem Fall nicht zieht!*/
#info1 #database {float:left; /*margin-bottom:1em;*/}
*+html #info1 #database {margin-bottom:0.5em;} 
#info1 #database a {margin-right:1em; }
/*#info1 #language { float:right;} */

/* Sprachauswahl */
#language {
	margin: 1.5em 1.5em 1em;
    padding: 0 0.5em;
}


#info2 {
    margin:1.5em 1.5em 1em;  
	 padding:0;
}
/*Icons*/
#info2 a {text-decoration:none; margin:0 0.5em; padding:0; vertical-align:middle;}
#info2 #outputActions {height:1.5em;}
#info2 #outputActions li {float:left; margin-right: 0.3em;}
#info2 img {margin:0 4px 0 0; padding:0; vertical-align:middle;}
#info2 .sdiservice-inactive a {cursor:text; color:#666}

#info2.frbr {
    padding:0 0.5em;
}

/*Spaltenpositionierung zweispaltiges Layout*/
#SOWrap, #left, #middle, #right {
    position: relative;
    overflow: visible;
  
}


#SOWrap {
    float:left;
    margin:0 -1px 0 0;
    width:100%;
    z-index:3;
} /*-1px  IE6*/

#main {
    min-width: 60em;
    width: auto !important;
}

#main.mainwithrightside {
    border-left: 0;
    border-right:17.2em solid #dce6f0;
}


#main.mainnosides {
    border: 0;
}



#middle {
    margin: 0 1em;
}

#right {
    float: right;
    display: inline;
    margin: 0 -16em 0 0;
    width: 15.99em;
    z-index: 2;
} /*15.99 Rundungsfehler IE; display:inline ist speziell fuer den IE, damit die Inhalte in der box erscheinen; rechter Abstand zum Browserfenster:0.75em*/

#left {
    display:inline;
    float:left;
    margin:0 0 1px -12em;
    width:11.99em;
    z-index:2;
}

/*Linklisten weitere Angebote, Aktuelles*/
ul.linklist {
    margin: 0.5em;
    line-height:140%
}

ul.linklist li {
    margin-bottom:0.2em
}

/*Detailanzeige tabs (Holdings ...*/
.tabnav-wrapper {
width:100%
}

.tabnav-wrapper h2 { 
    font-size:1.0833em;
    padding:1.6em 1.25em 1.2em;
    color:#404040;
} /*Darstellungsfehler im IE7 bei Verwendung von margin anstelle von padding*/


/* Box Contentbereich */
.box {
	
	vertical-align:top;
    max-width:94em !important;
} /* Trefferliste, Suchhistorie: border:0*/

.box h2{
    color:#404040;
    background-color:#f5f5f5;
    border-bottom:1px solid #a9bcd5;
    font-size:1.0833em;
	 padding: 0.576em;
}
/*searchresults (n)*/
.box h2 .normal, 
.box h3 .normal {
    font-weight:normal;
} 

.box .navigation {
    background-color:#f5f5f5
}

.box p {
    margin:1em 0.5em;
}

*html .box {
    height:1px;
} /* zoom for IE*/


.box-header {
    min-height: 2.5em;
    height: auto;
    background: #f5f5f5;
}/*min-height e.g. acqrequest, order*/

/* tho: Aus der infoguide.css kopiert */
/*flexible Box mit rechter abgerundeter Ecke */
.box3  {width:13.5em; border:1px solid #a9bcd5; background-color:#d0e4f8;}
.box3-header {height:1.5em; border-bottom:1px solid #a9bcd5; background-color:#d0e4f8;}
/* [scs] Test: wenn Boxheader zweizeilig*/
.box3-header-zweizeil{height:2.6em; border-bottom:1px solid #a9bcd5; background-color:#d0e4f8;}
/* Ende Test */
.box3-img {float:right; position:relative; top:-1px; left:1px;}/*rechte runde Ecke*/
.box3 img.left {margin:0; border:1px solid #ccc; }
.box3 .box3-content {margin:0.5em; font-size:0.9em; line-height:140%; background-color:#d0e4f8;}
.box3-content a , .box3-content p b , .box3-content i{background-color:#d0e4f8;}
.box3 h2 {color:#404040; font-size:0.9em; padding:0.5em; background-color:#F2FAFC; /*padding-left:0.25em;*/}
.box3 h2 img {background-color:#ecf2f8;}
.box3 strong {color:#666; font-size:1em; padding:0 0 0 0; margin:0; background-color:#d0e4f8; } /*anstelle von h3 einsetzen*/
.box3 ul {font-size:1em; padding:0; margin:0; background-color:#d0e4f8;}
.box3 ul li, .box3 ul li b {background-color:#d0e4f8;}
.box3 p  {font-size:1em; margin-top:0.5em; background-color:#d0e4f8; }/*wirkt nicht auf oberstem */
.box3 input, .box3 select {width:98%; font-size:1em; margin-bottom:0.25em;}

/* [rgn] Style fuer OpenData-InfoBox */
.boxOpenData  {width:70.5em; border:solid 1px #8399AF; background-color:#99CCFF;}
.boxOpenData-header {font-size:1.6em; height:2.0em;  border-bottom:1px solid #8399AF;}
.boxOpenData-img {float:right; position:relative; top:-1px; left:1px;}/*rechte runde Ecke*/
.boxOpenData img.left {margin:0; border:1px solid #ccc; }
.boxOpenData .boxOpenData-content {margin:0.5em; font-size:1.1em; line-height:140%; background-color:#99CCFF;}
.boxOpenData-content p b , .boxOpenData-content i{background-color:#99CCFF;}
.boxOpenData h2 {color:#000000; font-size:0.9em; padding:0.5em; background-color:white; /*padding-left:0.25em;*/}
.boxOpenData h2 img {background-color:#99CCFF;}
.boxOpenData strong {color:#000000; font-size:1em; padding:0 0 0 0; margin:0; background-color:#99CCFF; } /*anstelle von h3 einsetzen*/
.boxOpenData ul {font-size:1em; padding:0; margin:0; background-color:#99CCFF;}
.boxOpenData ul li, .boxOpenData ul li b {background-color:#99CCFF;}
.boxOpenData p  {font-size:1em; margin-top:0.5em; background-color:#99CCFF; }/*wirkt nicht auf oberstem */
.boxOpenData input, .boxOpenData select {width:98%; font-size:1em; margin-bottom:0.25em;}
.boxOpenData-content a {color: #aa1654; background-color:#99CCFF;} 
/* [rgn] sliding boxes integration*/


/*pagination*/
.pagination .selectedlink {
    font-weight:bold;
    /*padding:0 2px */
    border: 1px solid #A9BCD5;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    padding: 0.3em;
}

.pagination {
    float:right;
    padding:0.5em;
	font-size:1.0833em;
    font-weight:bold;
}

.pagination a {
    margin:0;
    /* padding:0 2px; */
    border: 1px solid #A9BCD5;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    padding: 0.3em;
}

.pagination input.linkbutton {
	 background-color:#f5f5f5; 
    padding:0; 
    font-weight:bold; c
    cursor:pointer; 
    text-align:left; 
    top: -2px; 
    position: relative;	
    top: -1px\9; 
    padding:0 2px\9
}


/*search result list*/
.db {
    float:left;
	 background-color:#dae5f0;
}

.browse {
    float:right;
	 text-align:right;
	 padding:0.5em;
}

.browse a {
    font-weight:normal;
	 text-decoration:underline;
}

/*e.g. Facets , Further Options , InfoBox*/
.box1 {
    width:100%;
    height:100%;
    padding-bottom:0.5em; 
	 background-color:#fff;
    border:1px solid #DEE3FE; 
	 margin-bottom:20px;
}

.box1 h2 {
    color:#404040; 
    background-color:#f5f5f5; 
    border-bottom:1px solid #a9bcd5;
    font-size:1.0833em;/*13px*/
    padding:0.576em;
}

.box1 h3 {
    color:#666; 
    padding:0.75em 0.5em 0em 0.5em;
}

.box1 ul {
    margin-right:0.5em;
}

.box1 p {
    line-height:140%;
    padding: 0.5em;
}

.box1 div.content {
    padding:1em 0.5em 0.5em;
}

.box1 div.content p {
    padding:0;
}
.box1 hr {
    margin:8px 0;
}

/*memorize list, search results list action*/
div .memorize {
    width:100%;
    border-bottom: 1px solid #a9bcd5;
    margin:0.75em 0; 
    padding-bottom:0.5em
}

div .memorize div {
width:auto; 
padding:1em 0.5em;
}

/*Account*/
#account-nav-wrapper {
    float:left;
    margin-top:1em;
    padding:0.5em;
    width:14.75em;
}

ul#account-nav li {
    list-style-type:none;
    font-weight:bold; 
    line-height:140%;
    padding:0 0 0.5em 0;
}

ul#account-nav ul ul {
    margin-top:1em
}

ul#account-nav li li {
    font-size:1em; /*12px*/
    font-weight:normal;
    color:#666;
    margin:0.2em 0.5em 0.2em 0.5em;
    padding:0;
}

dl#account-info {
    margin-top:1em
}

dl#account-info dt {
    color:#666;
    font-weight:bold;
    margin-top:0.5em
}

dl#account-info dd {
    color:#000;
}

#account-data table {
    margin-top:1em;
}

#account-data #renew {
    margin-left:1em;
}

#account-data,
#account-user-data {
    border-left:1px dotted #ccc; 
    margin-left:15.75em; 
    margin-top: 0.5em; 
    padding-left:2em
}

#account-user-data fieldset {
    position:relative;
    padding: 1em;
}

#account-user-data legend {
    font-size:1.0833em; 
    margin: 0.75em 0 0.25em 0;
	 padding:0;
	 font-weight:bold;
	 color:#666;
}
#account-user-data label {
    display:block;
    margin-bottom:0.1em
}

#account-user-data .formrow {
    position:relative;
    min-height:3em;
    margin-bottom: 0.5em;
    padding: 0.25em 0 0.1em;
}

#account-user-data .formfield {
    position:relative;
    float: left;
    width: 17em;
    margin-right:1em
}

#account-user-data input,
#account-user-data select {
    width:100%;
}

#account-user-data input.check {
    width:auto
}

#account-user-data label + input {
    margin-left:0
} /*reset general definition label + input margin-left:0.25em */

#account-user-data label .label-inline {
    display: inline
}/*reset of display:block for label data distribution*/


/* no search results */
.nodata h2 {
    background-color: transparent;
    border:0;
    margin:0.5em 0 0;
}

.nodata ul {
    margin: 0 1.2em 1em 2.4em;
    list-style-position:outside;
    list-style-type:disc
}

.nodata ul li {
    margin-bottom: 0.3em;	
} 

#footer { 
    clear:both; 
	 color:#666; 
	 margin:20px 0 8px 0; 
	 padding:0.5em 1em; 
}

#footer #copyright {
    float:right; 
	 margin-top:20px;
}

#footer img {
    vertical-align:middle;
}

/* AJAX components and jQuery UI */
div.loading {
	text-align: center;
}

/* xISBN service */
.ui-dialog-uncommited[id|=related] {
	max-width: 50%;
	min-width: 25em;
}

.ui-dialog-content img.loading {
	margin: 1em;
}

/* availability state */
.availabilityState.available {
	color: #009999;
}

.availabilityState.unavailable {
	color: #cc0000;
}

.availabilityState img.loading {
	height: 1em;
}


/*JQuery Accordions*/

/* Common definitions */
/*.accordion-group {
	border: 1px #dce6f0 solid;
}*/

.accordion {
	display: block;
}

.accordion .accordion {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.accordion .accordion + .accordion {
	border-top: 1px solid #dce6f0;
}
.accordion .accordion.expanded + .accordion {
	margin-top: 1em;
}

.accordion-header {
	cursor: pointer;
	padding: 0.25em;
	font-weight: bold;
}
.accordion-header a {
	text-decoration: none;
	color:#404040;
}

a.accordion-header {
	cursor: pointer;
	padding: 0.25em;
	font-weight: bold;
	font-size: 100%;
}

.accordion-body-content {
    width: 98%; /*needed for IE7/8 compatibility mode*/
}

.accordion-body table.favorites-overview{
    width: 95%;
}


.accordion .accordion .accordion .accordion-header {
    font-weight: normal;
}
.accordion-header:hover, .accordion-header:hover a, .accordion-header a:hover, .accordion-header a:focus {
    color: #f60;
}

.accordion-header .arrow {
    background: transparent 0 80% no-repeat;
    background-image: url('/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/arrow-close.gif');
    padding-left: 20px;
}
.collapsed > .accordion-header .arrow, .arrow.collapsed {
    background-image: url('/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/arrow-open.gif');
}

.accordion-body {
    display: block;
    margin: 0.5em 0.8em;
}
.collapsed > .accordion-body {
    display: none;
}
.accordion-body .accordion-box-header{
    font-weight: bold;
}

/* 1st headline */
.accordion h2.accordion-header {
    background: #f5f5f5 url('/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/bg_gradation_accordion.jpg') 0 0 repeat-x;
    border-bottom: 1px solid #dce6f0; /*border nicht im bg-image integriert, falls images im Browser deaktiviert*/
    padding: 0.5em;
    font-size: 1.0833em; /*13px*/
}

/*overrides for .accordion h2.accordion-header used for details page "add reviews", "add tags" */
#add-review { 
    background:0 none;
    border-bottom: 0;
    padding-bottom:1em;
}

#div-profile h3 {
    margin-left: 1em; /*arrow and headline 2nd level myaccount-profile*/
}

/*Passwort aendern - nur eine Ebene*/
.profile table.formular#pw {
    width: 78%; margin: 0.5em 0 0 3em;
}

/* Library list (non-collapsable) SwissBib 

.libraries {
    border-left: 1px dotted #ccc;
    margin-left: 0.8em;
    padding-left: 0.25em;
    width: 95%;
}

.libraries .body {
    padding-top: 0.25em;
    margin-top: 0.5em;
    padding-left: 0.5em;
    background-color: #F7F8F9;
    border-bottom: 1px solid #ccc;
}

.libraries h4 {
    font-style: italic;
    font-size: 100%;
}

ul.libraries li .left, 
ul.libraries li .right {
    line-height: 140%;
    padding: 0.5em;
}

.left {	float: left;	padding: 0.5em;}.right {	text-align: right;}

ul.libraries li {
    margin-bottom: 1em;
    margin-left: 0.5em;
}

ul.libraries:first-child {
    margin-bottom: 0;
}

ul.libraries > li + li {
    margin-top: 1em;
    margin-bottom: 0;
}

.libraries img.favourite-library {
    vertical-align: middle;
}

add as favourite - span statt div
span.favourite {float:right; margin-right:0;}
*/



/*Details Display Reviews, Tags*/
.accordion .box p {
    font-size: 100.01%;
}

.box.reviews p {
    width: 60em;
}

.box.reviews h3,
.box.tags h3 {
    padding:0;
    margin:1em 0;
	 background-color:#fff;
	 border-bottom:none;
	 font-size:1em;
	 color:#666;
}

.box.tags p.list {
	border-bottom:1px dotted #A9BCD5;
	margin:0.5em;
	padding-bottom:1em;
}

.box.reviews .box-header, 
.box.tags .box-header {
    min-height: none;
    padding: 0.25em;
    font-weight: bold;
    font-size: 110%
}

.box-header span.normal {
    font-weight: normal
}
/*nickname ...*/
.box.reviews .reviews-info span {
    margin-left: 0.5em;
    color: #666;
    font-size: 0.9166em;
}

.box.reviews .flag-abuse {
    /*font-size: 90%;*/
    padding: 0 0 1em 0.5em;
    margin-bottom: 1em;
    border-bottom: 1px dotted #a9bcd5;
}

.box.reviews .flag-abuse img {
    vertical-align: middle;
}

.no-results {
    border-bottom: 1px solid #A9BCD5;
    padding: 20px;
    text-align: center;
}

/* Query completion */
.ac_results {
    text-align: left;
    max-width: 20em;
}

.ac_results li .amount {
    font-size: 85%;
    color: #66c;
}

input.hasDatepicker {
    background-image: url('/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/calendar.png');
    background-repeat: no-repeat;
    background-position: 99% 50%;
    width:10em;
}

ul.separated {
    display: inline;
    margin-left:0 !important;
}

.separated li {
    display: inline;
    border-left:2px solid #999;
    padding: 0 .35em 0 .5em;
}

.separated li:first-child,
.separated li.first {
    border-left:none;
    padding-left: 0;
}

.buttons li {
    padding: 0 0 0 .15em;
}

#GWlogolinks{position:absolute; top:20px; left:14px}
#BVBlogorechts{position:absolute; top:31px; right:0.75em;}

/* tho: Darstellung der erweiterten Suche als Liste */
.mobile_list {
    list-style: none;
    line-height: 140%;
    padding: 0.4em;
    vertical-align: top;
    text-align: left;
    /*max-width: 54em;*/
}
.mobile_list select{
    /*font-size: large;*/
    /*max-width:250px;*/
    padding: 1px;
}
.mobile_list input {
    /*font-size: large;*/
    margin-left:0.5em;
    /*margin-top:0.2em;*/
    width: 65%;
}

/* tho: Suchfelder und Drop-down-Listen in der erweiterten Suche */

/* Sonderbehandlung fuer die erste Drop-down-Liste, die breiter sein soll */
#searchCategories_0 {
	width: 19.5em;
}

/* und/oder/und nicht */
#combinationOperator_1 {
	width: 7em; float: left; margin-right: 0.5em;
}

#combinationOperator_2 {
	width: 7em; float: left; margin-right: 0.5em;
}

#combinationOperator_3 {
	width: 7em; float: left; margin-right: 0.5em;
}

#combinationOperator_4 {
	width: 7em; float: left; margin-right: 0.5em;
}

/* und/oder/und nicht vor der Suchhistorie */
#combinationOperator_5 {
	float: left; width: 19.5em;
}

/* Sucheingaben */
#searchString_0 {
	width: 30em;
}

#searchString_1 {
	width: 30em;
}

#searchString_2 {
	width: 30em;
}

#searchString_3 {
	width: 30em;
}

#searchString_4 {
	width: 30em;
}

/* Drop-down-Liste mit der Suchhistorie */
#searchHistory {
	width: 30.5em; margin-left: 0.5em;
}

/* Einschraenkung nach Jahren in der erweiterten Suche*/
#year_to {
	margin-left: 1.5em;
}

#searchRestrictionValue1_0, #searchRestrictionValue2_0 {
	width: 4em; margin-left: 0.2em;
}

#showLinkUpperNote{
	color: #009900;
}

.hit_full_title{
	font-size: 16px;
	color:black;
	font-weight:bold;
}
.hit_full_subTitle{
	color:black;
	font-size:13px;
	font-weight:lighter;
	padding-left:25px;
	display:block;
}

/* tho: Beim Drucken des Suchergebnisses soll nur die Trefferuebersicht gedruckt werden, nicht aber der Header und die "Randleisten" mit Sucheinschraenkungen */
@media print {
	
	body * {
		visibility:hidden;
	}
	
	#SOWrap, #SOWrap * {
		visibility:visible;
	}
	
	#SOWrap {
		position:absolute;
	    left:0;
	    top:0;
	}
		
}

#submitSearch {
	float: right;
}

#simpleSearchSlot {
	width: 35em;
}

#simpleSearchButtons {
	text-align: left;
	max-width: 38.7em;
	padding-top: 1em;
	padding-left:14em;
}

.searchparameter {
    color: #404040;
    font-size: 1.0833em;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* cs: als Hinweis, dass bei Dokumenttyp und Fach eine Auswahlliste zum Ausklappen dabei ist*/
.myDropdownBox {
		background-image:url('/National_Library/20160521004321oe_/https://opacplus.bib-bvb.de/TouchPoint_touchpoint/gatewaybayern/images/arrow-close.gif');
		background-repeat:no-repeat;
		background-position:right;
}
/* Make it a marquee */

.marquee {

/*    width: 450px; */
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}

.marquee:hover {
    animation-play-state: paused
}



/* Make it move */
@keyframes marquee {
    0%   { text-indent: 15.5em }
    100% { text-indent: -105em }
}



/* Make it pretty */
.microsoft {
    padding-left: 1.5em;
    position: relative;
    font: 16px 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

/* ::before was :before before ::before was ::before - kthx */
.microsoft:before, .microsoft::before {
    z-index: 2;
    content: '';
    position: absolute;
    top: -.5em; left: -1em;
    width: .5em; height: .5em;
    box-shadow:   1.0em 1.25em 0 #aa1616,
        	  1.6em 1.25em 0 #0098d4,
        	  1.0em 1.85em 0 #aa1616,
        	  1.6em 1.85em 0 #aa1616; 
}

.microsoft:after, .microsoft::after {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 1em; height: 2em;
    background-image: linear-gradient(90deg, white 70%, rgba(255,255,255,0)); 
}

/* Style the links */
.vanity {
    color: #333;
    text-align: center;
    font: .75em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.vanity a, .microsoft a {
    color: #1570A6;
    transition: color .5s;
    text-decoration: none;
}

.vanity a:hover, .microsoft a:hover {
    color: #F65314;
}