/* 
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: 500px;
		margin: 0;
		padding: 0;
	}
	
	#col2{
		float: left;
		width: 160px;
		margin: 0 0 0 10px;
		padding: 0;
	}		
	
	/* #######################################################################################
	# 2-Spalten-Layout
	########################################################################################*/
	

	#col1_content img.headline{
		margin: 10px 0 0 0;
	}
	
	#col2_content img.headline{
		margin: 1px 0 0px 0;
	}
	
	#col2_content .element{
		margin-bottom: 10px;
	}
	

	#col2_content ul{
		margin: 0;
		padding: 0;		
	}
		
	#col2_content ul li{
		margin-bottom: 5px;
		line-height: 1.2em;
		background-position: 0 5px;
	}
	
	#col2_content h2{
		font-size: 1.1em;		
	}
}