/*
   CSS - Styles für Online-Journals
   screen.css
   2009-03-09, 2010-11-08, 2010-12-09, 2011-03-07, 2011-03-11
*/


/* Titel und Coverbild für Kopfzeile */
.headtitle            { position:absolute; top:55px; left:150px; font-size:25px; font-weight:normal; color:#fafafa; }
.headtitleshadow      { position:absolute; top:57px; left:152px; font-size:25px; font-weight:normal; color:#22383f;  }
.headlongtitle        { font-size:20px; top:60px; }
.headlongshadow       { font-size:20px; top:62px; }

.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; }

.headcover            { position:absolute; top:49px; left:15px; width:115px; height:150px; 
                        background:url(head-cover-bg.gif) bottom right no-repeat; font-size:1px; }
.headcoverimg         { border:1px solid #444444; border-top-color:#cccccc; border-left-color:#cccccc; 
                        position:absolute; right:7px; bottom:9px; }

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

.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 img         { display:inline-block; margin:0px 6px 0px 0px; }
.zsnnewboxinfos        { display:inline-block; width:242px; vertical-align:top; }
.zsnnewboxinfop        { margin-bottom:5px; }

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; }

.subtitle             { font-weight:bold; color:#555555; }

.copyright            { text-align:center; color:#cccccc; font-size:10px; margin:5px 0px 20px 0px; }
.copyright a          { color:#cccccc; font-size:10px; }

.fehler, .error       { 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:#555555; }

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


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


/* Formularfelder */

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

input.buttonX, a.buttonX
     { color:#333333; padding:1px 4px; background:#BEC3BD;
       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:#BEC3BD;
       border:1px solid #aaaaaa; border-right-color:#444444; border-bottom-color:#444444; 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; }

/* 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
{
  text-align:left;
}
.qvcssmenu ul
{
  width:auto;
  margin:0;
  padding:0;
  list-style-type:none;
  z-index:999;    /* notwendig, damit Menü über Tabs liegt! */
}
/* Top level list items */
.qvcssmenu ul li
{
  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;
  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;
}