/* CSS Document */

/*
======================================================================================================
Positioning of main containers
======================================================================================================
colors: 
red: #AB2423
grey: #666;
*/

body{background-color: #FFF; padding: 0px 0px 0px 0px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif;/*background-image: url(bg.gif); background-repeat: no-repeat;*/ color: #666;}

#container{width: 100; 
	padding: 0px 0px 25px 0px;
	margin: 10px 0px 0px 0px;
	position: relative;
	/*background-color: #FFF;*/
	font-family: Verdana, Sans-Serif;
	font-size:101%;
	color: #666;
	line-height: 1em;
}

#logo{ display: none; }

#siteFunctions{position: absolute; top: 0px; left: 0px; z-index: 200;}

#navigation{
	position: absolute; 
	top: 173px; 
	left: 0px; 
	_left: -185px;
	width: 165px;
	/*line-height: 12px;
	border: 1px solid red;*/
	font-size: 0.75em;
	background-color: #fff;
}
	
#header {position: relative; margin-left: 185px; margin-bottom: 0px; padding: 27px 0px 5px 0px; height: auto; _height: 29px; /*border: 2px solid green;*/ width: 680px;}

#content{position: relative; margin-left: 185px; width: 680px; color: #666; /*border: 2px solid red;*/ font-size: 0.75em; min-height: 400px;}
/*#footer{text-align: center; background: url(../images/dot.gif) repeat-x; padding: 5px 0px 15px 0px;}*/
#footer{text-align: center; background: url("?service=WebAsset&url=/images/dot.gif&contentType=image/gif") repeat-x; padding: 5px 0px 15px 0px;}


/*
======================================================================================================
Header Customer
======================================================================================================
*/	

#logoBarc{margin: 5px 0px 0px 5px;}
#logoBarc img{border: none;float: left;}
#menuContBarc{position: relative; width: 100%; margin-top: 7px; padding: 0px; margin: 0px; }
#menuBarc{float:left; clear:both; width:100%; margin: 5px 0 0 0; background-color:#818181; color: #fff;}
#menuBarc ul{ float: right; list-style-type: none;	margin: 0 15px 0 0;	padding: 0;	text-align: center;	vertical-align:middle; }
#menuBarc ul li{ float:left; margin: 0 0 0 .3em;	display: block;}
#menuBarc ul li a{	display: block;	font-weight:bold;color: #fff; padding: 1px 3px 1px 3px; font-size: 0.6em; text-decoration: none;}
#menuBarc ul li a:hover{ background-color: #3B4432; text-decoration:none; }
/*#menu_cap ul li.menusel a:hover{ background: url("../images/bgmenusel.gif") no-repeat right top; }*/
#menu_cap ul li.menusel a:hover{ background: url("?service=WebAsset&url=/images/bgmenusel.gif&contentType=image/gif") no-repeat right top; }
/*.menusel{ background: url("../images/bgmenusel.gif") no-repeat right top; }*/
.menusel{ background: url("?service=WebAsset&url=/images/bgmenusel.gif&contentType=image/gif") no-repeat right top; }
.clearBarc{width: 100%; height: 2px; background-color: #BF2F14; clear: both; font-size: 1px;}
.clearBarc2{height: 15px; font-size: 1px; width: 1px;/*clear: both;*/ clear: none;}
/*#headerBarc{width: 100%; height: 78px; background: url("../images/headerbild.gif") no-repeat #d7d5c9; position: relative; border-top: 2px solid #fff;}*/
#headerBarc{width: 100%; height: 78px; background: url("?service=WebAsset&url=/images/headerbild2.gif&contentType=image/gif") no-repeat #d7d5c9; position: relative; border-top: 2px solid #fff; margin: 0; padding: 0;}
#titleBarc{width: 400px; height: 78px; background-color: /*#700F13*/#ff0000;float: left; position: relative;}
#titleBarc h1{margin: 0px 0px 0px 10px; width: 250px; position: absolute; bottom: 15px;}
#langBarc{
	float: right;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 5px 0px;
	line-height: 0.6em;
	z-index: 100;
}
#langBarc a{text-decoration: underline; color: #666; font-weight: normal; font-size: 0.6em; padding-left: 5px;}
#langBarc a:hover{color: #000; }
#langBarc a.active{color:#000; text-decoration: none;}

#searchBarc{position: absolute; top: 0px; left: 402px; width: 220px; background-color: #D9D2C7; height: 78px; }

