.wetterdiv {
		position: relative;
    padding: 0;
    margin: 0;
    height: 33px;
    width: 40px;
}

.wetter img {
	position: absolute;
}

.wetter .sorting_asc {
	background: url('./dataTables/media/images/sort_asc.png') no-repeat bottom right;
}

.wetter .sorting_desc {
	background: url('./dataTables/media/images/sort_desc.png') no-repeat bottom right;
}

.wetter .sorting {
	background: url('./dataTables/media/images/sort_both.png') no-repeat bottom right;
}

.wetter .sorting_asc_disabled {
	background: url('./dataTables/media/images/sort_asc_disabled.png') no-repeat bottom right;
}

.wetter .sorting_desc_disabled {
	background: url('./dataTables/media/images/sort_desc_disabled.png') no-repeat bottom right;
}

.sunOrMoon {
    z-index:2;
}
.clouds {
    z-index:5;
}
.rain {
    z-index:3;
}
.lightningAndSnow {
    z-index:4;
}
.windCone {
    z-index:6;
}
.temperature {
    z-index:1;
}


.rotate {
    height: 120px;
    white-space: nowrap;
	width: 30px;
	min-width: 30px;
	max-width: 30px;
}
.rotate div {
	transform: translate(19px, 45px) rotate(315deg);
	-webkit-transform: translate(19px, 45px) rotate(315deg);
	-ms-transform: translate(19px, 45px) rotate(315deg);
    -moz-transform: translate(19px, 45px) rotate(315deg);
	-o-transform: translate(19px, 45px) rotate(315deg);
}
.rotate div span {
    border-bottom: 1px solid black;
    padding: 3px 12px;
}

.rotate_wide {
    height: 120px;
    white-space: nowrap;
	width: 44px;
	min-width: 44px;
	max-width: 44px;
}
.rotate_wide div {
	transform: translate(30px, 40px) rotate(315deg);
	-webkit-transform: translate(30px, 40px) rotate(315deg);
	-ms-transform: translate(30px, 40px) rotate(315deg);
    -moz-transform: translate(30px, 40px) rotate(315deg);
	-o-transform: translate(30px, 40px) rotate(315deg);
}
.rotate_wide div span {
    border-bottom: 1px solid black;
    padding: 3px 12px;
}

.no_rotate {
	vertical-align: bottom;
}

table.display thead th {
	padding: 3px;
}

table.display tfoot th {
	padding: 3px;
}

table.display td {
	padding: 3px;
}