/* 
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
	** ######################################################################################################*/
			
	#home_keyvisual{
		float: left;
		width: 500px;
		height: 200px;
		margin: 0 10px 0 0;
		padding: 0;
	}

	#home_banners{
		float: left;
		width: 160px;
		height: 200px;
		margin: 0;
		padding: 0;
	}
	
	#home_banner_top{
		height: 95px;
		margin-bottom: 8px;
		padding: 0;
	}

	#home_banner_bottom{
		height: 95px;
		padding: 0;
	}

	#col1{
		float: left;
		display:inline;
		width: 330px;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	#col2{
		float: left;
		display:inline;
		width: 160px;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	#col3{
		float: left;
		display:inline;
		width: 160px;
		margin: 0;
		padding: 0;
	}
		
	
	/* #######################################################################################
	# 3-Spalten-Layout
	########################################################################################*/
	
	#col1_content {
		margin-top: 10px;		
	}
	
	#col1_content img{
		float: left;
		margin-bottom: 5px;
		border: 1px solid #074B88;
	}
	
	/*
	#col1_content p{
		margin-left: 120px;
	}
	*/
	
	#col1_content a.content-headline img{
		margin-bottom: 0;
	}
	
	#col2_content{
		margin-top: 10px;
	}
	
	#col2_content .oddContent{
		padding: 10px 10px 2px 10px;
		background-color: #f2f2f2;
	}
	
	#col2_content .evenContent{
		padding: 11px 10px 2px 10px;
		background-color: #dfdfdf;
	}
		
	#col3_content {
		height: 275px;
		margin-top: 10px;
		border: 1px solid #85a7c4;
	}

	/* #######################################################################################
	# special content styles for this template
	########################################################################################*/

	#col2_content h2.csc-firstHeader {
		min-height: 15px;
		min-width: 140px;
		padding-left: 10px;
		padding-top: 6px;
		padding-bottom: 6px;
		margin: 0px;
		background-color: #DFDFDF;
	}
		
	.contentFrame130 {
		background-color: #F2F2F2;
		padding: 10px;
		font-size: 12px;
	}

	.contentFrame130 h4, .contentFrame140 h4 {
		font-size: 12px;
		color: #074B88;
	}

	.contentFrame130 p, .contentFrame140 p {
		font-size: 12px;
		margin: 7px 0px 0px 0px;
	}

	.contentFrame140 {
		background-color: #DFDFDF;
		padding: 10px;
		font-size: 12px;
	}

	#col3_content h2 {
		min-height: 15px;
		min-width: 140px;
		padding-left: 10px;
		padding-top: 6px;
		padding-bottom: 6px;
		margin: 0px;
		background-color: #83A5C3;
		color: #FFF;
	}

}