/* CSS Document */

body {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#666666;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	top:0px;
	left:0px;
}

a:link { text-decoration:none; font-weight: normal; color:#303030; }
a:visited { text-decoration:none; font-weight: normal; color:#303030; }
a:hover { text-decoration:none; font-weight: normal; color:#006699; }
a:active { text-decoration:none; font-weight: normal; color:#000000; }

a.mainmenu:link { text-decoration:none; font-weight: bold; color:white; }
a.mainmenu:visited { text-decoration:none; font-weight: bold; color:white; }
a.mainmenu:hover { text-decoration:underline; font-weight: bold; color:white; }
a.mainmenu:active { text-decoration:underline; font-weight: bold; color:yellow; }

a.submenues:link { text-decoration:none; font-weight: normal; color:#006699; }
a.submenues:visited { text-decoration:none; font-weight: normal; color:#006699; }
a.submenues:hover { text-decoration:none; font-weight: normal; color:#0066FF; }
a.submenues:active { text-decoration:none; font-weight: normal; color:#0066FF; }

a.more:link { text-decoration:none; font-weight: normal; color:#006699; padding-top:5px }
a.more:visited { text-decoration:none; font-weight: normal; color:#006699; padding-top:5px }
a.more:hover { text-decoration:underline; font-weight: normal; color:#0066CC; padding-top:5px }
a.more:active { text-decoration:none; font-weight: normal; color:#0066CC; padding-top:5px }

a.sub:link { text-decoration:none; font-size:9px; font-weight: normal; color:#006699; }
a.sub:visited { text-decoration:none; font-size:9px; font-weight: normal; color:#006699; }
a.sub:hover { text-decoration:none; font-size:9px; font-weight: normal; color:#0066FF; }
a.sub:active { text-decoration:none; font-size:9px; font-weight: normal; color:#0066FF; }

a.sub2:link { text-decoration:none; font-size:9px; font-weight: normal; color:white; }
a.sub2:visited { text-decoration:none; font-size:9px; font-weight: normal; color:#EBEBEB; }
a.sub2:hover { text-decoration:none; font-size:9px; font-weight: normal; color:#FDFDFD; }
a.sub2:active { text-decoration:none; font-size:9px; font-weight: normal; color:white; }

.regular_bg { 
	font: 8pt Verdana, Arial, Helvetica, sans_serif; 
	color: #666666;
}

ul {
	list-style: url(../img/square_empty.gif);
}

/* Überschriften */
.headline {
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	letter-spacing: 0.1em;
	color:#303030;
}

.headline_comp {
	font-weight:bold;
	font-size:22px;
	font-variant:small-caps;
	letter-spacing: 0.1em;
	color:#303030;
}

.headline_colored {
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	color:#006699;
	letter-spacing: 0.1em;
}

.subheadline {
	font-weight:bold;
	font-size:10px;
}

.subheadline_colored {
	font-weight:bolder;
	font-size:10px;
	color:#006699
}


/* Datumtexttypen */
.datum {
	font-weight:bold;
}

.datum_simple {
	font-size:9px;
}

.datum_klein {
	font-size:9px;
	color:#303030;
}

.datum_dark {
	color:#303030;
}


/* Normale Texttypen */
.text_normal {
	font-weight:lighter;
}

.text_normal_bold {
	font-weight:bold;
}

.text_normal_abstand {
	padding-top:5px;
	font-weight:lighter;
}

.text_normal_colored {
	font-weight:lighter;
	color:#006699;
}

.text_normal_colored_bold {
	font-weight:bold;
	color:#006699;
}

.text_normal_zusatz {
	color:#999999;
}

.text_normal_zusatz_bold {
	font-weight:bold;
	color:#999999;
}


/* Kleine Texttypen */
.text_klein {
	font-size:9px;
}

.text_klein_bold {
	font-weight:bold;
	font-size:9px;
}

.text_klein_red_bold {
	font-weight:bold;
	font-size:9px;
	color:#FF6600;
}

.text_klein_colored_bold {
	font-weight:bold;
	font-size:9px;
	color:#006699;
}

.text_klein_abstand {
	padding-top:5px;
	font-size:9px;
}

.text_klein_colored {
	font-size:9px;
	color:#006699;
}

.text_klein_zusatz {
	font-size:9px;
	color:#999999;
}

.asterisk {
	font-size:8pt;
	color:#FF6600;
}

/* Formularfelder */
textarea {
	background-color: #FBFCFD;
	font-family : Verdana, Arial, Helvetica, sans_serif;
	font-size: 8pt;
	color: #666666;
}

.input { 
	background-color: #FBFCFD;
    font-size: 8pt;
    font-family: verdana, arial, helvetica, sans_serif;
    color: #000000;
}
.tab { 
	border: solid #CCCCCC 1px; 
	background-color:#EFEDFE; 
	font: 8pt Verdana, Arial, Helvetica, sans_serif;
	color: #000000;
}
.tab2 { 
	border: solid #006699 1px;
	background-color:#EFEDFE; 
	font: 8pt Verdana, Arial, Helvetica, sans_serif; 
	color: #000000; 
}
th.head { 
	background-color: #5B7A96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #EFEDFE;
    font-weight: normal;
    font-size : 10pt;
}
td.main { 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	background: #5B7A96; 
	color: #EFEDFE;
	font-size: 8pt; 
}
td.head{ 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	background: #CCCCCC; 
	color: #000000;
	font-size: 8pt; 
}
td.left   { background-color: #EFEDFE; }
td.right  { background-color: #cccccc; }

.strechedtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.07em;
}
/*
#logo_comp {
	position:absolute;
	left:600px;
	top:440px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:200px;
	height:80px;
	background-image:url(../img/ed21_logo.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	overflow:hidden;
	visibility:visible;
	z-index:0;
}


#logo_vlg {
	position:relative;
	left:645px;
	top:535px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:200px;
	height:0px;
	overflow:visible;
	visibility:visible;
	z-index:0;
}
*/

#DaddyLayer1 {
	position:absolute;
	/*
	left:0px;
	top:50px;
	*/
	top:50%;
	left:50%;
	margin-left: -400px;
	margin-top: -251px;
	width:800px;
	height:502px;
	z-index:4;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
	border:1px none #666666;
}

#DaddyLayer2 { 
	position:absolute;
	/*
	left:0px;
	top:50px;
	*/
	top:50%;
	left:50%;
	margin-left: -400px;
	margin-top: -251px;
	width:800px;
	height:502px;
	z-index:4;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF; 
	border:1px none #666666;
}

/* 1
#p7sc1BG1 { position:absolute; left:0px; top:120px; width:344px; height:380px; z-index:101; background-color: #666666; layer-background-color: #666666; border: 1px none #666666 }
*/
#p7scroller1 { position:absolute; left:1px; top: 121px; width:342px; height:378px; z-index:102;  overflow: scroll; clip: rect(0px 342px 378px 0px); visibility: visible;  background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000 }
#p7s1content1 { position: absolute; left: 1px; top: 10px; width:312px; z-index: 103; visibility: visible; padding:5px 5px 5px 5px; }

/* 2 
#p7sc2BG2 { position:absolute; left:353px; top:120px; width:228px; height:380px; z-index:101; background-color: #666666; layer-background-color: #666666; border: 1px none #666666 }
*/
#p7scroller2 { position:absolute; left:343px; top:121px; width:236px; height:378px; z-index:102; overflow: scroll; clip: rect(0px 236px 378px 0px); visibility: visible;  background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000 }
#p7s2content1 { position: absolute; left:0px; top:10px; width:208px; z-index: 103; visibility: visible; padding:5px 5px 5px 5px; }

/* 3 */
#p7sc3BG_shadow { position:absolute; left:6px; top:126px; width:580px; height:356px; z-index:101; background-color:#CCCCCC; layer-background-color:#CCCCCC; border: 1px none #CCCCCC }
#p7sc3BG3 { position:absolute; left:0px; top:120px; width:580px; height:370px; z-index:101; background-color: #666666; layer-background-color: #666666; border: 1px none #666666 }
#p7scroller3 { position:absolute; left:1px; top:121px; width:578px; height:378px; z-index:102; overflow: scroll; clip:rect(0px 578px 378px 0px); visibility: visible;  background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000 }
#p7s3content1 { position: absolute; left:0px; top:10px; width: 555px; z-index: 103; visibility: visible; padding:5px 5px 5px 5px; }

/* Fusszeile, damit horizontaler Scrollbalken nicht gezeigt wird */
#p7sc1Down { 
	position:absolute;
	left:6px;
	top:482px;
	width:580px;
	height:22px;
	z-index:104;
	background-color:#CCCCCC;
	layer-background-color:#CCCCCC;
}

#p7sc2Down { 
	position:absolute;
	left:0px;
	top:481px;
	width:580px;
	height:1px;
	z-index:102;
	background-color:#666666;
	layer-background-color:#666666;
}

#p7sc3Down { 
	position:absolute;
	left:592px;
	top:482px;
	width:6px;
	height:17px;
	z-index:104;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
}

#p7sc4Down { 
	position:absolute;
	left:0px;
	top:482px;
	width:586px;
	height:17px;
	z-index:103;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
}

/* Komponistenname */
#headers {
	position:absolute;
	left:266px;
	top:0px;
	width:391px;
	height:36px;
	background-color: transparent;
	border: 1px none #FFFFFF;
	overflow:hidden;
	visibility:visible;
	z-index:105;
	color:#006699;
}

/* Hauptnavigation */
#nav {
	position:absolute;
	left:0px;
	top:81px;
	width:800px;
	height:20px; 
	padding:0px 0px 0px 0px;
	background-color: transparent;
	border: 1px none #FFFFFF;
	overflow:hidden;
	visibility:visible;
	z-index:200;
}

/* Subnavigation */
#nav_sub {
	position:absolute;
	left:594px;
	top:121px;
	width:192px;
	height:360px;
	padding-left:6px;
	background-color: #FFFFFF;
	border: 1px none #FFFFFF;
	overflow:hidden;
	visibility:visible;
	z-index:104;
}

#nav_sub_bg {
	position:absolute;
	left:593px;
	top:120px;
	width:200px;
	height:362px;
	background-color:#666666;
	border: 1px none #000000;
	overflow:hidden;
	visibility:visible;
	z-index:70;
}

#nav_sub_bg_shadow {
	position:absolute;
	left:600px;
	top:126px;
	width:200px;
	height:378px;
	background-color:#CCCCCC;
	border: 1px none #CCCCCC;
	overflow:hidden;
	visibility:visible;
	z-index:70;
}
/* END Subnavigation */



/* Fusszeile, damit horizontaler Scrollbalken nicht gezeigt wird */
#nav_bottom_left_left { 
	position:absolute;
	left:0px;
	top:488px;
	width:276px;
	height:17px;
	z-index:104;
	padding:2px 0px 0px 10px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
}

#nav_bottom_left_right { 
	position:absolute;
	left:276px;
	top:488px;
	width:300px;
	height:17px;
	z-index:104;
	padding:2px 10px 0px 0px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
}

#nav_bottom_right { 
	position:absolute;
	left:600px;
	top:488px;
	width:190px;
	height:17px;
	z-index:105;
	padding:2px 10px 0px 0px;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
}


/* Logo */
#logo {
	position:absolute;
	left:663px;
	top:0px;
	width:137px;
	height:66px; 
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px none #000000;
	overflow:hidden;
	visibility:visible;
	z-index:100;
}

/* 2 Fotos links oben */
#foto1 {
	position:absolute;
	left:1px;
	top:1px;
	width:70px;
	height:70px; 
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px none #000000;
	overflow:hidden;
	visibility:visible;
	z-index:103;
}
#foto1bg {
	position:absolute;
	left:6px;
	top:6px;
	width:70px;
	height:70px; 
	padding:0px 0px 0px 0px;
	background-color: #CCCCCC;
	border: 1px none #CCCCCC;
	overflow:hidden;
	visibility:visible;
	z-index:100;
}
#foto1rahmen {
	position:absolute;
	left:0px;
	top:0px;
	width:72px;
	height:72px; 
	padding:0px 0px 0px 0px;
	background-color: #666666;
	border: 1px none #666666;
	overflow:hidden;
	visibility:visible;
	z-index:101;
}

#foto2 {
	position:absolute;
	left:86px;
	top:1px;
	width:70px;
	height:70px; 
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px none #000000;
	overflow:hidden;
	visibility:visible;
	z-index:102;
}
#foto2bg {
	position:absolute;
	left:92px;
	top:6px;
	width:70px;
	height:70px; 
	padding:0px 0px 0px 0px;
	background-color: #CCCCCC;
	border: 1px none #000000;
	overflow:hidden;
	visibility:visible;
	z-index:100;
}
#foto2rahmen {
	position:absolute;
	left:85px;
	top:0px;
	width:72px;
	height:72px; 
	padding:0px 0px 0px 0px;
	background-color: #666666;
	border: 1px none #666666;
	overflow:hidden;
	visibility:visible;
	z-index:101;
}

#foto3 {
	position:absolute;
	left:171px;
	top:1px;
	width:70px;
	height:70px; 
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px none #000000;
	overflow:hidden;
	visibility:visible;
	z-index:102;
}
#foto3bg {
	position:absolute;
	left:177px;
	top:6px;
	width:70px;
	height:70px; 
	padding:0px 0px 0px 0px;
	background-color: #CCCCCC;
	border: 1px none #000000;
	overflow:hidden;
	visibility:visible;
	z-index:100;
}
#foto3rahmen {
	position:absolute;
	left:170px;
	top:0px;
	width:72px;
	height:72px; 
	padding:0px 0px 0px 0px;
	background-color: #666666;
	border: 1px none #666666;
	overflow:hidden;
	visibility:visible;
	z-index:101;
}