img.image-shingle {
	display: block;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	overflow: hidden;	
}

.shingle {
	display: block;
	position: relative;
	width: 195px;
	margin-left: 130px;
}

.shingle h1 {
	height: 30px;
	background: transparent top left no-repeat;
	color: black;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0;
	padding: 40px 10px 0 80px;
	border: 0;
}

.shingle h1.head-player {
	color: white;
}

.shingle h2 {
	background: transparent url(../images/shingle-fillup.png) top left repeat-y;
	text-transform: uppercase;
	color: black;
	font-size: 12px;
	margin: 0;
	padding: 0 10px 0.5em 80px;
	border: 0;
}

.shingle h3 {
	background: transparent url(../images/shingle-fillup.png) top left repeat-y;
	text-transform: uppercase;
	color: black;
	font-size: 11px;
	margin: 0;
	padding: 0 10px 0.5em 20px;
	border: 0;
}

.shingle p {
	background: transparent url(../images/shingle-fillup.png) top left repeat-y;
	color: black;
	font-size: 11px;
	border: 0;
	margin: 0;
	padding: 0 10px 0 20px;
}

.shingle .dark {
	background: transparent url(../images/shingle-player-fillup.png) top left repeat-y;
	color: white;
}

.shingle p.shingle-foot {
	height:	23px;
	background: transparent url(../images/shingle-bg-footer.png) top left repeat-y;
	font-size: 12px;
	color: #09f;
	line-height: 23px;
	padding: 0 40px 10px 20px;
	text-align: right;
}

.shingle a.more:link, .shingle a.more:visited {
	color: black;
}

.shingle a.more:hover, .shingle a.more:active {
	color: silver;
}

.shingle a.mail:link, .shingle a.mail:visited {
	color: black;
}

.shingle a.mail:hover, .shingle a.mail:active {
	color: silver;
}

.shingle a.back:link, .shingle a.back:visited {
	color: black;
}

.shingle a.back:hover, .shingle a.back:active {
	color: silver;
}

.shingle a.galerie:link, .shingle a.galerie:visited {
	color: black;
}

.shingle a.galerie:hover, .shingle a.galerie:active {
	color: silver;
}

.shingle p.shingle-foot a {
	text-decoration: none;
}

.shingle p.shingle-foot a:link, .shingle p.shingle-foot a:visited {
	color: #09f;
	font-size: 12px;
}

.shingle p.shingle-foot a:hover, .shingle p.shingle-foot a:active {
	color: #09f;
	font-size: 12px;
}

.shingle p.shingle-foot input[type=submit] {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	color: #09f;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	background: transparent;
	text-align: right;
}

.shingle p.shingle-foot input[type=text]:focus { background: #fee; color: #09f; }
.shingle p.shingle-foot input[type=password]:focus { background: #fee; color: #09f; }
.shingle p.shingle-foot input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus { color: white; }

.shingle h1.head-player {
	background-image: url(../images/shingle-head-player.png);
}

.shingle h1.head-cafe {
	background-image: url(../images/shingle-head-cafe.png);
}

.shingle h1.head-programm {
	background-image: url(../images/shingle-head-programm.png);
}

.shingle h1.head-admin {
	background-image: url(../images/shingle-head-admin.png);
}

.shingle h1.head-disc {
	background-image: url(../images/shingle-head-release.png);
}

.shingle h1.head-info {
	background-image: url(../images/shingle-head-kurzinfo.png);
}

.shingle h1.head-newsletter {
	background-image: url(../images/shingle-head-news.png);
}

.shingle h1.head-tickets {
	background-image: url(../images/shingle-head-tickets.png);
}

.shingle h1.head-video {
	background-image: url(../images/shingle-head-video.png);
}

.shingle h1.head-openair {
	background-image: url(../images/shingle-head-openair.png);
}

.shingle h1.head-members {
	background-image: url(../images/shingle-head-members.png);
}

.shingle h1.head-magazin {
	background-image: url(../images/shingle-head-magazin.png);
}

.shingle h1.head-forum {
	background-image: url(../images/shingle-head-forum.png);
}

.shingle h1.head-shop {
	background-image: url(../images/shingle-head-shop.png);
}