﻿
/* diese Css ist als letzte in der Vorschau eingetragen, und überbügelt alles andere */
body {
     background-color:White;
}

.CONTENTCONTAINER
{
  xborder:1px solid green;
}

.MARGINALIENCONTAINER
{
  xborder:1px solid magenta;
}






/* ACHTUNG! Dieser Style ist wichtig für IE- und Edge-Kompatibilität, weil Microsoft anscheinend immernoch nicht richtig mit Standards umgehen kann */
.Indexeintrag {
    display:none;
}

/* ACHTUNG! Die folgenden Styles sind für die linksbündige Ausrichtung von Listentexten nötig! 
ul {
    margin-left: -40px;
}
ol {
    margin-left: -40px;
}
li {
    margin-left: 23px;
}
*/

/* ACHTUNG! Die Folgenden 3 Styles müssen erhalten bleiben, da die verschachtelte Tabelle der ANSI-SIHI's sonst ihre Rahmen von ihrem Parent erbt! */
.SIHI_ANSI_PIKTOGRAMM_TABLE {
    width:100%;
}

td .SIHI_ANSI_PIKTOGRAMM_IMAGE {
    width: 50%;
    border: 0 none;
    text-align: right;
    padding:0px;
}

td .SIHI_ANSI_PIKTOGRAMM_TEXT {
    width: 50%;
    border: 0 none;
    text-align: left;
    padding:0px;
}

/*************************************
 * Styles für Hervorhebungsselektion *
 ****************************************************************************/
 
 /* Overlay (abblendung aller Elemente) */
/*.overlay {
  position: absolute;
  margin: 0px;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(255, 255, 255, 0.65);
  z-index: 50;
}*/

/* body */
/*body{
  position:relative;
  z-index: 1;
}*/

/* hervorgehobenes Element */
/*.highlighted{
  position: relative;
  z-index: 99;
}*/

/****************************************************************************
 * Styles für Hervorhebungsselektion - ENDE *
 ********************************************/
 

/**************
 * Responsive *
 ****************************************************************************/
 
/* Tabellen-Umbruch bei kleinem Viewport */
/* .Sihi_EU_TABLE */
/*@media screen and (max-width: 600px) {
    .Sihi_EU_TABLE {
      width: 100%;
    }

    .Sihi_EU_TABLE thead {
      display: none;
    }

    .Sihi_EU_TABLE tr {
      margin-bottom: 10px;
      display: block;
    }

    .Sihi_EU_TABLE td {
      display: block;
      text-align: left;
      font-size: 13px;
    }
}*/
/* Sihi_ANSI_TABLE */
/*@media screen and (max-width: 600px) {
    .Sihi_ANSI_TABLE {
      width: 100%;
      border:1px solid black;
    }

    .Sihi_ANSI_TABLE thead {
      display: none;
    }

    .Sihi_ANSI_TABLE tr {
      margin-bottom: 10px;
      display: block;
    }

    .Sihi_ANSI_TABLE td {
      padding: 0px;
      display: block;
      text-align: left;
      font-size: 13px;
      border: 0 none;
      width: 100%;
    }
    
    .Sihi_ANSI_TABLE table tr {
      margin-bottom: 10px;
      display: flex;
      background-color: orange;
    }
  
    .Sihi_ANSI_TABLE table td {
      display: initial;
      text-align: right;
    }
}*/


/* Responsive-Tabellen */
@media screen and (max-width: 600px) {
    .table-responsive {
        display: block;
    }
    .table-responsive table {
        /*width: 525px !important;*/
    }
}



/* Allgemein */
/* Desktoprechner */
/*@media (min-width: 35cm)
{
  html
  {
   padding-left: 25%;
   padding-right: 25%;
  }
}*/
/* Netbooks/Tablets */
/*@media (min-width: 21cm) and (max-width: 35cm)
{
  html
  {
   padding-left: 15%;
   padding-right: 15%;
  }
}*/
/* Smartphones */
/*@media (max-width: 21cm)
{
  html
  {
   padding-left: 5%;
   padding-right: 5%;
  }
}*/
/****************************************************************************
 * Responsive Ende *
 *******************/