/* ALLGEMEINE FORMATIERUNGEN ---------------------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.8em;
}
/* CONTAINER ---------------------------------------------------------------------------------------------- */

#inhaltindex {
	width: 340px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	position: absolute;
	visibility: visible;
	z-index: 1;
	left: 780px;
	top: 420px;
	font-size: 1.2em;
}
#konzertindex {
	padding: 20px;
	width: 360px;
	position: absolute;
	visibility: visible;
	z-index: 2;
	left: 190px;
	top: 480px;
}
#konzertdatumindex {
	padding: 20px;
	width: 360px;
	height: 20px;
	position: absolute;
	visibility: visible;
	z-index: 3;
	left: 190px;
	top: 420px;
	background-color: #666666;
}
#konzertauswahl {
	width: 170px;
	height: 170px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	position: absolute;
	visibility: visible;
	z-index: 4;
	left: 380px;
	top: 0px;
	background-color: #8F003E;
	text-align: center;
}
#logo {
	width: 491px;
	height: 100px;
	position: absolute;
	visibility: visible;
	z-index: 5;
	left: 610px;
	top: 60px;
}
#spielstaette {
	width: 370px;
	height: 26px;
	padding-left: 10px;
	padding-top: 4px;
	position: absolute;
	visibility: visible;
	z-index: 6;
	left: 0px;
	top: 190px;
	background-color: #666666;
}
#navigation {
	width: 550px;
	height: 30px;
	padding-left: 20px;
	position: absolute;
	visibility: visible;
	z-index: 100;
	left: 590px;
	top: 190px;
	background-color: #8F003E;
}
#motivmitte {
	width: 190px;
	height: 45px;
	padding-left: 20px;
	padding-top: 185px;
	position: absolute;
	visibility: visible;
	z-index: 8;
	left: 380px;
	top: 190px;
	background-image: url(../bilder/dirigent_ettinger02.jpg)
}
#motivlinks {
	width: 380px;
	height: 200px;
	position: absolute;
	visibility: visible;
	z-index: 9;
	left: 0px;
	top: 220px;
}
#motivrechts {
	width: 570px;
	height: 200px;
	position: absolute;
	visibility: visible;
	z-index: 10;
	left: 590px;
	top: 220px;
}
#spaltelinks {
	width: 190px;
	height: auto;
	position: absolute;
	visibility: visible;
	z-index: 11;
	left: 0px;
	top: 420px;
}
#spaltemitte {
	width: 190px;
	height: auto;
	position: absolute;
	visibility: visible;
	z-index: 12;
	left: 590px;
	top: 420px;
}
#spaltelinksfolgeseite {
	width: 190px;
	height: auto;
	position: absolute;
	visibility: visible;
	z-index: 14;
	left: 190px;
	top: 420px;
}
#spalterechtsfolgeseite {
	width: 190px;
	height: auto;
	position: absolute;
	visibility: visible;
	z-index: 15;
	left: 970px;
	top: 420px;
	border-top: #666 60px solid;
}
#spalterechtsfolgeseitezwei {
	width: 190px;
	height: auto;
	position: absolute;
	visibility: visible;
	z-index: 15;
	left: 970px;
	top: 420px;
	border-top: #8F003E 60px solid;
}
#inhaltfolgeseite {
	width: 540px;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	height: auto;
	position: absolute;
	visibility: visible;
	z-index: 16;
	left: 380px;
	top: 480px;
	font-size: 1.2em;
}
#inhaltfolgeseitezwei {
	width: 550px;
	padding: 20px;
	height: auto;
	position: absolute;
	visibility: visible;
	z-index: 16;
	left: 380px;
	top: 480px;
	font-size: 1.2em;
}
#ueberschriftinhalt {
	padding: 20px;
	width: 550px;
	height: 20px;
	position: absolute;
	visibility: visible;
	z-index: 17;
	left: 380px;
	top: 420px;
	background-color: #666666;
}
#ueberschriftinhaltzwei {
	padding: 20px;
	width: 550px;
	height: 20px;
	position: absolute;
	visibility: visible;
	z-index: 18;
	left: 380px;
	top: 420px;
	background-color: #8F003E;
}
/* TEXT-FORMATIERUNGEN ---------------------------------------------------------------------------------------------- */

