@import url("reset-clearfix.css");



/*----------------------------------------------------------------------------*/
/*--------------- LAYOUT -----------------------------------------------------*/
/*----------------------------------------------------------------------------*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 25px 0;
	background: #cecece url(../../fileadmin/media/_statics/page-bg.jpg) fixed no-repeat top center;
	text-align: center;
}

#wrapper { 
	margin: 0 auto;
	width: 920px;
	text-align: left;
	/*background-color:#000;*/
}

/*--------------- LEFTCOLUMN -----------*/
#col-left { 
	width: 185px;
	float: left;
}
	#col-left-top {
		height: 369px;
		margin-bottom: 30px;
		/*background: #f00;*/
	}
		#logo {
			border: 0;
			margin-bottom: 30px;
			background: url(../../fileadmin/media/_statics/bellevue-logo.png) left top no-repeat;
		} 
	#col-left-bottom {
		/*background: #f00;*/
		/* nothing at the moment */
	}
	
		/*------- MAINMENU -------*/
		#mainmenu {
			vertical-align: top;
			border-top: 2px solid #000;
		}
			#mainmenu ul li{
				width:185px;
			}
			*+html #mainmenu ul li { /* IE7 only */
				display:inline;
			}
				#mainmenu a {
					display:block;
					padding:7px 15px 7px 15px;
					text-align: left;
					line-height: 1.2em;
					text-decoration:none !important;
				}
				* html #mainmenu a {
					width: 185px;
				}
				#mainmenu a:link, #mainmenu a:hover, #mainmenu a:active, #mainmenu a:visited {	
					background: url(../../fileadmin/media/_statics/box-bg.png) left top repeat;
					/*color: #fff;*/
				}
				#mainmenu a:hover, #mainmenu a.active {
					background-image: none;
					background-color: #898989 !important;
					color: #fff;
				}
				#mainmenu a.active:link, #mainmenu a.active:hover, #mainmenu a.active:active, #mainmenu a.active:visited { 
					background-image: none;
					background-color: #dfbf27 !important;
					color: #000 !important;
				}

			#mainmenu ul li.spacer {
				height: 5px;
				line-height: 5px;
				font-size: 5px;
			}
					
						
		/*------- FOOTERNMENU -------*/
		#footermenu {
			margin-top: 5px;
			padding: 9px 5px 8px 13px;
			/*color: #fff;*/
			font-size: 10px;
			color: #fff;
			background: url(../../fileadmin/media/_statics/box-bg.png) left top repeat;
		}
			*+html #footermenu ul {
				margin-top: 7px !important;
			}	
	
			#footermenu ul li { 
				display: inline;
			}
				#footermenu a { 
					padding: 0 3px 0 2px;
					/*color: #fff;*/
					text-align: left;
					line-height: 1.5em;
					text-decoration:none !important;
				}
				#footermenu a:active, #footermenu a:hover, #footermenu a.active:link, #footermenu a.active:hover, #footermenu a.active:active, #footermenu a.active:visited { /* link item hover */
					color:#dfbf27 !important;
				}
				
		/*----- FONTSIZE -----*/
		#fontsize {
			margin-top: 15px;
			border-top: 2px solid #000;
			padding: 8px 15px;
			font-size: 11px;
			/*text-align: right;*/
		}
			#fontsize .label {
				vertical-align: top;
				line-height: 15px;
				font-weight: bold;
				margin-right: 5px;
				/*float: right;*/
			}
			#fontsize img {
				border: 0;
				margin-left: 5px;
				float: right;
				display: inline;
			}
			
		/*------- CATEGORYMENU --------*/
		#categorymenu {
			border-bottom: 1px solid #7d7d7d;
			margin-bottom: 15px;
		}
		#content-holder #col-right #col-right-bottom #categorymenu ul {
			list-style-image: none; 	/* RTE-Fix */
			/* list-style-position: none;	 RTE-Fix */
			padding-left: 0;			/* RTE-Fix */
			line-height: 1em;			/* RTE-Fix */
			margin-bottom: 0;
		}
			#categorymenu ul li{
			}
				#content-holder #col-right #col-right-bottom #categorymenu a {
					display: block;
					width: 130px;
					padding: 8px 15px 8px 10px;
					text-align: left;
					/*color: #fff;*/
					text-decoration:none;
					border-top: 1px solid #7d7d7d;
				}
				* html #categorymenu a, 
				*+html #categorymenu a {
				}
				* html #content-holder #col-right #col-right-bottom #categorymenu a {
					width: 100%;
				}
				#categorymenu a:link, #categorymenu a:hover, #categorymenu a:active, #categorymenu a:visited {	
					/* inactive only */
				}
				#content-holder #col-right #col-right-bottom #categorymenu a:hover {
					text-decoration: none !important;
					background: url(../../fileadmin/media/_statics/box-bg.png);
				}
				#content-holder #col-right #col-right-bottom #categorymenu a.active { 
					background: #898989;
				}
				
		/*------- ALPHABETMENU --------*/
		#alphabetmenu {
			border-top: 1px solid #7d7d7d;
			width: 155px;
		}
		#content-holder #col-right #col-right-bottom #alphabetmenu ul {
			list-style-image: none; 	/* RTE-Fix */
			/*list-style-position: none;	 RTE-Fix */
			padding-left: 0;			/* RTE-Fix */
			line-height: 2.6em;			/* RTE-Fix */
			color: #c9c9c9;
		}
			#alphabetmenu ul li {
				display: inline;
				width: 31px;
			}
				#content-holder #col-right #col-right-bottom #alphabetmenu a {
					float:left;
					display: inline;
					width: 18px;
					padding: 8px 0;
					line-height: 1em;
					text-align: center;
					text-decoration:none;
					/*color: #fff;*/
					border-bottom: 1px solid #7d7d7d;
				}
				#content-holder #col-right #col-right-bottom #alphabetmenu .pipe {
					float:left;
					padding: 8px 0;
					line-height: 1em;
					width: 13px;
					text-align: center !important;
					color: #6a6a6a;
					border-bottom: 1px solid #7d7d7d;
				}
				#alphabetmenu a:link, #alphabetmenu a:hover, #alphabetmenu a:active, #alphabetmenu a:visited {	
					/* inactive only */
				}
				#content-holder #col-right #col-right-bottom #alphabetmenu a:hover {
					text-decoration: none !important;
					background: url(../../fileadmin/media/_statics/box-bg.png);
				}
				#content-holder #col-right #col-right-bottom #alphabetmenu a.active { 
					background: #898989;
				}
		

