.waitopac	{
 	opacity:0.5; 
      	filter:alpha(opacity=50);
	background-color: #000000;
}


#waitLoading	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: white;
	z-index: 1000;

}


/* --------------- rbmWindow ------------- */

.rbmWindow	{
/*		z-index: 1100;  z-index will be set when opened */
		position: absolute;
		overflow: visible; 
		background-color: transparent;
		display: none; 
		visibility: hidden; 

	}

	.wndShadow	{
		position: absolute;
		margin: 7px 0 0 5px; 
/*		left: 5px;
		top: 7px; */
		float: right; 
		width: 10px;
		height: 10px;
	 	background-color: black;
	 	opacity:0.2; 
      	filter:alpha(opacity=20);
      	z-index: -2;
      	
	}


/* -------- top ----------- */

.wndNWcorner	{
	margin: 0 0 0 -8px;
	position: absolute;
	width: 8px;
	height: 8px;
	overflow: hidden;
	background-image: url(../images/gui/rbmWindow/bg_nwcorner.png);
	float: left;
}

.wndNEcorner	{
	margin: -8px 0 0 0;
	width: 8px;
	height: 8px;
	overflow: hidden;
	background-image: url(../images/gui/rbmWindow/bg_necorner.png);
	float: right;
}


.wndTopBorder	{
	margin: 0 8px 0 8px;
	height: 8px;
	
	background-image: url(../images/gui/rbmWindow/bg_caption.png);
	overflow: visible;
}

/* -------- content ----------- */

.wndContentInner	{
	height: 100%;
	margin: 0 8px 0 8px;
	overflow: visible; 

}

*html .wndContentInner	{
	/* hoehe - 16px - Caption, IE only */
	height: 300px;
	overflow-x: visible;
	overflow-y: hidden;
	
}

.wndLeftBorder	{
	margin: 0 0 8px -8px;

	position: relative;
	width: 8px;
	height: 100%;
	float: left;
	overflow: hidden;
	background-image: url(../images/gui/rbmWindow/bg_left.png);
	background-repeat: repeat-y;
/*	background-color: red; */

	left: 0px;
	
}

* html .wndLeftBorder	{
	left: -8px;
	cursor: move;
}



.wndInner	{
	margin: 0;
	height: 100%;
	width: 100%;

	float: left;
	overflow: hidden;
	background-color: #ededed;
}

.wndRightBorder	{
	position: relative;
	margin: 0 -8px 0 0;
	width: 8px;
	height: 100%;
	overflow: hidden;
	float: right;
	background-image: url(../images/gui/rbmWindow/bg_right.png);
	background-repeat: repeat-y;

/*	background-color: red; */
}

*html .wndRightBorder	{
	left: 0px;
}

/* -------- bottom ----------- */

.wndBottomBorder	{
	margin: 0 8px 0 8px;
	height: 8px;
	
	background-image: url(../images/gui/rbmWindow/bg_bottom.png);
	overflow: visible;
}


.wndSWcorner	{
	margin: 0 0 0 -8px;
	position: absolute;
	width: 8px;
	height: 8px;
	overflow: hidden;
	background-image: url(../images/gui/rbmWindow/bg_swcorner.png);
	float: left;
}

.wndSEcorner	{
	margin: -8px 0 0 0;
	width: 8px;
	height: 8px;
	overflow: hidden;
	background-image: url(../images/gui/rbmWindow/bg_secorner.png);
	float: right;

}

/* -------- caption ----------- */

.wndCaption	{
	height: 20px;
	background-color: #dcdcdc;
	margin: 0 8px 0 8px;
	overflow: visible; 
}

.wndClose	{
	width: 100px;
	margin: 10px 10px 0 0;
	float: right;
	
	
}

.wndCloseButton {
	float: right;
}

.rbmWindowText_caption	{
	float: left;
	font-weight: bold;
	padding-left: 5px; 
	padding-top: 3px; 
	height: 20px
}

/* -------- bottom ----------- */

.wndBottom	{
	height: 20px;
	background-color: #dcdcdc;
	margin: 0 8px 0 8px;
	overflow: visible; 
}

