/* CSS Document */

body, html {
	width: 100%
	height: 100%
	font-size: 105%;
	font-family: "Lucida Sans", "Lucida Grande", Tahoma, Arial, sans-serif;
	line-height: 1.125em;
	color: #999999;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-size: 0.875em;
	color: #990000;
	margin-bottom: 0px;
	font-family: "Lucida Sans", "Lucida Grande", Tahoma, Arial, sans-serif;
}
.starttext { }

p { font-size: 0.6875em; }

.mono {
	color: #666666;
	font-family: "Courier New", Courier, monospace;
}

#wrapper {
	/*height: 1000px;*/
	border: 0px solid #FFFFFF;
	overflow: visible;
}

#wrapperLONG {
	border: 0px solid #FFFFFF;
	overflow: visible;
}

.redtext {
	color: #990000;
}

/* +++++++++++START20260806++++++++++++ */
/* +++++++++++START20260806++++++++++++ */

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

	#content {
		text-align: left;
		margin: 0 8px;
		display: flex;
		flex-direction: column-reverse;
	}

	#textbox, #textboxMUSIK, #textboxPARTNERS {
		text-align: left;
		/*width: 100%;*/
		margin: 0 10px;
		padding: 0px;
	}

	#textboxINDEX {
		text-align: left;
		/*width: 100%;*/
		margin: 0 10px;
		padding: 0px;
	}

	#imgbox {
		margin: 8px auto 0 18px;
	}

	#imgboxINDEX {
		margin: 0;
	}

	#imgbox img {
		padding: 0px;
		margin: 0px ;
	}

	.banners-of-partners {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	.banners-of-partners div {
		margin: 0 auto;
	}
	.banners-of-partners div img {
		border: solid 1px #ccc;
	}
	#footer {
		margin: 40px 0 20px 0;
		text-align: center;
	}	
}


@media screen and (min-width: 769px) {

	#content {
		text-align: left;
		margin: 100px 0 0 0;
		display: flex;
		flex-direction: row;
	}
	
	#textbox {
		text-align: left;
		max-width: 900px;
		padding: 0px;
		margin: 0 0 0 10px;
	}

	#textboxINDEX {
		text-align: left;
		max-width: 900px;
		padding: 0px;
		margin: 120px 0 0 10px;
	}

	#textboxMUSIK {
		text-align: left;
		max-width: 900px;
    min-width: 500px;
 		padding: 0px;
		margin: 0 0 0 10px;   
  }

	#textboxPARTNERS {
		text-align: left;
		max-width: 1600px;
 		padding: 0px;
		margin: 0 0 0 10px;   
  }
	
	#imgbox {
		margin: 90px 0 8px 0;
	}

	#imgboxINDEX {
		margin: 50px 8px 0 100px;
	}


	#imgbox img {
		padding: 0px;
		margin: 0 8px 0 80px;
	}

	#imgbox p {
		padding: 0px;
		margin: 0 8px 0 80px;
	}

	.banners-of-partners {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0;
	}

	.banners-of-partners div {
		margin-left: 16px;
	}
	.banners-of-partners div img {
		border: solid 1px #ccc;
	}

	#footer {
		margin: 80px 0 20px 20px;
		text-align: left;
	}

	.paintingsTOP {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;		
		align-items: center;
	}

}

/* +++++++++++END20260806++++++++++++ */
/* +++++++++++END20260806++++++++++++ */





.menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 0.75em;
}
.menu ul li {
	display: inline;
	padding-right: 1em;
}

.menu span {
	color: #990000;
}

a {
	color: #999999;
	text-decoration: none;
}

a:hover {
	color: #990000;
}

.out a {
	color: #999999;
	text-decoration: underline;
}

.out a:hover {
	color: #990000;
	text-decoration: underline;
}

.txt {
	margin-left: 20px;
	/*font-size: 0.875em;*/
	font-size: 1em;
	color: #333333;
	margin-top: 36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.txt dl {
	margin-left: 20px;
	font-size: 0.75em;
}
dt {
	float: left;
}

.txt p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.imgdesc {
	margin: 0px;
	font-size: 0.6875em;
	color: #666666;
	padding: 0px;
}

.imgmenu {
	margin: 20px;
}

 a:hover img {
	border: 1px solid #990000;
}

.imgmenu img {
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 2px;
}


#footer span {
	font-size: 0.75em;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 28px;
	margin-bottom: 4px;
	margin-left: 4px;
}

#videoPlayer {
	margin-top: 80px;
}

.textJP {
	width: 200px;
	float: left;
	font-size: 1.185em;
	}
.textEN {
	margin-left: 220px;
}
.textBM {
	margin-left: 260px;
}
.clearleft {
	clear: left;
}
.FotoBox {
	background-color: #EEEEEE;
	padding: 8px;
	margin-bottom: 20px;
}
.FotoBox img {
	margin-left: 4px;
}
.datum {
	font-weight: bold;
	color: #FFF;
	background-color: #069;
}

.nowrap {
	text-wrap: nowrap;
}