/********************
Crealogix AG
07.02.2005, rgu
***
Stylesheet enthaellt die Definition der Platzhalter und Container fuer
den Inhalt. Dazu gehoert auch das Roh-Design der Webparts fuer den Inhalt.
********************/

/* TOPIC */



.topic-title { /* <- Titelliste der Navigation */
	position: absolute;
	width: 0px;
	height: 0px;
	left: 0px;
	top: 0px;
	display: none;
	visibility: hidden;
	overflow: hidden;
}

.topic-inhalt { /* <- Definition des Navigation-Inhalts */
	width: 650px;
	font-family: Arial, Helvetica, sans-serif;
}

#topic-outside { /* <- Container ausserhalb des/der WebParts */
	position: absolute;
	left: 0px;
	top: 0px;	
}

.WebPartZone-Topic { /* <- Definition: Rohzustand einer leeren WebPartZone fuer den Seiteninhalt */
	font-family: Arial, Helvetica, sans-serif;
}

div.WebPart-SingleColumn {
	width: 50%;
	max-width: 500px;
}

div.WebPart-TwoColumn-1 {
	width: 0px;
}

div.WebPart-TwoColumn-2 {
	width: 0px;
}

div.WebPart-Large {
	width: 800px;
}

div.WebPart-Standard {
	width: 600px;
}

.WebPart-Adaptive 
{
	width: 80%;
	min-width: 600px;
	max-width: 920px;
	width:expression(document.body.clientWidth < 610? "600px" : document.body.clientWidth > 920? "920px" : "auto");		
}

div.WebPart-Small {
	width: 300px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

div.WebPart-Full {
	width: 100%;
}

.WebPart-Empty {
	visibility: hidden;
	position: absolute;
	height: 0px;
	width: 0px;
}





/* TOPIC - LIST */

.list-table {
	border: 1px solid #CCC;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

.list-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	margin:  0px 0px 0px 0px;
	left: 0px;
	text-align: left;
}

.list-content {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	left: 0px;
	text-align: left;
}

.list-line {
	background-color: #999;
	border-top: 1px solid #999;
	height: 1px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}
	
	
	

/* IMAGES IN DETAIL-VIEW */
	
img.detail-liste-foto, .detail-liste-foto img {
	width: 100px;
}

img.detail-foto, .detail-foto img {
	width: 100px;
}