/********************
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: relative;
	width: 100%;
	padding: 10px 0px 5px 5px;
	border-bottom: 1px solid #33CC99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

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

#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;
	font-size: 13px;
}

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-size: 11px;
	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-size: 11px;
	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;
}

html, body, input, textarea, pre {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/*JSModules Overlay*/
.dialogTitle {
    font-weight: bold;
    border-bottom: 1px solid #33CC99;
    padding: 0 0 8px 4px !important;
}

.dialogBody {
    padding-left: 4px !important;
}

.overlayDialog {
    min-width: inherit !important;
}