/*InfoGuide 2007*/

/* <![CDATA[ */ 
body {font-size:100.01%; color:#333333;}
* {margin:0; padding:0;}

body, div, th, td, a {font-family:verdana,arial,helvetica;}

/*WorldCat blue = #034ea2; orange = #f60 */
/* Links */
a:link, a:visited { color: #034ea2; }
a:hover { color: #f60; }
a:active { color: #034ea2; }


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

label {color:#404040;}
label.none {display:none;}

/* formular  - siehe input, select - Styles  Seiten search1.php, */
table.formular {font-size:0.7em; width:100%;}
table.formular th {text-align:left; padding:0.5em; color:#404040;}
table.formular td {vertical-align:top; padding:4px; line-height:140%; margin:0;}

table.info {font-size:0.7em;}
table.info th {text-align:left; padding:0.5em; color:#404040;}
table.info td {vertical-align:top; padding:4px; line-height:100%; margin:0;}

/* Zusammenspiel mit class formular!  - Tabellengrößen richten sich in ihrer Gesamtbreite an Breite des umgebenen divs */
input,select {border:1px solid #ccc; font-size:1em; width:100%;}
input {height:1.5em; text-indent:2px;} 
* html input {width:98%;} /* für unseren lieben IE */
select {height:1.5em;}

input.radio, input.check {border:0; width:auto; text-indent:0;} /* 100%-Breite aufheben */
input.radio {vertical-align:middle;}
input.check {padding:0; text-indent:0;} /*kein vertical-align:middle!*/
textarea {width:100%}

/*Trefferliste, Detailanzeige */
table.data {border-collapse:collapse; border:1px solid #a9bcd5;}
table.data td,
table.data th {vertical-align:top; font-size:0.7em; border-bottom:1px solid #dee3fe;}
table.data th {padding:0.5em; color:#404040;}
table.data th.left {text-align:left;}
table.data td {line-height:140%; padding:0.5em 0.5em 1em 0.5em;} 
table.data .t1 {font-size:1em; font-weight:bold;}

th.dotted {border-bottom:1px dashed #a9bcd5 !important;}
td.dotted {border-bottom:1px dashed #DEE3FE !important;}

#bg1 {background-color:#f2f6f9;} /*bei th zieht nur id*/
#bg2 th {background-color:#dae5f0; border-bottom:1px solid #a9bcd5;} /*Trefferliste: nicht alle <th>-tags haben eine bg-color*/
.bg3 th {background-color:#dae5f0;}
.c1 {color:#666;}
.c2 {color:#666;}
.textbox {padding:0.5em; font-size:0.7em; border:1px solid #a9bcd5;}
.text {padding:0.5em; font-size:0.7em; border:0px;}
.textrot {color:#c00;}
.textgruen {color:#339933;}
.readonly {background-color:#efefef;}

.message {color:#339933;}
.error {color:#c00;}/*z.B. Fehlermeldung von WorldCat*/
.error label {color:#c00;}

.right {text-align:right;}


/* Suchfeld - globale Suche */
#searchfield {float:right; height:2em; font-size:0.7em; width:17em; padding:0.75em 1em 0.5em 0;}
#searchfield input#f1 {width:11em; height:1.4em; border:1px solid #ccc;}
* html #searchfield input#f1 {width:10em;}
.smalltext {font-size:0.65em; font-weight:normal;}

input.dbutton,
input.dbuttonb {font-size:1em; color:#034ea2; padding:0 4px; background-color:#f7f8f9; border:1px outset #ccc; width:auto; height:auto; overflow:visible}
input.dbuttonb {font-weight:bold;}
input.dbselectionbutton {height:13px; width:13px; border:0px; text-indent:0;}


/*Link, der wie ein input.dbutton aussehen soll*/
a.dbutton:link,
a.dbutton:visited,
a.dbuttonb:link,
a.dbuttonb:visited {text-align:center; font-size:1em; color:#034ea2; padding:1px 4px; background-color:#f7f8f9; border:1px outset #ccc; width:3em; text-decoration:none;} /*kein display:block!; line-height:1.3em; ev. für IE?*/

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


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

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


#pageContainer {margin:0; min-width:59.5em; width:auto; }/*952px entspricht 59.5em, ohne min-wdth: Überlagerung der Boxen ab einer gewissen Schriftgröße*/
/* verhindert float-Probleme beim IE/Win */
* html #pageContainer {/* \*/ word-wrap:break-word;}

#branding {position:relative; height:110px; width:100%;}
#branding #logo {position: absolute; width:196x; height:95px; padding:0.5em 0.5em 0 2em; } 
#branding #opac_mark {color: rgb(153, 0, 0); float: right; margin:1.7em 2em 0 0; font-weight:bold; }
#branding #opac_mark_main {text-align: center; font-size: 25px; }
#branding #opac_mark_main2 {text-align: center; font-size: 20px; }
#branding #opac_mark_sub   {text-align: center; font-size: 10px; }

#login {float:right; font-size:0.7em; padding:0.5em 0 0 0; border-right:1em solid white;} /*Abstand zum re Rand funktioniert nur über padding, nicht right:0.75em*/

/* mainNav*/
/*#mainnav {min-width:780px;} erzeugt bei IE7 eine zusätzliche Zeile*/
#mainnav ul, #mainnav ul ul { float:left; list-style:none;} /*keine height, wg. pixelabstand unten*/
#mainnav ul li {float:left; background:url(../../images/mainnav-right.gif) no-repeat top right;}
#mainnav li a {display:block; padding:0.5em 2em 0.6em 1em; font-size:0.7em; font-weight:bold; color:#20344a; background:url(../../images/mainnav-left.gif) no-repeat top left; text-decoration:none;}/*display: block --> gesamte Schaltflaeche anklickbar; height-Angabe zerlegt den IE*/
#mainnav li#current {background:url(../../images/mainnav-right1.gif) no-repeat top right;}
#mainnav li#current #active {padding:0.5em 2em 0.6em 1em; font-size:0.7em; font-weight:bold; color:#fff; background:url(../../images/mainnav-left1.gif) no-repeat top left; border-bottom:1px solid #6985a5;}

#mainnav ul ul {position:absolute; left:0px; height:2em;}
#mainnav ul li li {float:left;background:none;}/*background:none ist wichtig, da sonst Reiter erscheinen*/
#mainnav li li a {display:block; padding:0.4em 0.5em 0.25em 1em; font-size:0.7em; font-weight:bold; color:#fff; text-decoration:none; background:none;}
#mainnav li li#current2 {color:#ffff00; font-size:0.7em; font-weight:bold; padding:0.4em 0.5em 0.25em 1em;}

#bgmainnav {left:0; background-color:#6985a5; min-width:780px; width:99.9%; height:1.5em; border-left:1px solid #a9bcd5;}

/*Direkthilfe, Hilfe, Auskunft*/
#nav2 ul {position:absolute; right:0; width:22em; }/*width ist wichtig für IE 7, da sonst die zweite Ebene der Mainnav einen sehr eingeschränkten linksensitiven Bereich hat*/
#nav2 li {float:right; text-align:right;}
#nav2 li a {padding:0.4em 1em 0.25em 0.5em; font-size:0.7em; font-weight:bold; color:#fff; text-decoration:none;}
#nav2 li#current {font-size:0.7em; font-weight:bold; color:#ffff00; padding:0.4em 1em 0.25em 0.5em;}
#direkthilfe {display:none; position:absolute; right:0.5em; top:11em; width:300px; z-index:10; padding:5px; font-size:0.7em; background-color:#ffffcc; border:1px solid #ccc; z-index:100;}


/*info1:Sprachauswahl, Suchanfrage, Meinten Sie...*/
#info1 {float:left; padding:1em 0.75em 0.75em 1em; font-size:0.7em;}
/*Suchfeld - Systematische Suche*/
#info1 input#f2 {width:11.25em; height:1.25em; border:1px solid #ccc;}

/*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 {border-left:0; border-right:12.75em solid white;} 

#middle {width:45em; margin:0 0.75em; border:0px solid yellow;} 
#right {float:right; display:inline; width:11.99em; margin:0 -12em 0 1px; z-index:2;} /*11.99 Rundungsfehler IE; display:inline ist speziell fuer den IE, damit die Inhalte in der box erscheinen; rechter Abstand zum Browserfenster:0.75em*/

/*Reiter*/
#tab {width:auto;/*44.9em*/ margin:0;  position:relative; top:1px; height:1.5em;} /*position:relative; top:1px ; height:1.5em;--> wg. Verbindung aktiver Reiter zur Box*/
#tab ul {float:left; list-style:none;}
#tab ul li {float:left; background:url(../../images/subtab-right1.gif) no-repeat top right;}
/*display: block --> gesamte Schaltflaeche anklickbar*/
#tab li a {display:block; padding:0.5em 2em 0.6em 1em;  /*padding:2px 2em 0 1em;*/   font-size:0.7em; font-weight:bold;  color:#20344a; background:url(../../images/subtab-left1.gif) no-repeat top left; text-decoration:none; margin-bottom:-1px;  border-bottom:1px solid #a9bcd5;} /* margin-bottom:-1px --> IE6, einfache Linie unterhalb der inaktiven Buttons  */

/*border-bottom bei aktivem Reiter --> Verbindung zur Box*/
#tab #current1 {background:url(../../images/subtab-right.gif) no-repeat top right; margin-bottom:-1px; border-bottom:1px solid #fff;}
#active1 {  padding:0.5em 2em 0.6em 1em;  font-size:0.7em; font-weight:bold; background:url(../../images/subtab-left.gif) no-repeat top left; color:#20344a; border-bottom:1px solid #fff;} 
#tab ul ul {float:left; list-style:none; position:absolute; width:100%; height:1.5em;} /*width:100% ist wichtig, damit die verschachtelte Liste funktioniert */
#tab ul li li {float:left; background:none; }/*background:none ist wichtig, da sonst Reiter erscheinen*/
#tab li li a, 
#tab li#current1 li a {background:none; padding:0.4em 0 0.25em 1em; border:0; background-image:none; font-weight:normal; text-decoration:underline;}
#tab li li#current2  {color:#20344a; font-size:0.7em; font-weight:bold; padding:0.4em 0 0.25em 1em;}

/* Unteren Reiter bei Search1.php, Detailanzeige, ...*/
#tab-content { border:1px solid #a9bcd5; padding:0.5em; zoom:1;}/*Rahmen der Box, Achtung auf margin und padding! zoom:1 ist für den IE7 --> div bekommt Layout*/
/*zoom:1 für IE7*/
* html #tab-content {height:1px} /* IE - Grundhohe muss gesetzt werden - insbesondere für Suche - Datenbankauswahl*/
#tab-content p  {font-size:0.7em; padding:0.75em;}
#tab-content1 select {width:18em;}

/*Datenbankbaum*/
ul.dbtree, ul.dbtree ul {list-style-type:none; margin-left:5px; padding:0;}
ul.dbtree ul {margin-left:16px;}
ul.dbtree li {vertical-align:bottom; padding-top:2px;}
img.tree {margin-bottom:-1px; margin-left:-1px; padding:0;}
*html img.info, img.tree {margin-bottom:-2px; padding:0;}

/*Systematische Suche*/

ul.syst {margin:0.5em;}
ul.syst ul {clear:left; margin-left:16px;}/*für Mozilla 1.6 clear:left;*/
ul.syst li {clear:left; margin-top:0.5em; margin-left:-1px;}/*für 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;}

/*Linklisten weitere Angebote, Aktuelles*/
ul.linklist li {margin-top:0.5em;}

/* Box eckig - Contentbereich - ähnlich box3 - z.B.: detailanzeige_oben */
.box {vertical-align:top; border:1px solid #a9bcd5;}
.box-header {height:1.5em; background-color:#dce6f0;}/*notwendig wg. Höhenangabe z.B. anschaffungswunsch, magazinbestellung*/
.box-right {float:right; font-size:0.7em; padding:0.5em;}
.box-right a {font-weight:normal;}
.box h2, .box h3 {padding:0.5em; font-size:0.7em; color:#404040; background-color:#dce6f0; border-bottom:1px solid #a9bcd5;}
.box-container {padding:0.5em;}
.box p {padding:0.5em; line-height:140%; font-size:0.7em;}
*html .box {height:1px;} /* Angabe wichtig, da im IE die Box nur mit Höhenangabe darin liegende Boxen umschließt, IE7 braucht zoom */

#hitlist {overflow:auto;}

/*Trefferliste*/
.db {float:left; background-color:#dae5f0;}
.browse {float:right; text-align:right; font-size:0.7em; padding:0.5em;}
.browse a {font-weight:normal; text-decoration:underline;}


/*Box eckig - li Box Trefferliste FAST*/
.box1 {width:100%; height:100%; padding-bottom:0.5em; background-color:#f7f8f9; border:1px solid #a9bcd5;}
.box1 h2 {font-size:0.7em; color:#404040; padding:0.5em; background-color:white; border-bottom:1px solid #a9bcd5/*#dee3fe*/;}
.box1 h3 {font-size:0.7em; color:#666; padding:0.75em 0.5em 0em 0.5em; } /*Bilder + - in h3 besser als link?*/
/*.box1 img {width:1em; height:1em;}*/
.box1 ul {margin-right:0.5em;}
.box1 li {font-size:0.7em; line-height:140%; margin-left:0.5em;}
.box1 li li {font-size:1em;}
.box1 p {font-size:0.7em; line-height:140%; padding:0 0.5em 0.5em 0.5em;}

 
 /*flexible Box mit rechter abgerundeter Ecke */
.box3 {width:11.9em; border:1px solid #a9bcd5;}
.box3-header {height:1.5em; background-color:#dce6f0; border-bottom:1px solid #a9bcd5; }
.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.7em; line-height:140%;}
.box3 h2 {color:#404040; font-size:0.7em; padding:0.5em; /*padding-left:0.25em;*/}
.box3 strong {color:#666; font-size:1em; padding:0 0 0 0; margin:0;} /*anstelle von h3 einsetzen*/
.box3 ul {font-size:1em; padding:0; margin:0;}
.box3 p  {font-size:1em; margin-top:0.5em; }/*wirkt nicht auf oberstem */
.box3 input, 
.box3 select {width:98%; font-size:1em; margin-bottom:0.25em;}
.box3 input.radio, input.check {border:0; width:auto;}
.box3 .cover {float:left; margin-right:8px; margin-bottom:4px; border:1px solid #ccc;} 
.box3 input.link {font-size:1em; width:auto; color:#034ea2; padding:0; background-color:white; border:0; border-bottom:1px solid #034ea2; cursor:default;}

/*Merkliste*/
.memorize {padding:0.5em; font-size:0.7em; border-bottom:1px solid #a9bcd5;}

input.calbutton {width:3em;}
table#calendar {width:auto; border:1px solid #a9bcd5; margin:0.5em; padding:2px;}
table#calendar th, 
table#calendar td {margin:0; padding:0; font-size:0.7em; }

/* no hits */
p.nodata {
  margin: 1em 0 0 0.5em;
}

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

 

/* tooltips */
a.tt, a.tt:link, a.tt:visited  {
  position: relative;
  text-decoration: underline;
  color: #034ea2; 
;
  }
  
a.tt:active {
  color: #f60;
  text-decoration: underline;
  color: #c00; 
  }
  
a.tt:hover {
  color: #f60;
  text-decoration: underline;
  }

a.tt span {
  display: none;  
  text-decoration: none; 
}

a.tt:hover span {
  display: block;
  position: absolute; 
  padding: 5px;
  top: 20px; 
  left: 0; 
  width: 200px;
  z-index: 100;
  color: #000000;
  line-height: 130%; 
  border: 1px solid #e0e4e7; 
  background: #ffffcc;
  font: 11px verdana,arial,helvetica; 
  text-align: left;
  }



#footer { font-size:0.7em; color:#666; margin:20px 0 8px 0; padding:0.5em 1em; }
#footer #copyright {float:right; font-size:10px; margin-top:20px;}
#footer #closing     { text-align: left; font-size:11px; position: relative; bottom: 2em;}
#footer #closing  p { padding: .5em; }
#footer #closing  #bonn { text-align: center; font-size:12px; margin-top:20px;}
#footer img {vertical-align:middle;}

/* ]]> */