/*--------------- CONTENT --------------*/
#content-holder { 
	float: left;
	margin-left: 30px;
 	width: 705px;
	color: #333;
	/*background: #F2F2E6;*/
}
	#col-normal {
		display: inline;
		float: left;
		width: 490px;	
	}
		#col-normal-top {
			height: 369px;
			margin-bottom: 30px;
			/*background: #ff0;*/
		}
		* html #col-normal-top,
		*+html #col-normal-top {
			margin-bottom: 26px;
		}
			
			#col-normal-top .news-single-img {
				border: 2px solid #000; /* set global in ID "#col-normal-top" */
			}
			
			#col-normal-top .news-single-imgcaption {
				display: none;
			}
		#col-normal-bottom {
			/*background: #ff0;*/
		}
		
	#col-normal-2 {
		display: inline;
		float: left;
		width: 705px;	
	}
		
	#col-right { 
		display: inline;
		float: left;
		margin-left: 30px;
		width: 185px;
	}
		#col-right-top {
			height: 369px;
			margin-bottom: 30px;
			/*background: #0ff;*/
		}
		#col-right-bottom {
			/*background: #0ff;*/
		}

/*--------------- BORDERS --------------*/
.box-bg, .box-bg-padding, .box-bg-border, .box-bg-border-padding {
	background: url(../../fileadmin/media/_statics/box-bg.png) left top repeat;
}
#col-normal   .box-bg, #col-normal   .box-bg-padding, #col-normal   .box-bg-border, #col-normal   .box-bg-border-padding,
#col-normal-2 .box-bg, #col-normal-2 .box-bg-padding, #col-normal-2 .box-bg-border, #col-normal-2 .box-bg-border-padding {
	padding: 10px 25px;
}
#col-right .box-bg, #col-right .box-bg-padding, #col-right .box-bg-border, #col-right .box-bg-border-padding {
	padding: 1px 15px;
}
.box-bg-border, .box-bg-border-padding {
	border-top: 2px solid #000;
}
.box-bg-border-padding, .box-bg-padding {
	padding-bottom: 20px !important;
}


/*--------------- Images --------------*/
.csc-caption {
	/*color: #c9c9c9;
	font-style: italic;*/
	color: #c9c9c9; /*#151515;*/
	margin-top: 5px;
	font-size: 0.85em;
	line-height: 1.2em !important;
	letter-spacing: 0.06em;
}

/* Standard-Rahmen HOVER */
.csc-textpic-image :hover img {
	border: 1px solid #fff !important;
}

