@charset "UTF-8";
/**
 * (en) raster stylesheet 
 * (de) Raster-Stylesheet 
 *
 * @revision        $Revision: 1.9 $
 * @lastmodified    $Date: 2010-08-10 11:14:29 $
 */
@media screen, projection
{
	/**
	 * Raster styles.
	 */
	
	#col3_content.raster {margin-top:-3px;}
		
	#col3_content.raster4x4  {padding:0px 10px 10px;}
	#col3_content.raster3x4  {padding:0px 11px 11px; }
	#raster4x4 {width: 792px; background-color:#FFFFFF;}
	#raster3x4 {width: 622px; background-color:#FFFFFF;}

	/* sizes */
	.w1 { width:198px;}
	.w2 { width: 396px; }
	#raster4x4 .w3 { width: 584px; }
	#raster3x4 .w3 { width: 594px; }
	.w4 { width: 782px; }

	/* dyn. height entf. */	
	.h1 { height: 229px; }
	#raster4x4 div.z1 .h1  {height:221px;}
	#raster3x4 div.z1 .h1  {height:221px;}

		
	/* the asset container */
	.portlet {margin:0 0 5px;float:left;}
	.box_head {border-bottom: 1px solid #D6D6D6;overflow:hidden;height:17px;}
	.z1 .box_head {display:none;}
	
	span.asset-headline {padding-left:2px;color:#666;white-space:nowrap;overflow:hidden;font-weight:bold;font-size:12px;}
	
	#raster-box {height: auto;}
	#raster-box div.box{padding:10px 0px 1px 0px;background-color:#fff;font-size:11px;}
	#raster-box div.box p {padding-bottom:0px;margin:0 0 8px 0;}
	#raster-box div.box p a {padding: 0px;background-color:#FFFFFF;color:#FF0000;text-decoration: underline;}
	#raster-box div.box p a.teaser {color:#000000;text-decoration: none;}
	#raster-box div.box h2 {font-size:12px;line-height:14px;padding: 0px;padding-bottom:5px;font-weight:bold;color:#000000;margin-bottom:0px;}		
	#raster-box div.box h2 a {text-decoration: none;color:#000000;}
	
	#raster-box div.portlet div.box,
	#raster-box div.portlet div.box_head {padding-left:10px;}
	#raster-box div.portlet div.box z1 {padding-top:0px}
	#raster-box div.portlet div.box_head.box_head_left {margin-left: 10px;padding-left:0px}
		
	/*raster 4x4*/	
	#raster4x4 div.s1 .w1{width:188px;}
	#raster4x4 div.s1 .w2{width:386px;}
	#raster4x4 div.s1 .w3{width:1594px;}
	
	#raster4x4 div.s1 div.box,
	#raster4x4 div.s1 div.box_head {padding-left:0px;}
	
		
	/*raster 3x4*/
	/*#raster3x4 div.s1 {clear:both;}  dyn. height*/
	#raster3x4 div.s1 div.box,
	#raster3x4 div.s1 div.box_head {margin-left:8px;padding-left:0px;}
	#raster3x4 div.s1 .w1{width:196px;}
	#raster3x4 div.s1 .w2{width:396px;}
	
	.id40148 #raster3x4 div.z1 .h1, .id40553 #raster3x4 div.z1 .h1, .id40337 #raster3x4 div.z1 .h1, .id38860 #raster3x4 div.z1 .h1 {height: auto;}
	
	/* Rotator styles */
	#col3_content div.box .rotator_container ul li {
		background:none;
		padding-left: 0;
	}
	.rotator_container {
		font-family: Arial, Helvetica, 'Luxi sans', 'Adobe Helvetica', sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin:0 auto;
		position:relative;
		text-align:left;
		width:<%= width %>px;
		background:#fff;		
		margin-bottom:2em;
	}
	.rotator ul, .rotator li {
		margin:0;
		padding:0;
		list-style:none;
	}
	.rotator img {
		border: none;
	}

	/* numeric controls */	

	.control{
		position: relative;
		margin:-34px 5px;
		padding:0;
		height:20px;
		width:200px;
		z-index: 200;
	}
	#col3_content ol.control li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
	}
	#col3_content ol.control li a{
		float:left;
		height:20px;
		width: 20px;
		line-height:20px;
		text-align: center;
		background:url('../../images/cam/buttons/btn_rotator.png');
		color:#555;
		text-decoration:none;
	}
	#col3_content ol.control li.current a, ol.control li a:hover{
		background:url('../../images/cam/buttons/btn_rotator.png') 0 -20px;
		color:#fff;
	}
	#col3_content ol.control li a:focus {outline:none;}
}