/* Site settings */
body {
        background-color:#ffffff;
        font-family:Arial,sans-serif;
        font-size:10pt;
        font-weight:normal;
        font-style:normal;
   		text-decoration:none;
        color:rgb(100, 100, 100);
        letter-spacing:0em;
	}
	
    a {	text-decoration:none;
        color:#000000;
		font-size:8pt;
		font-weight:bold;}
    
    a.link {font-color:#000000;}
    a.visited {font-color:#000000;}
    a.active {font-color:#000000;}

	hr {border-top: 1px solid orange;}
	
	h2 {
		text-align: left;
		font-size: 30pt;
		color: red;
	}

	b {
		font-color:black;
	}


#box_big	{ 
    font-size:11pt; 
    position:absolute; 
    top:5px; left:5px; 
    width:950px; 
    height:700px; 
    z-index:0; 
	background-color: white;
	box-shadow:  5px 5px 5px rgb(100, 100, 100); 
    padding:1px; 
	padding-top:10px;
	border-radius:9pt;
}

#box_rechtsOben   {
    position:absolute; 
    top:20px; left:700px; 
    width:250px; 
    height:30px; 
	background-color:white;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-size:10pt;
	z-index:1; 
}

#box_top   {
    position:absolute; 
	top:40px; 
	left:5px; 
    width:920px; 
    height:105px; 
	vertical-align:middle;
	text-align:center;
	-moz-box-shadow:inset 0px 3px 3px 3px #e0e0e0;
	-webkit-box-shadow:inset 0px 3px 3px 3px #e0e0e0;
	box-shadow:inset 0px 3px 3px 3px #e0e0e0;
	background:-webkit-gradient(linear, top, bottom, color-stop(0.05, #e0e0e0), color-stop(1, #202020));
	background:-moz-linear-gradient(top, #e0e0e0 10%, #202020 25%);
	background:-webkit-linear-gradient(top, #e0e0e0 10%, #202020 25%);
	background:-o-linear-gradient(top, #e0e0e0 10%, #202020 25%);
	background:-ms-linear-gradient(top, #e0e0e0 10%, #202020 25%);
	background:linear-gradient(to bottom, #e0e0e0 10%, #202020 25%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#202020',GradientType=0);
	background-color:#202020;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d0d0d0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12pt;
	padding:6px 6px;
	border-radius:9pt;
	text-decoration:none;
	z-index:1; 
}

#box_logo {
	position:absolute;
	top:10px; left:0px;
	width:100px; height:100px;
}


#box_artistA {
	position:absolute;
	top:0px; left:100px;
	width:250px; height:50px;
	text-align:justify;
}

#box_artistB {
	position:absolute;
	top:51px; left:380px;
	width:250px; height:50px;
	text-align:justify;
	font-size:15pt;
}

#box_titel   {
    position:absolute; 
    top:30px; left:780px; 
    height:20px; 
	background-color:orange;
	display:inline-block;
	color:black;
	font-weight:bold;
	font-size:12pt;
	z-index:1; 
	border-radius:6pt;
	padding:6px 12px;
}
#box_titel-neutral {
	position: absolute;
	top: 30px;
	left: 640px;
	height: 20px;
	width: 300px;
	background-color: none;
	display: inline-block;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	z-index: 1;
	padding: 6px 12px;
}

#box_menu   {
    position:absolute; 
    top:90px; left:100px; 
    width:820px; 
	height:30px; 
	text-align:right;
	vertical-align:bottom;
	background-color:transparent;
	border:transparent;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:10pt;
	padding:1px 1px;
	text-decoration:none;
	z-index:1; 
}


#box_links	{ 
    position:absolute; 
    top:170px; 
    left:15px;
	width:505px;
	height:400px; 
	z-index:1; 
	
	display:inline-block;
	cursor:pointer;
	font-weight:none;
	padding:6px 10px;
	text-decoration:none;
	background-color:transparent; 
	text-align:justify;

}


#box_rechts	{ 
    position:absolute; 
    top:180px; 
    left:555px;
	width:365px;
	height:450px; 
	z-index:1; 
	text-align:center;
	vertical-align:bottom;
	box-shadow:inset 0px 3px 3px 3px #e0e0e0;
	background-color:#202020;
	border-radius:9px;
	border:1px solid #d0d0d0;
	display:inline-block;
	font-size:15pt;
	font-weight:none;
	text-decoration:none;
	color:white;
}


#box_reText	{ 
    position:absolute; 
    top:60px; 
    left:5px;
	width:330px;

	height:340px; 

	z-index:2; 

	font-size:10pt;
	font-weight:none;
	text-align:justify;

	padding:12px 12px;
	text-decoration:none;
	background-color:rgb(255, 240, 240); 
	color:rgb(100, 100, 100);
}

#box_EinsOben	{ 
    position:absolute; 
    top:0px; 
    left:0px;
	width:303px;
	height:120px; 
	z-index:1; 
	text-align:center;
	vertical-align:bottom;
	box-shadow:inset 0px 3px 0px 0px #e0e0e0;

	background-color:#202020;
	border-radius:9px;
	border:1px solid #d0d0d0;
	display:inline-block;
	font-size:15pt;
	font-weight:none;
	text-decoration:none;
	color:white;
}

#box_EinsUnten	{ 
    position:absolute; 
    top:180px; 
    left:5px;
	width:305px;
	height:450px; 
	z-index:1; 
	text-align:center;
	vertical-align:bottom;
	box-shadow:inset 0px 3px 3px 3px #e0e0e0;
	background-color:rgb(255, 240, 240); 
	border-radius:9px;
	border:2px solid #d0d0d0;
	display:inline-block;
	font-size:15pt;
	font-weight:none;
	text-decoration:none;
	color:white;
	z-index:0; 

}