/* Grosses Bild mitte oben */
#col-normal-top .csc-textpic-image img, 
#col-normal-top .csc-textpic-image:hover img{
	border: 2px solid #000 !important; 	/* 1) Immer dicker, dunkle Rahmen 
										   2) Standard-Hover abschalten und immer durch dicken, dunklen Rahmen ersetzen */
}


/*--------------- ToTop --------------*/
.totop {
	cursor: pointer;
	text-align: right;
}


/*-----------------------------------------------------------------------------*/
/*-------------- EXTENSIONS ---------------------------------------------------*/
/*-----------------------------------------------------------------------------*/


/*---------------------------------------*/
/*-------------- NEWS -------------------*/
/*---------------------------------------*/

/*----------- Browse-Links --------------*/

.browseLinksWrap {
	text-align: center;
}
	.disabledLinkWrap, .inactiveLinkWrap, .activeLinkWrap {
		font-weight: bold;
		margin: 0 3px;
	}
	.inactiveLinkWrap a {
		color: #fff;
	}
	.disabledLinkWrap {
		color: #c9c9c9;	
	}
	.activeLinkWrap {
		color: #dfbf27;
	}

/*-------------- Teaser -----------------*/
.news-teaser { 
	/*background: #7e7e7e;*/
	height: 365px;
	overflow: hidden;
	text-align: center;
	/*border: 2px solid #000; set global in ID "#col-normal-top" */
	border: 2px solid #000;
}
* html .news-teaser {
	height: 369px; /* 365+2+2=369 */
}
	
	.news-treaser .image {
		position: relative;
		top: 0;
		left: 0;
	}
	#col-normal-top .news-treaser .image img {
		border: 0 !important;
	}
	.news-teaser .caption {
		background: url(../../fileadmin/media/_statics/box-bg-teaser.png) left top repeat;
		position: relative;
		top: -60px;
		height: 60px;
		text-align: left;
		padding: 0 15px;
	}
	* html .news-teaser .caption,
	*+html .news-teaser .caption {
		top: -62px;
	}
		.news-teaser .caption h2, 
		.news-teaser .caption h3 {
			margin: 0;
			padding: 0 10px;
			border: 0;
			line-height: 1.75em;
			font-size: 1.3em;
			letter-spacing: 0;
			color: #fff;
			text-transform: none;
			text-decoration: none;
		}
		.news-teaser .caption h2 {
			padding-top: 7px;
			font-weight: bold;
		}
	/* hover */
	.news-teaser:hover { 
		border: 2px solid #dfbf27; /*3b3b3b*/
	}
	.news-teaser:hover .caption {
		text-decoration: none !important;
	}
	.news-teaser:hover .caption h2,
	.news-teaser:hover .caption h3, 
	.news-teaser a:hover {
		color: #dfbf27;
		text-decoration: none !important;
	}
	
/*-------------- Liste 1 ----------------*/
.news-list1-entry { 
	background: url(../../fileadmin/media/_statics/box-bg.png) left top repeat;
	height: 168px;
	margin-top: 15px;
	border-top: 2px solid #000;
	overflow: hidden;
}
* html .news-list1-entry {
	height: 170px; /* 365+2+2=369 */
}
	
	.news-list1-entry .image {
		float: left;
		padding: 15px 0 0 15px;
	}
		.news-list1-entry .image img { 
			/*display: block; */
			border: 1px solid #7d7d7d;
		}
		.news-list1-entry .image :hover img { 
			/*display: block; */
			border: 1px solid #fff !important;
		}
	.news-list1-entry .summary {
		float: right;
		padding: 15px 35px 15px 0;
		width: 235px;
		text-align: left;
	}
	* html .news-list1-entry .summary {
		width: 270px; /* 235+35=270 */
	}
		.news-list1-entry .summary p {
			line-height: 1.5em !important;
		}
		/*
		.news-list1-entry .summary .highlight1 {
			line-height: 0.4em;
		}
		*+html .news-list1-entry .summary .highlight1 { 
			line-height: 1.4em;
		}
		* html .news-list1-entry .summary .highlight1 {
			line-height: 1.4em;
		}
		*/
		.news-list1-entry .summary h2 {
			border:0;
			margin:0;
			padding:0;
		}
	/* hover */
	.news-list1-entry:hover { 
		border-top: 2px solid #dfbf27;
		background: url(../../fileadmin/media/_statics/box-bg-list-hover.png) left top repeat;
	}
	/*
	.news-list1-entry:hover .summary,
	.news-list1-entry:hover .summary h2 a {
		text-decoration: none !important;
	}
	*/
	.news-list1-entry .summary a:hover, 
	.news-list1-entry .summary h2 a:hover {
		text-decoration: underline !important;
	}
	/*
	.news-list1-entry:hover .image img {
		border: 1px solid #bbb;	
	}
	*/
	
