/**/
/* moderne Pfeile für z.B. Sortierung		*/
/* Benutzung:								*/
/* <p><span class="arrow down"></span></p> 	*/
/* <p><span class="arrow up"></span></p> 	*/
/* <p><span class="arrow left"></span></p>	*/
/* <p><span class="arrow right"></span></p>	*/
/**/
.arrow {
	border: 7px solid #444;
	font-size:0;line-height:0;height:0;padding:0;margin:0;
}
.arrow:hover, .arrow:hover:after,
.arrow:hover:before,.arrow:hover i, 
.arrow:hover span {
	border-color:#A40233;
}
.arrow.down {
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.arrow.up {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
}
.arrow.left {
	border-top-color:    transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.arrow.right {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-bottom-color: transparent;
}