html { height:100%; }
body { height:100%; width:100%; margin:0; padding:0; background: #000; font-family: Arial, Helvetica, sans-serif; font-size:11px; }

#mainFrame { position:absolute; width:910px; height:610px; left:50%; top:50%; margin-left:-455px; margin-top:-305px; background: url(../images/main-bg.jpg) 0 0 no-repeat #000; }

#headerFrame { height: 170px; border:0px #00f solid; clear:both;}
#headerFrame #headerLogo { float:left; height: 170px; width:184px; border:0px #00f solid; }
#headerFrame #headerMenu { float:left; height: 170px; width:700px; border:0px #00f solid; }

#bodyFrame { height: 432px; clear:both; border:0px #00f solid;}
#bodyFrame #bodyMenu { float:left; height: 432px; width:184px; border:0px #fff solid; }
#bodyFrame #bodyContent {float:left; height: 432px; width:675px; border:0px #fff solid; }

#frameContent { margin-left:3px; height:380px; width:677px; background:url(../images/content-bg.gif) 237px -4px repeat-y #D8C09C; overflow:hidden; }
#frameContent .contentLeft  { margin:5px 0 0 10px; width:225px; height:375px; float:left; border:0px #00f solid; overflow:auto; }
#frameContent .contentRight { width:435px; float:right; }
#frameContent .contentRight .textOuter { height:380px; overflow:auto; background-color:#fff; }
#frameContent .contentRight .textOuter .textInner { padding:10px;}

#frameContent .contentTest { position:absolute; top:0px; left:0px; height:100%; padding:0; margin:0; }
#frameContent .contentTest .text { background: url(../images/text-bg.png); padding:10px; margin:0;}


#frameFooter  { margin-top:25px; height:30px; width:690px; text-align:right; }




/* Menu Gestaltung */
#headerMenu UL { margin:25px 0 0; padding:0; list-style:none; }
#headerMenu UL LI { float:left; margin-left:100px; width:108px; height:108px;}
#headerMenu UL LI A { display:block; width:108px; height:108px; }
#headerMenu UL LI A SPAN { display:none;}

#headerMenu UL LI A.BlueChipMedia { background: url(../images/nav/top-bluechipmedia-normal.gif) 0 0 no-repeat #000000;}
#headerMenu UL LI A.BlueChipTonstudios { background: url(../images/nav/top-bluechiptonstudios-normal.gif) 0 0 no-repeat #000000;}
#headerMenu UL LI A.MusicResearchLicensing { background: url(../images/nav/top-musicresearchlicensing-normal.gif) 0 0 no-repeat #000000;}

#headerMenu UL LI A.BlueChipMedia:hover { background: url(../images/nav/top-bluechipmedia-activ.gif) 0 0 no-repeat #000000;}
#headerMenu UL LI A.BlueChipTonstudios:hover { background: url(../images/nav/top-bluechiptonstudios-activ.gif) 0 0 no-repeat #000000;}
#headerMenu UL LI A.MusicResearchLicensing:hover { background: url(../images/nav/top-musicresearchlicensing-activ.gif) 0 0 no-repeat #000000;}

#headerMenu UL LI.activ A.BlueChipMedia { background: url(../images/nav/top-bluechipmedia-activ.gif) 0 0 no-repeat #000000;}
#headerMenu UL LI.activ A.BlueChipTonstudios { background: url(../images/nav/top-bluechiptonstudios-activ.gif) 0 0 no-repeat #000000;}
#headerMenu UL LI.activ A.MusicResearchLicensing { background: url(../images/nav/top-musicresearchlicensing-activ.gif) 0 0 no-repeat #000000;}


#bodyMenu UL { margin:20px 0 0 0; padding:0; list-style:none;}
#bodyMenu UL LI {margin-bottom:14px; width:160px; height:60px;}
#bodyMenu UL LI A { display:block; width:160px; height:60px; background: url(../images/spacer.gif) -10px 0 no-repeat #000000;}
#bodyMenu UL LI A SPAN { display:none; }

#bodyMenu UL LI A.People { background-image: url(../images/nav/left-people-normal.gif); }
#bodyMenu UL LI A.People:hover { background-image: url(../images/nav/left-people-hover.gif); }
#bodyMenu UL LI.activ A.People { background-image: url(../images/nav/left-people-activ.gif); }

#bodyMenu UL LI A.Clients { background-image: url(../images/nav/left-clients-normal.gif); }
#bodyMenu UL LI A.Clients:hover { background-image: url(../images/nav/left-clients-hover.gif); }
#bodyMenu UL LI.activ A.Clients { background-image: url(../images/nav/left-clients-activ.gif); }

#bodyMenu UL LI A.Contact { background-image: url(../images/nav/left-contact-normal.gif); }
#bodyMenu UL LI A.Contact:hover { background-image: url(../images/nav/left-contact-hover.gif); }
#bodyMenu UL LI.activ A.Contact { background-image: url(../images/nav/left-contact-activ.gif); }

#bodyMenu UL LI A.Location { background-image: url(../images/nav/left-location-normal.gif); }
#bodyMenu UL LI A.Location:hover { background-image: url(../images/nav/left-location-hover.gif); }
#bodyMenu UL LI.activ A.Location { background-image: url(../images/nav/left-location-activ.gif); }

#bodyMenu UL LI A.ClientDownload { background-image: url(../images/nav/left-clientdownload-normal.gif); }
#bodyMenu UL LI A.ClientDownload:hover { background-image: url(../images/nav/left-clientdownload-hover.gif); }
#bodyMenu UL LI.activ A.ClientDownload { background-image: url(../images/nav/left-clientdownload-activ.gif); }

#bodyMenu #bodyMenuSwf { margin:20px 0px 0px 0px; padding:0; }

#ContentNav { margin-top:20px; }
#ContentNav UL { margin:0; padding:0; list-style:none;}
#ContentNav UL LI {margin-bottom:8px; width:200px; height:40px;}
#ContentNav UL LI A { display:block; width:150px; height:30px; padding-left:50px; padding-top:10px; background: url(../images/spacer.gif) 0 0 no-repeat;}
#ContentNav UL LI A SPAN { text-transform: none; }
#ContentNav UL LI A:hover SPAN { color:#000; text-transform: none; }
#ContentNav UL LI.activ SPAN { color:#000; }

#ContentNav UL LI A.Anfahrt { background-image: url(../images/nav/sub-location-anfahrt-normal.gif); }
#ContentNav UL LI A.Anfahrt:hover { background-image: url(../images/nav/sub-location-anfahrt-hover.gif); }
#ContentNav UL LI.activ A.Anfahrt { background-image: url(../images/nav/sub-location-anfahrt-hover.gif); }

#ContentNav UL LI A.Unionsgelaende { background-image: url(../images/nav/sub-location-unionsgelaende-normal.gif); }
#ContentNav UL LI A.Unionsgelaende:hover { background-image: url(../images/nav/sub-location-unionsgelaende-hover.gif); }
#ContentNav UL LI.activ A.Unionsgelaende { background-image: url(../images/nav/sub-location-unionsgelaende-hover.gif); }

#ContentNav UL LI A.Studio1 { background-image: url(../images/nav/sub-location-studio1-normal.gif); }
#ContentNav UL LI A.Studio1:hover { background-image: url(../images/nav/sub-location-studio1-hover.gif); }
#ContentNav UL LI.activ A.Studio1 { background-image: url(../images/nav/sub-location-studio1-hover.gif); }

#ContentNav UL LI A.Studio2 { background-image: url(../images/nav/sub-location-studio2-normal.gif); }
#ContentNav UL LI A.Studio2:hover { background-image: url(../images/nav/sub-location-studio2-hover.gif); }
#ContentNav UL LI.activ A.Studio2 { background-image: url(../images/nav/sub-location-studio2-hover.gif); }



#frameFooter UL { margin:0; padding:0; list-style:none; float:right;}
#frameFooter UL LI { float:left; margin:0 0 0 15px; }
#frameFooter UL LI A { }

UL.menu LI A { font-family: Courier New; font-size:14px; font-weight:bold; text-transform:lowercase; color:#fff; text-decoration:none; }


/* BC Media Contents */
DIV.catText { height:50px; padding:5px 10px; background-color:#fff; }
#BCMediaCL UL { margin:0px 0 0 0; padding:0; list-style:none; }
#BCMediaCL UL LI { margin-bottom:2px; width:200px; height:60px; }
#BCMediaCL UL LI A { display:block; width:200px; height:60px;}
#BCMediaCL SPAN { display:none; }
#BCMediaCI .catTitle { display:block; width:200px; height:60px; }
#BCMediaCI SPAN { display:none; }

#BCMediaCT { position:relative; height:380px; width:435px; overflow:hidden; }
#BCMediaCT .defaultImage { position:absolute; top:0px; left:0px; height:432px; width:435px; }
#BCMediaCT .defaultText  { position:absolute; bottom:0px; background-color:#fff; }
#BCMediaCT .defaultText .text  { padding:0px 10px; }
#BCMediaCT #BCMediaCTO { position:absolute; top:362px; height:18px; width:40px; background-color:#fff; padding:2px 10px; cursor:pointer; }

#BCMediaIL { position:relative; }
#BCMediaIL UL { margin:25px 0 0 0; padding:0; list-style:none; }
#BCMediaIL UL LI { margin-bottom:8px; width:215px; height:40px; clear:both; }

#BCMediaIL UL LI A { display:block; width:200px; height:40px; text-decoration:none; color:#fff; }
#BCMediaIL UL LI IMG  { display:block; float:left; width:40px;  height:40px; margin-right:12px; border:none; background: url(/clear.gif) 0 0 no-repeat #fff; }
#BCMediaIL UL LI SPAN { display:block; float:left; width:130px; height:40px; font-weight:bold;}
#BCMediaIL UL LI A:hover { color: #000; }
#BCMediaIL UL LI.activ { background: url(../images/media-disc.gif) right 7px no-repeat; }

#BCMediaIL .pageNav { display:block; height:23px; position:absolute; top:262px; width:220px; }
#BCMediaIL .pageNav .back { display:block; float:left; width:58px; height:23px; margin-right:10px; }
#BCMediaIL .pageNav .back A { display:block; width:58px; height:23px; background: url(../images/media-back-normal.gif) 0 0 no-repeat;}
#BCMediaIL .pageNav .back A:hover { background: url(../images/media-back-hover.gif) 0 0 no-repeat; }
#BCMediaIL .pageNav .back SPAN { display:none; }

#BCMediaIL .pageNav .tx-bcmedia-pi1-browsebox { font-family: Courier New; font-size:18px; font-weight:bold; text-transform:lowercase; color:#fff; display:block; float:left; }
#BCMediaIL .pageNav .tx-bcmedia-pi1-browsebox SPAN { display:block; float:left; margin-right:3px; width:22px; height:23px; }
#BCMediaIL .pageNav .tx-bcmedia-pi1-browsebox SPAN.link { background: url(../images/media-page-normal.gif) 0 0 no-repeat; }
#BCMediaIL .pageNav .tx-bcmedia-pi1-browsebox SPAN.link A { display:block; text-decoration:none; color:#0C5479; padding:1px 0 0 5px;}
#BCMediaIL .pageNav .tx-bcmedia-pi1-browsebox SPAN.view { background: url(../images/media-page-hover.gif) 0 0 no-repeat; }
#BCMediaIL .pageNav .tx-bcmedia-pi1-browsebox SPAN.view B { display:block; text-decoration:none; color:#fff; padding:1px 0 0 5px;}


/* Content */
H1, H2, H3, H4, H5 { margin:0 0 10px; }
H1 { font-size:16px; }
H2 { font-size:15px; }
H3 { font-size:14px; }
H4 { font-size:13px; }
H5 { font-size:12px; }

A:focus { outline: none; }

#popupFrame { pxosition:relative; background: #000; height:100%; border:0px #fff solid; overflow:auto; }
#popupFrame #bodyContent { color: #fff; padding:10px; }
#popupFrame #bodyFooter { position:absolute; width:100%; padding:5px 10px; bottom:0px; background: #ccc; text-align:right; }
#popupFrame #bodyFooter A{ display:block; color: #333; font-size:12px; margin-right:20px; }