#box_Eins	{ 
    position:absolute; 
    top:170px; 
    left:5px;
	width:280px;
	height:470px; 
	z-index:0; 
	font-size:10pt;
	font-weight:none;
	text-align:justify;
	border-radius:9px;
	border: solid lightgrey 2px;
	padding:12px 12px;
	text-decoration:none;
	background-color:rgb(255, 240, 240); 
	color:rgb(100, 100, 100);

}

#box_Zwei	{ 
    position:absolute; 
    top:170px; 
    left:318px;
	width:280px;
	height:470px; 
	z-index:1; 
	font-size:10pt;
	font-weight:none;
	text-align:justify;
	border-radius:9px;
	border: solid lightgrey 2px;
	padding:12px 12px;
	text-decoration:none;
	background-color:rgb(255, 240, 240); 
	color:rgb(100, 100, 100);

}

#box_Drei	{ 
    position:absolute; 
    top:170px; 
    left:631px;
	width:280px;
	height:470px; 
	z-index:1; 
	font-size:10pt;
	font-weight:none;
	text-align:justify;
	border-radius:9px;
	border: solid lightgrey 2px;
	padding:12px 12px;
	text-decoration:none;
	background-color:rgb(255, 240, 240); 
	color:rgb(100, 100, 100);

}

#box_inBio1	{ 
    position:absolute; 
    top:110px; 
    left:2px;
	width:285px;

	height:312px; 

	z-index:2; 

	font-size:10pt;
	font-weight:none;
	text-align:justify;

	padding:18px 6px;
	text-decoration:none;
	background-color:transparent; 
	color:rgb(100, 100, 100);
}

#box_inTitel	{ 
    position:absolute; 
    top:0px; 
    left:105px;
	width:168px;

	height:100px; 

	z-index:2; 

	font-size:15pt;
	font-weight:bold;
	text-align:left;

	padding:13px 9px;
	text-decoration:none;
	background-color:transparent; 
	color:orange;
}

#box_inText	{ 
    position:absolute; 
    top:5px; 
    left:5px;
	width:271px;

	height:440px; 

	z-index:2; 

	font-size:10pt;
	font-weight:none;
	text-align:justify;
	border-radius:9px;
	border: solid lightgrey 2px;
	padding:12px 12px;
	text-decoration:none;
	background-color:rgb(255, 240, 240); 
	color:rgb(100, 100, 100);
}

#box_impressum	{ 
    position:absolute; 
    top:170px; 
    left:15px;
	width:505px;
	height:400px; 
	z-index:1; 
	
	display:inline-block;
	cursor:pointer;
	font-weight:none;
	padding:6px 10px;
	font-size:10pt;
	text-decoration:none;
	background-color:transparent; 
	text-align:justify;

}
#box_fuss	{ 
    font-size:9pt; 
	position:absolute; 
    top:670px; 
	left:5px; 
    width:940px; 
    height:60px;
	background-color:transparent;
    text-align:center;
	vertical-align:middle;
	color:rgb(100, 100, 100);
	z-index:1; 
}

.myButton {
	-moz-box-shadow:inset 0px 1px 8px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 8px 0px #ffffff;
	box-shadow:inset 0px 1px 8px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, orange));
	background:-moz-linear-gradient(top, #ffffff 5%, yellowgreeen 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, orange 100%);
	background:-o-linear-gradient(top, #ffffff 5%, orange 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, orange 100%);
	background:linear-gradient(to bottom, #ffffff 5%, orange 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:orange;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-size:9pt;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, yellow), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, yellow 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, yellow 5%, #ffffff 100%);
	background:-o-linear-gradient(top, yellow 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, yellow 5%, #ffffff 100%);
	background:linear-gradient(to bottom, yellow 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:yellow;
}

.myButton:active {
	position:relative;
	top:1px;
}


.myButtonHigh {
	-moz-box-shadow:inset 0px 1px 8px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 8px 0px #ffffff;
	box-shadow:inset 0px 1px 8px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, lightgreen));
	background:-moz-linear-gradient(top, #ffffff 5%, lightgreeen 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, lightgreen 100%);
	background:-o-linear-gradient(top, #ffffff 5%, lightgreen 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, lightgreen 100%);
	background:linear-gradient(to bottom, #ffffff 5%, lightgreen 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='lightgreen',GradientType=0);
	background-color:lightgreen;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-size:9pt;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
}

.button-halo {
	font-size: 1.2em;
	padding: 0.6em 2em;
	border: none;
	outline: none;
	color: white;
	background: darkblue;
	cursor: pointer;
	position: relative;
	z-index: 0;
	border-radius: 10px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

	.button-halo:hover {
		color: gold;
		font-size: 1.5em;
		font-weight: bold;
	}

.button-halo:before {
	content: "";
	background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 );
	position: absolute;
	top: -2px;
	left: -2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	animation: glowing-button-85 20s linear infinite;
	transition: opacity 0.3s ease-in-out;
	border-radius: 10px;
	color: yellow;
}

@keyframes glowing-button-halo {
	0% {
		background-position: 0 0;
	}

	50% {
		background-position: 400% 0;
	}

	100% {
		background-position: 0 0;
	}
}

.button-halo:after {
	z-index: -1;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #222;
	left: 0;
	top: 0;
	border-radius: 10px;
}