.textrot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C52455;
}
.textweisseins {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFF;
}
.textweisszwei {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #FFF;
}
.textgraueins {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #666;
}
.textfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
}
.textpaddingeins {
	width: 200px;
	padding-right: 20px;
	display: block;
	float: left;
}
.ueberschrifteins {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #FFF;
}
.ueberschriftzwei {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #666666;
	display: block;
	padding-bottom: 10px;
	line-height: 1.2em;
}
.ueberschriftdrei {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #8F003E;
	display: block;
}
.ueberschriftvier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #8F003E;
	display: block;
}
.ueberschriftfuenf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #8F003E;
}
.ueberschriftsechs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #666666;
	display: block;
	padding-bottom: 20px;
	padding-top: 25px;
	line-height: 1.2em;
}
.ueberschriftsieben {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #8F003E;
	display: block;
	float: left;
	padding-right: 5px;
}
.ueberschriftacht {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #FFF;
}
.ueberschriftneun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #8F003E;
	display: block;
	padding-bottom: 10px;
}
.ueberschriftzehn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	background-color: #8F003E;
	color: #FFF;
	display: block;
	padding: 20px;
	width: 500px;
	height: 20px;
}
.ueberschriftelf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #666666;
	display: block;
	padding-bottom: 20px;
	line-height: 1.2em;
}
.ueberschriftzwoelf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background-color: #8F003E;
	color: #FFFFFF;
	width: 100%;
	display: block;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-bottom: 10px;
}
.ueberschriftdreizehn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background-color: #8F003E;
	color: #FFFFFF;
	width: 530px;
	display: block;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
}

/* LINK-FORMATIERUNGEN ----------------------------------------------------------------------------------------------*/

a.linkorange:link, a.linkorange:visited, a.linkorange:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #F60;
	text-decoration: none;
}
a.linkorange:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #F60;
	text-decoration: none;
}
a.linkweiss:link, a.linkweiss:visited, a.linkweiss:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
a.linkweiss:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
a.linkschwarz:link, a.linkschwarz:visited, a.linkschwarz:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.linkschwarz:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
a.linkrot:link, a.linkrot:visited, a.linkrot:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #8F003E;
	text-decoration: underline;
}
a.linkrot:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #8F003E;
	text-decoration: underline;
}
/* TABELLEN-FORMATIERUNGEN ALLGEMEIN---------------------------------------------------------------------------------------------- */

.tabelleeins {
	width: 360px;
	border: none;
	vertical-align: top;
	margin-bottom: 20px;
}
.tdeinstabelleeins {
	width: 190px;
}
.tdzweitabelleeins {
	width: 170px;
}


.tabellezwei {
	width: 550px;
	border: none;
	vertical-align: top;
	margin-bottom: 20px;
}
.tdeinstabellezwei {
	width: 190px;
}
.tdzweitabellezwei {
	width: 170px;
}


.tabelledrei {
	width: 540px;
	border: none;
	vertical-align: top;
	margin-bottom: 30px;
}
.tdeinstabelledrei {
	width: 190px;
	vertical-align: top;
}
.tdzweitabelledrei {
	width: 350px;
	vertical-align: top;
}


/* SEITENSPEZIFISCHE FORMATIERUNGEN ---------------------------------------------------------------------------------------------- */

/*  hier seitenname ---------------------------------------------------------------------------------------------- */





/* BILDER-FORMATIERUNGEN---------------------------------------------------------------------------------------------- */

