body{
  margin:0;
  padding:100px 0 0 120px;
  font-family: Helvetica, Geneva, Arial,SunSans-Regular, sans-serif;
  color: black;
 }
 div#header{
  position:absolute;
  top:0;
  left:0;
  width:500%;
  height:100px;
  background-color: white;
  border-bottom: solid 1px;
 }
 div#left-sidebar{
  position:absolute;
  top:100px;
  left:0;
  width:120px;
  height:100%;
  border-right: solid 1px;
 }
 div#content{
  padding: 20px 20px 20px 20px
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#left-sidebar{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 15px;
    
    }
  
  ul.navbar li {
    margin: 0.5em 0;
    padding: 0.3em;
     }  
  a:link, a:visited, a:hover {
    text-decoration: none ;
    }  
  a:link {
    color: gray 
    }
  a:visited {
    color: gray
    }
  a:hover {
    color: orange;
    }

  h1, h2 {
    font-family: Helvetica, Geneva, Arial,SunSans-Regular, sans-serif;
    color: black; 
    font-weight: lighter;
    }

   address {
    margin-left: -20px; 
    margin-top: 20px ;
    margin-right: -20px; 
    padding-left: 20px; 
    padding-top: 1em;
    border-top: solid 1px;
    }

    img.foto { 
    float: left;
    margin-right: 22px; 
    margin-bottom: 22px; 
    border: solid 1px;
    }