body {
  background-color: black;
  color: #E1E1E1;
  font-family: sans-serif;
  width: 900px;
  text-align: center;
  padding-top: 20px;
  margin: 0 auto;
  }
    
  #banner{
    display: block;
    position:fixed;
    padding: 0;
    margin: 0px 0px 0px 50px;
  }
  
  #navbar {
    display: block;
    position:fixed;
    padding: 55px 0px 0px 480px;
    margin: 0;
    z-index: 99;
  }
  
  #container {
    display: block;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    width: 800px;
    margin-top: 80px;
  }
    
  #lines, #linebot {
    display:block;
    position:fixed;
    border-style:none;
    outline: none;
    z-index: 1;
  }
  
   
  #textcontent {
    display:block;
    font-size: 90%;
    text-align: justify;
    padding-left: 40px;
    height: 310px;
    overflow: auto;
    margin-top: 20px;
    margin-bottom:20px;
  }
  
  .works td {
    height: 180px;
    width: 20%;
    padding-top: 10px;
    vertical-align:top;
  }
  
  #purchase_content {
    font-size: 90%;
    text-align: justify;
    padding: 0px 0px 0px 140px;    
  }
  
  #prints_content {
    display: block;
    font-size: 80%;
    text-align: left;
    padding-left: 0px;
    height: 350px;
    overflow: auto;
  }
  
   #prints_content td {
      padding-top: 5px;
  }
  
  #textcontact{
    font-size: 90%;
    color: #E1E1E1;
    text-align: justify;
    padding: 60px 0px 30px 150px;
  }
  
  #footer {
    display:block;
    position:fixed;
    width:500px;
    text-align: left;
    padding-top:10px;
    padding-left:50px;
    color: #444444;
    font-size: 70%;
  }
  
  #footer_images {
    display:block;
    position:fixed;
    width:300px;
    text-align: right;
    padding-top:25px;
    margin-left:480px;
    color: #444444;
    font-size: 70%;
  }
  
  
  /*___________contact sheet specs__________*/
  
  #beckmann a:link{ background:#000000 url(images/thumbs/1_Beckmann_tmb.jpg) center; outline: none; position: fixed; display: block; height: 160px; width:  120px; padding: 0px; margin-left: auto; margin-right: auto;}
  #beckmann a:visited {outline: none;}
  #beckmann a:hover{ background:#000000 url(images/thumbs/1_Beckmann_tmb_hov.jpg) center; outline: none;}
  #beckmann a:active{ outline: none;}

  #cosima a:link{ background:#000000 url(images/thumbs/2_Cosima_tmb.jpg) center; outline: none; position: fixed; display: block; height: 160px; width:  120px; padding: 0px; margin-left: auto; margin-right: auto;}
  #cosima a:visited {outline: none;}
  #cosima a:hover{ background:#000000 url(images/thumbs/2_Cosima_tmb_hov.jpg) center; outline: none; }
  #cosima a:active{ outline: none;}

  #annina a:link{ background:#000000 url(images/thumbs/3_Annina_tmb.jpg) center; outline: none; position: fixed; display: block; height: 160px; width:  120px; padding: 0px; margin-left: auto; margin-right: auto;}
  #annina a:visited {outline: none;}
  #annina a:hover{ background:#000000 url(images/thumbs/3_Annina_tmb_hov.jpg) center; }
  #annina a:active{outline: none;}
  
  #kollwitz a:link{ background:#000000 url(images/thumbs/4_Kollwitz_tmb.jpg) center; outline: none; position: fixed; display: block; height: 160px; width:  120px; padding: 0px; margin-left: auto; margin-right: auto;}
  #kollwitz a:visited {outline: none;}
  #kollwitz a:hover{ background:#000000 url(images/thumbs/4_Kollwitz_tmb_hov.jpg) center; }
  #kollwitz a:active{outline: none;}
  
  #onlyafew a:link{ background:#000000 url(images/thumbs/5_OnlyAFew_tmb.jpg) center; outline: none; position: fixed; display: block; height: 160px; width:  120px; padding: 0px; margin-left: auto; margin-right: auto;}
  #onlyafew a:visited {outline: none;}
  #onlyafew a:hover{ background:#000000 url(images/thumbs/5_OnlyAFew_tmb_hov.jpg) center; }
  #onlyafew a:active{outline: none;}
  
  #francach a:link{ background:#000000 url(images/thumbs/6_Francach_tmb.jpg) center; outline: none; position: fixed; display: block; height: 160px; width:  120px; padding: 0px; margin-left: auto; margin-right: auto;}
  #francach a:visited {outline: none;}
  #francach a:hover{ background:#000000 url(images/thumbs/6_Francach_tmb_hov.jpg) center; }
  #francach a:active{outline: none;}
  
  #disgraced a:link{ background:#000000 url(images/thumbs/disgraced_tmb.jpg) center; outline: none; position: fixed; display: block; height: 160px; width:  120px; padding: 0px; margin-left: auto; margin-right: auto;}
  #disgraced a:visited {outline: none;}
  #disgraced a:hover{ background:#000000 url(images/thumbs/disgraced_tmb_hov.jpg) center; }
  #disgraced a:active{outline: none;}
 
  

  
  /*___________links__________*/
  a.topnav:link {
    font-size: 90%;
    color:#938D72;
    text-decoration: none;
    outline: none;
  }
  
  a.topnav:hover {
    font-size: 90%;
    color: white;
    text-decoration: none;
    outline: none;
  }
  
  a.topnav:visited {
    font-size: 90%;
    color:#938D72;
    text-decoration: none;
    outline: none;
  }
  
  a.topnav:active {
    font-size: 90%;
    color: #938D72;
    text-decoration: none;
    outline: none;
  }

  a.currentnav {
    color: #CCCCCC;
    text-decoration: none;
    outline: none;
  }
  
  a.footerlink:link {
    color:#444444;
    text-decoration: none;
    outline: none;
    padding-right: 200px;
  }
  
  a.footerlink:hover {
    color: #938D72;
    text-decoration: none;
    outline: none;
  }
  
  a.footerlink:visited {
    color:#444444;
    text-decoration: none;
    outline: none;
  }
  
  a.footerlink:active {
    color: #444444;
    text-decoration: none;
    outline: none;
  }

  #imagelink {
   display:block;
   background-image: url("images/bridge450h.png");
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   width:616px;
   height:450px;
   font-size: 0%;
   margin-top:-60px;
   }
     
  #imagelink:link {outline: none;}
  #imagelink:visited {outline: none;}
  #imagelink:hover{outline: none;}
  #imagelink:active{outline: none;}    
  
  /*for purchase page icon*/
  #purchase_image a:link{ background:#000000 url(images/zusammenbruch_sm.png) center; outline: none; display: block; height: 300px; width:  226px; padding: 0px; margin-left: -15px;}
  #purchase_image a:visited {outline: none;}
  #purchase_image a:hover {outline: none;}
  #purchase_image a:active{outline: none;}
  
  #fallen a:link{ background:#000000 url(images/thumbs/Fallen_th.png) center; outline: none; display: block; height: 150px; width:  113px; padding: 0px; margin-left: -15px;}
  #fallen a:visited {outline: none;}
  #fallen a:hover {outline: none;}
  #fallen a:active{outline: none;}
 
  img {border-style: none; outline: none;}