/* Global settings */

* { font-family: Arial, Helvetica, sans-serif; }
body, p, td, div, span, input { font-size: 13px; }
pre, textarea { font-family: Courier New, Courier, monospace; }
textarea { font-size: 12px; }
input, textarea { 
    background-color: #eeeeee; 
    border-style: solid; 
    border-color: #b5b5c6; 
    border-radius: 3px;
    padding: 2px;
}
input[type=checkbox] {
    margin-top: -1px;
    position: relative;
    top: 4px;
}
div.tabedit input[type=checkbox] {
    top: 0px;
}
/* input, textarea, select { background-color: #eeeeee; border-style: solid; border-color: #b5b5c6; } */
input:focus, textarea:focus { background-color: #bbbbff; }
/*.focus, input:focus, textarea:focus, select:focus { background-color: #bbbbff; }*/
img { border: 0px; }
a { color: #000044; text-decoration: none; font-weight: normal; }


body { margin: 0px; }

div.header table { border-collapse: collapse; width: 100%; }
div.header table.decor { background-color: #ffffff; border: 0px; }
div.header table.decor span.date { font-size: 11px; font-style: italic; padding: 2px 5px 0px 0px; }

div.header td.label { vertical-align: middle; padding: 3px 20px 4px 15px; }
div.header td.label a:hover { text-decoration: none; }
div.header table.decor img.logo { padding: 3px 5px 3px 35px; }
div.header table.decor img { padding: 5px 5px 0px 5px; }
div.header em { font-size: 19px; font-weight: bold; font-style: normal; color: #444444; }

div.header td.title { vertical-align: middle; color: #ffffff; font-size: 13px; font-weight: bold; }

div.header td.logon { vertical-align: top; text-align: right; padding: 3px 5px 1px 1px; }
div.header a.logon { font-weight: bold; color: #000000; }


/* Bread Crumbs */

div.header table.crumbs { background-color: #808080; background: url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/logos/nav_main.png") bottom left; background-repeat: repeat-x; }
div.header table.crumbs td { padding: 1px 0px 2px 55px; }
div.header table.crumbs a { color: #dddddd; font-size: 12px; font-weight: bold; padding: 0px 5px; }
div.header table.crumbs a.current { color: #070707; }


/* Navigation */

div.header table.nav {
 width: auto; background-color: #ffffff; background: url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/logos/nav_sub.png") center left; background-repeat: repeat-x;
 margin: 0px 45px; border-top: none; }
div.header table.nav td { padding: 3px 0px; }
div.header table.nav a { color: #000000; font-size: 12px; padding: 0px 15px; }


div.fullnav th { font-size: 11px; color: #808080; text-align: left; padding: 2px 5px; border: 1px solid #888888; }
div.help_switch a { font-size: 11px; font-weight: bold; color: #808080; }
button.foldedhelp { 
    vertical-align: top; 
    margin-top: 2px; 
    font-size: 11px;
    font-weight: bold; 
    color: #CF5000; 
    border: 3px solid #DDDDDD; 
    border-radius: 5px;
    }

div.search tr.even { background-color: #eeeeee; }
div.search tr.odd { background-color: #f6f6f6; }
div.search tr.cur { background-color: #bbbbff;}
div.search tr.subsum td {
   background-color: #DDDDDD;
   padding-bottom: 10px;
}
div.search tr.grpstart td { border-top: 2px solid #828282; }

div.tabedit tr.even { background-color: #eeeeee; }
div.tabedit tr.odd { background-color: #f6f6f6; }
div.tabedit tr.mark { background-color: #8A6EA2; }

div.wentry { white-space: normal; }
div.wentry p { margin: 0px; }

table.edit_header td.edit_status { width: 100px; }
div.editchooser b.record_label { font-size: 18px; }

div.tinylogin { border: 2px solid &dmtl-nav_border;; }
div.tinylogin * { line-height: 16px; text-align: right; font-size: 12px; font-weight: normal;}
div.tinylogin form { padding: 0px; margin: 0px; }
div.tinylogin input { text-align: left; width: 150px;
                      border: 2px #F7F5F1 inset; padding: 1px 2px; }
div.tinylogin span.passwd { color: #000044; }
div.editchooser table td { padding: 8px; }


/* frames and tabs */
html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, fieldset { margin: 0px; padding: 0px; }
/*
li       { display: block; list-style: none; }
*/
.multicontent .multiNav {height:28px; list-style-type:none; margin:0px; margin-bottom: -4px; padding:0px; position:relative; z-index:5;}
.multicontent ol.multiNav {height:28px; list-style-type:none; margin:0px; margin-bottom: -4px; padding:0px; position:relative; z-index:5;}
.multicontent .multiNav { background: url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/topright.png") no-repeat right bottom; }
.multicontent .multiNav a {color:#000000; text-decoration:none; letter-spacing:0px;}
.multicontent .multiNav a:hover {text-decoration:underline;}
.multicontent .multiNav a:visited {color:#000000;}

.multicontent .multiNav li {background:transparent url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/leftoff.png") no-repeat top left; float:left; margin:0px 0px 0px -19px; padding:0px;}
.multicontent .multiNav li a {display:block; line-height:24px; padding:0px 24px 0px 3px; text-align:center; margin-left:19px;}
.multicontent .multiNav li a {background:transparent url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/rightoff.png") no-repeat top right;}
.multicontent .multiNav li a span {display:block; line-height:24px; }

/* ----- erstes + letztes besonders ----- */
.multicontent .multiNav li.first {background:transparent url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/firstoff.png") no-repeat top left; margin-left:0px; padding-left:5px;}
.multicontent .multiNav li.first a {margin-left:0px;}
.multicontent .multiNav li.last a  {background:transparent url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/rightoff.png") no-repeat top right;padding-right:24px;}

/* ----- active: allgemein ----- */
.multicontent .multiNav li.active   {background:transparent url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/lefton.png") no-repeat top left;}
.multicontent .multiNav li.active a {background:transparent url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/righton.png") no-repeat top right; font-weight:bold; letter-spacing:0px;}
.multicontent .multiNav li.active a:hover {cursor:default; text-decoration:none;}
.multicontent .multiNav li.active a:visited {cursor:default; text-decoration:none;}

/* ----- active: erstes + letztes besonders ----- */
.multicontent .multiNav li.firstActive {background:transparent url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/firston.png") no-repeat top left;}
.multicontent .multiNav li.lastActive a {background:transparent url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/righton.png") no-repeat top right;}

.multicontent li.multiNavAppendix { float: right; height: 22px; }
.multicontent li.multiNavAppendix,
.multicontent li.multiNavAppendix a { background: transparent; padding: 1px 0px 0px 5px; line-height: 21px; letter-spacing: 0px; }
.multicontent li.multiNavAppendix a         { color: #1144CC; }
.multicontent li.multiNavAppendix a:visited { color: #5577FF; }

/* Inhalts-Box: */
.multicontent .multiBox { clear: left; }
.multicontent .multiBox li        { display: none; }
.multicontent .multiBox li.active { display: block; }
.multicontent .multiBox li li     { display: block; }
.multicontent .multicontent .multiBox li        { display: none; }
.multicontent .multicontent .multiBox li.active { display: block; }
.multicontent .multicontent .multiBox li li     { display: block; }
.multicontent .moduleContent  { overflow: auto; }
.moduleContent {
    float:      left;
    padding:    0px 0px 0px 0px;
    background: no-repeat left bottom;
    width: 470px;
    background-image: url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/bottom-m3.png"); 
}
.moduleContent_wide {
    float:      left;
    padding:    0px 0px 0px 0px;
    background: no-repeat left bottom;
    width: 970px;
    background-image: url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/bottom-m4.png"); 
}
.moduleContent_narrow {
    float:      left;
    padding:    0px 8px 0px 8px;
    background: no-repeat left bottom;
    width: 294px;
    background-image: url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/bottom-m2.png"); 
}
div.multicontent { width: 470px; }
div.singlecontent { width: 470px; }
div.multicontent_wide { width: 970px; }
div.singlecontent_wide { width: 970px; }
div.multicontent_narrow { width: 310px; }
.multicontent ol.multiBox { margin: 0px; padding: 0px; }
.multicontent .multiBox .moduleContent { padding: 8px 8px 8px 8px; margin-bottom: 10px; }
.multicontent .multiBox .moduleContent { width: 454px; }
.singlecontent .moduleContent { padding: 8px 0px 8px 0px; margin-bottom: 10px; display: block; }
.singlecontent .moduleContent > div { margin: 0px 8px 0px 8px; padding: 0px 0px 0px 0px; }
.singlecontent_wide .moduleContent_wide { padding: 8px 0px 8px 0px; margin-bottom: 10px; display: block; }
.singlecontent_wide .moduleContent_wide > div { margin: 0px 8px 0px 8px; padding: 0px 0px 0px 0px; }

.module h2      { padding: 0px 8px; margin: 0px; height: 1%; }
.module h2 span {
    display:       block;
    line-height:   23px;
}

.module {
    float:         left;
    display:       inline; 
    margin-bottom: 10px;
    margin-right:  0px;
    font-size:     0.85em;
    line-height:   1.35em;
}
.module ul       { margin-bottom: 10px; }
.module ul p     { margin-bottom:  0px; }
.module table ul { margin-bottom:  0px; }
.module h3       { margin-bottom:  5px; font-size: 1.1em; }
.module caption  { margin: 0px;         font-size: 1.2em; font-weight: bold; text-align: left; }

.module .moduleContent .hr    { display: block; border-bottom: 1px solid #E2EBF8; }
.module .moduleContent .hr hr { display: none; }

.module tfoot          a.more   { display: block; text-align: right; }
.module .moduleContent a.target { display: block; margin-top: 0.3em; }


.module    h2, #content .module .noHeader { background: no-repeat left top; }

.module.m3 { width: 470px; }
.module.m3 h2 { background-image: url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/top-m3.png"); }

.module.m4 { width: 970px; }
.module.m4 h2 { background-image: url("https://vertrieb.venjakob-moebel.de/Ven/Webvertreter/graphics/borders/top-m4.png"); }

i.rendertime { color: #E0E0E0; }
span.i18n { background-color: #F4F19C; }
div.i18nhint { display: none; }
div.i18nhint {
        /*opacity: 0.0001;*/
        position: absolute;
        width: 253px;
        height: 54px;
        background: url(../images/bg_ctaTooltip.png) 0 0 no-repeat;
        top: -1.5em;
        left: -30px;
        z-index: 100;
}


#nav_horiz { background-color: #CFCFCF; border-color: #5C7CB2; border-width: 1px; border-left:medium none; }
#crumbs a.current { color: #070707; font-weight: bold; }
#sitedate { position: absolute; top: 40px; font-style: italic; font-size: 10pt; color: #404040; }
#i18n_switcher { position: absolute; top: 46px; right: 26px; }

div.tabedit span.missing, div.tabedit span.error input { background-color: #F67070; }

tr.search_label > th {
    position: sticky;
    top: 0px;
    z-index: 5;
}


div#notifier {
    position: relative;
    top: 14px;
}
div#notifier a:hover {
    text-decoration: none;
}
span#aanewtickets,
span#aaurlaubsantraege,
span#aaworkflow,
span#aarechnungen,
span#aastempkorr {
    background-color: #ee5555;
    border: 2px solid #dd4444;
    border-radius: 11px;
    color: #ffffff;
    padding-left: 4px;
    padding-right: 5px;
    position: relative;
    width: 15px;
    top: -5px;
    left: -7px;
    z-index: 0;
}
div.vjprinthead { display: none; }
div#querysource { display: none; }

/* Drag and drop Bildupload */
.imageDropper{
    position: relative;
    width: 300px;
    height: 332px;
    border: 3px solid #b5b5c6;
    padding: 2px;
    background-color: #eeeeee;
    border-radius: 3px;
}
.imageDropper .imageDropperPreview{
    width: 300px;
    height: 300px;
    object-fit: contain;
}
.imageDropper .imageDropperDelete{
    position: absolute;
}
.imageDropper .imageDropperInput{
    width: calc(100% - 10px);
    height: 22px;
    padding: 5px;
    border: 0px;
    border-radius: 0px;
}
.imageDropper.maximumSpace{
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.imageDropper.maximumSpace .imageDropperPreview{
    overflow: auto;
    width: 100%;
    height: calc(100% - 32px);
}
.imageDropper.iamDropzone{
    border: 3px groove #ff3300;
    background-color: #ffffff00;
}
.imageDropper.iamDropzone .imageDropperInput{
    position: absolute;
    top: 0px;
    left: 0px;
    height: calc(100% - 10px);
    padding: 5px;
    margin: 0px;
    background-color: #bbbbff;
}
.imageDropper.iamProcessing{
    opacity: 0.7;
}

@media print {
  div#nav_horiz,
  div#crumbs,
  div#logon,
  div#header,
  div#testsystem,
  div#nav_vert,
  div#i18n_switcher,
  div#header_cockpit	{ display: none; }
  div.body_nav_vert	{ margin: 0px 0px 0px 0px; }
  table.searchhead  { border-bottom: 0px; }
  div.search tr.search_label_disabled { border-bottom: 2px solid #222222; }
  div.search tr.search_label { border-bottom: 0px; }
  div.search tr.search_label th { padding: 0px; }
  div.search td { page-break-inside: avoid; border-bottom: none; }
  div.search th.hidecontrol a { display: none; }
  div.search th.hidecontrol b { display: none; }
  div.search th.hidecontrol img { display: none; }
  div.search table      { width: 100%; }
  table.searchhead  input, 
  table.searchhead a, 
  table.searchhead button, 
  button.search_plus,
  a.db_edit_arrow  { display: none; }
  tr.search_label > th {
      position: relative;
      top: 0px;
  }
  table.searchhead  td  { font-weight: bold; }
  div.search th { border-bottom: 1px solid #111111 !important; }
  div.pager             { display: none; }
  div#apsm_gui          { display: none; }
  div.vjprinthead { display: inline; position: fixed; top: 0px; left: 0; width: 100%; }
  div.vjprinthead img.logo { width:200px; }
  div.vjprinthead div.td { font-weight: bold; vertical-align: top; display: table-cell; border-collapse: collapse; }
  div.vjprinthead div.tr { display: table-row; }
  div.vjprinthead div.mid { text-align: center; width: 100%; }
  div.vjprinthead div.table { display: table-header-group; }
}


@page {
    size: auto;
    margin: 0.6cm 1.2cm 1.2cm 2.0cm;
    @top-right { content: "" };
    @top-left { content: "" };
    @bottom-right { content: "" };
    @bottom-left { content: "" };
    @bottom-left-corner { content: "" };
}

li.jsmenu { 
    display: none;
}

li.jslevel1 {
    display: block;
}