@charset "utf-8";
/* CSS Document */

/*smaragt: #009999;
tuerkis: #006666;

*/
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
ul {
	padding-left: 90px;
	padding-bottom: 5px;
	padding-top: 5px;
	
	}
.subcontentbg li {
	list-style-image:url(images/list.gif);
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 7px;
}
.blacktext {color:black}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 20px;
	padding-left: 20px;

}
h1{
	font-family: 'Julee', cursive;
	font-weight: 400;
	letter-spacing: 0,9em;
	word-spacing: 0em;
/*	text-shadow: 4px 4px 4px 4px #666; */
	font-size:22px;
	color: #cb9513;
	line-height:120%;
}

a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
	text-align: right;
	outline:0;
}
.bildleiste {
	width: 930px;
	padding-top:150px;
	}

.musik:link img, .musik:visited img, .konzerte:link img, .konzerte:visited img, .handel:link img, .handel:visited img  {
	border: 5px solid #ffffff;
	}
.musik:hover img {
	border: 5px solid #C9A118;
	}
.konzerte:hover img {
	border: 5px solid #D8B717;
	text-align: center;
	}	
.handel:hover img {
	border: 5px solid #E5CD15;
	}	
	
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link, a:visited, a:active, a:focus {
	color: #cb9513;
	text-decoration:none;
	outline:0;
	}

 a:hover {
	 text-decoration: underline;
	 }

.container {
	width: 940px;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
		overflow: hidden;
		
	}
.navi {
	margin-top:8px;
	padding:0;
	padding-left:20px;
	width:910px;
	height:40px;
	vertical-align:middle;
	border:5px solid #ffffff;
	background-color:#000000;
	vertical-align:top;
	font-family:Verdana, Geneva, sans-serif;
	color: #f0ece0;
/*	text-shadow: 4px 4px 4px 4px #666; */
	line-height:150%;
	font-size:16px;
	letter-spacing: 0,9em;
	}

	
.navi a:link, .navi a:visited,  .navi a:focus  {	
	color: #e3e0cf;	
	text-decoration:none;
	outline:0;
}

.navi a:hover {
	color: #ffffff;
	outlline:0;
	 }
.content {
	padding: 0;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	width: 940px;
	overflow: hidden;
	clear: both;
}


.subcontentbg {
	background-color: #F0ECE0;
	padding-left:20px;
	padding-top: 20px;
	
		}
.subcontent {
	padding:0;
	padding-top: 20px;
	padding-bottom: 20px;
	width:900px;
	border:5px solid #ffffff;
	background-color:#F7F6F1;
	vertical-align:top;
	font-family:Verdana, Geneva, sans-serif;
	color: #5e5f60;
	line-height:150%;
	font-size:12px;
	letter-spacing: 0,9em;
	}
.subcontent td {
	vertical-align:top;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	}
.tdleft {
	width:575px;
	}
.tdright {
	width:250px;
	}
.subcontent a:link, .subcontent a:visited, .subcontent a:focus {
	color: #cb9513;
	}
.subcontent a:hover {
	text-decoration:underline;
	}
.mehr {
	background-image:url(images/mehr.gif);
	margin-left:20px;
	margin-bottom:30px;
  	padding-left:18px;
	width:66px;
	height:19px;
	color:#ffffff;

	
	}

.mehr a:link, .mehr a:visited,  .mehr a:focus  {	
	color: #ffffff;	
	font-size:12px;
	text-decoration:none;
	vertical-align:text-top;
	outline:0;
}
.mehr a:hover{
	color: #5e5f60;
	font-size:12px;
	text-decoration:none;
	vertical-align:text-top;
	outlline:0;
	 }

.subcontent ul {
	padding-left:30px;
	}	


.footer {
	padding-top: 10px;
	margin-top:0px;
	color: #cb9513;
	font-size:20px;
	font-family: 'Julee', cursive;
	width: 940px;
	height: 40px;
	position: relative;
	clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
}

.footer_grau {
	color: #5e5f60;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
.victories {
	font-size:10px;
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	
}
.victories a:link {
	font-size:10px;
	text-decoration:underline;
	
	}