body{
    color: #292929; 
	  background-color: #f3f3f4;    
	  font-size:10px;
    margin: 0px; 
	padding: 0px;
	 text-align: center;
  }
  
  a {color: #000000;}
  a:hover {color: #6D6C6B;}
  a.active {color: #6D6C6B;}
  
  .bodytext{font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; letter-spacing: 1px;}
  
  .csc-firstHeader{
    font-size:11px;
    font-family:Arial, Helvetica;
    font-weight: bold;
  }
 
  #container{
    width:1024px; 
    margin:0px auto;
   text-align: left;
   }
  
  #header{width:100%; padding-top: 20px; text-align: center; background-color: #f3f3f4;}
  /*html>body #header {   nur fuer moderne Browser! 
    position: fixed;
  }*/
  
  #footer{width:100%; text-align: center; background-color: #f3f3f4;}
  /*html>body #footer {   nur fuer moderne Browser! 
    position: fixed;
  }*/
  #logo{}

  #content{height: 585px; margin-top: 20px; text-align: center; font-family: Arial, Helvetica, sans-serif;}
  #content .table-home{width: 740px;}
  #content .table-home img{margin: 0px 3px 6px 3px;}
  #content p{margin: 4px 0px 0px 0px;}

  #content #browse{border-bottom: 1px solid #b9b9b9; width: 740px; margin: 0px auto; padding: 2px 0px 3px 0px; color: #a2a1a1; font-size: 11px; font-style:italic; font-family: Times New Roman serif;}
  #content #browse p{display: inline; padding: 0px; margin: 0px;}
  #content #browse img{vertical-align: middle; margin: 0px 0px;}
  
  #content #browse a.previous{margin-right: 20px; font-style:italic; font-family: Times New Roman serif; text-decoration: none; color: #a2a1a1;}
  #content #browse a.next{margin-left: 20px; font-style:italic; font-family: Times New Roman serif; text-decoration: none; color: #a2a1a1;}
  
  #content #browse a.previous:hover{margin-right: 20px; text-decoration: underline; color: #000000;}
  #content #browse a.next:hover {margin-left: 20px; text-decoration: underline; color: #000000;}
  /*
  #content #browse a.previous{margin-right: 20px; background:url(gfx/previous.jpg) no-repeat 0px 2px; text-decoration: none;}
  #content #browse a.next{margin-left: 20px; background:url(gfx/next.jpg) no-repeat 0px 3px; text-decoration: none;}
  
  #content #browse a.previous:hover{margin-right: 20px; background:url(gfx/previous_hov.jpg) no-repeat 0px 2px; text-decoration: none;}
  #content #browse a.next:hover {margin-left: 20px; background:url(gfx/next_hov.jpg) no-repeat 0px 3px; text-decoration: none;}
  */
  
  #project{width: 740px; height: 565px;  margin: 0px auto; position: relative; text-align: left;}
  .project-bg{height: 500px; background-color: #dddddd;}
  .project-bg-detail{height: 500px; background-color: #f3f3f4;}
  #project p{text-align: center; margin:8px 0px 0px 0px;}
  #project .head{text-transform: uppercase; margin:8px 0px 0px 0px;}
  
  #project ul{width: 737px; height: 500px; display: inline; font-family: Arial; font-size:24px; text-transform: uppercase; margin: 0px 0px 0px 5px; padding: 0px;  z-index: 100; position:absolute; top: 0px; left: 0px; overflow: hidden;}
  #project ul li{display: inline; list-style: none; padding: 0px; margin: 0px 4px 0px 0px;}
  #project ul .special_li{display: inline; list-style: none; padding: 0px; margin: 0px 4px 0px 0px; color: #000000;}
  #project ul li .number{background:url(gfx/line_bl.gif) repeat-x 0px 24px; color: #000000;}
  #project a{color: #ffffff; text-decoration: none;}
  #project a:hover{color: #ffffff; background:url(gfx/line.gif) repeat-x 0px 24px;}
  #project a .client{color: #ffffff; font: 26px Times New Roman; text-transform: none; font-weight: lighter;}
  
  #p_preview, #p_preview div{position:absolute; top: 0px; left: 0px; z-index: 1; }
  
  #active_top, #active_bottom{background: transparent; width: 740px; height: 20px; z-index: 200;}
  #active_top{ position:absolute; top: 0px; left: 0px;}
  #active_bottom{ position:absolute; top: 480px; left: 0px;}
  
  #images, #images div{position:absolute; top: 0px; z-index: 1; width: 740px;}
  #images div{margin: 0px auto; text-align: center;}
  #images .loading{margin: 0px auto; text-align: center;}
  #pid {display: none;}
  #category {display: none;}
  

/*************************+ navi **********************************/
  #navi{padding: 3px 0px; border-top: 1px solid #b9b9b9; width: 854px; margin: 0px auto;}
  #navi a{font-family: Times New Roman, Times, serif; font-size: 11px; margin: 0px 30px; font-style:italic; color: #a2a1a1; text-decoration: none;}
  #navi a:hover{text-decoration: underline; color: #373636;}
  #navi a.act{text-decoration: underline; color: #373636;}
  
  #navi-sub{padding: 3px 0px 5px 0px; margin: 0px auto; height: 12px;}
  #navi-sub a{font-family: Times New Roman, Times, serif; font-size: 11px; margin: 6px 30px 0px 30px; font-style:italic; color: #a2a1a1; text-decoration: none;}
  #navi-sub a:hover{text-decoration: underline; color: #373636;}
  #navi-sub a.act{text-decoration: underline; color: #373636;}
  
  #navi img, #navi-sub img{margin: 0px 20px; padding: 1px 0px;}
  #navi .act img, #navi-sub .act img{border-bottom: 1px solid #747476;}
  
  /**************************** fce **********************/
  #content .cols{width: 740px; margin: 0px auto; text-align: left;}
  #content .cols .cols-left{float:left; width: 48%;}
  #content .cols .cols-right{float:right; width: 48%;}