/* main css file
++
++  Author: Kai Peter, ©2014-present, Dyn@mic Networx
++ Version: 20221019
++ License: ISC
++
++ Just as a reference: the color '#548DD4' is the same like the logo
*/

/* Css RESET */
@import "reset.css";
@import "forms.css";    /* Formulare    */
@import "header.css";
@import "hosts.css";    /* Manage Hosts */
@import "footer.css";
@import "sidebar.css";

body {
  font-family: Arial,Helvetica,sans-serif;
  min-width: 1200px;
}
/* header lines defaults */
h1,h2,h3,h4,h5 { font-weight: bold; }
h3,h4,h5 { margin: 0.75em 0 1em;    /* oben - seitlich - unten */
}
/* header lines details */
h1 {
  font-size: 2.6em;
  margin: 0.75em 0 0.5em;           /* oben - seitlich - unten */
}
h2 {
  font-size: 30px;
  color: #548DD4;
}
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }  /* = 18px */
h5 { font-size: 1.0em; }

/*
//b { font-weight: bold; }
//i { font-style: italic; }
//p {
//  padding: 10px;
//  margin: 0.75em 0 0.5em;
//  text-align: justify;
//}
*/
/* content class: container for content and sidebar */
.content {
  clear: both;
  display: table;
  margin: 0 auto;
  min-width: 1050px;
  vertical-align: middle;
}
.content h2 { margin-bottom: 30px; }
span#Content {
  float: left;                   /* required to show the sidebar left */
  display: inline-block;
  width: 800px;
  margin-top: 120px;
/*  background-image: linear-gradient(to right,#EFF5FB, #A9D0F5); */  /* debug */
}
span#Content p {
  text-align: justify;
  margin-bottom: 30px;
}
.content a:visited,a {
  color: #548DD4;
}

/* messages line */
p#Status {
  font-size: 0.9em;
  font-weight: bold; //none;
  font-style: italic;
  color: black; //red;
  text-align: center;
  /* the following is very important and a bit tricky:                         */
  position: absolute; top: 0;    /*    position is on top absolute, and really */
  margin: auto;	                 /* ++ on top through margin: auto.            */
  width: 40%;                    /*    width and margins left/right have not   */
  margin-left: 30%;              /* ++ to be greater tha 100%.                 */
  padding: 3px 0;                /* Innenabstand: oben/unten - links/rechts    */
}


/* Button wie einen Link formatieren */
//linkbutton {
//    background:none!important;
//     border:none; 
//     padding:0!important;
//    /*border is optional*/
//     border-bottom:1px solid #444; 
//     cursor: pointer;
//}