﻿/* Festlegungen für den Bereich der Navigation. */
#navSiteNavigation
{
  border-right: 1px solid silver;
  display: table-cell;
  max-width: 400px;
  overflow: hidden;
}

/* Festlegungen für den Bereich Haupt-Seiteninhalt. */
#mainContent
{
  display: table-cell;
  width: 100%;
}


/* Festlegungen für den Nav-Container. */
#secNavContainer
{
  background-color: #FAFFFF; /* JH_10% */
  border: 5px solid #B8E9F0; /* JH_110% */
}

  /* Festlegungen für die Kopfzeile im Nav-Container (Hintergrundfarbe). */
  #secNavContainer > header
  {
    background-color: #B8E9F0; /* JH_110% */
    width: 100%;
  }

    /* Weitere Festlegungen für die Kopfzeile im Nav-Container (linker Teil). */
    #secNavContainer > header div:first-child
    {
      display: table-cell;
      font-size: 14pt;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      width: 100%;
    }

    /* Weitere Festlegungen für die Kopfzeile im Nav-Container (rechter Teil). */
    #secNavContainer > header div:last-child
    {
      display: table-cell;
    }

      /* Weitere Festlegungen für die Kopfzeile im Nav-Container (Bild im rechten Teil). */
      #secNavContainer > header div:last-child img
      {
        height: 28px;
        width: 28px;
      }


/* Einzelfestlegungen für den Bereich Haupt-Seiteninhalt. */
#mainContent
{
  font-size: 12pt;
}

/* Festlegungen für den Main-Container. */
#secMainContainer
{
  border: 5px solid #B8E9F0; /* JH_110% */
}

  /* Festlegungen für die Kopfzeile im Main-Container (Hintergrundfarbe). */
  #secMainContainer > header
  {
    background-color: #B8E9F0; /* JH_110% */
    width: 100%;
  }

    /* Weitere Festlegungen für die Kopfzeile im Main-Container (linker Teil). */
    #secMainContainer > header div:first-child
    {
      display: table-cell;
    }

      /* Weitere Festlegungen für die Kopfzeile im Main-Container (Bild im linken Teil). */
      #secMainContainer > header div:first-child img
      {
        height: 32px;
        width: 32px;
      }

    /* Weitere Festlegungen für die Kopfzeile im Main-Container (mittlerer Teil). */
    #secMainContainer > header div:nth-child(2)
    {
      display: table-cell;
      font-size: 14pt;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      width: 100%;
    }

    /* Weitere Festlegungen für die Kopfzeile im Main-Container (rechter Teil). */
    #secMainContainer > header div:last-child
    {
      display: table-cell;
    }

      /* Weitere Festlegungen für die Kopfzeile im Main-Container (Bild im rechten Teil). */
      #secMainContainer > header div:last-child img
      {
        height: 28px;
        width: 28px;
      }


/* Menü-Button-Images. */
img.MenuImgStyle
{
  background-color: white;
  border: solid 2px lightgray;
  cursor: default;
}

  /* Menü-Button-Images wenn diese mit der Maus überfahren werden. */
  img.MenuImgStyle:hover
  {
    background-color: white;
    border: outset 2px window;
    cursor: pointer;
  }