.imageeins {
	display: block;
	padding-bottom: 10px;
}
.imagezwei {
	display: block;
	padding-bottom: 20px;
}
.imagedrei {
	padding-top: 10px;
}
.imagevier {
	padding-left: 150px;
}
.imagefuenf {
	padding-top: 10px;
	padding-bottom: 20px;
}
.imagesechs {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* FORMULAR-FORMATIERUNGEN---------------------------------------------------------------------------------------------- */

.inputbestellung{
	width: 20px;
}


/* HAUPTNAVIGATION FORMATIERUNG---------------------------------------------------------------------------------------------- */

#dropList {
	height:30px;
	width:550px;
	background-color: #8F003E;
	position:relative;
	font-family:arial, verdana, sans-serif;
	font-size:1.2em;
	z-index:500;/*border:1px solid #ccd;
	border-width:1px 1px 0 1px;*/
}
#dropList ul#menu {
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
	white-space:nowrap;
}
#dropList ul#menu li.level1-li {
	float:left;
	height:29px;
	padding-top:2px;
	margin-right:1px;
}
#dropList ul#menu li.level1-li a.level1-a {
	display:block;
	height:26px;
	float:left;
	padding:0 10px 0 10px;
	text-decoration:none;
	line-height:24px;
	white-space:nowrap;
	font-weight:bold;
	color:#ddd;
}
#dropList ul#menu li.sub a.level1-a {
	color:#fff;
}
#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {
	position:relative;
}
#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a {
	color:#fff;
}
#dropList ul#menu li.sub a.level1-a:hover {
	height:29px;
	color:#000;
}
#dropList ul#menu li.sub:hover > a.level1-a {
	height:29px;
	color: #FFF;
}
#dropList ul#menu li div.listHolder {
	position:absolute;
	left:-9999px;
	top:29px;
	border:1px solid #000;
	border-width:0 1px 1px 1px;
	padding:0;
}
/*neu: setzt Überschriften in Navigationsbalken auf Grossbuchstaben*/
a.level1-a {
	text-transform: uppercase;
}
/*neu: setzt Überschriften in Kolumnen auf Grossbuchstaben*/
h5 {
	text-transform: uppercase;
	border-bottom: dotted thin;
}
/*neu: setzt Unter-Überschriften in Kolumnen auf Grossbuchstaben*/
h6 {
	text-transform: uppercase;
	padding:5px 0 0 0;
	margin:0;
	font-size:10px;
	line-height:13px;
}
/*neu: verhindert Einrücken der Listeneinträge*/
.li {
	text-indent: -10px;
}
/* IE6 only */ 

#dropList table {
	border-collapse:collapse;
	margin:-1px -10px;
	font-size:1em;
	width:0;
	height:0;
}
#dropList ul#menu :hover div.listHolder {
	left:0;
}
#dropList ul#menu a:hover div.listHolder {
	left:-1px;
}
#dropList ul#menu div.col1 {
	width:170px;
}
#dropList ul#menu div.col2 {
	width:280px;
}
#dropList ul#menu div.col3 {
	width:420px;
}
/*neu: für vier kolumnen*/
#dropList ul#menu div.col4 {
	width:560px;
}
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {
	left:0px;
}
#dropList ul#menu div.listHolder div.listCol {
	display:block;
	float:left;
	padding-top: 5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	margin:0;
	width:150px;
}
#dropList ul#menu div.listHolder div.listCol h5 {
	padding:5px 0 0 0;
	margin:0;
	font-size:11px;
	line-height:13px;
}
#dropList ul#menu div.listHolder div.listCol ul {
	padding:0;
	margin:0;
	list-style:none;
}
#dropList ul#menu div.listHolder div.listCol ul li {
	line-height:20px;
	padding:0;
	margin:0;
	border-bottom: dotted thin;
}
#dropList ul#menu div.listHolder div.listCol ul li a {
	color:#8F003E;
	text-decoration:none;
	padding-left:10px;
	font-weight:bold;
	font-size: 0.9em;
	text-transform:uppercase;
}
#dropList ul#menu div.listHolder div.listCol ul li a:hover {
	text-decoration:none;
	padding-left:20px;
	color:#8F003E;
	font-weight:bold;
	text-transform:uppercase;
}
#dropList ul#menu div.listHolder div.bottomLine {
	clear:left;
	background:#666;
	padding:5px 10px;
}
#dropList ul#menu a:hover div.listHolder div.bottomLine {
	height:1px;
}
#dropList ul#menu div.listHolder div.bottomLine p {
	padding:0 0 0 15px;
	margin:0;
	line-height:20px;
	color:#fc0;
	font-weight:bold;
}
#dropList ul#menu div.listHolder div.bottomLine p a {
	color:#fff;
	text-decoration:none;
}
#dropList ul#menu div.listHolder div.bottomLine p a:hover {
	text-decoration:none;
}