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


#ControlNewsList{
}

	#ControlNewsList H1{
		display:none;
	}

	#ControlNewsList .news{
		width:176px;
		height:216px;
		float:left;
		padding-top:14px;
		padding-left:14px;
		padding-right:14px;
		font-size:11px;
		/*background:url('images/bg_controlnewslist01.jpg') 0px 0px no-repeat;*/
	}

	#ControlNewsList .news .promoNews{	
		width:63px;
		height:63px;

		position:absolute;
		margin-top:-12px;
		margin-left:-12px;
		z-index:6;
	}
	
	#ControlNewsList .news .corner{
		height:10px;
		background:url('images/corner_imgnewslist.png') 0px 0px no-repeat;
		
		position:relative;
		z-index:5;
	}

	#ControlNewsList .news .photo{
		width:176px;
		height:120px;
		overflow:hidden;
		position:relative;
		top:-10px;
		_top: -14px;
		margin-bottom:-10px;
		_margin-bottom:-14px;
		z-index:4;
	}

		#ControlNewsList .news .photo IMG{
			width:176px;
			margin-top:0px;
		}

	#ControlNewsList .news .date{
		width:74px;
		float:right;
		font-size:10px;
		color:#FFFFFF;
		text-align:center;
		background-color:#7FAB07;

		position:relative;
		top:-13px;
		margin-bottom:-13px;
		z-index:5;
	}

	#ControlNewsList .news .text{
		height:78px;
		margin-top:5px;
		text-align:justify;
		line-height:12px;
		overflow:hidden;
	}


/* -------------------- Liste OnLine --------------------------------- */

#NewsList{
}

	#NewsList H1{
		display:none;
	}

	#NewsList B{
		color:#7FAB07;
	}

	#NewsList .news{
		width:176px;
		height:216px;
		float:left;
		padding-top:14px;
		padding-left:14px;
		padding-right:14px;
		font-size:11px;

		/*background:url('images/bg_controlnewslist02.jpg') 0px 0px no-repeat;*/
	}

	#NewsList .news .promoNews{	
		width:63px;
		height:63px;

		position:absolute;
		margin-top:-12px;
		margin-left:-12px;
		z-index:6;
	}
	
	#NewsList .news .corner{
		height:10px;
		background:url('images/corner_imgnewslist.png') 0px 0px no-repeat;
		
		position:relative;
		z-index:5;
	}

	#NewsList .news .photo{
		width:176px;
		height:110px;
		overflow:hidden;

		position:relative;
		top:-10px;
		_top: -14px;
		margin-bottom:-10px;
		_margin-bottom:-14px;
		z-index:4;
	}

		#NewsList .news .photo IMG{
			width:176px;
			margin-top:0px;
		}

	#NewsList .news .date{
		width:74px;
		float:right;
		font-size:10px;
		color:#FFFFFF;
		text-align:center;
		background-color:#7FAB07;

		position:relative;
		top:-13px;
		margin-bottom:-13px;
		z-index:5;
	}

	#NewsList .news .text{
		height:60px;
		margin-top:5px;
		margin-bottom:5px;
		text-align:justify;
		line-height:12px;
		overflow:hidden;
	}
				
/* -------------------- Liste OffLine --------------------------------- */

#NewsListOffLine{
}

	#NewsListOffLine .title{
		display:block;
		padding-bottom:5px;
		margin-top:15px;
	}			

	#NewsListOffLine .newsOffLine{
		padding-top:5px;
	}
	
		#NewsListOffLine .newsOffLine .date{
			width:50px;
			display:block;
			float:left;
		}
		
		#NewsListOffLine .newsOffLine .infoBox{
			width:30px;
			height:15px;
			display:block;
			float:left;
		}
		
		#NewsListOffLine .newsOffLine .news{
			width:380px;
			display:block;
			float:left;
		}
		
/* -------------------- View --------------------------------- */
#NewsView{
}

	#NewsView H1{
	}
		
	#NewsView .ImgPhotoBox{
		width:562px;
		padding:4px;
		margin-bottom:15px;
	}

		#NewsView .ImgPhotoBox .photo{
			height:62px;
			width:83px;
			margin:3px;			
			float:left;
			text-align:center;
		}

		#NewsView .ImgPhotoBox .photo IMG{
			height:62px;
			width:83px;
			margin-left: 5px;
			margin-right: 5px;
		}

		#NewsView .ImgPhotoBox .photo:hover IMG{
			filter:alpha(opacity=50);  
			-moz-opacity:0.50;
			opacity:0.50;
		}

		#NewsView .ImgPhotoBox .photo a{
			background-color: transparent;
		}