/* CSS Document */

/*
======================================================================================================
Colors
======================================================================================================


*/

/*
======================================================================================================
Positioning of main containers
======================================================================================================
*/

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size:62.5%;
	background: #04283C url(?service=WebAsset&url=/images/verlauf.png&contentType=image/png) repeat-x;
}

#container{
	width: 926px;
	margin:0px auto;
	padding: 0px;
	position: relative;
}

.popupContainer { 
	margin: 0px 0px 0px 0px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 1.2em;*/
}

#header .cleaner{
	display: none !important;
}

#content{
	float: left; 
	width: 846px; /*1136 minus 250 minus 40*/
	position: relative; 
	margin-left: 40px;
	margin-top: 30px;
	min-height: 40em; 
	font-size: 1.2em;
	line-height: 1.4em;
}


.searchContent #content{padding-top: 3px;}



/*
======================================================================================================
Frankfurt Elements
======================================================================================================
*/
#frank_header{width: 926px; height: 140px;}
#frank_around_box{position: relative; width: 926px;	background-color: #fff; }
#frank_bild, #frank_bild2{float: left; width: 250px; }
#frank_bild2{display: none;}

.collectionContainerDetailView #frank_bild{display: none;}
.collectionContainerDetailView #frank_bild2{display: block;}

#frank_logo{left:1px; position:absolute; top:38px;}
#frank_logo_print{font-size: 1.6em; font-weight: bold; }

#frank_navigation {
	height:150px;
	left:290px;
	position:absolute;
	top:25px;
	width:900px;
}

#frank_navigation_01 {
	height:30px;
	left:0;
	position:absolute;
	top:0;
	width:800px;
}
#frank_navigation_02 {
	height:30px;
	left:0;
	position:absolute;
	top:44px;
	width:800px;
}
#frank_split {
	height:27px;
	margin-left:14px;
	margin-right:12px;
	width:2px;
}
#frank_meta_02 {
	height:60px;
	left:1px;
	position:absolute;
	top:130px;
	width:800px;

}
#frank_split2 {
	height:14px;
	margin-left:7px;
	margin-right:5px;
	padding: 0;
}

#frank_header a{color: #b3b3b3;}
#frank_header a:hover{color: #ffcc00;}

#frank_emp_navi{font-size: 1.3em; margin-left: 40px; margin-top: 10px; float: left; height: 1.5em;}
#frank_emp_navi li{float: left; padding-right: 10px;}
#frank_emp_navi a{font-weight: bold; color: #999; text-decoration: none;}
#frank_emp_navi a:hover{color: #039; }
#frank_emp_navi a.active{color: #039;}
/*
======================================================================================================
Frankfurt Start Page
======================================================================================================
*/

.startPage #content_li{width: 600px; float: left;}
.startPage #content_re{width: 200px; float: right; margin-top: 20px;}
.startPage #content_re p{margin: 0; padding: 0;}
.startPage #content_re .start_legend{font-size: 0.92em; line-height: 1.2em; padding: 0.1em 0 1em 0; }
.startPage p{margin: 0; padding: 0 0 1.5em 0;}
.start_search a{/*background: url(../images/search_arrow.gif) no-repeat; padding-left: 20px; padding-top: 0.1em;*/}
p.start_search{padding: 1em 0 2.5em 0; margin:0; }

