html, body{ margin:  0; padding: 0; height: 100%; text-align: center; }

section { min-height: 100%; }

a { text-decoration: none; }
li { list-style-type: none; }
h1, h2, h3, h4, a { font-family: sans-serif; color: #494949; text-transform: uppercase; }
li, #logo {transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}


/* HEADER ***************************************/
header {
  width: 100%;  height: 65px;  top: 0;  left: 0;  background: none;  position: fixed;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
#logo { width: 50px; float: right; margin: 10px 50px 0 0; }
#logo  img { width: 100%; }
#logo:hover { opacity: 0.5; }

header nav_li { float: left; margin: 10px 0 0 0; }
header nav_li ul li { float: left; margin-right: 25px; }
header nav_li ul li a { font-size: 16px; }
header nav_li ul li:hover { padding-top: 5px; }

header nav_re { float: right; margin: 10px 0 0 0; }
header nav_re ul li { float: left; margin-right: 25px; }
header nav_re ul li a { font-size: 16px; }
header nav_re ul li:hover { padding-top: 5px; }


/* HOME ***************************************/



#mySidebar {
/*
  background-color: #ccc;
*/

height:50%;
margin-left: 0px;

}





#home1 {
/*
  background: url(img/landing.jpg);
*/
  background-position: center, center;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 65px;
  transition:margin-left 0.7s;
  z-index:10;
  }
  #login {
  /*
    background: url(img/landing.jpg);
  */
    top: 65px;
    }


  #window__login {
    display:none;   position:fixed; overflow:none;  z-index:9;
    top:30%;  left:50%; right:50%;  margin-left:-200px; margin-right:-200px;
    height:250px; width:400px;  background-color: white;  opacity:1;
    border-radius: 5px;
    animation:animate_login 1.4s;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.50);
  }
  @keyframes animate_login{from{	top:35px; left:90%; opacity:0	} to{	left:absolute;opacity:1	} }






  /* SUB WINDOW HEADLINE */
  #sub_headline_top   {  height:30px; width: 100%);  font-size: 13px; background-image: linear-gradient(to right, #0044cc,#3385ff); }
  #sub_headline_left  {  float:left;   margin: 7px 0 0 5px; color: white; }
  #sub_headline_right {  float:right;  margin: 4px 5px 0 0; }

  #sub_footline_bottom { height:30px;  width: 100%;  font-size: 13px; background-image: linear-gradient(to right, #FFFFFF, #E6E6E6); }
  #sub_footline_left   { float: left; color: black;  margin: 8px 0 0 5px; color: black;}
  #sub_footline_right  { float: right; color: black;  margin: 4px 5px 0 0; }




  #sub_main{
    overflow:auto; text-align: left;
    min-height: calc(100% - 60px);
    max-height: calc(100% - 60px);
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
  }

  #text {

    margin: 0;

  }






  .w3-sidebar{ position:fixed!important; overflow:auto; z-index:9;}
  .w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 10px;text-align:left;border:none;white-space:normal;float:none;outline:0}
  .w3-card{ box-shadow:0 2px 5px 0 rgba(0,0,0,0.12) }
  .w3-animate-left{	animation:animateleft 1.4s;	}@keyframes animateleft{from{	left:500px;opacity:0	} to{	left:0px;opacity:1	}}
  .w3-button:hover{color:#000!important;background-color:#ccc!important}



  .lnk-item       { display:block; padding:4px; text-align:left; font-size: 13px; }
  .lnk-item:hover { color:#000!important;background-color:#ccc!important}

  .btn-x      { width:100%; padding:6px; text-align:right; border:none; font-size: 13px; }
  .btn-x:hover{ color:#000!important;background-color:#ccc!important}

/*
.w3-sidebar{height:100%;width:100px;background-color:#red;position:fixed!important;z-index:9;overflow:auto}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-animate-left{	position:relative;animation:animateleft 1.4s;	}@keyframes animateleft{from{	left:-300px;opacity:0	} to{	left:0;opacity:1	}}
.w3-button:hover{color:#000!important;background-color:#ccc!important}

*/