body      { margin: 0; padding: 0; color: #999999; font-size: 12px; font-family: Verdana, Tahoma, Helvetica, sans-serif; background-color: #C0C0C0; line-height: 18px; overflow: hidden; }
img       { border: 0px; }
#mainarea { padding: 140px 0px 0px 0px; margin: 0px; border: 1px solid #000000; width: 980px; height: 560px; text-align: left; background-image:url(/img/bg_pattern.gif); background-repeat: repeat-x; }

#mainarea a.aline       { text-decoration: underline; color: #999999; }
#mainarea a.aline:hover { text-decoration: none;  color: #999999; }

#mainnavi { background-image:url(/img/bg_navi.gif); background-repeat: no-repeat; width: 980px; height: 58px; padding-top: 2px; }

font.normal       { font-weight: normal;  }

#mainnavi #nav1   { float: left; width: 141px; height: 60px; text-align: center; padding-left: 46px; }
#mainnavi #nav2   { float: left; width: 173px; height: 60px; text-align: center; }
#mainnavi #nav3   { float: left; width: 216px; height: 60px; text-align: center; }
#mainnavi #nav4   { float: left; width: 198px; height: 60px; text-align: center; }
#mainnavi #nav5   { float: left; width: 200px; height: 60px; text-align: center; }

#mainnavi a       { font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 15px; font-weight: 400; text-decoration: none; color: #888888; }
#mainnavi a:hover { font-weight: 900; }
#mainnavi a.hi    { font-weight: 900; }

#visual_home          { background-image:url(/home/img/foto_hafen.jpg); background-repeat: no-repeat; width: 980px; height: 290px; }
#visual_about_us      { background-image:url(/about_us/img/foto_agentur.jpg); background-repeat: no-repeat; width: 980px; height: 221px; }
#visual_how_and_why   { width: 887px; padding: 0px 0px 0px 93px; height: 206px; }

#top_about_us         { width: 887px; height: 59px; padding: 10px 0px 0px 93px; }
#top_how_and_why      { width: 887px; height: 74px; padding: 10px 0px 0px 93px; }
#top_portfolio        { width: 887px; height: 53px; padding: 10px 0px 0px 93px; }
#content_portfolio    { width: 887px; height: 244px; padding: 10px 0px 0px 93px; }
#label_portfolio      { width: 887px; height: 20px; padding: 2px 0px 0px 93px; }
div.portfolio_thumb   { width: 122px; height: 119px; background-image:url(/portfolio/img/bg_thumb.gif); background-repeat: no-repeat; float: left; }

#bottom_home          { width: 895px; height: 39px; padding: 10px 0px 0px 85px; }

#square_about_us      { width: 93px;  height: 49px; background-color: #9DA8CC }
#square_how_and_why   { width: 93px;  height: 49px; background-color: #FFF3C3 }

#contact_left         { width: 93px; height: 339px; float: left; background-image:url(/contact/img/bg_contact_left.gif); background-repeat: repeat-x; }
#contact_middle       { width: 562px; height: 240px; float: left; background-color: #ffffff; text-align: center; padding-top: 50px; }
#contact_right        { width: 325px; height: 339px; float: left; background-image:url(/contact/img/map.gif); background-repeat: no-repeat; }

#contact_middle a       { font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #AAAAAA; }
#contact_middle a:hover { color: #999999; }

#footer_left          { width: 470px; height: 110px; float: left; }
#footer_middle        { width: 46px; height: 100px; padding-top: 10px; float: left; }
#footer_right         { width: 430px; height: 100px; padding-top: 30px; float: left; color: #AAAAAA; font-size: 11px; text-align: right; line-height: 12px; }

#footer_contact_right         { width: 430px; height: 66px; padding-top: 50px; float: left; color: #AAAAAA; font-size: 11px; text-align: right; }
#footer_contact_right a       { font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #AAAAAA; }
#footer_contact_right a:hover { color: #999999; }

/*
#footer_right         { width: 430px; height: 95px; padding-top: 35px; float: left; color: #AAAAAA; font-size: 11px; font-weight: bold; text-align: right; line-height: 15px;}
*/
#footer_right a       { font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #AAAAAA; }
#footer_right a:hover { color: #999999; }

#popup_imprint  { 
  width: 898px; 
  height: 636px; 
  background-image:url(/img/bg_blank.gif);  
  background-repeat: no-repeat; 
  z-index: 1; 
  position: relative; 
  top: -690px;  
  text-align: left; 
  visibility: hidden;
  }

#popup_imprint #imprint_content { position: absolute; width: 800px; height: 540px; left: 20px; top: 45px; font-weight: normal; font-size: 11px; line-height: 11px; }
#popup_imprint #imprint_close   { position: absolute; width: 12px; height: 12px; left: 855px; top: 25px;  }
#popup_imprint #imprint_content a { font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #AAAAAA; }

#popup_picture  { 
  width: 898px; 
  height: 636px; 
  background-image:url(/img/bg_blank.gif);  
  background-repeat: no-repeat; 
  z-index: 1; 
  position: relative; 
  top: -1326px;  
  text-align: left; 
  visibility: hidden;
  }

#popup_picture #content     { position: absolute; width: 891px; height: 629px; left: 2px; top: 1px; }
#popup_picture #close       { position: absolute; width: 12px; height: 12px; left: 855px; top: 25px;  z-index: 2; }
#popup_picture #logo        { position: absolute; width: 39px; height: 49px; left: 830px; top: 560px; background-image:url(/portfolio/img/logo_dsign.gif); background-repeat: no-repeat; z-index: 2; }
#popup_picture #product_url { position: absolute; width: 750px; height: 20px; left: 20px; top: 600px; z-index: 3; }
#popup_picture #product_url a       { font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #AAAAAA; }
#popup_picture #product_url a:hover { color: #999999; }