/*-------------- Liste 2 ----------------*/
.news-list2-entry { 
	background: url(../../fileadmin/media/_statics/box-bg.png) left top repeat;
	margin-top: 15px;
	padding: 15px;
	border-top: 2px solid #000;
	overflow: hidden;
}


		.news-list2-entry .summary .highlight1 {
			line-height: 0.5em;
		}
		*+html .news-list2-entry .summary .highlight1 { 
			line-height: 1.4em;
		}
		* html .news-list2-entry .summary .highlight1 {
			line-height: 1.4em;
		}
		.news-list2-entry h2 {
			border:0;
			margin:3px 0 15px 0;
			padding:0;
		}
			.news-list2-entry h2 .year-of-birth {
				color: #c9c9c9;
				font-size: 0.9em;
				text-transform: none !important;
			}
		
	/* hover */
	/*.news-list2-entry:hover { 
		border-top: 2px solid #dfbf27;
	}*/

	.news-list2-entry:hover .summary,
	.news-list2-entry:hover .summary h2 a {
		/*color: #dfbf27;*/
		text-decoration: none !important;
	}
	.news-list2-entry:hover .image img {
		border: 1px solid #bbb;	
	}
	
	
/*-------------- Single Ausstellungen ----------------*/

hr.small {
	margin: 0 !important;
}
p.browse-infos {
	margin: 5px 0 !important;
	line-height: 1.5em !important;
}
.news-single-links h3 {
	margin-bottom: 0;
}
.news-single-links dd, .news-single-links h3 {
	padding: 5px 0;
	border-bottom: 1px solid #7d7d7d;
}
.news-single-links dd {
	line-height: 1.5em;
}


/*-------------- Single Künstler ----------------*/

.related-ausstellungen-item {
	border-top: 1px solid #7d7d7d;
}
	.related-ausstellung-title {
		float: left;
	}
	.related-ausstellung-date {
		float: left;
		width: 100px;
	}
	.related-ausstellung-date p, .related-ausstellung-title p {
		margin: 5px 0 !important;
	}
	
/* ----------------------- */
/* -------- SUCHE -------- */
/* ----------------------- */
.search-input, .tx-indexedsearch-searchbox-sword, .tx-indexedsearch-selectbox-type, .tx-indexedsearch-selectbox-defop, 
.tx-indexedsearch-selectbox-media, .tx-indexedsearch-selectbox-lang, .tx-indexedsearch-selectbox-sections, 
.tx-indexedsearch-selectbox-freeIndexUid, .tx-indexedsearch-selectbox-order, .tx-indexedsearch-selectbox-desc, 
.tx-indexedsearch-selectbox-results, .tx-indexedsearch-selectbox-group { 
	width: 150px; 
	font-size: 11px; 
	color: #000; 
	border: 1px solid #000; 
	height: 20px;
	padding: 2px;
}
.search-go, .tx-indexedsearch-searchbox-button { 
	background: #000; 
	height: 20px; 
	color: #fff; 
	border: 0; 
	padding: 0 3px 0 3px; 
}
.search-holder { padding-top: 20px; vertical-align: bottom; }

.tx-indexedsearch-searchbox-label, .tx-indexedsearch-searchbox-submit {
	padding: 5px 10px 5px 0 !important;
}
.tx-indexedsearch-searchbox td, .tx-indexedsearch-searchbox-label td { vertical-align: middle !important; }

.tx-indexedsearch-res .tx-indexedsearch-res { 
	border: 1px solid #000;
	/*background-color: #fff;*/
}
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-icon, 
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-result-number, 
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-title, 
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-percent { 
	
		height: 30px;
		vertical-align: middle !important;
		background-color: #000;
	}
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-icon {
		width: 27px;
		padding-left: 5px;
		text-align: center;
	}
/*	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-title, 
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-title a {
		font-size: 16px !important;
		line-height: 25px !important;
		color: #fff !important;
		font-weight: bold;
		font-style: italic;
	}*/
	
	
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-title, 
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-title a {
		font-weight: normal;
		line-height: 1.4em;
		font-style: normal;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.07em;
	}
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-title a {
		margin: 1.4em 0;
		padding: 0.7em 0;
		font-size: 1.2em; 
	}
	
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-percent {
		padding-right: 5px !important;
	}
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-descr { 
		padding: 20px 30px 0 30px !important;
	}
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-info {
		padding: 5px 30px !important;
		font-size: 0.8em;
	} 
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-info, 
	.tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-info a {
		color: #fff;
		/*font-size: 80%;*/
	}
	.tx-indexedsearch-whatis { color: #c9c9c9; }