@charset "utf-8";
/* CSS Document */
div.sp1 {
	float:left;
	background:url(../grafik/punktelinie_960px_vert.png) top right repeat-y;
	padding:24px 20px 0px 0px;
	width:471px;
}

div.sp1 img {
	padding: 5px 0px 14px 0px;
}
div.sp1a {
	box-sizing: border-box;
	width:308px;
	float:left;
	padding:24px 0px 0px 0px;
	background:url(../grafik/punktelinie_960px.png) top left repeat-x;
}
div.sp2, div.sp2b {
	box-sizing: border-box;
	width:304px;
	float:left;
	padding:24px 0px 0px 20px;
}

div.t1 {
	float:left;
	width:75%;
}
div.t2 {
	float:right;
}

div.filler {
	height:9px;
}

/*ende allgemeine styles ***/


/* responsiveness */
/* 5 spalten */
@media screen and (max-width:1023px) {
	
	
}
/* 4 spalten */
@media screen and (max-width:859px) { 
	div.sp1 {
		width:308px;
	}
	div.sp1 > img {
		width:306px;
		height:auto;
	}
	div.sp1a {
		width:328px;
		padding:24px 20px 0px 0px;
	}
	div.filler {
		height:78px;
	}
}


/* 3 spalten */
@media screen and (max-width:696px) { 
	div.sp1 {
		width:469px;
		background:url(../grafik/punktelinie_960px.png) bottom left repeat-x;
	}
	div.sp1 > img {
		width:469px;
	}
	div.sp1a {
		width:308px;
		padding:24px 0px 0px 0px;
	}
	div.sp2 {
		width:496px;
		padding:19px 0px 0px 0px;
	}
	div.filler {
		height:0px;
	}
	div.sp2b {
		padding:24px 0px 0px 0px;
	}
}

/* 1 spalte */
@media screen and (max-width:533px) { 
	div.sp1, div.sp2 {
		width:306px;
	}
	div.sp1 {
		padding:24px 0px 0px 0px
	}
	div.sp1 > img {
		width:306px;
		height:auto;
	}
	div.sp1a {
		width:306x;
		padding:24px 0px 0px 0px;
	}
}