.rbmWindowText_bottom	{
	float: left;
	font-style: italic;
	
}



/* -------- body ----------- */

.wndBody	{
	position: relative;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #dddddd;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	
}

.wndClose	{
	cursor: pointer;	
}


/********************** rbmTabstrip ***************************/

.tabContainer	{
	float: left;	
}

.tabShiftContainer	{
	overflow: hidden;
}

.rbmWindowTabHeader	{
	margin: 10px 0 10px 15px;
    color: #373833;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
}

/********************** rbmCombo  ***************************/



.combo	{
	position: absolute;
		
}

.comboselect	{
	height: 22px;
	float: right;
}

.comboleft	{
	height: 22px;
	width: 3px;
	float: left;
}

.comboinner	{
/* resize - 6 */
	width: 194px;
	height: 22px;
	float: left;
	background-image: url(../images/gui/rbmCombo/bg_combo.gif); 
}

.combotextbox	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#3a4d6c;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
/* resize - 30 */
	width: 170px;
	height: 16px;
	margin: 4px 0 0 2px;
	overflow: hidden;
	float: left;
}

.combodown	{
	height: 17px;
	width:	17px;
	float: right;
}

.combodownimg	{
	margin: 3px 0 0 0;
}

.comboright	{
	height: 10px;
	width: 3px;
	float: right;
}



/********************** rbmCombo Dropdown Box ***************************/

div.dropdownbox	{
	position: absolute;
	top: 20px;
	right: 2px;
/* adjust width */
	width: 150px;
	height: 150px; 
	overflow: auto;
	float: right; 

	clear: both;
	
	text-align: left;

	background-color: #FFFFFF;

	border-top: 1px solid #384868;
	border-left: 1px solid #384868;
	border-right: 2px solid #384868;
	border-bottom: 2px solid #384868;
	
	display: none;
	z-index: 900;
}

div.dropdownboxinner	{
/* adjust here, subtract vert scrollbar */	
	width: 100%;
	height: auto;
	overflow: hidden;
}

ul.droplist	{
	width: 100%;
	padding: 0;
	margin: 2px 2px 2px 4px;
	list-style-type: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
}

ul.droplist li	{
	height: 15px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


/*ul.dropdown li a	*/

a.droplistitem	{		/* Droplist */
	display: block;
	margin: 0;
/*	margin: 0 2px 0 2px; */
/*	padding: 1px 2px 1px 2px; */
	overflow: hidden; 
	
	background-color : #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#3a4d6c;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
	line-height: 15px;
	
}

a.droplistitem:hover	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#3a4d6c;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;

	background-color: #EEEEEE;
	text-decoration: none;
	line-height: 15px;
}

a.droplistitem:visited	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#3a4d6c;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
}

a.droplistitem:active	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#3a4d6c;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
}


/********************** rbmTooltip ***************************/

.tooltip	{
	position: absolute;
	left: 90px;
	top: 80px;
	width: 400px;
	overflow: visible;
	z-index: 2100;
	
}

.tooltipcenter	{
	height: 100px;
	float: left;
	
}

.tltpcorner	{
	width: 23px;
	height: 24px;
	float: left;
}

.tltptop	{
	height: 24px;
	width: 354px;
	background-image: url(../images/gui/rbmTooltip/bg_tooltip_top.gif); 
	overflow: hidden;
	float: left;
}

.tltpleft	{
	width: 24px;
	height: 100%;
	background-image: url(../images/gui/rbmTooltip/bg_tooltip_left.gif); 
	float: left;
}

.tltphead	{
	width: 100%;
	height: 22px;
}

.tltpcontent	{
	width:	352px;
	height: 100%;
	background-color: #ffffff;
	float: left;
	overflow: hidden;
}

.tltpcontentinner	{
		margin: 10px 5px 5px 10px;
		overflow: hidden;
	}

.tltpright	{
	width: 24px;
	height: 100%;
	background-image: url(../images/gui/rbmTooltip/bg_tooltip_right.gif); 
	float: left;
}

