/*
   CSS - Styles für Online-Journals
   screen.css
   2009-03-09, 2010-11-08, 2010-12-09, 2011-03-07, 2011-03-11, 2012-04-12, 2012-09-10, 2013-04-24, 2014-02-06, 2015-10-14,
   2016-03-30, 2016-08-31, 2016-09-06, 2017-03-06, 2017-03-24, 2018-05-17, 2018-05-24, 2018-06-21, 2019-02-07
*/


.rund6     { border-radius:6px; }
.rund4     { border-radius:4px; }

/* Cookie-Hinweis und Akzeptanz-Abfrage */
div.cookieInfo       { text-align:left; margin-bottom:15px; padding:8px; border-radius:8px; border:1px solid #000000; background:#536B6C; color:#ffffff; font-weight:bold; }
div.cookieInfo a,
div.cookieInfo a:hover { color:#EEDD84; font-weight:bold; text-decoration:none; }
div.cookieInfo a.cookieAcceptButton { display:inline-block; padding:1px 5px; border:1px solid #000000; border-radius:4px; margin:2px 0px 0px 8px; background:#ffffff; background-image:linear-gradient(to bottom, #ffffff, #dddddd); font-weight:bold; color:#333333; text-decoration:none; position:relative; top:2px; }

/* Titel und Coverbild für Kopfzeile */
.headtitle            { position:absolute; top:21px; left:151px; font-size:25px; font-weight:normal; color:#fafafa; text-shadow:3px 2px 2px #333333; }
.headtitleshadow      { position:absolute; top:24px; left:153px; font-size:25px; font-weight:normal; color:#22383f;  }
.headlongtitle        { font-size:20px; top:25px; }
.headlongshadow       { font-size:20px; top:27px; }

.headinfo             { position:absolute; right:14px; top:3px; font-size:10px; color:#bbbbbb; }
.site_languages       { position:absolute; right:19px; top:34px; font-size:8px; color:#ffffff; }

/* 100px Cover links oben: */
.headcover            { position:absolute; top:21px; left:21px; width:auto; }
                        /* background:url(head-cover-bg.gif) bottom right no-repeat; */
.headcoverimg         { border:1px solid #444444; border-top-color:#cccccc; border-left-color:#cccccc; box-shadow:3px 3px 3px #888888; }

/* spezielle Einzelformatierungen */

table.zsnbox           { border-spacing:10px; }
table.zsnbox td        { width:110px; border:1px solid #bbbbbb; padding:1px; background:#E6E5DC; 
                         text-align:center; vertical-align:top; }
table.zsnbox td.clean  { border:0px; background:#F0F0EC; width:auto; text-align:left; }

.zsngroupname          { margin:10px 0px 6px 0px; font-size:12px; font-weight:bold; }

.zsnnewbox             { display:inline-block; width:360px; height:168px; vertical-align:top; margin:0px 15px 15px 0px;
                         padding:4px; background:#e6e5dc; border:1px solid #bbbbbb; overflow:hidden; }
.zsnnewbox_slim        { height:135px; }
.zsnnewbox img         { display:inline-block; margin:0px 6px 0px 0px; }
.zsnnewboxinfos        { display:inline-block; width:242px; vertical-align:top; }
.zsnnewboxinfop        { margin-bottom:5px; }

.issuebox              { display:block; vertical-align:top; margin:0px 0px 15px 0px; width:650px;
                         padding:4px; background:#e6e5dc; border:1px solid #bbbbbb; }
.issuebox img          { display:inline-block; margin:0px 15px 0px 0px; border:1px solid #bbbbbb; } /* Breite: 50px; */
.issueboxinfos         { display:inline-block; width:560px; vertical-align:top; padding:10px 0px 0px 0px; }

.issueboxsmall         { display:inline-block; vertical-align:top; text-align:center; margin:5px 10px 5px 0px; 
                         padding:4px 6px; background:#e6e5dc; border:1px solid #bbbbbb; }
.issueboxsmall img     { border:1px solid #bbbbbb; }

table.pdfcart          { border-spacing:1px; width:550px; }
table.pdfcart td       { border:0px; padding:4px 6px; text-align:left; vertical-align:top; }
table.pdfcart tr.p1 td { background:#e6e5dc; }
table.pdfcart tr.p2 td { background:#d6d6cc; }

.jtooltip             { display:none; padding:4px; background-color:#E6E5DC; color:#333333; border:1px solid #314E54; width:300px; }

.align_left           { text-align:left; }
.align_right          { text-align:right; }
.align_center         { text-align:center; }
.align_bottom         { vertical-align:bottom; !important }

.but_block            { display:block; width:95%; }  /* für Block-Buttons mit fester Breite */
.but_block100         { display:block; }             /* für Block-Buttons mit fester Breite */
.box_clear            { clear:both; height:1px; margin:0px; padding:0px; }

.nobottommargin       { margin-bottom:0px; }
.nomargin             { margin:0px; padding:0px; }

.navispace            { height:9px; font-size:1px; }
.navimargin           { margin: 2px 0px; }
.navimain1            { font-weight:bold; }
.navimain2            { margin-left:1px; font-weight:normal; }
.naviyear             { margin-left:1px; }
.naviyear a           { padding:0px 1px; }
.naviyear a:hover     { background:#536B6C; color:#fafafa; }
.naviissues           { margin-left:5px; font-size:3px; }
.naviissues a         { padding:0px 2px; font-size:11px; }
.naviissues a:hover   { background:#536B6C; color:#fafafa; }

.box_head-right a,
.box_head-right a:link,
.box_head-right a:visited,
.box_head-right a:active,
.box_head-right a:hover  { color:#eee8aa;  font-size:11px; }

a.lbutton,
a.lbutton:link,
a.lbutton:visited,
a.lbutton:active,
a.lbutton:hover       { display:inline-block; width:auto; height:15px; margin:1px 2px 2px 2px; line-height:15px; vertical-align:middle; padding:1px 2px;
                        background:#dee3dd; border:1px solid #999999; border-radius:3px; font-size:11px; }

.tocmetabox           { padding:2px 0px; }
.tocitembox           { padding-top:14px; }            /* TOC  Metadaten und Titel*/
.tocabstractbox       { padding:6px 0px 6px 15px; }    /* Abstract zum Auf- und Zuklappen */
.tocbuttonbox         { padding:4px 0px 10px 0px; }    /* Links auf Volltext, Bild, Endnote, etc. */
a.tocbut              { display:inline-block; margin:0px 7px 0px 3px; border:0px solid #536B6C; border-radius:4px; padding:1px 3px 1px 3px; font-weight:normal; font-size:11px; color:#536b6c; white-space:nowrap; } /* background:#e6e5dc; */
span.tocbut           { display:inline-block; margin:0px 7px 0px 3px; border:0px solid #999999; border-radius:4px; padding:1px 3px 1px 3px; font-weight:normal; font-size:11px; color:#777777; white-space:nowrap; }
a.tocbut img,
span.tocbut img       { display:inline-block; margin-right:4px; border:0px; }

.atitle               { font-weight:bold; font-size:12px; }
.subtitle             { font-weight:bold; color:#7a7a7a; }

.openaccess           { display:inline-block; font-size:10px; color:#222222; font-weight:bold; background:#FAE496; padding:1px 5px; margin:1px 3px 1px -1px; border:1px solid #F0B840; border-radius:3px; }
.qoslabel             { display:inline-block; font-size:10px; color:#333333; font-weight:bold; background:#DFDCCD; padding:1px 5px; margin:1px 3px 1px -1px; border:1px solid #7D6549; border-radius:3px; }
.qoslinkbox           { display:block; min-width:80px; width:auto; float:right; font-size:10px; color:#333333; font-weight:bold; background:#DFDCCD; padding:0px; margin:1px 1px 5px 10px; border:1px solid #7D6549; border-radius:3px; } /* QOS-Braun #DED8BE */
.qoslinkbox b         { display:block; width:auto; margin:0px; padding:3px 3px; text-align:center; border-bottom:1px dotted #7D6549; }
.qoslinkbox a         { display:block; width:auto; margin:0px; padding:4px 3px; text-align:center; color:#333333; }
.qoslinkimg           { display:block; min-width:80px; width:auto; float:right; font-size:10px; color:#333333; padding:0px; margin:1px 1px 5px 10px; border:0px; } /* QOS-Braun #DED8BE */
.qoslinkimg img       { border:0px; padding:0px; margin:0px; max-width:100px; }

.pressrelease         { width:550px; margin:10px 0px 0px 0px; background:#E6E5DC; padding:4px 6px; line-height:16px; text-align:left; }
.pressrelease img.pm  { max-width:100px; float:right; margin-left:5px; }

.anzeigen             { margin-top:25px; }
.anzeigen img         { width:70px; height:90px; margin:6px 15px 4px 1px; border:1px solid #cccccc; }

/* Footer-Links am Fuß: */
div.footer,
div.footer *          { text-align:center; color:#536B6C; font-size:11px; margin:5px 0px 0px 0px; }

.copyright            { text-align:center; color:#333333; font-size:11px; margin:5px 0px 0px 0px; }
.copyright a          { color:#333333; font-size:11px; }

.fehler, .error       { color:#cc3333; font-weight:bold; }
.errorbox             { display:block; margin:0px 0px 20px 0px; border:1px solid #cc3333; border-radius:5px; padding:6px 6px; background:#F0F0EC; 
                        color:#cc3333; font-weight:bold; }

.rot,   .red          { color:#990000; }
.blau,  .blue         { color:#000099; }
.gruen, .green        { color:#009900; }
.hint                 { color:#a07010; }
.gray, .grau          { color:#555555; }
.grey                 { color:#dddddd; }
.white                { color:#fafafa; }

.nobold               { font-weight:normal; }

.bildunterschrift,
.legende,
.small                { font-size:10px; }
.disabled             { color:#666666; }

.diffsuch             { display:none; }

ul.inlist,
ol.inlist             { margin:10px 0px 0px 15px; padding:0px; }
ul.inlist li,
ol.inlist li          { margin:2px 0px 0px 7px; padding:0px; }

table.liste    { margin:0px; border:0px; border-collapse:collapse; }
table.liste td { vertical-align:top; border-bottom:1px solid #999999; padding:3px 5px; }
table.liste td.mitte { text-align:center; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }


/* eingebettete PDFs: */
.embpdf               { height:100%; min-height:600px; width:100%; margin:0px; border:0px; padding:0px; }
* html .embpdf        { height:600px; }  /* Star-Hack für IE 6.0 */


/* eingebettete HTML-Artikel nutzen: */
.abstract             { padding:4px; }
.abstract,
.tabelle              { background:#CECFC9; }
.tabelle_light        { background:#E6E5DC; }
.kasten               { background:#E6E5DC; border:1px solid #888888; padding:5px; width:95%; }

.texttabelle    { padding:2px; border-spacing:2px; empty-cells:show; font-size:10pt; }
.texttabelle td { background-color:#E6E5DC; padding:2px; }
.texttabelle th { background-color:#E6E5DC; padding:2px; text-align:center; font-weight:bold; }
.texttabelle td.bildunterschrift { font-size:10px; background-color:#f6f5ec; }
.texttabelle td.ohnehintergrund  { background-color:#f6f5ec; }

table.tabtab            { margin:0px; padding:0px; border:0px; table-layout:auto; 
                          border-collapse:collapse; border-spacing:0px; empty-cells:hide; }
table.tabtab td         { padding:4px 15px 4px 0px; border:0px; text-align:left; vertical-align:middle; }                            
table.tabtab td.vbtm    { vertical-align:bottom; }                            


/* Submission */
a.stepbut    { display:inline-block; width:130px; margin:3px; padding:2px 5px; text-align:center; border:1px solid #666666; background:#dddddd; color:#333333; }
a.stepbut_ok { display:inline-block; width:130px; margin:3px; padding:2px 5px; text-align:center; border:1px solid #66ff66; background:#eeffee; color:#006600; }
a.stepbut_no { display:inline-block; width:130px; margin:3px; padding:2px 5px; text-align:center; border:1px solid #ff6666; background:#ffeeee; color:#660000; }
.stepbutX,
a.stepbutX   { display:inline-block; margin:3px; padding:2px 5px; text-align:center; border:1px solid #536B6C; background:#e0e5e0; color:#536B6C; white-space:nowrap; font-weight:bold; }

.borderbox   { position:relative; background:#ebebe8; border:1px solid #776633; padding:3px 5px; }

div.submailing { margin:5px 0px 10px 0px; background:#f6f5ec; border:1px solid #776633; padding:2px 4px; }
div.submailtext { border-top: 1px dotted #444444; padding-top:6px; }

/* Formularfelder */

form { margin:0px; padding:0px; }

select.DSF_day,
select.DSF_month,
select.DSF_year
     { color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.buttonX, a.buttonX
     { color:#333333; padding:1px 4px; background:#dee3dd;
       border:1px solid #aaaaaa; border-right-color:#444444; border-bottom-color:#444444; margin:1px; }

input.button80, a.button80
     { width:80px; color:#333333; padding:1px 4px; background:#dee3dd;
       border:1px solid #aaaaaa; border-right-color:#444444; border-bottom-color:#444444; margin:1px; }

input.fieldX,
select.fieldX,
option.fieldX,
textarea.fieldX
     { color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field50,
select.field50,
option.field50,
textarea.field50
     { width:50px; color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field80,
select.field80,
option.field80,
textarea.field80
     { width:80px; color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field100,
select.field100,
option.field100,
textarea.field100
     { width:100px; color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field200,
select.field200,
option.field200,
textarea.field200
     { width:200px; color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field300,
select.field300,
option.field300,
textarea.field300
     { width:300px; color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field400,
select.field400,
option.field400,
textarea.field400
     { width:400px; color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field500,
select.field500,
option.field500,
textarea.field500
     { width:500px; color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field600,
select.field600,
option.field600,
textarea.field600
     { width:600px; color:#333333; background:#f8f8ee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }


/* OMI Cart */
table.omicart tr td.item     { background:#e6e5dc; }
table.omicart tr.o td.item   { background:#d6d6cc; }
table.omicart td.omicarthead { background:#d2d2c8; }


/* für horizontales Menu: */
div.mainmenu { position:absolute; top:52px; right:12px; width:auto; height:20px; margin:0px; padding:0px; white-space:nowrap; text-align:right; }

/* Drop-Down-Menü: */
.qvcssmenu
{
  width:auto;
  text-align:right;
}
.qvcssmenu ul
{
  width:auto;
  text-align:right;
  margin:0;
  padding:0;
  list-style-type:none;
  z-index:999;    /* notwendig, damit Menü über Tabs liegt! */
}
/* Top level list items */
.qvcssmenu ul li
{
  width:auto;
  position:relative;
  display:inline;
  float:left; 
}
/* Top level menu link items style */
.qvcssmenu ul li a
{
  display:block;
  width:auto;
  padding:3px 7px 4px 7px;
  color:#333333;
}
.qvcssmenu ul li a:hover
{
  background:#919f9d; /* tab link background during hover state */
}
/* 1st sub level menu */
.qvcssmenu ul li ul
{
  position:absolute;
  text-align:left;
  left:0;
  display:block;
  visibility:hidden;
  border:1px solid #67675d;
}
.qvcssmenu > ul > li > ul
{
  border-top:0px;
}
/* Sub level menu list items (undo style from Top level List Items) */
.qvcssmenu ul li ul li
{
  display:list-item;
  float:none;
}
/* All subsequent sub menu levels vertical offset after 1st level sub menu */
.qvcssmenu ul li ul li ul
{
  top:0;
}
/* Sub level menu links style */
.qvcssmenu ul li ul li a
{
  width:auto;   /*width of sub menus*/
  white-space:nowrap;
  background:#e2e2da; 
  color:#333333;
  padding:3px 5px;
  margin:0;
}
/* sub menus hover style */
.qvcssmenu ul li ul li a:hover
{
  background:#919f9d;
}
/* CSS classes applied to down and right arrow images */
.downarrowclass
{
  position:absolute;
  top:7px;
  right:5px;
  display:none;
}
.rightarrowclass
{
  position:absolute;
  top:3px;
  right:5px;
}