#peu{font-size: 0.6em;}
#peu a{text-decoration: none;}
#peu a:hover{text-decoration: underline; color: #666;}
#peu img{vertical-align: middle;}


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

	a { color:#666; }
	.contextMenuContainer a{text-decoration: none;}

	a:hover { color:#AB2423; }

	a.active { color:#666666; }

	/*body { behavior:url(/eMP-v55/css/csshover.htc); } */ /* IE-Hack */
	body { behavior:url(?service=WebAsset&url=/css/csshover.htc&contentType=text/x-component); }  /* IE-Hack */

	dl, dt, dd { padding: 0px; margin: 0px; }

	h1 { font-size: 1.3em; color: #fff; margin: 0; font-weight: normal}
	
	h2 { color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

	img { border:none; }

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

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

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

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

	.button { padding: 2px; }

	label { display:block; float:left; padding:1px; text-align:left; font-size: 12px; }

	label.inlineLabel { display:inline; clear:none; float:none; padding:1px; text-align:left; }

	label.inlineLabelFrom, 
	label.inlineLabelTo { display:inline; clear:none; float:none; padding:1px; text-align:left; }

	label.inlineLabelTo { padding-left: 10px; }

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

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


	fieldset { margin:0px; padding:10px 0px 10px 0px; border: solid 1px #ccc; }

	fieldset.inlineFieldset { border: 1px #fff solid; display:inline; margin:0px; padding: 2px 0px 2px 1px;}

	legend { color: #666; }

	input, 
	select, 
	textarea { background-color: #FFF; color: #000; border: 1px solid #CCC; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 2px; }

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


	input.text:focus, 
	select:focus, 
	textarea:focus { background-color:#F5F5F5; }

	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
======================================================================================================
*/

	li.dropdownMenu { float: left; position: relative; cursor: default; margin:0 0 0 1em; padding-bottom: 3px; }

	li.dropdownMenu ul { display: none; position: absolute; top: 100%; left: 0; padding: 0 .5em 0 1em 0; background-color:#f2f2f1; z-index:50; line-height: 1.22em; border-top: 1px solid #f2f2f1; } /* if no border set, dropdown is truncated*/
	

	li>ul { top: auto; left: auto; }

	li.dropdownMenu li { display: block; float: none; padding: 2px 0px; margin:0px; width: 100%; border-bottom: 1px solid #FFF; }
	.menuItem a{padding-left: 3px;}

	li.dropdownMenu ul { _margin-top: -2px; /* IE-Hack */}

	li.dropdownMenu:hover ul { display: block; }

	li.dropdownMenu li a { display:block; width:100%; }

	li.dropdownMenu li a:hover {  }
	
	li.dropdownMenu .arrowDownButton { 
		padding: 0px 6px 0px 6px;
		background: transparent url(?service=WebAsset&url=/images/controls/arrow_b_bottom.gif&contentType=image/gif) no-repeat center center ; 
		}

	.cleaner { clear: both; height:0px; font-size: 0px; line-height: 0px; }
	/*.cleaner{width: 10px; height: 2px; border: 1px solid red;}*/
	#header .cleaner{width: 20px; height: 6px;}

	.error { color:#AB2423; }

	.errorMessage { color:#AB2423; padding-bottom:10px; }
	
	.infoMessage { color: #AB2423; padding-top: 15px;}

	.highlight { font-weight: bold; color:#AB2423; }

	.hidden { display:none; }

	.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: #ccc; }

	.highResImage { /*position: fixed;*/ /*width: 100%; height: 100%;*/ /*text-align: center; vertical-align: middle;  margin: -7px;*/ }

	.highResImage img {padding: 2%; width: 96%; }
/*
======================================================================================================
=logo
======================================================================================================
*/
	#logo img { width: 200px; }


/*
======================================================================================================
=siteFunctions
======================================================================================================
*/
	#siteFunctionsContainer li { float: left; line-height: 24px; position:relative;}

	#language {/*position: absolute; top: 104px; left: 290px; width: 100px; margin: 0px; padding: 0px; font-size: 0.75em; text-align: right;*/display: none;}
	
	#language { _margin-top:4px; } /* IE-Hack */

	#language ul{ width: 110px; background-color: /*#700F13*/#cc0000;border: none;}
	
	#language ul li {line-height: 1.2em; display: block; border-top: 1px solid #999; border-bottom: none; text-align: left;}

	#language ul li a { text-decoration: none; width: 93px; margin-left: 0px; text-align: right; color: #fff;}
	
	#language ul li a:hover { background-color:transparent; color: #ccc;}
	
	#language img {/* display:none; */}
	
	#languageMenuLabel {
		margin: 0; padding: 0; 
		font-weight: bold; 
		color: #fff; 
		background-color: /*#700F13*/#cc0000; 
		padding-right: 5px; 
		text-align: right;
	}

	.siteFunctionButton { margin-left: 10px; margin-top:1px;}

	#siteSearch {/*display:inline; margin-left: 10px;*/ position: absolute; top:105px; left: 415px; _left: 225px }
	.siteSearchLabel{display: none;}

	#siteSearch fieldset { border:none; margin:0px; padding:0; width: 200px;}
	
	#siteSearch .cleaner { display:none; }
	#siteSearchInput{
		border-top: 1px solid #A1A1A2;
		border-left: 1px solid #A1A1A2;
		border-bottom: 1px solid #edeae4;
		border-right: 1px solid #edeae4;
		background-color: #e3ded5; 
		color: #333;
		float: left;
		width: 130px;
	}
	#siteSearchButton{float: right; font-weight: bold; color: #666; padding-top: 3px;background-color: #D9D2C7; border:none; cursor: pointer;}
	#siteSearchButton:hover{color: #fff;}
	#loginButton{display: none;}
	
	/*#siteSearchButton:focus, #siteSearchButton:active {border: 1px solid red;}*/
	
/*
======================================================================================================
=navigation
======================================================================================================
*/
	#mainNav{margin-top: 0px; margin-bottom: 0px;}
	#navigation ul { margin-left: 0; padding-left: 0; list-style-type: none;}
	/*#navigation li{background: url(../images/dot.gif) repeat-x bottom;}*/
	#navigation li{background: url("?service=WebAsset&url=/images/dot.gif&contentType=image/gif") repeat-x bottom;}
	

	#navigation a { display: block; padding: 2px 5px 3px 10px; color: #666;}
	#navigation a.active { color: #AB2423;}

	#navigation a:link, #navigation a:visited { text-decoration: none; }
	
	#navigation a:hover {color: #AB2423; text-decoration: underline;}
	#navigation a.active:hover { color: #AB2423;text-decoration: none;}
	
	#navigation .cleaner { display:none; }
	
	#navigation #externalNav, #navigation #navigBarc, #navigation #navigBarc2 {/*display: none;*/ margin-top: 30px;}
	#navigation h1{font-weight: normal; font-size: 11px;}
	
	#navigBarc li{background: url("?service=WebAsset&url=/images/dot.gif&contentType=image/gif") repeat-x bottom;}

	/*#navigBarc li, #navigBarc2 li{_border-bottom:1px solid #fff;_padding-bottom: 1px}*/

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

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

	/*
	=moduleFunctions
	--------------------------------------------------------------------------------------------------
	*/
		#moduleFunctions { position:relative; padding: 0px 0px 0px 0px;/*border-bottom: 1px solid #AB2423;*/ width: 520px; line-height: 12px;height: auto; font-size: 0.75em;}
	
		#moduleFunctions { _margin-bottom:3px;} /* IE-Hack */
	
		.moduleFunctionItem,
		.moduleFunctionItemActive { margin:0; float:left; padding:0 40px 0px 0px;}
	
		.moduleFunctionItem a,
		.moduleFunctionItemActive a { float:left; padding:0px 0px 5px 18px; margin:0px; font-weight: bold; text-decoration: none;}
	
		/*.moduleFunctionItem a{color: #666; background:url(../images/flechaG.gif) no-repeat;}
		.moduleFunctionItem a:hover{color: #AB2423; background:url(../images/flechaR.gif) no-repeat;}
		.moduleFunctionItem a.active{color: #AB2423; background:url(../images/flechaR.gif) no-repeat;}
		.moduleFunctionItem a.active:hover{}*/
		
		
		.moduleFunctionItem a{color: #666; background:url("?service=WebAsset&url=/images/flechaG.gif&contentType=image/gif") no-repeat;}
		.moduleFunctionItem a:hover{color: #AB2423; background:url("?service=WebAsset&url=/images/flechaR.gif&contentType=image/gif") no-repeat;}
		.moduleFunctionItem a.active{color: #AB2423; background:url("?service=WebAsset&url=/images/flechaR.gif&contentType=image/gif") no-repeat;}
		.moduleFunctionItem a.active:hover{}
		
		#moduleFunctionReference{display: none;}
		
		
		

/*
======================================================================================================
=content
======================================================================================================
*/
	/* -----------------------------------------------------------------------------------------------
	* Styles concerned with filter handling 
	* -----------------------------------------------------------------------------------------------
	*/
		.filterSection { position:relative; margin:0px 0px 0px 0px; padding:1px 0px 1px 1px; _padding-top: 1px;}
		/*.filterSection{background:url(../images/raya7.gif) repeat-x;}*/
		.filterSection{background:url("?service=WebAsset&url=/images/raya7.gif&contentType=image/gif") repeat-x;}
		
		.collectionContainer .filterSection {display: none;}

		.filterSection form { padding:0px; margin:0px;}

		.filterSection .filterGroupControl_list { display: inline; border: none; padding:0px; }
		.filterSection .filterGroupControl_combobox { padding-right:10px; }
		
		.filterSection .filterGroupControl_list .filterItem { display: inline; padding-right: 7px;}

		.filterSection .filterGroupItem { /*display: inline; padding-right: 7px;*/padding: 20px 0px 3px 0px; }

		.filterSection .filterGroupControl_combobox { display: inline; }

		.filterSection .filterGroupControl_combobox label { display: inline; float: none; padding-right: 5px; }

		.filterSection a.active { color:#AB2423; text-decoration:none; font-weight: bold;}

		.filterSection select { font-size:inherit; width: 120px; }
		
		.filterSection legend {display: none;}
		
		.filterItem a{text-decoration: none; color: #666}
		.filterItem a:hover{color: #AB2423;}

	/*
	=contextMenu (prefix with .inlineModule for inline content usage)
	--------------------------------------------------------------------------------------------------
	*/
		/*.contextMenuContainer { clear: both; position: relative; z-index:10; height:24px; padding:3px 15px 1px 5px; margin:0px; border-top: 1px solid #fff; line-height: 0.9em; background: #e7e6e4 url(../images/raya.gif) repeat; border: 1px solid red;}*/
		
		.contextMenuContainer { clear: both; position: relative; z-index:10; height:24px; padding:3px 15px 1px 5px; margin:0px; border-top: 1px solid #fff; line-height: 0.9em; background: #e7e6e4 url("?service=WebAsset&url=/images/raya.gif&contentType=image/gif") repeat; font-size: 0.9em;}
		
		/*.contextMenuContainer{background-image: url(../images/raya.gif);}*/

		.inlineModule .contextMenuContainer {/*border-top: 5px solid #efefef;*/}
		
		.contextMenuContainer .resultCount { float: right; padding:5px 0px 5px 5px; margin:0px;}
		.resultCount .highlight {color: #666; font-weight: normal;}

		.contextMenu { float: right; padding:5px;}
		
	
		.contextMenu li.elementNavigator  { width: 11em; text-align:center; z-index:100;}
		.contextMenu li.elementNavigator ul { width: 7em; margin-left: 2em; text-align:center; _margin-top: -2px; /*IE-Hack*/}
		.contextMenu li.elementNavigator ul li { text-align:center; }
	
			.contextMenu li.elementNavigator ul li a { display: block; text-align:center; }
		
				.contextMenu li.elementNavigator ul li a:hover { background-color:transparent; }
		
			.contextMenu .elementNavigator .arrowButton { padding: 0em 1.0em 0em 1.0em; }
			.contextMenu .elementNavigator .elementNavigatorBack a .arrowButton { 
				background: transparent url(?service=WebAsset&url=/images/controls/arrow_b_left.gif&contentType=image/gif) no-repeat 80% 50% ; 
				}
			.contextMenu .elementNavigator .elementNavigatorNext a .arrowButton { 
				background: transparent url(?service=WebAsset&url=/images/controls/arrow_b_right.gif&contentType=image/gif) no-repeat 20% 50% ; 
				}

			.contextMenu .elementNavigator .elementNavigatorToFirst { padding-top: 5px; }
			.contextMenu .elementNavigator .elementNavigatorToLast { padding-bottom: 5px; }
		
	
		.contextMenu li.contentSortings ul,
		.contextMenu li.contentSortings ul li { width: 10em; }
	
			.contextMenu li.contentSortings ul li a { display: block; }
	
				.contextMenu li.contentSortings ul li a:hover { background-color:transparent; }

		.contextMenu li.contentViews ul,
		.contextMenu li.contentViews ul li { width: 12em; }

			.contextMenu li.contentViews ul li a { display: block; }
	
				.contextMenu li.contentViews ul li a:hover { background-color:transparent; }

		.contextMenu li.contextFunctions ul,
		.contextMenu li.contextFunctions ul li { width: 13em; }

			.contextMenu li.contextFunctions ul li a { display: block; }
	
				.contextMenu li.contextFunctions ul li a:hover { background-color:transparent; }
		
	
		
	/* =inline contextMenu (inherits from contextMenu if not overwritten via '.inlineModule' selector)
	--------------------------------------------------------------------------------------------------
	*/
		.inlineModule .contextMenuContainer .resultCount { font-weight:normal; }

	/*
	= module view type stuff (prefix with .inlineModule to change settings for inline usage)
	--------------------------------------------------------------------------------------------------
	*/
		.lightbox,
		.detailList,
		.simpleList,
		.detail { clear:both; width:100%; padding:0px; /*border: 1px dotted grey; */padding-top: 10px; font-size: 12px;}
		
		.inlineModule .lightbox,
		.inlineModule .detailList,
		.inlineModule .simpleList,
		.inlineModule .detail {}

		.lightbox h2,
		.detailList h2,
		.simpleList h2,
		.detail h2 { display:inline; }
		
	
	/*
	=simpleList simpleListItem (Simple List View)
	--------------------------------------------------------------------------------------------------
	*/
		.simpleListItem { clear:both; padding:0px 5px 5px 0px; position: relative; }
		
		.simpleList .cleaner{
			width: 680px; 
			height: 5px;
			font-size: 1px;
			border-bottom: 1px solid #fff;
		}
		
		/*.simpleList .cleaner{background: url(../images/dot.gif) repeat-x bottom;}*/
		.simpleList .cleaner{background:url("?service=WebAsset&url=/images/dot.gif&contentType=image/gif") repeat-x bottom;}
		

		.simpleListItem .listTitle {width: 610px; }
		
		.simpleListItem .listDescription {width: 610px;}

		.simpleListItem .listButton { /*float:right; */position: absolute; top: 3px;left: 650px;}
		
		/*	.simpleListItem .listButton { }	*/
		
		/*=literatureSimpleList  */
		#literatureSimpleList .simpleListItem .listTitle { float:left; width:75%; font-weight:bold; }
		
		#literatureSimpleList .simpleListItem .listDescription { float:left; padding-left:30px; width:20%; }
		
		/*=multimediaSimpleList  */
		#multimediaSimpleList .simpleListItem .listImg { float:left; margin-right:15px; }

		#multimediaSimpleList .simpleListItem .listTitle { float:left; font-weight:bold; width:40%; }

		#multimediaSimpleList .simpleListItem .listDescription { float:left; width:50%; }
		
		
	/*
	=detailList detailListItem (Detail List View)
	--------------------------------------------------------------------------------------------------
	*/
		.detailList{padding-top: 20px; }
		.detailListItem { clear:both; padding:0px 0px 10px 0px; position: relative;}
		
		.detailList .ListObjectname{line-height: 2em;}
		
		.detailListItem dt,
		.detailListItem dd { position:relative; }

		.detailListItem .listImg { float:left; width:115px; height: 115px; margin-right:14px; margin-left: 0px;  border: 1px solid #e7e6e4;}

		.detailListItem .listImg img { width:115px; height: 115px;}


		/**html .detailListItem .listTitle { float:none; left:-3px; }*/
		.detailListItem .listTitle { float: none; margin-left: 140px; width: 450px;}
		.detailListItem .listDescription { float: none; margin-left: 140px; width: 450px;}
		
		.detailListItem .listButton { position: absolute; top: 5px;left: 650px; _left: 500px;}	
		
		.detailList .cleaner{
			width: 680px; 
			height: 10px;
			font-size: 1px;
		}
		/*.detailList .cleaner{background: url(../images/dot.gif) repeat-x bottom;}*/
		.detailList .cleaner{background:url("?service=WebAsset&url=/images/dot.gif&contentType=image/gif") repeat-x bottom;}

		
	/*
	=detail (Detail View Type)
	--------------------------------------------------------------------------------------------------
	*/
		/*
		=detail content
		--------------------------------------------------------------------------------------------------
		*/
			.detailItem { clear:both; position:relative; padding:0px; margin: 25px 0px 0px 1px; width: 670px;}

			.detailItem .listImg { float:left; margin-right:15px; }

			.detailItem .listImg img {/*width: 300px;*/ height: 300px;}

			.detailItem .listTitle { font-weight:bold; position:relative; }

			.detailItem .listTitle .normal { font-weight:normal; }

			.detailItem .listDescription { position:relative; margin-left: 325px;}

			.detailItem .listButton { margin-top:15px; margin-left: 325px;}

			
			
			#artistSimpleList .listTitle{margin-left: 0px;}
			#artistSimpleList .listDescription{margin-left: 0px;}
			
			#collectionDetailItem{margin-bottom: 30px;}
			#artistDetailItem{margin-bottom: 70px;}

		
		/*
		=references Tab
		--------------------------------------------------------------------------------------------------
		*/
			.referenceContainer { clear:both; position:relative; /*top:10px;*/ padding:0px; border-top: 1px solid #fff;} /* border for iEs */
		
			.referenceTabItem,
			.referenceTabItemActive { margin:0; float:left;  padding:0 29px 3px 1px;}
		
			.referenceTabItem a,
			.referenceTabItemActive a { margin:0px; float:left; padding:0px 0px 0px 0px; font-weight: bold; }
			
			.referenceTabItem a{color: #666666; text-decoration: none;}
		    .referenceTabItem a:hover{color: #AB2423;}
		    .referenceTabItemActive a.active{color: #AB2423;  text-decoration: none;}
		    .referenceTabItemActive a.active:hover{text-decoration: none;}

		
		/*
		=references: References Container (contains Inline Modules)
		--------------------------------------------------------------------------------------------------
		*/
			/*.referenceContainer .reference { clear:left;  position: relative; padding-bottom:14px; background:url(../images/raya7.gif) repeat-x;}*/
			.referenceContainer .reference { clear:left;  position: relative; padding-bottom:14px; background:url("?service=WebAsset&url=/images/raya7.gif&contentType=image/gif") repeat-x;}
			
			#collectionReferences-inlineBlock{background: none;}
			
			
			
			
			
			/*.referenceContainer .reference { _margin-top:-10px; }*/ /* IE-Hack */

			.referenceContainer .reference .caption { width: 610px; padding: 25px 0px 0px 1px; }
		
		
	/*
	=lightbox
	--------------------------------------------------------------------------------------------------
	*/

	/* general styles */

	.lightbox { clear:both; position:relative; /*padding-top:20px; border-top: 1px solid #CCC;*/ margin: 25px 0px 0px 0px; padding: 0px; width: 730px;}
	
	.lightboxItem { float: left; }

	.lightboxItem li { width: 100%; /*text-align:center; */}

	.lightboxItem .lightboxImageListItem { overflow: hidden; position:relative; width:100%; margin-bottom:4px;}
	
	.lightboxItem .lightboxImageListItem img { width:100%; } 

	.lightboxItem .lightboxTextListItem { overflow: hidden; position:relative; width:100%; height:100px; }

	.lightboxItem .listText {}

	.lightboxItem .listText h2 {}
	
	#lightbox_2x3 .listText, #lightbox_3x4 .listText, #lightbox_4x5 .listText{ font-size:0.9em; line-height: 1.3em;/**/}
	
	#lightbox_1x1 .lightboxTextInnerContainer {padding-top: 10px;}
	
	.lightboxItem .tspPortfolioElementHandler {padding:2px 0px 0px 0px; _padding: 1px 0px 1px 0px; margin:0px 0px 0px 0px; line-height: 12px;}
	
	#lightbox_1x1 .lightboxItem .tspPortfolioElementHandler {padding:2px 0px 5px 0px; }
	#lightbox_1x2 .lightboxItem .tspPortfolioElementHandler {padding:5px 0px 5px 0px; }


	/*
	=lightbox links
	--------------------------------------------------------------------------------------------------
	*/
	.lightboxItem a{}
	.lightboxItem a:hover{}
	.listImg a{font-weight: normal; color: #6d6d6d;}

	/*
	=lightbox_1x1
	--------------------------------------------------------------------------------------------------
	*/
		
	#lightbox_1x1 {}
	#lightbox_1x1 .lightboxItem { width:350px; margin:0px 0px 0px 0px}
	#lightbox_1x1 .lightboxItem .lightboxImageListItem { width: 350px; height:350px;border:1px solid #ccc;}
	#lightbox_1x1 .lightboxItem .lightboxTextListItem { height:80px; }


	/*
	=lightbox_1x2
	--------------------------------------------------------------------------------------------------
	*/
		
	#lightbox_1x2 {}
	#lightbox_1x2 .lightboxItem { width:300px; margin:0px 20px 0px 0px; height: 400px;}
	#lightbox_1x2 .lightboxItem .lightboxImageListItem { width: 300px; height:300px;border:1px solid #ccc;}
	#lightbox_1x2 .lightboxItem .lightboxTextListItem { height:140px;}
	
	#lightbox_1x2 #lightboxItem-0{margin:0px 47px 0px 0px; _margin:0px 45px 0px 0px;}
	
	#lightbox_1x2 #lightboxItem-1{margin:0px 0px 0px 0px;}

		
	/*
	=lightbox_2x3
	--------------------------------------------------------------------------------------------------
	*/
	
	#lightbox_2x3 {}
	#lightbox_2x3 .lightboxItem { width:205px; margin:0px 15px 0px 0px; height: 295px;}
	#lightbox_2x3 .lightboxItem .lightboxImageListItem { width: 205px; height:205px; border:1px solid #e7e6e4;}
	#lightbox_2x3 .lightboxItem .lightboxTextListItem { height:57px;}
	
	#lightbox_2x3 #lightboxItem-0, 
	#lightbox_2x3 #lightboxItem-1, 
	#lightbox_2x3 #lightboxItem-3, 
	#lightbox_2x3 #lightboxItem-4{margin:0px 30px 0px 0px; _margin:0px 30px 0px 0px;}

	#lightbox_2x3 #lightboxItem-2, 
	#lightbox_2x3 #lightboxItem-5{margin:0px 0px 0px 0px;}

	/*
	=lightbox_3x4
	--------------------------------------------------------------------------------------------------
	*/
			
	#lightbox_3x4 {}
	#lightbox_3x4 .lightboxItem { width:153px;  height: 239px; }
	#lightbox_3x4 .lightboxItem .lightboxImageListItem { width: 153px; height:153px; border:1px solid #e7e6e4; }
	#lightbox_3x4 .lightboxItem .lightboxTextListItem { height:57px;}
	
	#lightbox_3x4 #lightboxItem-0, 
	#lightbox_3x4 #lightboxItem-1, 
	#lightbox_3x4 #lightboxItem-2,
	#lightbox_3x4 #lightboxItem-4, 
	#lightbox_3x4 #lightboxItem-5, 
	#lightbox_3x4 #lightboxItem-6,
	#lightbox_3x4 #lightboxItem-8, 
	#lightbox_3x4 #lightboxItem-9, 
	#lightbox_3x4 #lightboxItem-10{margin:0px 22px 0px 0px; _margin:0px 20px 0px 0px; }
	
	#lightbox_3x4 #lightboxItem-3, 
	#lightbox_3x4 #lightboxItem-7, 
	#lightbox_3x4 #lightboxItem-11{margin:0px 0px 0px 0px;}
	
	/*
	=lightbox_4x5
	--------------------------------------------------------------------------------------------------
	*/
			
	#lightbox_4x5 {}
	#lightbox_4x5 .lightboxItem { width:119px; margin:0px 10px 0px 0px; height: 200px; }
	#lightbox_4x5 .lightboxItem .lightboxImageListItem { width: 119px; height:119px; border: 1px solid #e7e6e4;}
	#lightbox_4x5 .lightboxItem .lightboxTextListItem { height:57px;}
	
	#lightbox_4x5 #lightboxItem-0, 
	#lightbox_4x5 #lightboxItem-1, 
	#lightbox_4x5 #lightboxItem-2, 
	#lightbox_4x5 #lightboxItem-3, 
	#lightbox_4x5 #lightboxItem-5, 
	#lightbox_4x5 #lightboxItem-6, 
	#lightbox_4x5 #lightboxItem-7, 
	#lightbox_4x5 #lightboxItem-8, 
	#lightbox_4x5 #lightboxItem-10, 
	#lightbox_4x5 #lightboxItem-11, 
	#lightbox_4x5 #lightboxItem-12, 
	#lightbox_4x5 #lightboxItem-13, 
	#lightbox_4x5 #lightboxItem-15, 
	#lightbox_4x5 #lightboxItem-16, 
	#lightbox_4x5 #lightboxItem-17, 
	#lightbox_4x5 #lightboxItem-18{margin:0px 20px 0px 0px; _margin:0px 18px 0px 0px; }
	
	
	#lightbox_4x5 #lightboxItem-4, 
	#lightbox_4x5 #lightboxItem-9, 
	#lightbox_4x5 #lightboxItem-14, 
	#lightbox_4x5 #lightboxItem-19{margin:0px 0px 0px 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; }

		.tspTitleLink {}
		#collectionDetailList .tspTitleLink {}
		#collectionDetail .tspTitleLink {font-weight: bold;}
		#artistDetailList .tspTitleLink {font-weight: normal;}
		#artistDetailList .listTitle {font-weight: normal; border: 1px solid white;}

		.tspReferenceLink { }

		.tspPortfolioElementHandler img {width: 10px; height: 10px; }
		.tspPortfolioElementHandler {padding: 2px 0px 2px 0px;}
		.tspPortfolioElementHandler a {color:#6D6D6D; text-decoration: none; }
		.tspPortfolioElementHandler a:hover {color:#C41130; }
		
		
/*
=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{padding-bottom: 30px;}
	.searchForm fieldset.searchFulltext { border:none; padding:25px 5px 15px 1px; margin:0px; position:relative; width:565px;}

	.searchForm fieldset.searchItems { border:none; border-top:solid 1px #ccc; padding:10px 5px 20px 1px; margin:0px; position:relative; width:680px;  }

	.searchForm label { width:155px; padding-right: 5px;}
	.searchForm .inlineFieldsetLegend { width: 155px;}

	.searchForm legend { display:none; }

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

	.searchForm input.textSmall { width:70px; display:inline; }

	.searchForm select { width:395px; }
	
	.searchForm .formButton { width: 537px; padding: 5px;}

	#searchForm .resetButton {padding-right: 10px;}
	.searchForm .startButton a, .searchForm .resetButton a {border-right: 1px solid #cbcbcb;
		border-bottom: 1px solid #cbcbcb;
		border-left: 1px solid #f7f7f7;
		border-top: 1px solid #f7f7f7;
		padding: 3px 8px 3px 8px; 
		background-color: #efefef; 
		text-decoration: none;
		color: #404040;}
	.searchForm .startButton a:hover, .searchForm .resetButton a:hover { background-color: #e3e3e3; color: #404040;}
	
	
/* -----------------------------------------------------------------------------------------------
* 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
 * --------------
 */
.searchHelp { position:relative; float:right; padding: 0px 15px 0px 0px; z-index:100; margin-top: 25px;}	


/* ---------------------
 * Search History Styles
 * ---------------------
 */
.searchHistoryLink { /*padding:10px; position:relative; float:right; z-index:100;*/ display: none;}
.popupContainer { margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12pt; color: #000; }

#searchHistoryPopupContainer {width: 100%; padding: 5px;}

#searchHistoryPopupContainer table {text-align: left; border-collapse:collapse;  }
#searchHistoryPopupContainer h3{color: #AB2423; font-size: 12px;}

	#searchHistoryPopupContainer .searchHistoryTable td, 
	#searchHistoryPopupContainer .searchHistoryTable th { padding: 5px; vertical-align:top;}
	
	#searchHistoryPopupContainer .unframed {border-style: none;}
	#searchHistoryPopupContainer .framed {border-width: 1px; border-style: solid;}
	
	#searchHistoryPopupContainer .histFieldValueList td {padding: 1px;}
	#searchHistoryPopupContainer .histFieldValueList .histFieldLabel {width: 80px;}
	
	#searchHistoryPopupContainer .histResultCount {font-weight: bold;}

/*
======================================================================================================
Customer code for include Files
======================================================================================================
*/

#headerCustomer {
	background-color: #AB2423;
	width: 950px;
	height: 152px;
	position: relative;
}
#serviceNavigCustomer{
	list-style: none; padding: 0px;
	position: absolute;
	top: 125px;
	left: 10px;
}
#serviceNavigCustomer li{
	float: left; padding: 0px 10px 0px 10px;
}
#serviceNavigCustomer a{
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
}
#serviceNavigCustomer a:hover{
	text-decoration: underline;
	background-color: #AB2423;
}

.printLogo{
	display: none;
}


.controlElements{color: #999;}
.controlElements p{line-height: 14px; margin: 0px; padding: 0px;}