/*
======================================================================================================
Redefining HTML-Tags
======================================================================================================
*/

	a { color:#003399; text-decoration:underline;}
	
	a:hover { color:#000; }

	a.active { color:#000; }

	dl, dt, dd { padding: 0px; margin: 0px; text-align: left; }
	
	dl dd{text-align: left; border: none;}
	
	dl dt{border: none;}

	h1 {color:#FFF;}
	
	h2 {color: #000; font-size: 1em;}
	
	h3 {font-size: 1em; font-weight: normal; margin: 0;}
	
	h4 {font-size: 1em; font-weight: normal; margin: 0;}

	img {border: none; margin: 0; padding: 0;}

	ul { padding:0px; margin:0px; list-style:none; }

	ul.radioGroup { margin:0px; padding:0px; }

	li { padding:0px; margin:0px; }
	
	#content ul li{line-height: 1.6em;}
	
	.infoArbeit{color: #ff0000; font-weight: bold;}
	.noBreak{white-space: nowrap;}

	
/*
Styles for forms
--------------------------------------------------------------------------------------------------
*/

	.button { padding: 2px; }

	label { display:block; float:left;}

	label.inlineLabel { display:inline; clear:none; float:none; display: none;}

	label.inlineLabelFrom, 
	label.inlineLabelTo { display:inline; clear:none; float:none;}

	label.inlineLabelTo { padding-left: 1em; }

	.radioGroup label { display:inline; clear:none; float:none; text-align:left; }

	.checkboxGroup label { display:inline; clear:none; float:none; text-align:left; }


	fieldset { border: none;}

	fieldset.inlineFieldset { border: none; display:inline; margin:0px; padding: 2px }

	legend { color: #666; }
		

	input, 
	select, 
	textarea { 
		background-color: #FFFFFF; 
		color: #000; 
		border: 1px solid  #b5b8c8;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0.2em; 
		background: #fff url(?service=WebAsset&url=/images/bg_input.jpg&contentType=image/jpg) repeat-x;
	}
	select{padding-left: 0;}

	input.submitButton,
	input.cancelButton,
	input.resetButton { display:inline; padding: 1px; }


	input.text:focus, 
	select:focus, 
	textarea:focus {}

	form p { margin:0px; padding:0px; }

	.formButton { text-align:right; padding:5px 20px 0px 0px; }

	.formItem { margin:0px; padding:0px; padding-bottom:5px; clear:both; }
	

/*
======================================================================================================
Styles shared accross containers and elements
======================================================================================================
*/

	.cleaner { clear: both; height:0px; font-size: 0px; line-height: 0px;}
	.bottomspace{height: 2em; width: 10px;}

	.error { color:#e60028; }

	.errorMessage { color:#e60028; padding-bottom:10px; }
	
	.infoMessage { color: #e60028;}

	.highlight { font-weight: bold; color: #e60028; }
	#container .resultCount .highlight {font-weight: normal; color: #999;}
	
	.hidden { position: absolute; left: -9999px; height: 0px; width: 0px;}

	.inlineFieldsetLegend { clear:both; display:block; float:left; padding:4px 1px 1px 1px; text-align:left; width:100px;}

	.message { padding-bottom:5px; }

	.normal { font-weight: normal; }

	.disabled { color: #cccccc; }

	.highResBody{background-color: #fff;}

	.highResImage {}

	.highResImage img {padding: 5px; }
	
/*
======================================================================================================
=logo
======================================================================================================
*/


/*
======================================================================================================
=siteFunctions
======================================================================================================
*/
	#language, #loginButton, .siteSearchLabel{}
	
	/* ---------- Language -----------*/
	#language {}	

	/* ---------- Login -----------*/
	#loginButton {}

	/* ---------- Site Search -----------*/
	.searchBox #siteSearchContainer{}
	
	#siteFunctions{z-index: 100; float: right; position: relative; padding-right: 7px;}
	#siteFunctionsContainer{}
	#siteSearchContainer{
		position: relative;
		padding:0; 
		margin:0 0 0 0; 
		width:25em; 
		top: 10px;
		/*right: 40px;*/
	}
	.searchBox #siteSearchContainer{display: none;}
	#siteSearch{margin: 0; padding: 0;}
	#siteSearchItems{margin:0; padding: 0;}
	#siteSearchInput {
		float: left;
		padding: 0.1em;
	}
	#siteSearchButton {
		color: #fff; 
		font-size: 1.2em; 
		text-align: center;
		cursor: pointer; 
		margin: 0em 0 0 10px; 
		border-top: 1px solid #4066B3;
		border-right: 1px solid #003366;
		border-bottom: 1px solid #003366;
		border-left: 1px solid #4066B3;
		background-color: #003399; 
		background-image: none;
		padding: 1px 8px 1px 8px; 
		float: left;
	}

	#siteSearchButton:hover{color: #ffcc00;}
	.siteSearchLabel {display: none;}

/*
======================================================================================================
=navigation
======================================================================================================
*/
	#navigation{display: none;}
	#mainNav {}		
	#mainNav li.mainNavItem {}


/*
======================================================================================================
=header
======================================================================================================
*/

	/*
	=title
	--------------------------------------------------------------------------------------------------
	*/
	
	#title{display: none;}


	/*
	=moduleFunctions
	--------------------------------------------------------------------------------------------------
	*/
		#moduleFunctions{display: none;}
		/*
		#moduleFunctionReference{display: none;}	
		#moduleFunctions { width:12em; text-align:right; }
		#moduleFunctions li.moduleFunctionItem {  width:12em; margin-top:.4em; }
		#moduleFunctions li.moduleFunctionItem a{ display:block; padding: 0 1.5em 0 0; text-decoration: none; color:#7d6b46; background:url(xxx) no-repeat -10em 0; }
		#moduleFunctions li.moduleFunctionItem a:visited{ color:#7d6b46!important;}
		#moduleFunctions li.moduleFunctionItem a:hover{ text-decoration:none; background-position: 10.8em .3em; }
		#moduleFunctions li.moduleFunctionItem a.active { background:url(xxx) no-repeat 10.8em .3em; font-weight:bold; }
		#moduleFunctions li.moduleFunctionItem a.active:hover{ background:url(xxx) no-repeat 10.8em .3em; }
		#moduleFunctionResult{display: none;}*/

/*
======================================================================================================
=content
======================================================================================================
*/
	/* -----------------------------------------------------------------------------------------------
	* Styles concerned with filter handling 
	* -----------------------------------------------------------------------------------------------
	*/
	/*
	.collectionContainer .filterSection {}
	
	.filterSection {
		position:relative;
		margin: 0px;
		padding: 0px;
		border-top: none !important;
		border-bottom: none !important;
		margin-bottom: 0.5em; 
	}
	.filterSection form { padding:0px; margin:0px;}
	
	.filterGroupItem{padding-bottom: 0.5em; }
	
	.filterSection .filterGroupControl_list {padding:0; margin: 0; }
	.filterSection .filterGroupControl_list ul{margin: 0; padding: 0; }

	.filterSection legend {display: none;}
	
	.filterItem{margin: 0; padding: 0; float: left;}
	.filterItem a { 
		margin: 0;
		font-size:1.0em; 
		padding: 0.2em .4em;
		color:#c09250;  
		text-decoration:none; 
		background-color: #fff;
	}
	.filterItem a:hover {color:#333; background-color: #f2ede2;}
	.filterItem a:visited { color:#999999; border-bottom: #fff; color:#000;}
	.filterItem a.active { color:#333; background-color: #fff; font-weight: bold; }
*/
	
	
		/*
	--------------------------------------------------------------------------------------------------
	*/
		
		#container .contextMenuContainer { 
			position: relative; 
			z-index:100!important; 
			display:block; 
			width: 846px;
			border-top: 1px solid #fff;!important; 
			padding-top: 0.1em;
			border-bottom: 1px solid #ccc;
		}
		
		#container.collectionContainerDetailList .contextMenuContainer{width: 680px;}
		#container.collectionContainerSimpleList .contextMenuContainer{width: 680px;}
		#container.collectionContainerLightbox_3x4 .contextMenuContainer{width: 680px;}
		#container.collectionContainerLightbox_4x5 .contextMenuContainer{width: 680px;}
		
		.bottomContextMenuContainer{border-top: 1px solid #fff; }
		#container .bottomContextMenuContainer .contextMenuContainer { border-bottom: none;}
		
		#container #multimediaInlineModule .contextMenuContainer { border: 1px solid green; display: none;}
		#container #multimediaInlineModule .bottomContextMenuContainer{display: none; }
		
		
		
		#container .detail{z-index: 50!important;}

		#container .contextMenu{position: relative;	}

		#container .contextMenuContainer .menuItem { text-align:left!important; }
		#container .contextMenuContainer a, #container .contextMenuContainer a:visited { color:#000;}
		#container .contextMenuContainer a:hover { color:#000; background: none;}
		#container li.dropdownMenu { 
			display:block; 
			float:left; 
			position:relative; 
			cursor: default; 
			border: 1px solid #fff; 
			padding:.05em 0.4em .15em 0em; 
			margin:0 .5em 0 0; 
			color:#999; 
			cursor: pointer;
		}

		#container li.dropdownMenu ul { 
			width:16em; 
			display:none; 
			position:absolute; 
			top:100%; 
			left:-1px; 
			background-color:#ededed; 
			text-align:center; 
			z-index:1; 
			margin-top: 1px;
			border-top: 1px solid #ccc;
		}

		#container li.dropdownMenu ul li { 
			display:block; 
			float:none; 
			width:100%; 
			border-bottom:1px solid #fff; 
			margin:0; 
			padding:0; 
			z-index: 1;
		}

		#container li.dropdownMenu ul li:hover {background-color: #DEDEDE;}
		#container li.dropdownMenu:hover ul { display: block; }
		#container li.dropdownMenu ul li a { 
			display:block; 
			width:100%; 
			font-weight:normal; 
			padding:.2em 0 .15em .4em; 
			text-decoration: none;
		}
		#container li.dropdownMenu .arrowDownButton { 
			padding: 0px 3px 0px 6px; 
			background: transparent url(?service=WebAsset&url=/images/button_down.gif&contentType=image/gif) no-repeat right; 
		}
		
		/* --------------------- ELEMENT NAVIGATOR -------------------------------*/
		
		#container .elementNavigatorLabel{padding:.2em 0.6em .2em 0; }
		#container .elementNavigator .menuItem { text-align:center!important; }
		
		#container .resultCount {
			margin: 0; 
			padding:0 0 0 .4em;
			font-size:1em!important;
			color: #999;
		}
		#container li.elementNavigator  {width: 5.2em; text-align: center; margin: 0 0 0 0; padding:0; float: right; display: block; border:none;}	/*single numbers*/
		
		#container li.dropdownMenu{
			z-index: 2!important;
		}
		#container li.elementNavigatorResultBox{
			z-index: 1!important;
		}
		
		#container li.dropdownMenuFromTo{/*width: 7.4em;*/width: 8.2em;} /*from to numbers - must be wider*/		
		#container li.elementNavigator ul {width: 5.2em; margin-left: 1.5em; text-align:center; margin-top: 0px;}		
		#container li.dropdownMenuFromTo ul{/*width: 7.4em;*/width: 8.2em; margin-left: 1.5em;}
		#container li.elementNavigator .elementNavigatorCurrent{float: left; width: 5.2em;}		
		#container li.elementNavigator .elementNavigatorFromTo{text-align: left; /*width: 7.4em;*/ width: 8.2em;}		
		
		/* ---------- composite Element Navigator (eMP 5.5.1.2) ---------*/
		#container .elementNavigatorResultBox{float: right; position: relative; width: 15em; display: inline; margin-right: 2.5em;}
		#container .bottomContextMenuContainer .elementNavigatorResultBox{margin-right: 0;}
		/*---------- new ks 2008-08-07 -------------------*/
			
		#container .elementNavigatorResultBoxFromTo{float: right;position: relative; width: 18em; display: inline;}	

		#container ul.elementNavigatorResult{float: left; display: block;}		
		#container ul.elementNavigatorResult li{float: left; line-height: 1.95em; }
		#container ul.elementNavigatorResult li.resultCount{float: right;}
		#container .elementNavigatorResultBox li.elementNavigator{float: left;  }					
		#container .elementNavigatorResultBox li.elementNavigator ul {margin-left: 0em;}		
		#container .elementNavigatorResultBox li.dropdownMenuFromTo ul{margin-left: 0em;}
		
		/* ---------- END composite Element Navigator (eMP 5.5.1.2) ---------*/		
		
		#container li.elementNavigator ul li {text-align:center;}		
		#container li.elementNavigator ul li a { display: block; text-align:center; padding: 0 0;}		
		#container li.elementNavigator ul li a:hover {cursor: pointer;}
		#container li.elementNavigator ul li.elementNavigatorFromTo a{text-align: left;}
		#container .elementFrom{width: 3.4em; text-align:right; display: block; float: left; padding-right:0.3em; margin-left: 0; padding-left: 0;}		
	
		#container .elementNavigatorBack a, #container .elementNavigatorNext a { text-decoration: none; }
		#container .elementNavigatorNext a:hover, #container .elementNavigatorBack a:hover{
			text-decoration: none;
			color: #fff;
		}
		#container .elementNavigatorNext, #container .elementNavigatorBack{
			float: left; 
			width: 1.5em;
			color: #fff;
			text-decoration: none;
		}
		
		#container .elementNavigatorBack a .arrowButton,
		#container .elementNavigatorNext a .arrowButton { 
			text-decoration: none; 
			color: #fff;
			cursor: pointer;
		}
		#container .contextMenu .elementNavigatorBack  .arrowButton,
		#container .contextMenu .elementNavigatorNext  .arrowButton {
			display: block;
			width: 1.5em;
		}
		
		#container .contextMenu .elementNavigatorBack  .arrowButton { 
			background:url(?service=WebAsset&url=/images/button_left_inactive.gif&contentType=image/gif) no-repeat 0.3em 0.5em; 
		}
		
		#container .contextMenu .elementNavigatorBack a .arrowButton { 
			background:url(?service=WebAsset&url=/images/button_left.gif&contentType=image/gif) no-repeat 0.3em 0.5em;
		}
		#container .contextMenu .elementNavigatorBack a:hover .arrowButton { 
			background:url(?service=WebAsset&url=/images/button_left_hover.gif&contentType=image/gif) no-repeat 0.3em 0.5em; 
		}	
			
		#container .elementNavigatorNext .arrowButton { 
			background:url(?service=WebAsset&url=/images/button_right_inactive.gif&contentType=image/gif) no-repeat 0em 0.5em; 	
		}
		#container .elementNavigatorNext a .arrowButton { 
			background:url(?service=WebAsset&url=/images/button_right.gif&contentType=image/gif) no-repeat 0em 0.5em; 
		}
		#container .elementNavigatorNext a:hover .arrowButton { 
			background:url(?service=WebAsset&url=/images/button_right_hover.gif&contentType=image/gif) no-repeat  0em 0.5em; 
		}
		
		#container .disabled { 
			color:#999; 
			padding:0; 
			font-weight: normal;
		}

		
	/* =inline contextMenu (inherits from contextMenu if not overwritten via '.inlineModule' selector)
	--------------------------------------------------------------------------------------------------
	*/
		.inlineModule .contextMenuContainer .resultCount {}
		.inlineModule{}

	/*
	= module view type stuff (prefix with .inlineModule to change settings for inline usage)
	--------------------------------------------------------------------------------------------------
	*/
		.detail { width: 846px; padding-top:1.5em; position: relative; display: block; }
		
		.lightbox,
		.detailList,
		.simpleList{width: 680px; padding-top:1.5em; position: relative; display: block; }
		
		.lightbox{ padding-top:0.5em; margin-bottom: 1em;}

		
		.referenceContainer .lightbox,
		.referenceContainer .detailList,
		.referenceContainer .simpleList,
		.referenceContainer .detail {padding-left: 0px; width: 180px;}

	
	/*
	=simpleList simpleListItem (Simple List View)
	--------------------------------------------------------------------------------------------------
	*/
		.simpleListItem{display:block; padding:0.1em 0; position: relative; 
			border-top: 1px solid #ccc; width: 680px; 
		}
		#simpleListItem-0{border-top: none; background: none;}
		.simpleListItem .listImg { float:left; width: 50px; margin-top: 0.4em; margin-bottom: 0.2em;}
		.simpleListItem .listImg img { width: 50px; height: 50px;}
		#content .simpleListItem .listTitle { float:none; width: 470px; margin: 5px 0 0 80px;}
		#content .simpleListItem li{line-height: 1.4em;}
		.simpleListItem h3{margin: 0;}
		.simpleListItem .listButton{position: absolute; top: 0; left: 580px; margin-top: 1em; width: 100px;}

	/*
	=detailList detailListItem (Detail List View)
	--------------------------------------------------------------------------------------------------
	*/
	
		.detailListItem{display:block; padding:0.5em 0; position: relative; 
			border-top: 1px solid #ccc; width: 680px; 
		}
		#detailListItem-0{border-top: none; background: none;}
		.detailListItem .listImg { float:left; width: 140px; margin-top: 0.4em; margin-bottom: 0.2em;}
		.detailListItem .listImg img { width: 140px; height: 140px;}
		#content .detailListItem .listTitle { float:none; width: 500px; margin: 5px 0 0 160px;}
		#content .detailListItem li{line-height: 1.4em;}
		.detailListItem h3{margin: 0;}
		.detailListItem .listButton{margin-top: 1em;}
		
		/* Multimedia Detail List */
		#multimediaDetailList{padding-top: 0em;}
		#multimediaDetailList .detailListItem{width: 180px;}
		#multimediaDetailList .detailListItem .cleaner{width: 180px; margin-left: 0px;}
		#multimediaDetailList .detailListItem .multimediaThumbnail {width: 180px; margin-top: 0em; margin-bottom: 0em;}
		#multimediaDetailList .multimediaTitle{font-size: 0.92em; line-height: 1.3em; margin-top: 5px;}
		
		#multimediaDetailList .detailListItem{border-top: none;}
		
		
		
	/*
	=detail (Detail View Type)
	--------------------------------------------------------------------------------------------------
	*/
		/*
		=detail content
		--------------------------------------------------------------------------------------------------
		*/
			/*.detailItem { position:relative; margin-bottom: 0.5em; margin-top: 0em; border-top: 1px solid #fff !important; width: 630px; float: left; display: block;}*/
			.detailItem {
				border-top: 1px solid #FFFFFF !important;
				margin-bottom: 0.5em;
				margin-top: 0;
			}
			.detailItem .detail_li {
				float: left;
				margin-bottom: 20px;
				margin-top: 5px;
				width: 180px;
			}
			.detailItem .detail_re {
				float: left;
				margin-right: 35px;
				width: 630px;
			}

			.detailItem .listImg {}
			.detailItem .listImg img {}
		
			.detailItem li{border-bottom: 1px solid #fff;!important}
			.detailItem .object_title{border-bottom: 1px solid #ccc; padding-bottom: 0.5em; margin-bottom: 0.5em;}
			.detailItem .phil-info_stamp, 
			.detailItem .phil-info_letter, 
			.detailItem .object_comments, 
			.detailItem .comments{border-top: 1px solid #ccc; padding-top: 0.5em; margin-top: 0.5em;}
			
			.detailItem .tspValue{float: left; width: 470px; }
			.detailItem .tspValueComments{float: left; width: 480px; padding: 5px; background-color: #ebebeb;}
			.detailItem .tspEnd{clear: both;display: block;}
			
			.object_identNr .tspPrefix,
            .object_title .tspPrefix,
            .object_othertitle .tspPrefix,
            .michel_thesaurus .tspPrefix,
            .object_producer .tspPrefix,
            .object_dating .tspPrefix,
            .object_dimensions .tspPrefix,
            .object_material .tspPrefix,
			.object_classification .tspPrefix,
			.object_geography .tspPrefix,
			.object_keyword .tspPrefix,
			.object_type .tspPrefix,
			.object_inscription .tspPrefix,
			.phil-info_stamp .tspPrefix,
			.phil-info_letter .tspPrefix,
            .object_comments .tspPrefix,
			.comments .tspPrefix{color: #333; padding-right: 15px; width: 120px; display: block; float: left; font-size: 0.92em; line-height: 1.1em; padding-top: 0.2em;}
			
			.detailItem .portfolioLink{margin-top: 15px;}
			
			.detailItem .bookmark{margin-top: 5px;}
			
			.bookmark label {width: 120px; color: #333; font-size: 0.92em;}
			.bookmark input{width: 170px; font-size: 0.92em; color: #333;}
			.bookmark form{margin: 0;!important}
			
			.comment_expl{padding-top: 10px; display: block;}
			
			.detailItem  .multimediaTitle .tspValue {font-size: 0.92em; line-height: 1.3em; margin-top: 5px; width: 180px;}

		/*
		=references Tab
		--------------------------------------------------------------------------------------------------
		*/
			
			/*.referenceContainer { position:relative; padding:0px; border-top: 1px solid #fff; margin-top: 2em; height: 2em; width: 180px; float: none; margin-left: 666px; margin-top: 22em; border: 1px solid red;} */ /* border for iEs */
			
			.referenceContainer { position:relative; padding:0px; border-top: 1px solid #fff; width: 180px; float: left; margin-top: 0; }
			.referenceTabItem,
			.referenceTabItemActive {display: none;}
			.referenceTabItem a,
			.referenceTabItemActive a {}
			.referenceTabItem a:hover{}
		    .referenceTabItemActive a.active{}

		/*
		=references: References Container (contains Inline Modules)
		--------------------------------------------------------------------------------------------------
		*/
		/*
		.referenceContainer .reference {display:block; float:left; width:100%; padding-bottom: 2em; border-top: 1px solid #e9d9c2;}
		.referenceContainer .reference .caption { padding:0; margin:0;}
		.reference p { padding:1em 0em; margin:0; text-align:left; }
		*/
		
		
	/*
	=lightbox
	--------------------------------------------------------------------------------------------------
	*/
	
	/*lightbox */
	.lightboxItem { display:block; float:left; }
	#content .lightboxItem ul.listText li { font-size: 1em; line-height:1.2em; margin:0;}
	#content .lightboxItem ul.listText li.listButton {margin-top: 0.5em; margin-bottom: 0em; padding: 0;}
	#content .lightboxItem ul.listText{padding-top: 0.3em;}
	.lightboxTextListItem { padding:0; margin:0; }
	.lightboxItem li { padding:0; margin:0; }
	.lightboxTextListItem li { padding:0.1em 0; margin:0;}
	.lightboxGroupItem { display:block; float:left;}
	.lightboxItem h3{margin: 0;}
	
	.lightboxGroupItem{padding-bottom: 5px; border-bottom: 1px solid #ccc;}

	/*
	=lightbox links
	--------------------------------------------------------------------------------------------------
	*/
	.lightboxItem a{}
	.lightboxItem a:hover{}
	.listImg a{}

	/*
	=lightbox_1x1
	--------------------------------------------------------------------------------------------------
	*/
	/*
	#lightbox_1x1 {left: 0px; width: 560px;}
	#lightbox_1x1 .lightboxItem { width:350px; margin:0px 0px 0px 0px}
	#lightbox_1x1 .lightboxItem .lightboxImageListItem,
	#lightbox_1x1 .lightboxItem .lightboxImageListItem img { width: 350px; height:350px;}
	#lightbox_1x1 .lightboxItem .lightboxTextListItem { width: 350px; height:140px; }
	*/

	/*
	=lightbox_1x2
	--------------------------------------------------------------------------------------------------
	*/
	/*	
	#lightbox_1x2 .lightboxItem { width:259px; margin:0px 20px 0px 0px; height: 400px;}
	#lightbox_1x2 .lightboxItem .lightboxImageListItem,
	#lightbox_1x2 .lightboxItem .lightboxImageListItem img { width: 259px; height:259px;}
	#lightbox_1x2 .lightboxItem .lightboxTextListItem {  width: 259px; height:140px;}
	#lightbox_1x2 #lightboxItem_1{margin-right: 0px;}
	*/
		
	/*
	=lightbox_2x3
	--------------------------------------------------------------------------------------------------
	*/
	/*
	#lightbox_2x3 .lightboxItem { margin:10px 40px 5px 0em; }
	#lightbox_2x3 .listImg img { width:170px;}
	#lightbox_2x3 .lightboxTextListItem { width:170px;}
	#lightbox_2x3 .lightboxImgInnerContainer { width:170px;}
	#lightbox_2x3 #lightboxItem-2, #lightbox_2x3 #lightboxItem-5 {margin-right: 0px;}
	*/
	/*
	=lightbox_3x4
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_3x4 .lightboxItem { margin:10px 40px 5px 0em; }
	#lightbox_3x4 .listImg img { width:140px;}
	#lightbox_3x4 .lightboxTextListItem { width:140px;}
	#lightbox_3x4 .lightboxImgInnerContainer { width:140px;}
	#lightbox_3x4 #lightboxItem-3, 
	#lightbox_3x4 #lightboxItem-7, 
	#lightbox_3x4 #lightboxItem-11{margin-right: 0px;}
	
	/*
	=lightbox_4x5
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_4x5 .lightboxItem { margin:10px 25px 5px 0em; }
	#lightbox_4x5 .listImg img { width:115px; height:115px;}
	#lightbox_4x5 .lightboxTextListItem { width:115px; }
	#lightbox_4x5 .lightboxImgInnerContainer { width:115px; }
	
	#lightbox_4x5 #lightboxItem-4, 
	#lightbox_4x5 #lightboxItem-9, 
	#lightbox_4x5 #lightboxItem-14, 
	#lightbox_4x5 #lightboxItem-19{margin-right: 0px;}


	/*
	=TSP styles (overriding other styles)
	-------------------------------------------------------------------------------------------------
	*/
		#lightbox_1x1 .listImg img.tspMimeTypeIcon, 
		#lightbox_1x2 .listImg img.tspMimeTypeIcon, 
		#lightbox_2x3 .listImg img.tspMimeTypeIcon, 
		#lightbox_3x4 .listImg img.tspMimeTypeIcon, 
		#lightbox_4x5 .listImg img.tspMimeTypeIcon, 
		.listImg img.tspMimeTypeIcon { width: 48px; height: 48px; }
	/*
	Portfolio Element Handler
	-------------------------------------------------------------------------------------------------
	*/

	.tspPortfolioElementHandler {margin: 0; padding: 0; position: relative; border: 1px solid #fff;!important}
	.tspPortfolioElementHandler_image {padding: 0; margin: 0; position: absolute; top: 0.1em; left: 0;}
	.tspPortfolioElementHandler a { text-decoration: none;}
	.tspPortfolioElementHandler_text:hover { color:#000; text-decoration: underline;}
	.tspPortfolioElementHandler_text{font-size: 0.92em; display: block; padding-left: 18px; line-height: 1.1em;}
	
	.detailItem .tspPortfolioElementHandler_image{}


		
/*
=loginForm
--------------------------------------------------------------------------------------------------
*/
	/*
	#loginForm { margin:5px; padding:10px 0px 10px 0px; }
	#loginForm fieldset { border:solid 1px #ccc; margin-top:14px; width:307px; padding:7px; }
	#loginForm fieldset legend { margin-bottom:0px; }
	#loginForm .formItemsContainer { padding-top:7px; }
	#loginForm input.text { width:200px; }
	#loginForm .formItem label { width:80px; }
	*/
				
				
/*
=editForm
--------------------------------------------------------------------------------------------------
*/
	/*
	.editForm fieldset { border:none; }
	.editForm legend { display:none; }
	.editForm .formItem { padding:5px; height:13px;}
	.editForm .formButton { width: 630px; padding:5px; }
	.editForm .formButton input { padding-right:10px; padding-left:10px; }
	.editForm .formItem label { position:absolute; width:120px; left: 5px; }
	.editForm .formItem div.text { position:absolute; left:130px; }
	.editForm .text input,
	.editForm .text select { width:500px; }
	*/
	

/*
=searchForm
--------------------------------------------------------------------------------------------------
*/
	
    .searchForm{margin-top: 0.2em; font-size: 1.0em; padding: 0 0 1em 0; border-top: 1px solid #fff; width: 530px; border-top: 1px solid #fff;}
	
	.searchForm fieldset.searchFulltext {padding: 2em 0 2em 0; margin: 0; border-top: 1px solid #bebebe; width: 530px; border-bottom: 1px solid #bebebe; background-color: #d9d9d9;}
	
	.searchForm .formItem{padding-bottom: 1em;}

	.searchForm fieldset.searchItems {padding: 2em 0 0 0; margin: 0;}

	.searchForm label { width:110px; font-size: 1.0em; text-align: left; padding: 0 10px 2px 10px; margin: 0; line-height: 1em;}
	
	.searchForm .inlineFieldset label{padding-left: 0;}
	.searchForm .inlineFieldset label.inlineLabelTo{padding-left: 10px;}
	
	.searchForm legend {display: none;}

	.searchForm input.text { width:376px;}

	.searchForm .inlineFieldset{padding-top: 0.1em; padding-left: 0; }
	
	.searchForm .inlineFieldsetLegend {width:110px; font-size: 1.0em; padding: 0.3em 10px 0 10px; text-align: left;}

	.searchForm input.textSmall { width:6em; display:inline; margin-top: 0em; }

	.searchForm select { width:384px; }
	
	.searchForm select.selectCombined { width:19.7em;} 
	
	.searchForm input.textCombined { width:20em; display: inline; }	
	
	.searchForm .formButton { width: 530px; margin-top: 1em; padding: 1em 0em 1em 0;}

	.searchForm .resetButton {}
	
	.searchForm .infoMessage {padding-bottom: 1.5em;}
	

	#searchForm .resetButton {padding-right: 10px;}
	.searchForm .startButton a, .searchForm .resetButton a {
		text-decoration: none;
		color: #fff;
		font-size: 1.0em;
		font-weight: bold;
		border-top: 1px solid #4066B3;
		border-right: 1px solid #003366;
		border-bottom: 1px solid #003366;
		border-left: 1px solid #4066B3;
		background-color: #003399; 
		padding: 3px 8px 3px 8px; 
	}
	.searchForm .resetButton a {
		border-top: 1px solid #c5c5c5;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: 1px solid #c5c5c5;
		background-color: #b2b2b2; 
	}

	.searchForm .startButton {padding-right: 10px;}
	.searchForm .startButton a:hover, .searchForm .resetButton a:hover { 
		background-color: #ffcc00; 
		border-top: 1px solid #ffdf60;
		border-right: 1px solid #b18e00;
		border-bottom: 1px solid #b18e00;
		border-left: 1px solid #ffdf60;
	}
	
	
/* vvvvvvvvvvvvvvvvvv Smart Search Field stuff vvvvvvvvvvvvvvvvvvvvvv */
	.searchForm .smartFieldItem{height: 2em;}
	.searchForm .smartFieldLabel { width:110px; float: left;}
	.searchForm .smartFieldContainer input {height:18px; margin-bottom: 2px; width: 332px;}

	.searchForm .smartFieldContainerOuter {position:relative; /*top: 0px; left: 0px; right: 0px; bottom: 0px;*/ float: left; width: 376px;}
	
	.smartFieldItem .cleaner {width: 10px; height: 1px; background-color: #fff; display: none;}

	.searchForm .smartDropdownThesaurusItem .smartFieldContainer .smartFieldThesaurusButton { margin-left:10px;}		
	
	.x-form-trigger{}
	.x-form-field{
		font-family: arial,helvetica,clean,sans-serif;
		font-size: 12px;
		color: #000;
	}
	.mpComboBox-item {
		font-family: arial,helvetica,clean,sans-serif;
		font-size: 12px;
		color: #000;
		padding:0px 3px; border:1px solid #fff;
		white-space:normal;
		overflow:auto;
		text-overflow:ellipsis;
		background-color: #FFFFFF;
	}

	.mpComboBox-item-selected {
			background:#DFE8F6 none repeat scroll 0 0;
			border:1px dotted #A3BAE9 !important;
			cursor:pointer;	
			}
	.mpComboBox-item-highlight { font-weight: bold; }


	.mpThesaurusDialog {z-index:500;}
	.mpThesaurusDialogBody {border: solid 1px #CCCCCC; }
	.mpThesaurusDialogButtonPanel {align:right; background:#E3E8F3; margin-top:3px; margin-left:-3px; margin-right:-3px; margin-bottom:-3px;}

	.modalBackgroundStyle {
		visibility: visible; opacity: 0.6; filter: alpha(opacity=60); 
		top: 0px; left: 0px;
		width: 100%; height: 100%;  
		background-color: #000; 
		/*position: absolute;*/
		position: fixed;
		z-index: 499;
		border-style: none;
	}		    
			
	.my-tree-close {
	  background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-close.gif) no-repeat 0px 0px;
	}
	
	.my-tree-open {
	  background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-open.gif) no-repeat 0px 0px;
	}
	
	.my-tree-joint-over .my-tree-close {
	  background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-close.gif) no-repeat 0px 0px;
	}
	
	.my-tree-joint-over  .my-tree-open {
	  background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-open.gif) no-repeat 0px 0px;
	}
	
	.tree-folder,.tree-folder-open {/* display:none; */ 
		background:  url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/leaf.gif) no-repeat 0px 0px; 
	}
	.my-tree-over .my-tree-icon div, .my-tree-sel .my-tree-icon div, .my-tree-icon div  {
		background:  url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/leaf.gif) no-repeat 0px 0px;
	}
	.my-tree-loading .tree-folder{
 		background: url(/eMP/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/icons/wait.gif) no-repeat 0px -1px !important;
	}
	
	
	/*^^^^^^^^^ End Smart Search Field Stuff ^^^^^^^^^^^^^^*/	 

	
/* -----------------------------------------------------------------------------------------------
* Style for ExternalReference page - 
* The page is using IFrame element to display content from external URL
* -----------------------------------------------------------------------------------------------
*/

.externalReferenceFrame { height: 650px; width: 631px; }


/* --------------
 * Custom Class: Search Help
 * --------------
 */
 
#searchTipps{display: block; width: 280px; float: right; padding: 0; margin-top: 1.5em;}
#searchTipps h3{font-weight: bold; margin-bottom:1em;}
#searchTipps p{margin-bottom: 1em;}	

.searchHelp {display: inline;}	
.searchHistoryLink {position:relative; display: inline; margin-left: 1em; z-index:100; }
.searchHelp a, .searchHistoryLink a{ color: #039; text-decoration: none;}
.searchHelp a:hover, .searchHistoryLink a:hover{color: #000; text-decoration: underline;}


/* ---------------------
 * Search History Styles
 * ---------------------
 */

#searchHistoryPopupContainer {width: 100%; font-size: 1.2em; background-color: #fff; padding: 1em 0 3em 0;}
#searchHistoryPopupContainer h3{padding-left: 1em; font-weight: bold; margin-bottom: 1em;}
#searchHistoryPopupContainer table {text-align: left; border-collapse:collapse; width: 100%; margin: 0 auto;}
#searchHistoryPopupContainer table.searchHistoryTable{width: 90%;}
#searchHistoryPopupContainer .searchHistoryTable td, 
#searchHistoryPopupContainer .searchHistoryTable th { padding: 0.2em; vertical-align:top;}
#searchHistoryPopupContainer .unFramed {width: 2em; }
#searchHistoryPopupContainer .framed {border: 1px solid #999;}
#searchHistoryPopupContainer .histFieldValueList td {padding: 0.1em;}
#searchHistoryPopupContainer .histFieldValueList .histFieldLabel {width: 10em; font-weight: bold;}
#searchHistoryPopupContainer .histResultCount{width: 7em;}
#searchHistoryPopupContainer .histResultCount {font-weight: bold;}
#searchHistoryPopupContainer .histDate{width: 12em;}


.control{
	display: none;
}
.printonly{
	display: none;
}


#footer{
	width: 1136px;
	clear: both;
	margin-bottom: 1em;
	padding: 0;
}

#footer p{margin: 0; padding: 1em 0 1em 20px;}
#footer a{font-weight: bold; color: #666; border-left: 1px solid #666; padding-left: 1em; margin-left: 0.5em;}
#footer a:hover{color: #000;}

/* ^^^^^^^^^^^^^^ BOGOTA STYLES FOR HEADER AND FOOTER ^^^ END ^^^^^^^^^^^^^^ */


/* Misc */


/* Load images locally */
.start_search a{background-image: url(../images/search_arrow.gif);}


/*
#container li.dropdownMenu .arrowDownButton {background-image:url(../images/button_down.gif);}
#container .contextMenu .elementNavigatorBack  .arrowButton {background-image: url(../images/button_left_inactive.gif);}
#container .contextMenu .elementNavigatorBack a .arrowButton {background-image: url(../images/button_left.gif);}
#container .contextMenu .elementNavigatorBack a:hover .arrowButton {background-image: url(../button_left_hover.gif);}	

#container .elementNavigatorNext .arrowButton {background-image: url(../images/button_right_inactive.gif);}
#container .elementNavigatorNext a .arrowButton {background-image: url(../images/button_right.gif);}
#container .elementNavigatorNext a:hover .arrowButton {background-image: url(../images/button_right_hover.gif);}

.infoArbeit{display: none;}

input, 
select, 
textarea {background-image:url(../images/bg_input.jpg);}*/
/*
.detailLink a{background-image: url(../images/arrow_detail.gif);}
.detailLink a:hover{background-image: url(../images/arrow_detail_hover.gif);}
.detailListItem{background-image: url(../images/detail_line.gif);}
.lightboxGroupItem{background-image: url(../images/dot.gif);}
.detailItem .detailCaption li{background-image: url(../images/dot.gif);}
*/