.tltpbottom	{
	height: 24px;
	width: 354px;
	background-image: url(../images/gui/rbmTooltip/bg_tooltip_bottom.gif); 
	float: left;
}

.tltpnnw	{
	margin: 0 0 0 10px;
	float: left;
}

.tltpnne	{
	margin: 0 10px 0 0;
	float: right;
}

.tltpssw	{
	margin: 0 0 0 10px;
	float: left;
}

.tltpsse	{
	margin: 0 10px 0 0;
	float: right;
}

.tltpwnw	{
	margin: 10px 0 0 0;
	float: left;
}


.tltpene	{
	margin: 10px 0 0 0;
	float: left;
}

/********************** bgHiLighter ***************************/


#bgHiLighter	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
 	opacity:0; 
    	filter:alpha(opacity=0);
    	z-index: 1080;
    	display: none;
	
}

#bgHiLighterTop	{
	width: 100%;
	height: 450px;
	float: left;
}
#bgHiLighterLeft	{
	width: 450px;
	height: 50px;
	float: left;
}

#bgHiLight {
	width: 50px;
	height: 50px;
	float: left;
	background-color: transparent;
 	opacity:100; 
      	filter:alpha(opacity=0);
}

#bgHiLighterRight	{
	width: 500px;
	height: 50px;
	float: right;
}
#bgHiLighterBottom	{
	width: 100%;
	height: 500px;
	float: left;
}

/********************** manSlideShow ***************************/



.interactiveSlideShow	{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	overflow: hidden;
}


.interactiveSlideShowContainer	{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #ffffff;
}

/*
.manslideshowcontainer div	{
	width: 640px;
	height: 480px;
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
}

.manslideshowcontainer div img	{
	width: 640px;
	height: 480px;
	margin-top: 3px;
	margin-bottom: 5px;
}
*/

.interactiveSlideShowPictureText	{
	height: 20px;
	width: auto;
	margin: 0 0 0 5px;
	float: left;
}

.interactiveSlideShowPictureCounter	{
	height: 20px;
	width: auto;
	margin: 0 5px 0 0;
	float: right;
}

.interactiveSlideShowNavi	{
	height: 0;
	position: relative;
	margin: 0; 
	padding: 0; 
	visibility: hidden;
}

/* --------------------- rbm FlipBox ----------------- */

.rbmFlipBox 	{
/*	width: 100%;  do not set width due to borders */
}

.rbmFlipBoxThemeHead	{
/*	width: 100%;  do not set width due to borders */
	height: 25px;	/* will be adjusted by template */
	cursor: pointer;
	background-color: darkgrey;
	overflow: hidden;
}

.rbmFlipBox .header	{
	padding: 0 5px 0 5px;
	font-size: 12px;
	line-height: 25px;
	text-align: left;
/*	overflow: hidden; */
	
}

.rbmFlipBoxThemeContainer {
/*	width: 100%;  do not set width due to borders */
	height: 25px;	/* will be adjusted by template */
	overflow: hidden;

	background-color: lightgrey;
}

.rbmFlipBoxThemeContainerInner {
	/* for limited height only: limit this hight to the rbmFlipBox.height - rbmFlipBoxThemeHead.height get a scoll bar */
/*	height: 125px; */
	overflow: auto;
}

.rbmFlipBoxThemeBody	{
	height: auto;
	margin: 10px;
}


.theme1	{
	background-color: #f7fbfd;
}

.theme2	{
	background-color: #fdfdf0;
}

.rbmFlipBox .rbmFlipBoxThemeHead	{
/*	background-color: orange; */
}


.rbmFlipBox .themeOpen .rbmFlipBoxThemeHead	{
/*	background-color: red; */
}

.rbmFlipBox .themeOpen .rbmFlipBox .rbmFlipBoxThemeHead	{
/*	background-color: yellow; */
}

.rbmFlipBox .themeOpen .rbmFlipBox .themeOpen .rbmFlipBoxThemeHead	{
/*	background-color: green; */
}



