/* 
based on YAML
overwriting base.css
*/

@media screen
{
	
	/* ######################################################################################################
	** ### umschließender Wrapper
	** ######################################################################################################*/

	#wrapper-content{
		float: left;
		width: 670px;
		margin: 9px 0 0 14px;
	}
	
	
	/* #####################################################################################################
	# Keyvisual-Positionierung
	#######################################################################################################*/
	
	
	#keyvisual {
		float: left;
		margin-bottom: 10px;
		padding: 0px;
	}

	/* ######################################################################################################
	** ### Spalten-Positionierung
	** ######################################################################################################*/
			
	#col1{
		float: left;
		width: 331px;
		margin: 10px 8px 0 0;
		padding: 0;
	}
	
	#col2{
		position: relative;
		left: 2px;
		float: left;
		width: 331px;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
		
	
	/* #######################################################################################
	# 2-Spalten-Layout
	########################################################################################*/
	

	#col1_content .element,
	#col2_content .element{
		width: 331px;
		margin-bottom: 8px;	
		background-image: url('../images/bg-teaser-box.gif');
		background-repeat: no-repeat;
		background-position: bottom left;	
	}

	#col1_content .teaserBox,
	#col2_content .teaserBox{
		width: 327px;
	} 
		
	#col1_content img,
	#col2_content img{
		//float: right;
		margin: 0 10px 17px 0;
		border: 1px solid #84a6c3;
	}
	
	#col1_content .content-headline img,
	#col2_content .content-headline img{
		float: none;
		margin: 0 0 7px 0;
	}
	
	#col1_content p,
	#col2_content p{
		margin: 0 140px 0 10px;
	}

}