body{
    color: #C9C9C9; 
	  background-color: #1f1d21;    
	  font-size:10px;
    font-family: arial, Helvetica, sans-serif;
  }
  *{margin: 0px; padding: 0px;}
  a {color: #C9C9C9; text-decoration: underline; font-size:10px;}
  a:hover {color: #C9C9C9;}
  a.active {color: #C9C9C9;}
  
  table a {color: #C9C9C9; text-decoration: underline; font-size:10px;}
  a:hover {color: #C9C9C9;}
  a.active {color: #C9C9C9;}
  
  h1{font-size: 10px; text-transform: uppercase; font-weight: normal;}
  
  p.bodytext, p{font-family: Arial, Helvetica, sans-serif; margin: 10px 10px; padding: 0px; font-size:10px;}
  
  
  .csc-textpic-imagewrap{margin-left: 10px;}
 
  #container{
    width:1015px; 
    
   }
  
  #header{position: absolute; z-index: 30; width:996px; height: 114px; padding: 16px 0px; background-color: #1f1d21; text-align:right;}
  html>body #header {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  #logo{float: left; margin-left: 20px;}
  #flash{position: absolute; top: 16px; left: 16px; z-index: 35;}
  * html #flash{position: absolute; top: 16px; left: 24px; z-index: 35;}
  
  
  #navi{float:right; width: 750px; padding-top: 36px;}
  #navi img{margin-left: 70px;}
  #navi-sub{float:right; width:675px; padding-top: 20px; text-align: left;}
  #navi-sub img{margin-left: 20px;}

  #content{padding: 152px 0px 0px 16px;}
  #content p, img{}

/********* scroll work ************/

  #scrollbar {
	position:absolute; 
	top: 680px;
	left: 4px;
	width:1004px;
	}
	
#scrollWindowDiv {
	position:absolute; 
	width:1004px; 
	height:100px;
	clip:rect(0,980,100,22);
	layer-background-color:#1f1d21;
	background-color:#1f1d21;
	z-index:1;
	overflow: hidden;
	}
	* html #scrollWindowDiv {
	position:absolute; 
	width:1004px; 
	height:100px;
	clip:rect(0,960,100,5);
	layer-background-color:#1f1d21;
	background-color:#1f1d21;
	z-index:1;
	overflow: hidden;
	}
#scrollContentDiv {
	position:absolute;
	left:16px;
	top:0px;
	font-family:verdana,helvetica;
	width:2580px;
	line-height:18px;
	font-size:12px;
	z-index:0;
	}
* html	#scrollContentDiv {
	position:absolute;
	left:0px;
	top:0px;
	font-family:verdana,helvetica;
	width:2580px;
	line-height:18px;
	font-size:12px;
	z-index:0;
	}
	
#scrollContentDiv a{float: left; margin-right: 0px;}
.normal, .highlight{position: relative; float: left; margin-right: 4px;}

.highlight a img,
.highlight a:visited img {
text-decoration:none;
border-bottom:0px;
filter:alpha(opacity=30); /* IE */
-moz-opacity: 0.30; /* Gecko */
opacity: 0.30; /* Opera */
}

.normal a img,
.normal a:visited img {
text-decoration:none;
border-bottom:0px;
filter:alpha(opacity=99); /* IE */
-moz-opacity: 0.99; /* Gecko */
opacity: 0.99; /* Opera */
}

.normal a:hover img {
text-decoration:none;
border-bottom:0px;
filter:alpha(opacity=30); /* IE */
-moz-opacity: 0.30; /* Gecko */
opacity: 0.30; /* Opera */
}


#project-images {padding: 16px 10px; list-style: none; position: absolute;  z-index: 3;}
.browse-left{position: absolute; top: 16x; left: 0px; z-index: 10;}
.browse-right{position: absolute; top: 16px; z-index: 10;}
.browse-left a, .browse-right a{display: block; height: 500px; line-height: 500px;}
* html .browse-left a, * html .browse-right a{background-color: #ccc; filter:alpha(opacity=1); -moz-opacity:0.01; }
/*.browse-left a:hover{background: url(gfx/pfeil_previous.gif) 10px 245px no-repeat;}
.browse-right a:hover{background: url(gfx/pfeil_next.gif) no-repeat; text-align: right;}*/
#project-images li{height: 500px;}
#project-images img{float: left;}
#project-images object{float: left;}
#project-images embed{float: left;}
#project-images .movie{float: left; width: 180px; height: 500px;}
.project-text{float:right; width: 180px; height: 500px;}
.project-text h1{font-size: 10px;}
.project-text{font-size: 10px;}
#scroll-left{float: left; height: 100px; width: 20px;}
#scroll-right{float: right; height: 100px;}
#scroll-left a, #scroll-right a{display: block; padding: 30px 5px;}
.tx-ceprojects-pi1-listrow p, .tx-ceprojects-pi2-listrow p{margin: 10px 0px;}
.tx-ceprojects-pi3-listrow p{margin: 10px;}
p.counter{margin: 0px;}
/*************** nicetitle *********************/
div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 10px;
    font-family: Arial, sans-serif;
    width: 10px;
    background: #1f1d21;
    z-index: 25;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}

/**************** columms ***********************/
#column1, #column2, #column3, column4{float: left;}
#column1{margin-left: 10px; margin-right: 20px;}
#column2{margin-right: 45px;}
#column3{margin-right: 10px;}
.contenttable td{vertical-align: top; padding-right: 45px;}
.contenttable p{margin: 10px 0px;}