@media screen {
/* Style sheet bildschirm */
html{
  Overflow-y: scroll
}

body{
  font-family: var(--pb-font-family-base);
  font-size: var(--pb-font-size-base);
  color: var(--pb-text-color);
  background: var(--pb-body-bg); /* For browsers that do not support gradients */
}
a {
  color:var(--pb-link-color);    
  text-decoration:none;
  background-color:var(--pb-container-bg) ;     
}
a:hover {
  background-color:var(--pb-link-hover-color-bg);
  color:var(--pb-link-hover-color);
} 
.colorhidden {
  display:none;    // erlaubt die Farben im Header zur Auswahl anzuzeigen
  } 
input:read-only { 
    background-color: lighten(var(--pb-container-bg),20%);
    background-color: var(--pb-container-bg);
}    

#wrapper{
  /* mediaspecific */
  /*opacity: .6;*/
}

#header{
  padding-bottom:25px;
} 

 
#container{

  background-color: var(--pb-container-bg);  
}
#main{
}
#left{  
  display:none;
  float:left;
  width:15%;
  margin-left: -95%;   /* Mitte + links */
  border:10px solid blue ;
}

#right {
  /*border:1px solid #89adcd;*/
    display:none;
  float:left;
  width:155px;
}
 
#footer{
  padding-left:18px;
  clear:both;
  height:20px;          /* muss sein, da sonst kein Background */    
  
}
.mod_navigation .invisible {
  /*display:none;*/
  width:10px;
  height:10px;
  background:blue;
}


}