@charset "utf-8";
/* CSS Document */
div.sp1, div.sp2, div.sp3 {
	width:306px;
	float:left;
	box-sizing: border-box;
}

div.sp1 {
	padding:24px 20px 0px 0px;
	background:url(../grafik/punktelinie_960px_vert.png) top right repeat-y;
}

div.sp2 {
	width:326px;
	padding:60px 20px 0px 20px;
	background:url(../grafik/punktelinie_960px_vert.png) top right repeat-y;
}

div.sp3 {
	width:304px;
	padding:60px 0px 0px 20px;
	
}

div.filler {
	height:52px;
}


/* responsiveness */
/* 5 spalten */
@media screen and (max-width:1023px) { 
	div.sp1 {
		padding:24px 0px 0px 0px;
	}
	div.sp2 {
		background:none;
	}
	div.sp3 {
		width:100%;
		background:url(../grafik/punktelinie_960px.png) top left repeat-x;
		padding:19px 0px 0px 0px;
	}
	div.filler {
		height:52px;
	}
}
/* 4 spalten */
@media screen and (max-width:859px) { 
	div.sp2 {
		padding:60px 0px 0px 20px;
	}
}

/* 3 spalten */
@media screen and (max-width:696px) { 
	div.sp1, div.sp2, div.sp3 {
		background:none;
	}
	div.sp2, div.sp3 {
		padding:19px 0px 0px 0px;
	}
	div.filler {
		height:0px;
	}
}

/* 1 spalte */
@media screen and (max-width:533px) { 
	
}