/*
#themeContainer1 {
	background-color: #e5f3f8;
}

#themeContainer2 {
	background-color: #f9f7cd;
	margin: 15px 0 0 28px;
	padding-top: 0;

}


#themeContainerFree {
	background-color: #e5e5e5;
	margin: 15px 0 0 28px;
	padding-top: 0;

}
*/

/* --------------------- rbm DropBox ----------------- */

.rbmDropBox 	{
/*	width: 100%;  do not set width due to borders */
}

.rbmDropBoxThemeHead	{
/*	width: 100%;  do not set width due to borders */
	height: 25px;	/* will be adjusted by template */
	cursor: pointer;
	background-color: darkgrey;
	overflow: hidden;
}

.rbmDropBox .header	{
	padding: 0 5px 0 5px;
	font-size: 12px;
	line-height: 25px;
	text-align: left;
/*	overflow: hidden; */
	
}

.rbmDropBoxThemeContainer {
/*	width: 100%;  do not set width due to borders */
	height: 25px;	/* will be adjusted by template */
	overflow: hidden;

	background-color: lightgrey;
}

.rbmDropBoxThemeContainerInner {
	/* for limited height only: limit this hight to the rbmDropBox.height - rbmDropBoxThemeHead.height get a scoll bar */
/*	height: 125px; */
	overflow: auto;
}

.rbmDropBoxThemeBody	{
	height: auto;
	margin: 10px;
}


.theme1	{
	background-color: #f7fbfd;
}

.theme2	{
	background-color: #fdfdf0;
}

.rbmDropBox .rbmDropBoxThemeHead	{
/*	background-color: orange; */
}


.rbmDropBox .themeOpen .rbmDropBoxThemeHead	{
/*	background-color: red; */
}

.rbmDropBox .themeOpen .rbmDropBox .rbmDropBoxThemeHead	{
/*	background-color: yellow; */
}

.rbmDropBox .themeOpen .rbmDropBox .themeOpen .rbmDropBoxThemeHead	{
/*	background-color: green; */
}


/*----------------------------------------------------------------------- */


.fadeSlideshowBox	{
	margin: 0; 
	padding: 0; 
	background-color: white; 
	background-repeat: no-repeat;
}

.fadeSlideshowNavi	{
	width: 100%;
	height: 20px;
	background-color: #f3f4f5;
	line-height: 23px;
}


.fadeSlideshowBox #largeFadingSlide	{
	float: left;
 	opacity:1.0; 
    filter:alpha(opacity=100);
    z-index: 120;
    overflow: hidden; 
/*    display: none; */
	margin: 0; 
}

*html .fadeSlideshowBox #largeFadingSlide	{
	margin: 0 0 0 -3px; 
}

.fadeSlideshowBox .fadeSlideshowTextArea	{
	position: relative;
	top: 170px;
	left: 0;
	width: 100%;
	height: 73px;
	z-index: 130;
	background-color: white;
	opacity: 0.8;
     filter:alpha(opacity=80);

}

.fadeSlideshowBox .fadeSlideshowText	{
	position: relative;
	top: -65px;
	margin: 10px;
	z-index: 140;
}

/* fixing the textArea  for IE7 */
/*
*:first-child+html  .fadeSlideshowBox	.fadeSlideshowText {
	top: -150px;
}

*:first-child+html .fadeSlideshowBox .fadeSlideshowTextArea	{
	top: -73px;
}
*/


/*---------------------------- rbmScrollBox ------------------------------- */



.rbmScrollBox	{
	height: 100%;
	overflow: hidden;
}

.rbmScrollBoxContainerInner	{
	float: left;
}


.rbmScroller	{
	width: 10px;
	height: 100%;
	float: right;
	line-height: 0;
}

.rbmScrollUp	{
	background-color: orange;
}

.rbmScrollDown	{
	background-color: orange;
}

.rbmScrollbar	{
	background-color: #dddddd;
	border-left: 1px solid orange;
	border-right: 1px solid orange;
	overflow: hidden;
}

.rbmScrollbarHandle	{
	width: 6px;
	height: 20px;
	background-color: orange;
	position: relative;
	border: 1px solid white;
}