#container {
 /* position: absolute; */
  top: 0; 
  left: 0; 
  width: 100%;
  font-family: Verdana, Arial;  
  }
#top {
  margin: 75px 0 0 25px;   
  float: left;
  clear: right;
  }

#logo { 
  float: left;
  margin: 0 65px 0 0; 
  }
#navi { 
  float: left;
  padding: 14px 0 0 0; 
  }   
/*#navi        { position: absolute; top: 78px; left: 590px; width: 350px; height: 40px; visibility: visible }*/  
#content  { 
/*  position: absolute;  */
  float: left;
clear: left;
  margin: 50px 0 0 25px; 
  }
#content img {
  margin: 0 0 50px 25px; 
  vertical-align: top;
 }

#img_container {
  float: left;
 }

#img_container_2 {

  float: left;
  clear: left;
  width: 680px;
 }

#txt_container {
  /* float: left; */
width: 680px;
  margin: 0 20px 0 60px; 
  }
 
#subline {
  float: left;
  margin: 0 0 50px 0;
  } 

.navi_entry   { 
  color: #505050; 
  font-weight: normal; 
  font-size: 12px; 
  line-height: 20px; 
  font-family: Verdana, Arial; 
  margin-right: 10px 
  }
.headline   { 
  color: #787878; 
  font-weight: bold; 
  font-size: 14px; 
  line-height: 20px; 
  font-family: Verdana, Arial 
  }
.copytext { 
  color: #505050; 
  font-weight: normal; 
  font-size: 11px; 
  line-height: 20px; 
  font-family: Verdana, Arial; 
  }
a { color: #505050; text-decoration: none }
a:hover  { color: #AAAAAA }

img.logo {
  width: 280px;
  height: auto;
} 


@media screen and (min-width: 540px) {
#top {
  margin: 75px 0 0 75px;   
  float: left;
  clear: right;
}
#content  { 
/*  position: absolute;  */
  float: left;
  margin: 50px 0 0 15px; 
  }
#content img {
  margin: 0 0 30px 60px; 
  vertical-align: top;
 }
img.logo {
  width: auto;
  height: auto;
}   
}

@media screen and (min-width: 730px) {
#top {
  margin: 75px 0 0 150px;   
  float: left;
  clear: right;
}
#content  { 
/*  position: absolute;  */
  float: left;
  margin: 50px 0 0 100px; 
  }
#content img {
  margin: 0 0 30px 60px; 
  vertical-align: top;
 }
}