/* CSS RESET */html{color:#000;background:#660000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} body {font:13px/1.231 font-family: times new roman,times,serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}{background-color:#660000}/* CSS RESET */
body { text-align:center; color: #cc9900; }
a { text-decoration:none; color: #ff9900; }
a:hover { text-decoration: underline;}
#wrap { width:900px; text-align:left;
margin:0 auto;}
.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}
p { text-align: justify; }
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
/* header */
#header { background:url(images/hd12.jpg) no-repeat; height:273px; position:relative}
#header h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#header1 { background:url(images/hd2.jpg) no-repeat; height:273px; position:relative}
#header1 h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#header2 { background:url(images/hdRos5.jpg) no-repeat; height:273px; position:relative}
#header2 h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerListen { background:url(images/hd8.jpg) no-repeat; height:273px; position:relative} /* neu */
#headerListen h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerOpera { background:url(images/hdRos4.jpg) no-repeat; height:273px; position:relative}
#headerOpera h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerGallery { background:url(images/hd4.jpg) no-repeat; height:273px; position:relative}
#headerGallery h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerBio { background:url(images/hdRos2.jpg) no-repeat; height:264px; position:relative}
#headerBio h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:100px; top:17px;color:#ff9900}
#headerContact { background:url(images/hg7a.jpg) no-repeat; height:273px; position:relative}
#headerContact h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerLinks { background:url(images/hdLinks.jpg) no-repeat; height:273px; position:relative}
#headerLinks h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerCalendar { background:url(images/hdRos7.jpg) no-repeat; height:273px; position:relative}
#headerCalendar h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerReviews { background:url(images/hd3209.jpg) no-repeat; height:273px; position:relative}
#headerReviews h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerOrchestra { background:url(images/hd11.jpg) no-repeat; height:273px; position:relative}
#headerOrchestra h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerAudio { background:url(images/hd12.jpg) no-repeat; height:273px; position:relative}
#headerAudio h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerAudioMahagonny { background:url(images/hd12.jpg) no-repeat; height:273px; position:relative}
#headerAudioMahagonny h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerAudioMimi { background:url(images/hd12.jpg) no-repeat; height:273px; position:relative}
#headerAudioMimi h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
#headerAudioRosenkavalier { background:url(images/hd1.jpg) no-repeat; height:273px; position:relative}
#headerAudioRosenkavalier h1 {font-size:40px; font-weight:700; font-family: times new roman,times,serif; FONT-STYLE: italic; position:absolute; left:480px; top:17px;color:#ff9900}
.sc {background:no-repeat;height:38px; width:230px; position:absolute; right:30px; top:10px;color:#660000}
.q { border:#1D7E9F 1px solid;width:165px; height:25px; position: absolute; top:8px; right:55px; background:#1D7E9F }
.submit {background:url( ) no-repeat; height:39px; width:39px; border:0; position: absolute; top:0px; right:5px; }
#header li{ float:left; padding:0 6px; line-height:2.9em;}
#header ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#header li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerAudio li{ float:left; padding:0 6px; line-height:2.9em }
#headerAudio ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#headerAudio li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerAudioMahagonny li{ float:left; padding:0 6px; line-height:2.9em }
#headerAudioMahagonny ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#headerAudioMahagonny li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerAudioMahagonny li{ float:left; padding:0 6px; line-height:2.9em }
#headerAudioMahagonny ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#headerAudioMahagonny li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerAudioMimi li{ float:left; padding:0 6px; line-height:2.9em }
#headerAudioMimi ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#headerAudioMimi li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerAudioRosenkavalier li{ float:left; padding:0 6px; line-height:2.9em }
#headerAudioRosenkavalier ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#headerAudioRosenkavalier li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#header2 li{ float:left; padding:0 6px; line-height:2.9em;}#header2 ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#header2 li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerListen li{ float:left; padding:0 6px; line-height:2.9em;}
#headerListen ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#headerListen li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerOpera li{ float:left; padding:0 6px; line-height:2.9em;}
#headerOpera ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-width: 1px; border-color: #ffcc33; background:#660000;}
#headerOpera li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerGallery li{ float:left; padding:0 6px; line-height:2.9em;}
#headerGallery ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-width: 1px; border-color: #ffcc33; background:#660000;}
#headerGallery li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerBio li{ float:left; padding:0 6px; line-height:2.9em;}
#headerBio ul{ position:absolute; left:0px; top: 75px; font-size:14px; border-width: 3px; border-style: groove; border-width: 1px; border-color: #ffcc33; background:#660000;}
#headerBio li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerContact li{ float:left; padding:0 6px; line-height:2.9em;}
#headerContact ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-width: 1px; border-color: #ffcc33; background:#660000;}
#headerContact li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerLinks li{ float:left; padding:0 6px; line-height:2.9em;}
#headerLinks ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-width: 1px; border-color: #ffcc33; background:#660000;}
#headerLinks li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerCalendar li{ float:left; padding:0 6px; line-height:2.9em;}
#headerCalendar ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-width: 1px; border-color: #ffcc33; background:#660000;}
#headerCalendar li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerReviews li{ float:left; padding:0 6px; line-height:2.9em;}
#headerReviews ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#headerReviews li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
#headerOrchestra li{ float:left; padding:0 6px; line-height:2.9em;}
#headerOrchestra ul{ position:absolute; right:10px; top: 68px; font-size:14px; border-width: 3px; border-style: groove; border-color: #ffcc33; background:#660000;}
#headerOrchestra li a:hover { background:#660000; font: georgia, Bauer Bodoni; FONT-STYLE: italic; font-size:16px; color:#ffffff}
/* content */#content {}.side {background:url(images/left12a.jpg) no-repeat; width:451px;}
.sideListen {background:url(images/left8a.jpg) no-repeat; width:451px;} /* neu */
.side2 {background:url(images/leftRos5.jpg) no-repeat; width:451px;}
.sideGallery {background:url(images/left5a.jpg) no-repeat; width:451px;}
.sideOpera {background:url(images/leftRos4.jpg) no-repeat; width:451px;}
.sideBio {background:url(images/leftRos2a.jpg) no-repeat; width:451px;}
.sideAudio {background:url(images/left.jpg) no-repeat; width:451px;}
.sideAudioRosenkavalier {background:url(images/left3a.jpg) no-repeat; width:451px;}
.sideContact {background:url(images/left7a.jpg) no-repeat; width:451px;}
.sideLinks {background:url(images/leftLinksa.jpg) no-repeat; width:451px;}
.sideCalendar {background:url(images/leftRos7.jpg) no-repeat; width:451px;}
.sideReviews {background:url(images/left3209.jpg) no-repeat; width:422px;}
.sideOrchestra {background:url(images/left11.jpg) no-repeat; width:450px;}
.sinner {width:250px; min-height:100px; height: auto !important; height: 100px; margin:250px 0 0 120px; font-size:14px}
.sinner h3 {font-size:24px; text-align:center; color: #CC9933; font-weight:700; margin:20px 0}
.sinner h2 {font-size:34px; text-align:left; font-weight:700; color: #CC9933; margin:20px 0}
.sinner1 {width:250px; height: 700px; margin:180px 0 0 100px; font-size:14px}
.sinner1 h3 {font-size:24px; text-align:center; color: #CC9933; font-weight:700; margin:20px 0}
.sinner1 h2 {font-size:34px; text-align:left; font-weight:700; color: #CC9933; margin:20px 0}
.sinner2 {width:250px; height: 700px; margin:275px 0 0 120px; font-size:14px}
.sinner2 h3 {font-size:24px; text-align:center; color: #CC9933; font-weight:700; margin:20px 0}
.sinner2 h2 {font-size:34px; text-align:left; font-weight:700; color: #CC9933; margin:20px 0}
.main {background:#660000; color: #CC9933;}
.main h2 {font-size:34px; text-align:right; color: #CC9933; font-weight:700; margin:10px 0}
.mainin { padding:20px; width:409px; color: #CC9933; min-height:100px;
height: auto !important; height:100px;}
#bg{ background:none} #bg,.main { padding-bottom: 0px; margin-bottom:0px;}
#copyright{ width:250px; height:50px; padding:0px;}#content { overflow:hidden;}
.footer {min-width:250px; width: auto !important; width: 100px; min-height:100px; height: auto !important; height: 100px; font-size:14px; text-align:center;}
.footer h3 {font-size:24px; text-align:center; color: #CC9933; font-weight:700; margin:20px 0}
.footer h2 {font-size:34px; text-align:center; font-weight:700; color: #CC9933; margin:20px 0}
/* footer */
#copyright {font-size:11px;}
/* --------------------------------------------- Lightbox ---------------------------------------------------------------------------*/
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img {border: none; }
#outerImageContainer {position: relative; background-color: #600; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer {padding: 10px; }
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #600; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData {padding:0 10px; color: #c90; }
#imageData #imageDetails {width: 70%; float: left; text-align: left; }
#imageData #caption {font-weight: bold; }
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }