/************************
CSS for all widgets
**************************/
.widget{
	background-color: #FFFFFF;
	border: 1px solid #BEBEBE;
}

.widget .widgetHead{
	height: 28px;
}
.widget .widgetHeadText{
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: #6E6E6E;
	margin-top: 5px;
	float: left;
	left: -5px;
}

.widgetHead > .widgetHeadText {
    margin-top: 0px;
    float: none;
    display: block;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.widget .widgetImageLeft,
.widget .widgetImageRight{
	background-image: url("../../img/A_04_Close.gif"); /*dummy-image, has to be overridden by implemented widget-style*/
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-top: 6px;
}
.widget .widgetImageLeft{
	float: left;
	margin-left: -5px;
	margin-right: 5px;
}
.widget .widgetImageRight{
	float: right;
	margin-right: 5px;
}
.toggleButton{
	padding: 0px 0px 0px 5px;
	cursor: pointer;
	background-position: left center;
	background-repeat: no-repeat;
	width: 18px;
	height: 28px;
	display: inline-block;
	float:left;
}
.toggleAccordeonLink{
	cursor: pointer;
}
.toggleInfoHeader{
/* 	width: 100%; */
	border-top: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	height: 30px;
	font-family: arial;
	font-weight: bold;
	font-size: 12px; 
	color: #6E6E6E;
	overflow: hidden;
}
.toggleInfoHeader h3{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 160%;
}
.toggleInfoContent{
	background-color: #FFFFFF;
}
.widgetActive .widgetHeadText{
	color: #00B482;
}
.widgetActive .activeElement{
	color: #00B482 !important;
}
.widgetInactive .widgetHead{
	
}
.widgetActive.widgetOpen .toggleButton{
	background-image: url("../../img/Arrow_green_open.gif");
}
.widgetActive.widgetClosed .toggleButton{
	background-image: url("../../img/Arrow_green_closed.gif");
}
.widgetInactive.widgetOpen .toggleButton,
.toggleButton.activeButton,
.toggleButton.activeButton.accordeonButton{
	background-image: url("../../img/Arrow_grey_open.gif");
}
.widgetInactive.widgetClosed .toggleButton,
.toggleButton.inactiveButton,
.toggleButton.inactiveButton.accordeonButton{
	background-image: url("../../img/Arrow_grey_closed.gif");
}
.widgetClosed {
	min-height: 30px;
}
.widgetClosed .widgetContent{
	display: none;
}
#navigationContainer .widgetClosed .widgetContent{
    display: block;
    visibility: hidden;
}
 .widgetContent{
	padding: 5px 5px 7px 10px;
	height: auto;
}
 .widgetFooterContainer{
	width: 100%;
    position: absolute;
	bottom: 0px;
	left: 0px;
    
}
.widget .widgetFooter{
    padding-left: 5px;
    padding-right: 10px;
    padding-bottom: 7px;
    text-align: right;
		
}

.widgetLoader {
	background-color: #FFFFFF;
	background-image: url("../../img/ajax_loader_green.gif");
	background-position: center 10%;
	background-repeat: no-repeat;
}

.whiteWidgetLoader {
	background-color: #FFFFFF;
	background-image: url("../../img/ajax_loader_green.gif"); /* war ajax_loader_large.gif */
	background-position: center 10%;
	background-repeat: no-repeat;
}

