#zeitstrahl {
	border-top: 1px dashed #333;
	border-bottom: 1px dashed #333;
	empty-cells:hide;
	dispaly: table;
	height: 470px;
	}
	
#td_zukunft{
	margin-left: 50px;
	padding-top: 12px;
}

#td_vergangen{
	padding-top: 12px;
	text-align: right;
	direction:rtl;
	}
/* ================================================================================ */
/* ============================= ENDE KATEGORIE TABELLE =========================== */
/* ================================================================================ */

.news-list-item{
	direction:ltr;
	white-space: nowrap;
	z-index:20;
	height: 102px;
	vertical-align: top;
	}

table#vergangen{
	padding: 0px;
	text-align: right;
	direction:rtl;
	}
	
table#zukunft {
	padding: 0px;
	margin-left: 50px;
	}

*html table#zukunft, *html table#vergangen {
	top: 16px;
	}
	


table p.bodytext, .csc-uploads p{
	display: inline-block ! important;
	}
	
/*#zukunft p{
	display: none ! important;
	}	*/


/* ================================================================================ */
/* ============================= ENDE KATEGORIE TABELLE =========================== */
/* ================================================================================ */





/* ================================================================================ */
/* ============================== ANFANG ITEM TABELLE ============================= */
/* ==== Anweisungen für die einzelne NEWS-Mitteilung, aufggebaut als Tabelle ====== */
/* ================================================================================ */

table .item{
    /* Tabelle */
	}

td .bild, td #datum, td #titel{
	vertical-align: bottom ! important;
	white-space: nowrap;
	text-align: left;
	}

td .bild{
    /* Zusammengefasse Zelle über zwei Zeilen für das Bild*/
	height: 80px;
	z-index:19;
	}

td #datum{
    /* Zelle für die unterschiedlichen Datumsangaben */
	font-size:18px;
	color:#999;
	height: 68px;
	vertical-align: bottom;
	line-height: 18px;
	z-index:20;
     /* vielleicht neues Layout
	color:#88CC44;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
     */
	}
	
td #titel{
    /* Zelle in die der Titel kommt */
	font-size: 12px;
	color: #333;
	height: 12px;
	line-height: 12px;
	z-index:22;
	}

#archiv-datum {
     /* Das reguläre Datum aus tt_NEWS, eingefügt in td datum */
	}
	
*html td #datum{
	position: relative;
	top: 5px;
	}
	
/* ================================================================================ */
/* ======================== ENDE ITEM TABELLE ===================================== */
/* ================================================================================ */



/* ================================================================================ */
/* ========== ANFANG Bereiche Institut, Bautag, Recherche und Brennt ============== */
/* ================================================================================ */

/* Angaben zu den vier Bereichen des Zeitstrahls (Abstand der Items#news-list-item)*/
	
#news-cat-kirchbauinstitut img{
	margin-left:84px;
	}

#news-cat-kirchbautag img{
	margin-left:166px;
}

#news-cat-recherche img{
	margin-left:62px;
}

#news-cat-brennt img{
	margin-left:90px;
	}
	
	
/* ================================================================================ */
/* ========== ENDE Bereiche Institut, Bautag, Recherche und Brennt ================ */
/* ================================================================================ */
	

/* ================================================================================ */
/* ======================== ANFANG SCROLL-ZEUG ==================================== */
/* ===== hold div contains both scrolling content area and links in this example == */
/* ================================================================================ */


div#wn	{ 
	position:absolute; 
	left:0px;
	top:0px; 
	width:100%;
	height:420px; 
	clip:rect(0px, 100%, 420px, 0px);
	z-index:1;
	}
	
div.content, div.content-beitrag { 
	position:absolute;
 /*muss bei no_script auf visibl gestellt werden*/
	/*visibility:hidden;*/
	left:0px; top:0px;
	z-index:2; 
	}
  
div#loading { visibility:visible; z-index:1 }
div#linksLyr { position:absolute; left:210px; top:0; z-index:3 }
/*table#imgTbl { width:720px;}*/
/* wenn noch erforderlich dann höhe spezifizieren sonst sind die news_items mit drenn
table#imgTbl td { width:180px; height:180px; vertical-align:top; text-align:center }*/



/* ======== vertical scrollbar ======== */

/*div#scrollbar1 { 
  position:absolute; 
  left:0px; top:0px;
  width:100%; height:400px; 
  font-size:1px; z-index:2
  }*/
    
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:126px;
  background: url("/images/nav/track.gif") #AACC33 repeat;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#AACC33;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }

  
div#scrollbar1.slide-left {
	position:absolute; left:0px; top:0px;
	width: 100px; height:420px;
	z-index:2000;
	}
.slide-left img, .slide-right img{
	width:100%;
	height:100%;
	}

div#scrollbar1.slide-right {
	position:absolute; right:0px; top:0px;
	width: 100px; height:420px;
	z-index:2001;
	}
  
/* ======= Horizontal scrollbar ======== */  
div#scrollbar2 { 
  position:absolute; 
  left:0%	;
  top:425px;
  width:100%;
  height:30px;
  font-size:1px;
  z-index:3;
  }
  
* html div#scrollbar2 {
  top:435px;
  }
	
/* Scroll-Leiste*/   
div#track2 { 
  position:absolute;
  left:5%;
  top:0px;
  width:90%; height:20px; 
  background:  url(../img/scrollen-leiste.png) repeat-x;
  z-index:1
  }
  
* html div#track2 {
	background:  url(../img/scrollen-leiste.gif) repeat-x;
	}
  
/* ============== Scrollbalken ================== */
  
div[id]#dragBar2 {
	position:absolute; left:0px; top:0px;
	width:40px;
	height:30px;
	background-color: #AACC33;
	z-index:1000;
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40);
  }
  
* html div#dragBar2 {
	position:absolute; left:0px; top:0px;
	width:40px;
	height:30px;
	background-image: url(../img/scrollbalken.gif);
	}  
  
/* R?nder des Scrollbalkens*/
div#scrollbar-left {
  position:absolute; right:0px; top:0px;
  width: 7px;
  height: 30px;
  z-index:1001;
  background:  url(../img/scrollen-balken-right.gif) no-repeat;
  }

div#scrollbar-right {
  position:absolute; left:0px; top:0px;
  width: 7px;
  height: 30px;
  z-index:1002;
  background:  url(../img/scrollen-balken-left.gif) no-repeat;
  }

/*Scrollpfeile*/    

div#left2 {
	position:absolute; left:0; top:0;
	width: 5%;
  	height: 30px;
	z-index:2
	}
div#right2 {
	position:absolute; right:0; top:0;
	width: 5%;
  	height: 30px;
	z-index:3 }
	
/* Text unter der Scrollbar */

.style2, .style3 {
	position:absolute;
	top: 20px;
	width:7%;
	text-align:center;
	font-size:10px;
	color:#666;
	}
	
.style3 {
	font-weight:bold;
	color:#333;
	}
	
/* ================================================================================ */
/* ======================== ENDE SCROLL-ZEUG======================================= */
/* ===== hold div contains both scrolling content area and links in this example == */
/* ================================================================================ */
		
#wn p {
	white-space:nowrap;
	vertical-align:baseline;
	font-size:12px;
	margin-bottom:0px;
	}

#wn td {
	vertical-align: top;
	
	}


/*#wn ul {
	margin-bottom: 18px;
	list-style: none outside;
	white-space:nowrap;
	}
	
#wn li {
	display: inline; 
	list-style:none;
	padding:0px;
	}	*/