@charset "utf-8";

*{
	margin:0;
	padding:0;
	text-decoration:none;
}
body{
	background-color:#415167;
	font-family:Gill Sans, Century Gothic, sans serif;
}
h1{
	color:#fff;
	font-size:42px;
	text-align:center;
	letter-spacing:1px;
}
#wrapper{
	width:955px;
	height:100%;				/* 600 px */
	margin:auto;				/* zentriert die Seite */
	margin-top:35px;
	padding-left:5px;
}
#navigation{
	margin-left:0px;
	margin-top:78px;
	width:200px;
	font-family:Gill Sans, Century Gothic, sans serif;
	font-size:15px;
	line-height:36px;
	float:left;
	z-index:2;
	position:relative;
}
#navigation ul {
	list-style:none;
}
#navigation li a {
	margin-left:13px;
	text-decoration:none;
	color:#b1b5bc;
}
#navigation ul li:hover{
	background-color:#344358;
}
#navigation ul li a:hover, ul li a:active, ul li a:focus{
	color:#fff;
}
#navigation ul li a:focus{
	color:#fff;
}
#navigation ul li a.active{
	color:#fff;							/*gewünschte Farbe der Links, z.B. #fff eintragen*/
}
#navigation ul li.activebg{
	background-color:#344358;			/*gewünschte Hintergrundfarbe der Links, z.B. #344358 eintragen*/
}

#dreieck{
	position:absolute;
	margin-top:79px;
	margin-left:170px;
	width:0;
	height:0;
	-webkit-transform:rotate(353deg);
	-mos-transform:rotate(353deg);
	-mz-transform:rotate(353deg);
	-o-transform:rotate(353deg);
	transform:rotate(353deg);
	border-style:solid;
	border-width:250px 25px 220px 770px;
	border-color:#415167 transparent transparent transparent;
	margin-right:30px;
	
	z-index:1;
}

.inhalt{
	display:block;
	float:right;
	z-index:1;
	margin-right:30px;
	margin-top:-16px;
}
.bild_1{
	z-index:1;
}
.bild_2{
	margin-left:25px;
	z-index:1;
}
.kuenstlerbox{
	position:relative;
	width:200px;
	z-index:3;
	background-color:#344358;
	float:right;
	margin-right:30px;
	padding:8px;
	margin-top:76px;
}
.kuenstler{
	position:relative;
	color:#fff;
	z-index:4;
	font-size:16px;
	text-align:center;
}

.sublinks{
	clear:both;
	float:right;
	margin-top:5px;
	margin-right:30px;
}
.sublinks li{
	display:inline;
	margin-left:255px;			/* Sublink links verschieben */
	margin-right:12px;
}
.sublinks ul {
	list-style:none;
}
.sublinks li a {
	font-size:14px;
	display:inline;
	margin-left:13px;
	text-decoration:none;
	color:#fff;
	font-style:normal;
}
.sublinks li a:hover{
	font-weight:bold;
}
.sublinks_three{
	clear:both;
	float:right;
	margin-top:10px;
	margin-right:30px;
}
.sublinks_three li{
	display: inline;
	margin-left:210px;			/* Sublink links verschieben */
	margin-right:12px;
}
.sublinks_three ul {
	list-style:none;
}
.sublinks_three li a {
	font-size:14px;
	display:inline;
	margin-left:13px;
	text-decoration:none;
	color:#fff;
	font-style:normal;
}
.sublinks_three li a:hover{
	font-weight:bold;
}
#hide{
	margin-right:124px;
}

.hoerstueck{
	display:none;
}
.klangbild{
	display:none;
}
.klangbild2{
	display:none;
}
.impressumtext{
	color:#000033;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	padding-top:5px;
	padding-top:40px;
}

#ersttext{ position:absolute; width:290px; height:315px; float:clear; margin-left:285px; margin-top:175px; z-index:1; overflow: scroll; overflow-y:auto; overflow-x:hidden; }

#zweittext{ position:absolute; width:280px; height:250px; margin-top:239px; float:right; margin-left:630px; z-index:1; overflow: scroll; overflow-y:auto; overflow-x:hidden; }

#text{
	height:75%;
	width:70%;
	margin-top:80px;

	z-index:10;	
}

.bild_1{
	z-index:1;
}
.bild_2{
	margin-left:25px;
	z-index:1;
}

#content{
	width:780px;
	height:auto;
}