@charset "utf-8";
/* CSS fuer music 2 (!), derzeit Spiel des Windes */
/* 
	rot hell #8a0300
	rot #650200
	dunkelrot #170000
*/
body {
	background-color: #2d0000;
}
.content a:link, .content a:visited {
	text-decoration: underline;
	color: #8a0300;
}
.content a:hover {
	text-decoration: underline;
	color: #c30400;
}
.pic, .picsdw {
	background-image: url("../images/bild_spieldeswindes.jpg");
}

.pic {
	background-position: 60% 50%;
}
.theme {
	background-color: #170000;
	background-image: url("../images/bg_innenkachel_sdw.png");
	padding-bottom: 4%;
}
.impressum a:link, .impressum a:visited {
	background-color: #650200;
}
.impressum a:hover {
	background-color: #8a0300;
}

.titlesdw {
	background-image: url("../images/spieldeswindes.gif");
	background-repeat: no-repeat;
	background-size: 310px 64px;
	width: 312px;
	display: inline-block;
}
.sdw-en {
	background-image: url("../images/spieldeswindes_en.gif");
	background-size: 255px 64px;
	width: 260px;
}

/* Blaetterfunktion */
.turnpage a:link, .turnpage a:visited {
	color: #e9e3d5;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}
.turnpage a:hover {
	color: #e9e3d5;
}
.turnbutton:hover {
	background-color: #650200;
}

/* aus player.css */
.cp-container {
	background:url("../images/bgr_sdw.png") 0 0 no-repeat;
	background-size: 240px 240px;
}
.cp-buffer-1,
.cp-buffer-2 {
	background:url("../images/buffer_sdw.png") 0 0 no-repeat;
}
.cp-progress-1,
.cp-progress-2 {
	background:url("../images/progress_sdw.png") 0 0 no-repeat;
}
.cp-controls .cp-play {
	background:url("../images/controls_sdw.jpg") 0 0 no-repeat;
	background-size: 100px 100px;
}

.cp-controls .cp-play:hover {
	background:url("../images/controls_sdw.jpg") -50px 0 no-repeat;
	background-size: 100px 100px;
}

.cp-controls .cp-pause {
	background:url("../images/controls_sdw.jpg") 0 -50px no-repeat;
	background-size: 100px 100px;
}

.cp-controls .cp-pause:hover {
	background:url("../images/controls_sdw.jpg") -50px -50px no-repeat;
	background-size: 100px 100px;
}

/* rot-Bilder */

.one {
	background-image: url("../images/vorhang_links_sdw.png");
}
.two {
	background-image: url("../images/vorhang_rechts_sdw.png");
}

.language a:link, .language a:visited {
	background-image: url("../images/language_de_sdw.png");
}
.language a:hover {
	background-image: url("../images/language_de_sdw.png");
}
.language-en a:link, .language a:visited {
	background-image: url("../images/language_en_sdw.png");
}
.language-en a:hover {
	background-image: url("../images/language_en_sdw.png");
}

#footer {
	background-image: url("../images/fusskachel_sdw.png");
}
.copyright {
	background-image: url("../images/fuss_sdw.png");
}

/* Gaestebuch */
.guestbook-sdw .g-answer {
	background-color: #d8c4b2;
	width: 90%;
	margin-left: 5%;
	color: #650200;	
}
.guestbook-sdw .g-answer .g-name, .guestbook-sdw .g-answer .g-date {
	color: #821f1d;	
}
.guestbook-sdw .g-answer .g-itemhead {
	border-color: #650200;	
}


/* -------------------------------------------------------------  */

@media only screen and (max-width: 1200px) {
	.picsdw {
	background-position: 97% 50%;
}
}


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

.theme {

	padding-bottom: 15%;	
	}
.picsdw {
	background-position: 80% 50%;
}

}

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

.theme {
	padding-bottom: 25%;	
	}
.two {
		background-image:none;
	}
	.picsdw {
	background-position: 80% 50%;
	}
}



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

.two {
		background-image:none;
	}	
.theme {
	padding-bottom: 20%;
	padding-top: 5%;
	
	}
	.picsdw {
	background-position: 30% 50%;
		background-size: 670px;
		min-height: 550px;
	}
	.boxes {
		background-image: url("../images/vorhang_mobile_breit_sdw.jpg");
	}
	.one {
		background-image: url("../images/vorhang_rechts_mobile_breit_sdw.png");
	}
}
@media only screen and (max-width: 450px) {
	#main {
	min-height: 400px;	
}
.boxes {
		background-image: none;
	}
.theme {
	padding-bottom: 40%;
	padding-top: 0;
	}
.picsdw {
	background-position: 30% 50%;
	background-repeat: no-repeat;
	background-size: 550px;
	}

.one {
		background-image:url("../images/vorhang_mobile_sdw.png");
	}

.titlesdw {
	background-image: url("../images/spieldeswindes2zeilen.gif");
	background-repeat: no-repeat;
	background-size: 188px 132px;
	width: 188px;
	height: 132px;
}
.sdw-en {
	background-image: url("../images/spieldeswindes2zeilen_en.gif");
}
}