/* ----------------- Generelle Angaben--------------------- */

body {
color: #333; /* in basic.css gesetzt!!! */
background-color: #fff;
/* font-size: 12px; /* in basic.css gesetzt!!! */ */
}

html>body {
overflow-y: scroll;  /* reserviert Platz fŸr Scrollbalken */
}

*+html body {   /* doppelte Scrollbalken in ie7 vermeiden */
overflow-y: auto;
}

img, div { behavior: url(iepngfix.htc) } /* ie6 PNG fix */


/* #wrapper { width:960px; margin:0 auto; } */


/* ----------------- Generelle Typografie --------------------- */

a {
color: #000066;
text-decoration: none;
}
a:visited {}
a:hover {}
a:active {}
a:focus {outline:none;}  /* unschoene Linkrahmen ausschalten */

p {
    font-size: 1em;
    line-height: 1.5em;
    /*margin-top: 1.5em; */
    margin-bottom: 1.5em;
}

h1 {
color: #000066;
font-size: 1.5em;
line-height: 1.125em;
margin-top: 1.0em;
margin-bottom: 1.125em;
font-weight: bold;
}

h2 {   /* Haupt-†berschriften*/
color: #000066;
font-size: 1.1667em;
line-height: 1.286em;
margin-top: 0;
margin-bottom: 1.286em;
}

h3 {   /* grš§ere UnterŸberschrift */
font-size: 1em;
line-height: 1.5em;
margin: 0;
padding: 0;
margin-bottom: 1.5em;
font-weight: normal;
color: #000066;
}

/* Modifies superposition of text (bug) in Safari, e.g. Registered and TM Signs   */

#main sup {font-size:xx-small; vertical-align:super;}



/* ----------Header-------------- */

#header {
margin: 0 0 0px 0;
}




/* -----------------Top Header --------------------- */

#top_header {  /* Logo */
text-align: left; 
margin: 0; 
border: 0; 
padding: 0;
background-color: #000066;
height: 30px;
}

#top_header img {
display: inline;
float: left;
margin: 6px 0 0 10px;
}

#top_header li {
display: inline;
}

#top_header h1 {
color: white;
text-align: center;
margin: 0;
padding: 5px;
/* display: inline; */
}

#hgw_header {
clear: both;
height: 120px;
text-align: center;
}

#hgw_header h1 {
  margin-top: 3rem;
  font-size: 2rem;

}

#hgw_header img {
/* float: right; */
/* margin: 25px 30px 15px 0; */
/* margin: 15px 20px 15px 20px; */
margin: 15px 15px 15px 15px;
height: 100%;
padding: 0px;
/* clear: both; */
}

#hgw_header a:hover img {   /* Logo hover effect ??? */
}

/* ----------------- Top Header Nav --------------------- */

#top_header_nav {
float: right;
margin: 6px 10px 0 0;
}

#top_header li {
margin: 0 0 0 30px;
}

#top_header li a {
color: #fff;
font-size: 11px;
text-decoration: none;
}



/* ----------------- Main Nav --------------------- */

div#main_nav {
  margin: 0 0 0 0;
  min-height: 36px;
  /* width: 960px; */
/*   overflow: hidden; */
  clear: both;
  background-color: #000066;
  font-size: 0.85rem;
}

div#main_nav .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0000aa;
}

div#main_nav .nav-link {
    color: #fff;
}

div#main_nav .nav-link:hover {
  color: #aaaaff;
}

/* ----------------- Login Header --------------------- */
div#header_login {
  height: 26px;
  margin-top: 10px;
  color: #fff;
}

div#header_login a {
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.5s ease-out;
}

div#header_login a:hover {
  color: #ffad00;
}

div#header_login a:active {
  color: #fff;
}

/* ----------- HGW Body --------------------------- */
div.hgwicon {
/*   color: #ff00ff; */
  border: 2px solid #cccccc;
  border-radius: 20px;
  padding: 10px;
  margin: 10px;
}

div.hgwicon img {
  float: left;
/*   width:100%; */
  width: 70px;
}

div.hgwicon > h2 {
  text-align: center;
  color: #000000;
  text-decoration: underline;
  margin: 0 0 0.5rem 0;
}

#routerstatus div.hgwicon img {
  float: left;
  width: 20%;
  margin-right: 5%;
}

#routerstatus table td {
/*   font-size: 0.9em; */
  padding-left: 1em;
}

#laptops table td {
/*   font-size: 0.7em; */
  padding-left: 1em;
  font-size: 0.85rem;
}

.red {
  color: #ff0000;
  font-weight: bold;
}

.green {
  color: #00ff00;
}

.yellow {
  color: #ffcc00;
}

/* -----------footer--------------------------- */

div#footer {
margin: 10px 0 0 0;
color: #BABABA;
font-size: 0.9167em;
float: bottom;
display: block;
}

div#footer ul {
text-align: center;
}

div#footer ul li {
display: inline;
margin: 0 20px 0 0;
}

div#footer ul li a {
color: #BABABA;
background: url(../images/arrow_next3.gif) no-repeat center left;
padding-left: 1.3em;
}

div#footer ul li a:hover {
color: #000066;
background: url(../images/arrow_next2.gif) no-repeat center left;
}

/* ----------- SIMCard status --------------------------- */

#simcardstatus .card-header h1,h2 {
    margin: 0;
}

#simcardstatus .card-body {
    padding: 0;
}