/** * * 99-Starclub www.99-starclub.de * Copyright 2010 99-Starclub * * Homepage erstellt: Simon Jokuschies www.leafpictures.de * Alle HTML, CSS, PHP, Bilder, Flashdateien, Videos, Musik sind urheberrechtlich geschuetzt * */ /* Browsereigene Darstellungen resetten */ html, body, * { margin: 0; padding: 0; border: 0; font:10pt "Lucida Grande", Arial, sans-serif; line-height:100%; line-height: 19pt; color: #999; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ol, ul, dl { list-style: none; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } q:before, q:after { content: '"'; } hr { display: none; } a { outline: none; } /* custom */ h2 { font-size: 25pt; color: #999; padding-bottom: 7px; margin-bottom: 25px; border-bottom: 1px solid #999; } .service { position: relative; top: -50px; border-top: 2px solid #999999; padding-top: 7px; } .serviceRight { position: relative; top: -50px; padding-top: 7px; } h4 { font-size: 15pt; color: #999; margin-bottom: 0px; } .medium { font-size: 13pt; } .mediumRed { font-size: 13pt; color: #f00; } .big { font-size: 15pt; } .big2 { font-size: 18pt; line-height: 28px; } .big2 a{ font-size: 18pt; line-height: 28px; color:#c00; } .big2N { font-size: 18pt; line-height: 28px; color:#666666; } .blind { display: none; } .itemleft { padding-right: 5px; border-right: 1px solid #f00; } a { color:#c00; text-decoration: none; cursor: url(../images/custom_cursor.gif), pointer; } a:visited { color:#c00; text-decoration: none; } a:hover { color:#f00; } a:active { color:#c00; } *:focus { outline: 0; } strong { font-weight: bold; } .fRight { float: right; } .fLeft { float: left; } .red { color: #f00; } .yellow { color: #ff0; } .green { color: #0f0; } .white { color: #fff; } .bold { font-weight: bold; } .bold12 { font-size: 11pt; font-weight: bold; } .clear { clear: both; } .servicecontRight { font-size: 12pt; margin-top: -45px; } .center { text-align: center; font-size: 14pt; color: #ffffff;position: relative; top: -40px; left: 120px; } .bold3 { font-size: 12pt; font-weight: bold; } .icenter { width: 690px; display: block; text-align: center; margin-bottom: 15px; } .bigLetters { width: 700px; margin: 0px auto; display: block; padding: 20px; background-image:url(../images/monatTopicBackground.png); background-repeat: repeat; position: relative; top: -15px; } .bigLetters, .bigLetters a, .underline { font-size: 20pt; color: #ff0; text-align: center; text-transform:uppercase; } .underline { text-decoration: underline; } /* location */ html { background-image:url(../images/footerBackground.jpg); background-repeat: repeat; } #headerBackground { width: auto; color: #000; height: auto; background-image:url(../images/headerBackground.jpg); } #header { width: 1024px; height: 230px; margin: 0px auto; background-image:url(../images/header.jpg); overflow: hidden; } .logo { width: 247px; height: 233px; float: right; overflow: hidden; } .logo span { display:none; } .logo a { height: 54px; background-repeat:no-repeat; display: inline-block; overflow: hidden; } .logo a#ninetyNineHead { width: 247px; height: 233px; background-image:url(../images/logoHead.png); overflow: hidden; } .logo a#ninetyNineHead:hover { background-image:url(../images/logoHead_h.png); } #flyer { width: 205px; height: 230px; overflow: hidden; margin-top: 5px; float: left;} #navi { width: 620px; height: 55px; margin-top: -90px; float: left; overflow: hidden; } #navi ul li {display: inline; margin:0; padding:0; overflow:hidden; } #navi ul li span { display:none; } #navi ul li a{ background-repeat:no-repeat; display:inline-block; overflow:hidden; } #navi ul li a#location { width: 96px; height: 39px; background-image:url(../images/btnLocation.png); } #navi ul li a#location:hover { background-image:url(../images/btnLocation_h.png); } #navi ul li #location_active { width: 96px; height: 39px; background-image:url(../images/btnLocation_h.png); cursor: default; } #navi ul li a#termine { width: 89px; height: 39px; background-image:url(../images/btnTermine.png); } #navi ul li a#termine:hover { background-image:url(../images/btnTermine_h.png); } #navi ul li #termine_active { width: 89px; height: 39px; background-image:url(../images/btnTermine_h.png); cursor: default; } #navi ul li a#starclub { width: 93px; height: 39px; background-image:url(../images/btnStarclub.png); } #navi ul li a#starclub:hover { background-image:url(../images/btnStarclub_h.png); } #navi ul li #starclub_active { width: 93px; height: 39px; background-image:url(../images/btnStarclub_h.png); cursor: default; } #navi ul li a#gaestebuch { width: 122px; height: 39px; background-image:url(../images/btnGaestebuch.png); } #navi ul li a#gaestebuch:hover { background-image:url(../images/btnGaestebuch_h.png); } #navi ul li #gaestebuch_active { width: 122px; height: 39px; background-image:url(../images/btnGaestebuch_h.png); cursor: default; } #navi ul li a#fotos { width: 76px; height: 39px; background-image:url(../images/btnFotos.png); } #navi ul li a#fotos:hover { background-image:url(../images/btnFotos_h.png); } #navi ul li #fotos_active { width: 76px; height: 39px; background-image:url(../images/btnFotos_h.png); cursor: default; } #navi ul li a#kontakt { width: 94px; height: 39px; background-image:url(../images/btnKontakt.png); } #navi ul li a#kontakt:hover { background-image:url(../images/btnKontakt_h.png); } #navi ul li #kontakt_active { width: 94px; height: 39px; background-image:url(../images/btnKontakt_h.png); cursor: default; } #contentBackground { width: auto; height: auto; color: #000; background-image:url(../images/contentBackground.jpg); background-repeat: repeat; } #content { width: 1024px; height: auto; margin: 0px auto; background-image:url(../images/content.jpg); background-repeat: repeat-y; } #ninetyContent { width: 684px; height: auto; margin: 0px auto; } #ninetyContent .bigNine { width: 700px; display: block;font-size: 22pt; font-weight: bold; line-height: 40px; color: #999; text-align: center; } #slide { width: 704px; height: 249px; } #slideNoscript { width: 704px; height: 249px; background-image:url(../images/slide/dasNinetyNine/01.jpg); } #noJavascript { width: 320px; height: 100px; margin: 10px 0 10px 0; padding: 15px; border: 2px solid #f33; background-color: #333; color: #999; } .contentLeft { width: 310px; margin-top: 30px; } .newShows { width: 300px; height: auto; margin-top: 30px; background-color: #222; float: right; } .newShows h2 { font-size: 20px; background-color: #f00; padding: 15px 20px; color: #fff; border: none; } .show { width: auto; height: 160px; padding: 0 15px; margin-bottom: 20px; padding-bottom: 30px; } .show img { margin-right: 10px; float: left; } .date { font-size: 13pt; font-weight: bold; color: #fff; } .showInfo { font-size: 12pt; } .showMore { width: 100px; height: 30px; background-color: #333; border: 1px solid #666; display: inline-block; overflow: hidden; float: right; margin-right: 10px; margin-top: 55px; } .showMore a { width: 100px; height: 30px; font-size: 10pt; display:inline-block; color: #666; text-align:center; overflow: hidden; text-decoration: none; } .showMore:hover { background-color: #f00; color: #fff; } #contentEnd { width: 1024px; height: 231px; margin: 0px auto; background-image:url(../images/contentEnd.jpg); background-repeat: no-repeat; } #footer { width: auto; height: 215px; background-image:url(../images/footerBackground.jpg); background-repeat: repeat; } #footerContent { height: auto; padding-top: 30px; margin: 0px auto; text-align:center; overflow: hidden; } #footerContent a { font-size: 18px; text-decoration: none; } #footerContent ul li { display: inline; margin:0px; padding:10px; overflow:hidden; } #footerContent p { width: 380px; margin: 10px auto; font-size: 8pt; } .normal:hover { color: #f00; } #ninetyNineFoot { width: 303px; height: 213px; min-width: 303px; min-height: 213px; display: block; background-image:url(../images/footerLogo.jpg); background-repeat: no-repeat; float: right; margin-top: -67px; overflow: hidden; } /* starclub */ h3 { margin: 10px 10px 0 10px; color:#999; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; } #foto { width: 700px; margin: 0px auto; margin-right: 20px; text-align: center; } #foto span { width: 750px; height: 150px; font-size: 22pt; font-weight: bold; line-height: 40px; color: #999; clear: left; } .middle { width: 700px; font-size: 14pt; font-weight: bold; line-height: 30px; color: #999; } #foto img { width: auto; height: auto; margin:10px; min-height: 143px; float: left; border: 2px solid #333; } #fotoSub { width: auto; height: 50px; border: 1px solid #f00; border: 1px solid #f00;} .boxLink { width: 100px; height: 30px; background-color: #333; border: 1px solid #666; display: inline-block; overflow: hidden; } .boxLink a { width: 100px; height: 30px; font-size: 10pt; display: inline-block; color: #666; text-align:center; overflow: hidden; text-decoration: none; } .boxLink a:hover { color: #fff; } .boxLink:hover { background-color: #f00; } #fotosub { height: auto; margin: 0px auto; margin-bottom: 20px; } #fotosub a { font-size: 14px; text-decoration: none; } #fotosub ul li { display: inline; margin:0px; padding:7px; overflow:hidden; background-color: #333; color: #333; } #slideshowtoggler { width: 704px; height: 35px; } #slideshowtoggler .controll { width: 250px; margin: 0px auto; } #slidePartyLeft, #slidePartyMiddle, #slidePartyRight, #slideLiveLeft, #slideLiveMiddle, #slideLiveRight, #slideServiceLeft, #slideServiceMiddle, #slideServiceRight { width: auto; height: auto; display: block; border: 2px solid #333333; float: left; margin-right: 15px; } /* kontakt */ .topic { font-size: 13pt; color: #444; font-weight: bold; } .maps { float: right; width: 360px; height: 300px; margin-top: -70px; } .maps a { float: right; } #kontaktformular { width: 704px; height: auto; overflow: hidden; } #kontaktformular label { width: 50px; height: 20px; } #kontaktformular input { width: 270px; height: 20px; padding: 0 5px 0 5px; background-color: #333; border: 1px solid #666; color: #aaa; overflow: hidden; float: right; margin-right: 40px; } #kontaktformular select { width: 283px; height: 23px; margin-bottom: 3px; background-color: #333; border: 1px solid #666;margin-left: 48px; } #kontaktformular textarea { width: 572px; max-width: 572px; height: 141px; float: right; margin-right: 42px; margin-top: 2px; padding: 5px; line-height: 19px; background-color: #333; border: 1px solid #666; color: #aaa; } #kontaktSubmit { width: 270px; height: 80px; float: right; overflow: hidden; margin-right: 22px; } #kontaktSubmit input { width: 108px; height: 36px; background-color: #333; cursor: url(../images/custom_cursor.gif), pointer; color: #666; margin: 5px 0 0 5px; } #kontaktSubmit input:hover { background-color: #f00; color: #fff; } #inputs { width: 400px; } #iSubmit input { width: 108px; height: 36px; border: 1px solid #666; background-color: #333; cursor: url(../images/custom_cursor.gif), pointer; color: #666; margin: 5px 0 0 5px; } #iSubmit input:hover { background-color: #f00; color: #fff; } /* gaestebuch */ #gbFormular { width: 684px; height: auto; } #gbFormular label { width: 50px; height: 20px; } #gbFormular input { width: 270px; height: 20px; padding: 0 5px 0 5px; background-color: #333; border: 1px solid #666; color: #aaa; overflow: hidden; float: right; margin-right: 40px; } .rechnung { width: 100px; height: 20px; padding: 0 5px 0 5px; background-color: #666; border: 1px solid #666; color: #aaa; overflow: hidden; float: right; margin-right: 40px; } #gbFormular textarea { width: 270px; max-width: 270px; min-width: 270px; min-height: 181px; height: 181px; display: block; float: right; margin-right: 40px; margin-top: 2px; padding: 5px; line-height: 19px; background-color: #333; border: 1px solid #666; color: #aaa; } #kontaktSubmit { width: 290px; height: 105px; float: right; overflow: hidden; margin-right: 40px; } #kontaktSubmit input { width: 138px; height: 36px; background-color: #333; cursor: url(../images/custom_cursor.gif), pointer; color: #666; margin: 5px 0 0 5px; } #kontaktSubmit input:hover { background-color: #f00; color: #fff; } #smileys { width: 280px; height: 280px; border: 1px solid #222; float: right; margin-top: 100px; } #gbControll { height: 50px; margin-bottom: 20px; border: 1px solid #222; border-left: none; border-right: none; } .eintrag { width: 684px; height: auto; } .eintragHeader { width: 684px; height: 30px; background-image:url(../images/eintragHeader.jpg); } .eintragHeaderStarclub { width: 684px; height: 30px; background-color: #666; } .name { height: 20px; font-size: 16pt; font-weight: bold; margin: 30px; color: #333; } .date { font-size: 10pt; float: right; margin-right: 10px; color: #333; } .eintragBody { width: 642px; height: auto; padding: 20px; margin-bottom: 20px; font-size: 11pt; border: 1px solid #333;} .showInfo { width: 300px; float: right; } .redBig { font-size: 20pt; font-weight: bold; color: #f00; } #choice { float: right; margin-top: -28px; } #choice input { width: 50px; height: 50px; margin-left: 10px; background-color: #333; border: 1px solid #666; color: #666; } #choice input:hover { background-color: #f00; color: #fff; cursor: url(../images/custom_cursor.gif), pointer; } .ninetyRed { font-size: 12pt; color: #f00; } /* termine */ .terminItem { width: auto; height: auto; border: 1px dotted #333; } .terminImg { max-width: 320px; max-height: 454px; margin-top: -20px; } .termineExpl { font-size: 14pt; position: relative; left: 75px; } .termineExpl a { font-size: 14pt; } /* index */ #welcome { width: 1024px; height: 72px; margin-top: 138px; background-image:url(../images/saying.png); background-repeat: no-repeat; background-position: center; background-color: #f00; } #welcome h2 { display: none; } .decide { width: 720px; } .indexLogin { float: right; margin-top: -98px; } #terminkalender { width: 1024px; height: 685px; min-height: 785px; margin: 0px auto; margin-top: -65px; background-image:url(../images/indexBack.jpg); background-repeat: no-repeat; overflow: hidden; } .month { width: 510px; height: 300px; float: left; } .concert { width: 82px; height: 90px; margin: 10px; float: left; text-align: center; } .concert .datum { width: 82px; height: 15px; font-size: 7pt; color: #333300; background-color: #ccc; } .concert a { color: #fff; line-height: 15px; } .concert a:hover { color: #333; } .bands { line-height: 15px; color: #fff; } .spacer { height: 400px; min-height: 400px; } .booking input { background-color: #666; color: #fff; padding: 5px; cursor: url(../images/custom_cursor.gif), pointer; } .booking input:hover { background-color: #333; } #indexContent { width: 1024px; margin: 0px auto; } .buchDatum { width: 100px; height: 50px; background-color: #333; color: #fff; font-size: 22pt; padding: 10px; font-weight: bold; } .indexBoxLink { width: 200px; height: 70px; background-color: #ffff00; border: 1px solid #666; display: inline-block; overflow: hidden; text-align: center; } .indexBoxLink a { width: 200px; height: 70px; font-size: 23pt; display: inline-block; color: #000000; text-align:center; padding-top: 20px; overflow: hidden; text-decoration: none; } .indexBoxLink a:hover { color: #fff; } .indexBoxLink:hover { background-color: #f00; } .iLeft { width: 520px; font-size: 12pt; float: left; position: relative; top: -45px; } .iRight { width: 480px; font-size: 12pt; float: right; position: relative; left: 30px; top: -45px; } .iRed { width: 480px; font-size: 12pt; position: relative; color: #f00;} #indexContentBackground { width: auto; height: auto; color: #000; background-image:url(../images/indexBackground.jpg); background-repeat: repeat; } #indexHeaderBackground { width: auto; height: auto; color: #000; background-image:url(../images/indexHeaderBackground.jpg); } #indexHeader { width: 1024px; height: 230px; margin: 0px auto; background-image:url(../images/indexHeader.jpg); overflow: hidden; } .monatTopic { font-size: 25pt; width: 480px; color: #ccc; float: left; padding: 10px; background-image:url(../images/monatTopicBackground.png); background-repeat: repeat; } .eprint { width: 1024px; height: 50px; } .eprintCont {width: 60px; float: right; margin-top: -80px; margin-right: -35px;} .bigHeader { font-size: 27pt; position:relative; top: -20px; left: 110px; } .bigHeader2 { width: 730px; display: block; font-size: 12pt; position:relative; top: -20px; left: 60px; } .bigHeader3 { font-size: 12pt; position:relative; top: -30px; left: 20px; } .leftBox { width: auto; float: left; margin-left: 180px; } .rightBox { width: auto; float: left; position: relative; left: 130px; top: -10px; text-align: center; } .size16 { font-size: 16pt; } .size16Red { font-size: 16pt; color: #ff0000; } .bigP { font-size: 23pt; } /* Login */ .buchungsPreview { width: auto; height: auto; padding: 25px 10px 10px 10px;margin-bottom: 35px; border: 1px dotted #fff; } #loginPosition { float: right; margin-top: -145px; } #login { width: 280px; height: auto; padding: 10px; background-color: #333; } #loginForm { width: 274px; height: 100px; } #loginForm label { width: 50px; height: 20px; } #loginForm input { width: 180px; height: 20px; padding: 0 5px 0 5px; background-color: #333; border: 1px solid #666; color: #aaa; overflow: hidden; float: right; margin-right: 130px; } #loginForm fieldset { width: auto; height: 200px; overflow: hidden; } #kontaktformular textarea { width: 572px; max-width: 572px; height: 141px; float: right; margin-right: 42px; margin-top: 2px; padding: 5px; line-height: 19px; background-color: #333; border: 1px solid #666; color: #aaa; } #loginSubmit { width: 270px; height: 80px; overflow: hidden; } #loginSubmit input { width: 108px; height: 36px; background-color: #333; cursor: url(../images/custom_cursor.gif), pointer; color: #666; margin: 5px 0 0 5px; } #loginSubmit input:hover { background-color: #f00; color: #fff; } #member { width: 664px; height: auto; padding: 10px; background-color: #333; } #starclubSubmit { width: 150px; height: 55px; overflow: hidden; float: left; } #starclubSubmit input { width: 138px; height: 36px; background-color: #333; cursor: url(../images/custom_cursor.gif), pointer; border: 1px solid #666; color: #666; margin: 5px 0 0 5px; float: left;} #starclubSubmit input:hover { background-color: #f00; color: #fff; } /* fotos */ #fotoCont { width: auto; min-height: 350px; } .boxgrid{ width: 200px; height: 282px; margin:10px; float:left; background:#161613; border: solid 2px #333333; overflow: hidden; position: relative; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; } .boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .captionfull .boxcaption { top: 260; left: 0; } .caption .boxcaption { top: 220; left: 0; } /* terminePrint */ #terminePrint { margin: 10px; width: 915px; height: auto; } #terminePrint table tr { vertical-align: top;} #terminePrint table tr td { border: 1px solid #666; vertical-align:top; padding: 10px;} .prBtn { width: 230px; height: 145px; float: right; margin-right: 70px; color: #fff; } .trCaption { background-color: #333; } .prCaption { font-size: 14pt; } .prDatum { width: 80px; } .prZeit { width: 50px; } .prBands { width: 350px; } .prInfo { width: 350px; } .prInfo img { display: none; } /* 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: #333; 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: #333; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #fff; } #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; }