body { font-family:Arial, Helvetica, sans-serif; font-size:10px; background-repeat:repeat-x; margin:0px; padding:0px; background-color:#e6e6e6; background-image:url(../images/Blue_Gray440x1.jpg); } /* Lists */ ul{ list-style-type:square; list-style-position:outside; line-height:1.5em; } li{ list-style-type:square; list-style-position:outside; padding-bottom: 4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#345f96; font-weight:normal } /* Links and Anchors */ a:link { color:#345f96; } a:visited { color:#6600CC; } a:hover { color:#8f0000; } a:active { color:#345f96; } /* Navigation Buttons (top menu) */ #nav1 {height:16px; width:80px; float:left; background-color:#FDF5E6; border-right:1px solid #345f96; margin-top:6px;} a#nav1:link{background-image:url(../images/Home_up.gif); background-position:center; background-repeat:no-repeat} a#nav1:visited{background-image:url(../images/Home_up.gif); background-position:center; background-repeat:no-repeat} a#nav1:hover{background-image:url(../images/Home_over.gif); background-position:center; background-repeat:no-repeat} a#nav1:active{background-image:url(../images/Home_pinpoint.gif); background-position:center; background-repeat:no-repeat} #nav2 {width:180px; height:16px; float:left; background-color:#FDF5E6; border-right:1px solid #345f96; margin-top:6px} a#nav2:link{background-image:url(../images/Termine_up.gif); background-position:center; background-repeat:no-repeat} a#nav2:visited{background-image:url(../images/Termine_up.gif); background-position:center; background-repeat:no-repeat} a#nav2:hover{background-image:url(../images/Termine_over.gif); background-position:center; background-repeat:no-repeat} a#nav2:active{background-image:url(../images/Termine_pinpoint.gif); background-position:center; background-repeat:no-repeat} #nav3 {height:16px; width:100px; float:left; background-color:#FDF5E6; border-right:1px solid #345f96; margin-top:6px} a#nav3:link{background-image:url(../images/Repertoire_up.gif); background-position:center; background-repeat:no-repeat} a#nav3:visited{background-image:url(../images/Repertoire_up.gif); background-position:center; background-repeat:no-repeat} a#nav3:hover{background-image:url(../images/Repertoire_over.gif); background-position:center; background-repeat:no-repeat} a#nav3:active{background-image:url(../images/Repertoire_pinpoint.gif); background-position:center; background-repeat:no-repeat} #nav4 {height:16px; width:100px; float:left; background-color:#FDF5E6; border-right:1px solid #345f96; margin-top:6px} a#nav4:link{background-image:url(../images/Biografie_up.gif); background-position:center; background-repeat:no-repeat} a#nav4:visited{background-image:url(../images/Biografie_up.gif); background-position:center; background-repeat:no-repeat} a#nav4:hover{background-image:url(../images/Biografie_over.gif); background-position:center; background-repeat:no-repeat} a#nav4:active{background-image:url(../images/Biografie_pinpoint.gif); background-position:center; background-repeat:no-repeat} #nav5 {height:16px; width:90px; float:left; background-color:#FDF5E6; border-right:1px solid #345f96; margin-top:6px} a#nav5:link{background-image:url(../images/Galerie_up.gif); background-position:center; background-repeat:no-repeat} a#nav5:visited{background-image:url(../images/Galerie_up.gif); background-position:center; background-repeat:no-repeat} a#nav5:hover{background-image:url(../images/Galerie_over.gif); background-position:center; background-repeat:no-repeat} a#nav5:active{background-image:url(../images/Galerie_pinpoint.gif); background-position:center; background-repeat:no-repeat} #nav6 {height:16px; width:110px; float:left; background-color:#FDF5E6; border-right:1px solid #345f96; margin-top:6px} a#nav6:link{background-image:url(../images/Hoerproben_up.gif); background-position:center; background-repeat:no-repeat} a#nav6:visited{background-image:url(../images/Hoerproben_up.gif); background-position:center; background-repeat:no-repeat} a#nav6:hover{background-image:url(../images/Hoerproben_over.gif); background-position:center; background-repeat:no-repeat} a#nav6:active{background-image:url(../images/Hoerproben_pinpoint.gif); background-position:center; background-repeat:no-repeat} #nav7 {height:16px; width:90px; float:left; background-color:#FDF5E6; border-right:1px solid #345f96; margin-top:6px} a#nav7:link{background-image:url(../images/Presse_up.gif); background-position:center; background-repeat:no-repeat} a#nav7:visited{background-image:url(../images/Presse_up.gif); background-position:center; background-repeat:no-repeat} a#nav7:hover{background-image:url(../images/Presse_over.gif); background-position:center; background-repeat:no-repeat} a#nav7:active{background-image:url(../images/Presse_pinpoint.gif); background-position:center; background-repeat:no-repeat} #nav8 {height:16px; width:85px; float:left; background-color:#FDF5E6; margin-top:6px} a#nav8:link{background-image:url(../images/Link_up.gif); background-position:center; background-repeat:no-repeat} a#nav8:visited{background-image:url(../images/Link_up.gif); background-position:center; background-repeat:no-repeat} a#nav8:hover{background-image:url(../images/Link_over.gif); background-position:center; background-repeat:no-repeat} a#nav8:active{background-image:url(../images/Link_pinpoint.gif); background-position:center; background-repeat:no-repeat} /* INACTIVE Navigation Buttons (top menu) only for the current page(cp) that you are on */ #nav1cp {height:16px; width:80px; float:left; background-color:#FDF5E6; margin-top:6px; background-image:url(../images/Home_pinpoint.gif); background-repeat:no-repeat; background-position:center; border-right:1px solid #345f96} #nav2cp {height:16px; width:180px; float:left; background-color:#FDF5E6; margin-top:6px; background-image:url(../images/Termine_pinpoint.gif); background-repeat:no-repeat; background-position:center; border-right:1px solid #345f96} #nav3cp {height:16px; width:100px; float:left; background-color:#FDF5E6; margin-top:6px; background-image:url(../images/Repertoire_pinpoint.gif); background-repeat:no-repeat; background-position:center; border-right:1px solid #345f96} #nav4cp {height:16px; width:100px; float:left; background-color:#FDF5E6; margin-top:6px; background-image:url(../images/Biografie_pinpoint.gif); background-repeat:no-repeat; background-position:center; border-right:1px solid #345f96} #nav5cp {height:16px; width:90px; float:left; background-color:#FDF5E6; margin-top:6px; background-image:url(../images/Galerie_pinpoint.gif); background-repeat:no-repeat; background-position:center; border-right:1px solid #345f96} #nav6cp {height:16px; width:110px; float:left; background-color:#FDF5E6; margin-top:6px; background-image:url(../images/Hoerproben_pinpoint.gif); background-repeat:no-repeat; background-position:center; border-right:1px solid #345f96} #nav7cp {height:16px; width:90px; float:left; background-color:#FDF5E6; margin-top:6px; background-image:url(../images/Presse_pinpoint.gif); background-repeat:no-repeat; background-position:center; border-right:1px solid #345f96} #nav8cp {height:16px; width:85px; float:left; background-color:#FDF5E6; margin-top:6px; background-image:url(../images/Link_pinpoint.gif); background-repeat:no-repeat; background-position:center; border-right:1px solid #345f96} /* Button: Music on and off */ #button1 {width:130px; height:49px; float:left; background-color:#FDF5E6; margin-top:1px} a#button1:link{background-image:url(../images/music_up.png); background-position:center; background-repeat:no-repeat} a#button1:visited{background-image:url(../images/music_up.png); background-position:center; background-repeat:no-repeat} a#button1:hover{background-image:url(../images/music_over.png); background-position:center; background-repeat:no-repeat} a#button1:active{background-image:url(../images/music_up.png); background-position:center; background-repeat:no-repeat} /* Button: Kontakt */ #button2 { width:130px; height:49px; float:left; background-color:#FDF5E6; margin-top:1px} a#button2:link{background-image:url(../images/kont_up.jpg); background-position:center; background-repeat:no-repeat} a#button2:visited{background-image:url(../images/kont_up.jpg); background-position:center; background-repeat:no-repeat} a#button2:hover{background-image:url(../images/kont_over.jpg); background-position:center; background-repeat:no-repeat} a#button2:active{background-image:url(../images/kont_down.jpg); background-position:center; background-repeat:no-repeat} /* Button: Get Flash Player */ #button3 { width:130px; height:49px; float:left; background-color:#FDF5E6; margin-top:1px} a#button3:link{background-image:url(../images/flash_up.gif); background-position:center; background-repeat:no-repeat} a#button3:visited{background-image:url(../images/flash_up.gif); background-position:center; background-repeat:no-repeat} a#button3:hover{background-image:url(../images/flash_ov.gif); background-position:center; background-repeat:no-repeat} a#button3:active{background-image:url(../images/flash_do.gif); background-position:center; background-repeat:no-repeat} /* Button: Download Pdf-Datei: Nancy_Gibson.pdf */ #butpdf {width:210px; height:185px; float:left; background-color:#FDF5E6;} a#butpdf:link{background-image:url(../images/Biogr_up.jpg); background-position:right top; background-repeat:no-repeat} a#butpdf:visited{background-image:url(../images/Biogr_up.jpg); background-position:right top; background-repeat:no-repeat} a#butpdf:hover{background-image:url(../images/Biogr_over.jpg); background-position:right top; background-repeat:no-repeat} a#butpdf:active{background-image:url(../images/Biogr_up.jpg); background-position:right top; background-repeat:no-repeat} /* CSS for Round Corners (mainscreen) */ #bl {background:url(../images/foot_image.jpg) 0 100% no-repeat #fdf5e6;} #tl {background:url(../images/tl_corner.jpg) 0 0 no-repeat} #tr {background:url(../images/tr_corner.jpg) 100% 0 no-repeat; padding:1px;} #clear {font-size: 1px; height: 1px} /* Containers on all pages */ #mainscreen { width:920px; height:602px; background-color:#fdf5e6; margin-top:8px; margin-right:auto; margin-left:auto; } #footer{ width:902px; height:50px; margin:0px 9px 0px 9px; border-top:1px solid #345f96; } #footer_1{ float:left; width:309px; height:50px; } #box_music{ float:left; width:150px; height:50px; } #box_contact{ float:right; width:141px; height:50px; } #footer_2{ float:right; width:593px; height:50px; text-align:right; } #footer_date{ float:left; width:434px; height:38px; padding:12px 9px 0px 6px; vertical-align:top; } #footer_fla{ float:right; width:144px; height:50px; vertical-align:middle; } /* CSS for Homepage ONLY */ #bannerH { width:902px; height:200px; background-color:#fdf5e6; margin:26px 9px 0px 9px; padding-top:4px; padding-bottom:4px; padding-left:0px; border-bottom:1px solid #345f96; border-top:1px solid #345f96; } #lowerboxH{ width:902px; height:314px; margin:4px 9px 0px 9px; } #position_logoH{ float:left; width:318px; height:314px; background:url(../images/butterfly_logo.jpg) 0 100% no-repeat #fdf5e6; } #content_H{ float:right; width:558px; height:300px; background-color:#4a78c4; padding: 8px 14px 0px 12px; margin-bottom: 4px; overflow:auto; } /* CSS for all other pages, but NOT homepage */ #box_logo{ width:902px; height:522px; background-color:#fdf5e6; border-top:1px solid #345f96; margin:26px 9px 0px 9px; } #box_logo.links {background:url(../images/bracelet.jpg) 0 90% no-repeat #fdf5e6} #box_logo.kontakt {background:url(../images/jewel.jpg) 0 90% no-repeat #fdf5e6} #box_logo.biog {background:url(../images/necklace.jpg) 0 90% no-repeat #fdf5e6} #box_logo.gale {background:url(../images/pearls.jpg) 0 90% no-repeat #fdf5e6} #box_logo.hoer {background:url(../images/necklace.jpg) 0 90% no-repeat #fdf5e6} #box_logo.pres {background:url(../images/pearls.jpg) 0 90% no-repeat #fdf5e6} #box_logo.repe {background:url(../images/bracelet.jpg) 0 90% no-repeat #fdf5e6} #box_logo.term {background:url(../images/necklace.jpg) 0 90% no-repeat #fdf5e6} #banner { float:left; width:309px; height:200px; background-color:#fdf5e6; margin:0px 0px 0px 0px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #345f96; } /* Unique Background Images for individual webpages */ #banner.links {background:url(../images/Ariadne.jpg) 0px 4px no-repeat #fdf5e6} #banner.kontakt {background:url(../images/Bettina.jpg) 0px 4px no-repeat #fdf5e6} #banner.biog {background:url(../images/Marie.jpg) 0px 4px no-repeat #fdf5e6} #banner.gale {background:url(../images/ElviraA.jpg) 0px 4px no-repeat #fdf5e6} #banner.hoer {background:url(../images/Lohengrin_Elsa.jpg) 0px 4px no-repeat #fdf5e6} #banner.pres {background:url(../images/DonGiovanni_Elvira2_WEB.jpg) 0px 4px no-repeat #fdf5e6} #banner.repe {background:url(../images/Liederabend2.jpg) 0px 4px no-repeat #fdf5e6} #banner.term {background:url(../images/Meistersaenger_Eva_web.jpg) 0px 4px no-repeat #fdf5e6} #blue_bar { float:left; width:90px; height:522px; background-color:#fdf5e6; margin: 0px 6px 0px 0px; } #blue_bar.links{background:url(../images/Bar_Link.gif) 0 0 no-repeat} #blue_bar.kontakt{background:url(../images/Bar_Kont.gif) 0 0 no-repeat} #blue_bar.biog{background:url(../images/Bar_Biog.gif) 0 0 no-repeat} #blue_bar.gale{background:url(../images/Bar_Gale.gif) 0 0 no-repeat} #blue_bar.hoer{background:url(../images/Bar_Hoer.gif) 0 0 no-repeat} #blue_bar.pres{background:url(../images/Bar_Pres.gif) 0 0 no-repeat} #blue_bar.repe{background:url(../images/Bar_Repe.gif) 0 0 no-repeat} #blue_bar.term{background:url(../images/Bar_Term.gif) 0 0 no-repeat} /* content box with OVERFLOW (scroll bar)*/ #content_shortscroll{ float:left; width:485px; height:315px; background-color:#fdf5e6; overflow:auto; } #content_longscroll{ float:left; width:485px; height:455px; background-color:#fdf5e6; overflow:auto; } /* content box with NO OVERFLOW (NO scroll bar) */ #content_longNoscroll{ float:left; width:485px; height:508px; background-color:#fdf5e6; margin:10px 0px 4px 12px; } #content_shortNoscroll{ float:left; width:325px; height: 140px; background-color:#fdf5e6; margin:0px 0px 0px 160px; } #content_70Noscroll{ float:left; width:485px; height:70px; background-color:#fdf5e6; padding-bottom:50px; margin:0; } #content_40Noscroll{ float:left; width:485px; height:20px; background-color:#fdf5e6; padding-bottom:40px; margin:0; } #spacer{ width:485px; height:11px; } #contact_info{ float:left; width:236px; height:508px; padding-bottom:4px; margin-right:7px; } #impressum_info{ float:right; width:227px; height:508px; padding-right:6px; padding-bottom:4px; } #list_box{ float:left; width:485px; height:200px; overflow:auto; } #styled_list{ width:485px; text-align: left; margin: 0px 0px 0px 0px; padding-top:2px } /* Text formatting for Homepage ONLY */ .text_whiteH{ font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; letter-spacing: 0.01em; color:#fff; font-weight:bold; line-height:1.6em; margin-top: 6px; margin-right: 0px; margin-bottom: auto; margin-left: 0px; text-align: left; vertical-align: top; } .text_white_torightH{ font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; letter-spacing: 0.01em; color:#fff; font-weight:bold; line-height:1.6em; margin-top: 6px; margin-right: 0px; margin-bottom: auto; margin-left: 0px; text-align: right; vertical-align: top; } /* Text formating for all Webpages, but NOT homepage */ /* Large Headings */ .heading1_gray{ font-family:Arial, Helvetica, sans-serif; font-size:2em; color:#999; font-weight:bold; text-align:left; padding:8px 14px 3px 0px;border-bottom: 1px solid #999; margin-bottom: 16px; margin-left:160px } .heading1_red{ font-family:Arial, Helvetica, sans-serif; font-size:2em; color:#8f0000; font-weight:bold; text-align:left; padding:8px 14px 3px 0px; border-bottom: 1px solid #8f0000; margin-bottom: 16px; margin-left:160px } /* Sub Headings */ .heading2_bl{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#345f96; font-weight:bold; text-align:left; line-height: 1.6em; padding-top:6px; } /* Sub Headings Underlined*/ .heading2_blborder{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#345f96; font-weight:bold; text-align:left; line-height: 1.6em; border-bottom: 1px solid #345f96; padding-bottom: 2px; margin-left:16px; } .heading2_rdborder{ font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#8f0000; font-weight:bold; text-align:left; line-height: 1.6em; border-bottom: 1px solid #8f0000; padding-bottom: 2px; margin-left:16px; } /* Standard Text*/ .event_date{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#8f0000; font-weight:bold; text-align:left; line-height:1.1em; padding-top:12px; } .event_details{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#345f96; font-weight:normal; text-align:left; } .event_italics{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#345f96; font-weight:normal; text-align:left; font-style:italic; } .text_blue { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:#345f96; font-weight:normal; display: block; margin: 0px 0px 0px 0px; text-align: left; vertical-align: top; } .text_bluebold { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:#345f96; font-weight:bold; display: block; margin: 0px 0px 8px 0px; text-align: left; vertical-align: top; } .text_blueindent { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:#345f96; font-weight:normal; display: block; margin-top: 6px; margin-right: 0px; margin-bottom: auto; margin-left: 0px; text-align:left; vertical-align:top; padding-left:16px; line-height: 1.4em; } .text_red { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:#8f0000; font-weight:normal; display: block; margin: 0px 0px 0px 0px; text-align: left; vertical-align: top; } .text_italics { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:#345f96; font-weight:normal; display: block; margin: 0px 0px 0px 0px; text-align: left; vertical-align: top; font-style:italic; } .text_redindent { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:#8f0000; font-weight:normal; display: block; margin-top:6px; margin-right:0px; margin-bottom:auto; margin-left:40px; text-align:left; vertical-align: top; padding-left:16px; line-height: 1.4em; } .text_white {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:#fff; font-weight:normal; display: block; margin: 0px 0px 0px 0px; text-align: left; } .time_footnote { font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#345f96; } /* Coloured Text used on Repertoire, Hoerproben Pages */ .red {color:#8f0000}