.calendarIcon{
    background-image: url("../../img/calendar.gif");	
	background-repeat: no-repeat;
}
.documentIcon{
    background-image: url("../../img/document.gif");	
}
.infoIcon{
    background-image: url("../../img/B_06_Info.gif");	
	background-repeat: no-repeat;
}
.infoIcon:hover{
    background-image: url("../../img/B_06_Info_Mouseover.gif");	
	background-repeat: no-repeat;
}
.favIcon{
    background-image: url("../../img/B_19_Favorites.gif");	
}
.favIcon:hover{
    background-image: url("../../img/B_19_Favorites_Mouseover.gif");	
}
.favIconActive{
	background-image: url("../../img/A_19_Favorites_Active.gif");	
}
.closeIcon{
    background-image: url("../../img/B_04_Close.gif");
}
.closeIcon:hover{
    background-image: url("../../img/B_04_Close_Mouseover.gif");	
}
.websiteIcon{
    background-image: url("../../img/website.gif");	
}
.websiteIcon:hover{
    background-image: url("../../img/website_Mouseover.gif");	
}
.mailIcon{
    background-image: url("../../img/B_01_Send.gif");	
}
.mailIcon:hover{
    background-image: url("../../img/B_01_Send_Mouseover.gif");	
}
.downloadIcon{
    background-image: url("../../img/download.gif");	
	background-repeat: no-repeat;
}
.downloadIcon:hover{
    background-image: url("../../img/download_Mouseover.gif");	
	background-repeat: no-repeat;
}
.printIcon{
	background-image: url("../../img/B_02_Print.gif");	
}
.printIcon:hover{
	background-image: url("../../img/B_02_Print_Mouseover.gif");	
}
.aboIcon{
	background-image: url("../../img/B_Chess.gif");	
}
.aboIconActive{
	background-image: url("../../img/B_Chess_Mouseover.gif");	
}
.basketIcon{
	background-image: url("../../img/A_29_Basket.gif");	
}
.basketIcon:hover{
	background-image: url("../../img/A_29_Basket_Mouseover.gif");	
}
.deleteIcon{
	background-image: url("../../img/B_05_Delete.gif");
}  
.deleteIcon:hover{
	background-image: url("../../img/B_05_Delete_Mouseover.gif");
}  
.listViewIcon.active{
	background-image: url("../../img/Content_list_active.gif");	
}
.listViewIcon.inactive{
	background-image: url("../../img/Content_list_inactive.gif");	
}
.tileViewIcon.active{
	background-image: url("../../img/Content_tile_active.gif");	
}
.tileViewIcon.inactive{
	background-image: url("../../img/Content_tile_inactive.gif");	
}
.editIcon {
    background-image: url("../../img/B_23_Edit.gif");	
	background-repeat: no-repeat;
}
.editIcon:hover{
    background-image: url("../../img/B_23_Edit_Mouseover.gif");	
	background-repeat: no-repeat;
}
.lastIcon{
	border: 0 !important;	
}

/*overlay*/
.widget.overlayWithShade,
.widget.overlayWithoutShade {
	border:1px solid #BEBEBE;
	background-color:white;
	opacity:0.9;
	font-size:12px;
	z-index:11;
	color:#6E6E6E;
	position:fixed;
	left: 50%;
	top: 50%;
}
.widget.overlayWithShade > img.overlayArrow{
	display: none;
}
.widget.overlayWithShade > img.rightImg,
.widget.overlayWithoutShade > img.rightImg{
	position:absolute;
	right:-12px;
	left:auto;
	top:10px;	
}

/*popup (popup ist ein positioniertes Overlay ohne abgedunkeltem Hintergrund)*/
.widget.overlayWithoutShade{
/*     background-color: white; */
/*     border: 1px solid #BEBEBE; */
/*     color: #6E6E6E; */
/*     font-size: 12px; */
/*     opacity: 0.9; */
/*     position: absolute; */
/*     z-index: 11; */
}
.widget.overlayWithoutShade > img.overlayArrow{
	position:absolute;
	right:-12px;
	top:10px;	
}

/*Togglebare Eintraege unterhalb eines Widgets*/
.widget .subFolderContainer{
	border-bottom: 1px solid #BEBEBE;
}
.widget .subFolderContainer .subFolderHead{
	height: 30px;
	padding-left: 10px;
}
.widget .subFolderContainer .subFolderHead .widgetHeadText{
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
	float: none;
/* 	display: inline-block; */
/* 	position: relative; */
	top: 3px;
	left: 0px;
}
.widget .subFolderContainer .subFolderHead .widgetImageLeft{
    background-image: url("../../img/A_48_Folder.gif");
    width: 18px;
    height: 18px;
}
.widget .subFolderContainer.widgetClosed .subFolderContent{
	display: none;	
}
.widget .subFolderContainer.widgetOpen .subFolderContent{
	display: block;	
}
.widget .subFolderContainer .subFolderContent a{
	display: block;
	padding-left: 10px;
}