.tip			{ width:145px; font-family:tahoma,arial; background:url(/zap_images/tip-text.png) left top repeat-y; }
		.tip-top		{ background:url(/zap_images/tip-top.png) top left no-repeat; height:26px; width:145px; }
		.tip-title		{ color:#e95e25; font-weight:bold; margin:0 30px 0 50px; }
		.tip-text		{ color:#000; padding:10px 30px 20px 50px; }
		.tip-bottom		{ background:url(/zap_images/tip-bottom.png) left bottom no-repeat; width:145px; height:81px; }
	


/* tooltip design */
.ToolTips { display:block; position:absolute; width:150px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(/zap_imagesimages/fileclose2.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(/zap_images/tip_body2.png) repeat-y; padding:0px 8px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(/zap_images/dockBottomHeader2.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(/zap_images/dockTopFooter2.png) no-repeat bottom; height:60px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(/zap_images/dockBottomFooter2.png); height:35px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(/zap_images/dockTopHeader2.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zap_images/dockBottomHeader2.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zap_images/dockBottomFooter2.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zap_images/dockTopHeader2.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zap_images/dockTopFooter2.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zap_images/fileclose2.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(/zap_images/ajax-loader-tip.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:12px; margin:0px 0px 10px; padding:0px; padding-top:5px; color:#bbbbbb; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }
 

.tipper  { font-size:12px; 	font-weight: normal; margin:0px 0px 10px; padding:0px; padding-top:5px; color:#aaaaaa; padding-top:0px; } 


/* @group Reset */
*
{
	margin: 0;
	padding: 0;
	
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
}


h1 
{
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: #aaaaaa;
}

/* @end */

/* @group Accordion */
/* @group Accordion */

dl.accordion
{
	width: 207px;
	/*
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	*/
	z-index:1000;
}

/* @group Ebene 1 */


dl.accordion dt
{
	position: relative;
	height: 20px;
	padding: 5px 0 2px 25px;
	/*font-weight: bold;*/
	color: white;
	background: #777777 url(/zap_images/icon_accordion_closed_vert.png) no-repeat;
	cursor: pointer;
	border-top: 1px solid #aaaaaa;
	z-index:1000;
}

dl.accordion dt.titre
{
	background: #aaaaaa;
	font-weight:bold;
	color:#999;
	
}

/*dl.accordion dt:hover
{
	
	background: #FF0000 url(../zap_images/icon_accordion_closed_vert.png) no-repeat;
	
}*/

* html dl.accordion dt
{
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zap_images/icon_accordion_closed_vert.png', sizingMethod='crop');
	background-image: none;
	z-index:1000;
}

dl.accordion dt.open
{
	background-image: url(/zap_images/icon_accordion_open_vert.png) no-repeat;
}

* html dl.accordion dt.open
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zap_images/icon_accordion_open_vert.png', sizingMethod='crop');
	background-image: none;
}

dl.accordion dd
{
	position: relative;
	overflow: hidden;
	background: #888888; /* couleur fond level 3 */
	z-index:1000;
}

/* @group Inhalt */

dl.accordion dd.sub_accordion
{
	
}

dl.accordion dd.accordion_content
{
	padding: 0 10px 0 25px;
}

dl.accordion dd.accordion_content p
{
	padding: 5px 0 7px 0;
}

/* @end */

/* @end */

/* @group Ebene 2 */

dl.accordion dd dl dt
{
	padding-left: 45px;
	background-color: #444444; /* couleur fond level 2 */
	background-position: 20px 0;
}

dl.accordion dd dl dd.accordion_content
{
	padding-left: 45px;
}

/* @end */

/* @group Ebene 3 */

dl.accordion dd dl dd dl dt
{
	padding-left: 65px;
	background-color: #333333; /* couleur fond level 2 si contenant */
	background-position: 40px 0;
}

dl.accordion dd dl dd dl dd.accordion_content
{
	padding-left: 65px;
}

/* @end */

/* @group Ebene 4 */

dl.accordion dd dl dd dl dd dl dt
{
	padding-left: 85px;
	background-color: #222222;  /* couleur fond level 4 si contenant */
	background-position: 60px 0;
}

dl.accordion dd dl dd dl dd dl dd.accordion_content
{
	padding-left: 85px;
}

/* @end */

/* @end */