/* Hellgrau    #C8C8C8 */
/* Dunkelgrau  #454C54 */

html, body {
  background-image: url(/images/background_02.jpg);
  color:#2426ac;
}

.page_title {
  position:         absolute;
  top:              0px;
  width:            99vw;
  height:           85px;
}

.page_footer {
  position:         absolute;
  bottom:           0px;
  width:            99vw;
  height:           25px;
  color:          #FFFFFF;
  text-align:       right;
  font-size:        x-small;
  font-weight:      bold;
}

.page_menu {
  position:         absolute;
  top:              85px;
  left:             0px;
  width:            170px;
}

.page_content {
  position:         absolute;
  top:              85px;
  bottom:           25px;
  left:             180px;
  right:            10px;
  width:            calc(100% - 190px);
  height:           calc(100% - 110px);
  overflow:         auto;
}

table.tab_content {
  border:         0px;
  padding:        2px;
  border-spacing: 5px;
  width:          100%;
}
table.tab_content th {
  background-image: url(/images/background_01.jpg);
  color:            #FFFFFF;
  vertical-align:    middle;
  font-size:         x-large;
  font-weight:       bold;
}

table.tab_content td {
  background-color: #C8C8C8;
}

/* Tabellendefinition für Vertretungsplan */
table.info, table.mon_list {
  border:         0px;
  padding:        2px;
  border-spacing: 5px;
  width:          100%;
}

table.info th, table.mon_list th {
  background-image: url(/images/background_01.jpg);
  color:            #FFFFFF;
  vertical-align:    middle;
  font-size:         x-large;
  font-weight:       bold;
}

table.info td, table.mon_list td {
  background-color: #C8C8C8;
}

table.tab_content_level_2 {
  border:               25px;
  border-spacing:       0px;
}
table.tab_content_level_2 th {
  color:                #FFFFFF;
  vertical-align:       middle;
  text-align:           left;
  font-weight:          bold;
  font-size:            large;
  background:           url(/images/background_01.jpg);
  position:             sticky;
  top:                  10px;
}

table.tab_content_level_2 td {
  background:          #C8C8C8;
  font-family:          monospace;
  font-size:            14px;
  border-bottom:        2px solid #551010;
  padding:              5px;
}

table.tab_content_level_2 tr:hover td {
  background:           #ffffff;
  color:                #551010;
}


/* https://cssbuttoncreator.com/ */
.button {
  background: #ABABAB;
  background-image: -webkit-linear-gradient(top, #ABABAB, #0C0C0C);
  background-image: -moz-linear-gradient(top, #ABABAB, #0C0C0C);
  background-image: -ms-linear-gradient(top, #ABABAB, #0C0C0C);
  background-image: -o-linear-gradient(top, #ABABAB, #0C0C0C);
  background-image: linear-gradient(to bottom, #ABABAB, #0C0C0C);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  height: 60px;
  line-height: 60px;
  color: #ffffff;
  font-family: monospace;
  width: 350px;
  font-size: 30px;
  font-weight: 100;
  padding: 0px;
  border-style: null;
  border-color: solid;
  border-width: 0;
  border-color-hover: solid;
  border-style-hover: null;
  border-width-hover: 0;
  text-shadow: 1px 1px 20px #000000;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}

.button:hover {
  background: #C8C8C8;
  background-image: -webkit-linear-gradient(top, #C8C8C8, #0D59AD);
  background-image: -moz-linear-gradient(top, #C8C8C8, #0D59AD);
  background-image: -ms-linear-gradient(top, #C8C8C8, #0D59AD);
  background-image: -o-linear-gradient(top, #C8C8C8, #0D59AD);
  background-image: linear-gradient(to bottom, #C8C8C8, #0D59AD);
  border-color: solid;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-decoration: none;
}


td {
  vertical-align:top;
  padding-left:5px;
  padding-right:5px;
}

table.stpln td {
  vertical-align:middle;
  text-align:center;
  padding-left:5px;
  padding-right:5px;
}

td.fach {
  vertical-align:middle;
  text-align:center;
  font-size: 200%;
  font-weight: bold;
  padding-left:5px;
  padding-right:5px;
}


/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a, DIV.fstLevel a:visited
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 150;
PADDING: 3px;
MARGIN: 5Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #ffffff;
background-color: #454C54;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #FF0000;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a, DIV.fstLevelActive a:visited
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 150;
PADDING: 3px;
MARGIN: 5Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
TEXT-TRANSFORM:uppercase;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #2426ac;
}

/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a, DIV.secLevel a:visited
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 150;
PADDING: 3px;
MARGIN: 5Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #454C54;
BACKGROUND-COLOR: #C8C8C8;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #FF0000;
FONT-WEIGHT: bold;
BACKGROUND-COLOR: #FFFFFF;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a, DIV.secLevelActive a:visited
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 150;
PADDING: 3px;
MARGIN: 5Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
TEXT-ALIGN: right;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #2426ac;
}