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


#ControlNewsList{

}

	#ControlNewsList .imgPhotoBox{
		float:left;
	}

		#ControlNewsList .imgPhotoBox .photo{
			width:55px;
			margin-right:5px;
			margin-top:5px;
		}

	#ControlNewsList .textBox{		

	}

	#ControlNewsList .textBox .title{	
		margin-bottom:3px;
		font-weight:bold;
	}

	#ControlNewsList .separator{
		clear:both;
		width:100%;
		border-bottom:1px dotted #C8B0A2;
		margin-bottom:10px;
		height:15px;
	}


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


#NewsList{

}

	#NewsList .imgPhotoBox{
		float:left;
		margin-bottom:2px;
	}

		#NewsList .imgPhotoBox .photo{
			width:55px;
			margin-right:5px;
			margin-top:5px;
		}

	#NewsList .textBox{
		margin-bottom:10px;
	}

	#NewsList .textBox .title{	
		margin-bottom:5px;
	}

	#NewsList .readMore{
	  margin-top:10px;
	}

			#NewsList .readMore A{
				display:block;
				text-decoration:none;
				background-color:#999999;
				color:white;
				float:left;
				padding-top:2px;
				padding-bottom:2px;
				padding-left:5px;
				padding-right:5px;
				font-size:9px;
				text-transform:uppercase;
				letter-spacing:1px;
			}

			#NewsList .readMore A:hover{
				background-color:#FF7007;
			}

	#NewsList .separator{
		clear:both;
		width:100%;
		border-bottom:1px dotted #C8B0A2;
		margin-bottom:10px;
		height:10px;
	}


/* -------------------- View --------------------------------- */
#NewsView{

}
	#NewsView .ImgPhotoBox{
		background-color:#999999;
		width:100%;
	}

		#NewsView .ImgPhotoBox .photo IMG{
			height:100px;
			margin:10px;			
			float:left;
		}

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