/*
 * reference.css
 *
 * author: pix[el]ement GbR, 2009
 *
 * version: 1.0 
 */
@MEDIA all {
	
	div#referenceInfo {
		display: none;		
		width: 715px;
		height: 514px;
		position: absolute;
		top: 150px;				
		margin-left: 139px;
		z-index: 10;		
	}
	
	div#referenceInfoBG {  /* == referenceInfo + background + opacity */
		display: none;		
		width: 715px;
		height: 514px;
		position: absolute;
		top: 150px;				
		margin-left: 139px;
		background: rgb( 34, 34, 34 );
		opacity:.8; /* css 3 standard */
	}
	
	div#referenceInfo div.info {
		margin-left: 125px;
		margin-right: 125px;
	}
	
	div#referenceInfo div.info h1 {
		color: white;
		font-size: 1.2em;
		padding-top: 20px;
	}
	
	div#referenceInfo div.info img {
		max-width: 465px;		
	}
	
	div#referenceInfo div.info p {		
		color: white;
		font-size: 0.8em;
	}
	
	div#referenceInfo div.info a {
		text-decoration: none;
		color: white;
		font-weight: bold;
		margin-left: 160px;
		position: absolute;
		top: 480px;
	}
	
	div#ri_kika_team {
		display: none;
	}
	
	div#ri_kika_baumhaus {
		display: none;
	}
	
	div#ri_bs_studio {
		display: none;
	}
	
	div#ri_dmi_fashionday {
		display: none;
	}
	
	div#ri_dmi_itex {
		display: none;
	}
	
	div#ri_singa_web {
		display: none;
	}
	
	div#ri_konzeptstudie {
		display: none;
	}
	
	/**************************************************************************/
	
	div.refExamples {
		margin-left: 20px;
		font-size: 0.8em;
	}
	
	div.refExamples ul li a{
		text-decoration: underline;
		color: black;
	}
	
	div.refExample {
		text-align: center;
		font-size: 0.6em;
	}
	
	div.refExample object {
		margin: auto;
	}
	
	div.refPage {
		
	}
	
	div.refHeader {
		text-align: right;
		width: 720px;
		margin: 1em auto auto;
	}
	
	div.refHeader a img {
		border: none;
	}
	
	div.refNavi a {
		text-decoration: underline;
		font-size: 0.8em;
		color: black;
	}
}