@charset "utf-8";
/* CSS fuer music 1 (!), derzeit Lied der Sterne */
body {
	background-color: #0c1e2e;
}
.pic, .piclds {
	background-image: url("../images/bild_lieddersterne.jpg");
}
.theme {
	background-color: #000f18;
	padding-top: 4%;
	padding-bottom: 6%;
}

.titlelds {
	background-image: url("../images/lieddersterne.gif");
	background-repeat: no-repeat;
	background-size: 304px 64px;
	width: 304px;
	display: inline-block;
}
.lds-en {
	background-image: url("../images/lieddersterne-en.gif");
	background-size: 323px 64px;
	width: 328px;
}

.guestbook-lds .g-answer {
	background-color: #c3cbd1;
	width: 90%;
	margin-left: 5%;
	color: #1b4970;	
}
.guestbook-lds .g-answer .g-name {
	color: #3d6281;	
}
.guestbook-lds .g-answer .g-itemhead {
	border-color: #1b4970;	
}

/* -------------------------------------------------------------  */
@media only screen and (max-width: 1200px) {
	.piclds {
	background-position: 90% 50%;
}
}

@media only screen and (max-width: 945px) {

	.theme {
		padding-top: 10%;
	padding-bottom: 16%;	
	}

}

@media only screen and (max-width: 900px) {

.theme {
		padding-top: 10%;
	padding-bottom: 25%;	
	}

}

@media only screen and (max-width: 700px) {
	
.theme {
		padding-top: 10%;
	padding-bottom: 20%;	
	}
	.piclds {
		min-height: 550px;
	}
}

@media only screen and (max-width: 510px) {
	
	.theme {
		padding-top: 0;
	padding-bottom: 15%;	
	}
	.piclds {
		min-height: 550px;
		background-size: 500px;
	}
}

@media only screen and (max-width: 450px) {
	#main {
	min-height: 400px;	
}

.theme {
		padding-top: 15%;
	padding-bottom: 7%;	
	}
.piclds {
	background-image: url("../images/bild_lieddersterne.jpg");
	background-position: center 20px;
	background-repeat: no-repeat;
	background-size: 430px;
	}



.titlelds {
	background-image: url("../images/lieddersterne2zeilen.gif");
	background-repeat: no-repeat;
	background-size: 188px 132px;
	width: 188px;
	height: 132px;
}
.lds-en {
	background-image: url("../images/lieddersterne2zeilen_en.gif");
}
}