/* Layout für Mobilgeräte: 480 px oder weniger. */

div.dlItem {
	width:96%;
	margin-left: 2%;
	float: left;
	border-top: 1px dotted #999;
	}

div.dlItemLast {
	width:96%;
	margin-left: 2%;
	float: left;
	border-top: 1px dotted #999;
	height: 2px;
	margin-bottom: 40px;
	}

div.dlItemImg {
	width: 23%;
	float: left;
	text-align: center;
	}

div.dlItemTxt {
	width: 61.9%;
	float: left;
	}

div.dlItemBtn {
	width: 13%;
	float: left;
	text-align: center;
	}
h5.dlItemTxt {
	margin: 0.5em 2% 0.5em 2%;
	}

p.dlItemTxt, p.dlItemTxti {
	line-height: 1.2em;
	margin: 0em 2% 0.5em 2%;
	}

p.dlItemTxti {
	font-style: italic;
	}
img.dlBtn {
	margin-top: 1em;
	}
	

	
	
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {

div.dlItem {
	width:94%;
	margin-left: 3%;
	}

div.dlItemLast {
	width:94%;
	margin-left: 3%;
	float: left;
	}


}
	
	
/* Layout für Tablet-PCs: 769 bis 968 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 769px) {


}



/* Desktoplayout: 919 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 919px) {

div.dlItem {
	width:92%;
	margin-left: 4%;
	}

div.dlItemLast {
	width:92%;
	margin-left: 4%;
	float: left;
	margin-bottom: 60px;
	}





}