@CHARSET "UTF-8";

	/* teaserbox */
	div.teaserbox {
		background-image: url(../img/div.teaserbox.bg.gif);
		background-repeat: repeat-y;
		width: 157px;
	}
	
	div.teaserbox * {
		line-height: 13px;
	}
	
	div.teaserbox h2 {
		height: 24px;
		text-indent: 16px;
		line-height: 24px;
		background-image: url(../img/div.teaserbox.head.bg.gif);
		background-repeat: no-repeat;
		margin-bottom: 9px;
	}
	
	div.teaserbox h2 img {
		line-height: 24px;
		margin-top: 4px;
	}
	
	div.teaserbox p {
		margin-left: 16px; 
		margin-right: 13px;
	}
	
	div.teaserbox div.close {
		margin-top: 12px;
		height: 3px;
		background-image: url(../img/div.teaserbox.close.bg.gif);
		background-repeat: no-repeat; 
	}
	
	div.teaserbox a {
		text-decoration: underline;
	}
	
	
	/* housebox */	
	div.housebox {
		width: 111px;
		height: 122px;
		float: left;
		margin-right: 6px;
		margin-bottom: 14px;
	}
	
	div.housebox:hover {
		background-color: #f1f1f2;
	}
	
	div.housebox a {
		display: block;
		text-decoration: none;
	}
	
	div.housebox a img {
		opacity: 0.85;
		filter: alpha(opacity = 85);
	}
	
	div.housebox a:hover img {
		opacity: 1;
		filter: none;
	}
	
	/* foldable list*/
	ul.foldable {
		margin: 0;
		list-style-type: none;
		Xborder: 1px dotted yellow;
		list-style-image: none;
	}
	
	ul.foldable li {
		Xborder: 1px dotted green;
		clear: left;
	}
	
	ul.foldable li.active {
		Xborder: 1px dotted green;
	}
	
	ul.foldable li a.title {
		Xborder: 1px dotted red;
		
		height: 22px;
		
		/* link  */
		font-weight: bold;
		text-decoration: none;
		
		/* background */
		display: block;
		margin-left: -24px;
		text-indent: 24px;
		background-image: url(../img/ul.foldable.li.bg.off.gif);
		background-repeat: no-repeat;
	}
	
	ul.foldable li a.title:hover, ul.foldable li.active a.title {	
		/* link  */
		color: #c3004a;
				
		/* background */
		background-image: url(../img/ul.foldable.li.bg.on.gif);
	}
	
	ul.foldable li div.content {
		clear: both;
	}
	
	ul.foldable li.inactive div.content {
		display: none;
	}
	
		ul.foldable li div.content table td.spacer {
			height: 14px;
		}
	
		/* immos table */
		ul.foldable li div.content table td.bigimage {
			width: 211px;
		}
		ul.foldable li div.content table td.smallimages {
			width: 259px;
		}
		
		ul.foldable li div.content table td.smallimages img {
			margin-right: 13px;
		}
		
		/* artists table */
		ul.foldable li div.content table td.artistcolleft {
			width: 94px;
		}
		
		ul.foldable li div.content table td.artistcolright {
			width: 375px;
		}
		
		ul.foldable li div.content table td.imagesonly {
			padding-top: 10px;
		}
		
		ul.foldable li div.content table td.imagesonly img {
			margin-right: 5px;
		}
		
	
	/* lageplan */
	a.lageplan_link {
		float: left;
		margin-right: 15px;
	}
	
	a.lageplan_link img {
		opacity: 0.85;
		filter: alpha(opacity = 85);
	}
	
	a.lageplan_link:hover img {
		opacity: 1;
		filter: alpha(opacity = 100);
	}
	
	div.lageplan_div {
		float: left;
		margin-right: 100px;
	}
	
	/* person */
	div.person {
		width: 340px;
		margin-bottom: 20px;
	}
	
	div.person table td.bild {
		width: 139px;
	}
	
	div.person table td.text {
		width: 201px;
		vertical-align: bottom;
	}
	
	
	/* mapsHouse */
	div.mapsHouse {
		margin-bottom: 10px;
	}
	div.mapsHouse:hover {
		background-color: #f1f1f2;
	}
	div.mapsHouse div.gfx {
		margin-top: 15px;
		margin-right: 2px;
		float: left;
		height: 30px;
	}
	div.mapsHouse a {
		text-decoration: none;
	}
	div.mapsHouse a:hover {
		color: #c3004a;
	}
	div.mapsHouse a:hover strong {
		color: #c3004a;
	}
	
	/* mapsPoint */
	div.mapsPoint {
		margin-bottom: 7px;
	}
	div.mapsPoint:hover {
		background-color: #f1f1f2;
	}
	div.mapsPoint div.gfx {
		float: left;
	}
	div.mapsPoint a {
		text-decoration: none;
	}
	div.mapsPoint a:hover {
		color: #c3004a;
	}
	div.mapsPoint a:hover strong {
		color: #c3004a;
	}
	
	
	/* sitemap */
	div.sitemapTop {
		background-color: #000000;
		
		opacity: 0.70;
		filter: alpha(opacity = 70);
		
		width: 100%;
		height: 48px;
		
		position: absolute;
		top: 0;
		left: 0;
		
		display: none;
	}
	
	div.sitemapBottom {
		background-color: #000000;
		
		opacity: 0.70;
		filter: alpha(opacity = 70);
		
		width: 100%;
		height: 100%;
		
		position: absolute;
		top: 198px;
		left: 0;
		
		display: none;
	}
	
	/* featurebox */
	div.featurebox {
		margin-left: -17px;
	}
	
	/* 3 floating boxes */
	.floatLinkMargin {
		margin-left: 8px;
	}
	
	/* general classes */
	.floatL {
		float: left;
	}
	
	/* ul li ? */
	div.fwStrongX {
		line-height: 22px;
		font-weight: bold;
		width: 180px;
		float: left;
	}
	
	div.fwStrong {
		display: inline-block;
		line-height: 22px;
		font-weight: bold;
		width: 180px;

		display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/

   		display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/

		_overflow:hidden;/*fix IE6 to expanded content*/
		zoom:1;/*trigger hasLayout*/
		*display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
	}
	
	div.fwStrong > a {
		float: left;
	}
	
	td.first {
		width: 180px;
	}