/* Grundfestlegungen für den htmloutput allgemein ad */
body, td
{
  font-family:Arial;  
  font-size:10pt;
}
p, div {
border-left-width:0px;
border-right-width:0px;
border-top-width:0px;
border-bottom-width:0px;
}

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

table
{
  border-collapse:collapse;
  border-spacing:0px;
  /*margin-left:0px!important;*/
}

td
{
  vertical-align:top; 
  /*padding-left:0.19cm;
  padding-right:0.19cm;*/
  padding:0px;
  box-sizing:border-box; 
}
p,div,h1,h2,h3,h4,h5,h6,h7,h8,h9,table
{
  padding:0px;
  margin:0px;
  text-indent:0px; /* wichtig, weil sich der scheiss vererbt!!! */ 
}

.Kapitelverweis span:before, .Blockverweis span:before
{
  content:attr(content);
  opacity:.5;

}
/* FEHLER */
.ERROR {
position:relative;
display:inline-block;
border:1px solid white;
width:50px;
height:10px;
max-width:50px;
max-height:10px;
overflow:hidden;
text-overflow:ellipsis;
background-color:firebrick!important;
color:whitesmoke!important;
font-size:x-small!important;
}

.ERROR:hover
{
  text-overflow:unset;
  width:auto;
  height:auto;
max-width:250px;
max-height:250px;

}

.TWO-COLUMNS{
  column-count:2;
}

.BREAK-LONG-WORDS{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /*word-break: break-all;*/
  word-break: break-word;
  /*-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
}

/*.ERROR:after{
    content: attr(ERROR);
    color:darkred;
    padding: 2px;
    display:none;
    position: absolute; z-index:20000; top: 0px; right: 0px; width: 150px; text-align: center;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.ERROR:hover:after{
    display:inline-block;
}*/


/* FESTLEGUNGEN FÜR FUSSNOTEN */
/*
   ne fussnote wird abgebildet durch einen Span.Fussnote 
   der als Text ein * enthält und danach einen span.fncontent,
   der den eigentlichen Html-Inhalt enthält.
  Letzterer wird standardmäßig ausgeblendet und nur beim hovern (absolut positioniert) ausgegeben
*/
span.Fussnote span.fnmarker{
  color:blue;
}

span.Fussnote:hover span.fncontent {
display:inline-block!important;
visibility:visible!important;
position:absolute;
margin-left:-1.4cm; /* damit, wenn er ganz rechts landet noch vernünftig angezeigt wird (davon ausgehend, dass es einen vernünftigen left margin gibt)*/
margin-top:-0.8cm; /* damit, wenn er ganz unten landet noch vernünftig angezeigt wird (davon ausgehend, dass es einen vernünftigen left margin gibt)*/
border:1px solid gray;
background: #ffe;
}

span.Fussnote span.fncontent {
display:none!important;
visibility:hidden!important;
}



/* FESTLEGUNGEN FÜR MARGINALIEN */
.Block, .Tabelle, .Handlungsanweisung, .Sicherheitshinweis
 {
     clear:both;  /*Diese elemente sollen nicht rechts weiterfließen, sondern erst unterhalb eventueller Marginalelementen stehen*/
 }
.Zeitungslayout 
{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;    
}
/* Attribute bei Format */
.ATT_bold_true
{
    font-weight:bold;
}
.ATT_italic_true
{
    font-style: italic;
}
.ATT_underline_true
{ 
	text-decoration: underline;
}
.ATT_vertAlign_hochgestellt
{
    vertical-align: +4px;
    font-size : 80%;
}
.ATT_vertAlign_tiefgestellt
{
    vertical-align: -4px;
    font-size : 80%;
}

/* auszublendende Elemente */
.Haupteintrag,.Untereintrag,.VariablenWerte
{
  display:none;
}


/* *****************************************************************************
       spezielle Festlegungen für WebsiteView (Kontextansicht)
****************************************************************************** */
#pub_content
{
  padding-left:0.5cm;
  font-family:Arial /* damit man merkt, wenn keine style-zuordnung stattfindet*/
}

/* die folgenden Styles betreffen di Links auf Unterseiten bei der WebsitePublikation */
.pub-pageref
{
  font-family:Arial;
  text-align:left; 
}
 .pub-pageref a::before
 {
   content: '> ';
 }
 .pub-pageref a
 {
   display:inline-block;
   padding:2px;
   background-color:#fff;
   color:#333;  
 }
 .pub-pageref a:hover
 {
   text-decoration:none;
   color:#003;  
 }


 /* der folgende Style betrifft den modalen dialog */
.modal-dialog {

width:95%!important;
}



/* FESTLEGUNGEN FÜR BLÖCKE MIT SPALTEN */
table.BLOCKSPALTEN_TABELLE
{
  table-layout:fixed; /*die spalten sollen nich dynamisch nach Inhalt ihre Breite ändern */
  margin-top:20px;
  margin-bottom:20px;
}



/* NoSpacingAfter-Attribut */
.ATT_NoSpacingAfter_true
{
  margin-bottom: 0px !important;  
}