/* ----------------------------- ::: C I N E P L E X ::: ~~~ styl0rsh33t ~~~ ----------------------------- summoned by dragonmaster ceno -----------[ 2k8 ]----------- */ /* GENERAL STUFF */ html {font-size: 100%;} body { background:#11182b; font-family: Verdana, sans-serif; font-size:10px; color:#FFF; } .hd { display: none; } .cl { clear: both; } img { border: 0; } ul { list-style: none; } fieldset { border: 1px solid #989898; padding: 0; } input, textarea, select { font-family: Helvetica, Arial, sans-serif;color: #666; border: 1px solid #000;} textarea { overflow: auto; } :focus { outline: 0; } a:link, a:visited, a { color: #ff0000; text-decoration: none; } a:hover, a:active { color: #0082d2; text-decoration: none; } /* global whitespace reset */ * {margin: 0; padding: 0;} /* the almighty CLEARFIX */ * html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */ *+html .clearfix { min-height: 1%; } /* IE7 Fix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* JETZT GEHT'S AB! */ #mainFrame { width:778px; background:#19304f; padding-bottom:13px; background:#19304f url("../_img/design/kopf/kopf_bg.jpg") no-repeat;} #kopfbereich { height:177px; } #kopfbereich .linkZeile { height:28px; font-size:0;} #kopfbereich .linkZeile img { margin-top:7px; } #kopfbereich .linkZeile a.cineplex { margin-left:14px; } #kopfbereich .linkZeile a.b2b { margin-left:528px; } #kopfbereich .linkZeile a.impressum { margin-left:11px; } #kopfbereich .logo { height:107px; } #kopfbereich .logo img { width:778px; height:107px; } #kopfbereich .menu { height:30px; background:url("../_img/design/kopf/menu_bg.jpg") no-repeat; text-align:center;} #kopfbereich .menu img {margin:10px 4px 8px 4px;} #bereichLinks { width:189px; float:left; margin-left:12px; display:inline;} /* #bereichLinks .menu { } #bereichLinks .menu a img { margin-bottom:1px;} #bereichLinks .menu ul { margin-bottom:34px; } #bereichLinks .menu ul li { background:url("../_img/design/links/menu/menupunkt_bg.gif") no-repeat top left; font-size:11px; font-weight:bold; padding:6px 4px 6px 17px; } #bereichLinks .menu ul li.aktiv { background:url("../_img/design/links/menu/menupunkt_bg_blau.gif") no-repeat top left; } #bereichLinks .menu ul.kinos { margin-bottom:15px; } #bereichLinks .menu ul.kinos li { background:url("../_img/design/links/menu/menupunkt_bg_roter_pfeil.gif") no-repeat top left;} #bereichLinks .menu ul.kinos li.aktiv { background:url("../_img/design/links/menu/menupunkt_bg_rot.gif") no-repeat top left; } #bereichLinks .menu ul li a { color:#FFF; } #bereichLinks .menu ul li a:hover { color:#0082d2; } #bereichLinks .menu ul li.aktiv a { cursor:default; } #bereichLinks .menu ul li.aktiv a:hover { color:#FFF; } */ #bereichLinks .menu { width: 185px; margin: 0 auto; font-size:11px; font-weight:bold; } #bereichLinks .menu ul { margin-bottom: 34px; padding: 0 0 2px 0; background: url('../_img/design/links/menu/linie.jpg') no-repeat bottom left; } #bereichLinks .menu ul ul { margin-bottom: 0; zoom:1 } #bereichLinks .menu ul li { background: #19304f url('../_img/design/links/menu/linie_pfeil.gif') no-repeat top left; padding-top: 1px; zoom:1 } #bereichLinks .menu ul li a { display: block; color: #fff; padding:6px 4px 6px 17px; } #bereichLinks .menu ul li a.aktiv { background: url('../_img/design/links/menu/bg.gif') repeat-y top left; } #bereichLinks .menu ul li ul { background: #19304f url('../_img/design/links/menu/bg_2.gif') repeat-y top left;} #bereichLinks .menu ul li ul li { background: #19304f url('../_img/design/links/menu/bg_2.gif') repeat-y top left;} #bereichLinks .menu ul li ul li a { display: block; color: #fff; padding: 2px 4px 2px 25px; } #bereichLinks .menuTitel { margin-bottom:10px; } #bereichLinks .stadtauswahl { margin-top:15px; } #bereichLinks .stadtauswahl select { margin:5px 2px 15px 2px; width:143px; } #bereichLinks .stadtauswahl a { margin-left:35px; cursor:pointer;} #bereichLinks .stadtauswahl input { background:#0082d2; color:#FFF; padding:2px; font-family:Verdana;font-size:10px; border:1px solid #36acf5; border-right:1px solid #000; border-bottom:1px solid #000;} #bereichLinks #newsbox { width:185px; height:735px; background:#1964a1 url("../_img/design/links/newsbox/newsbox_bg.gif") repeat-x; border:1px solid #000; margin-top:15px; } #bereichLinks #newsbox .titel { margin:15px 7px; } #bereichLinks #newsbox #newsbox-scroll { margin:0px; height:682px; overflow:auto; padding-left:15px; width:165px; } #bereichLinks #newsbox .blueScrollbar .jScrollPaneTrack { background: url("../_img/design/links/newsbox/scrollbar/cineplex_track_full.gif") repeat-y; } #bereichLinks #newsbox .blueScrollbar .jScrollPaneDrag { background: url("../_img/design/links/newsbox/scrollbar/cineplex_drag_middle_v2.gif") repeat-y 50%; } #bereichLinks #newsbox .blueScrollbar .jScrollPaneDragTop { background: url("../_img/design/links/newsbox/scrollbar/cineplex_drag_top.gif") no-repeat; height: 6px; } #bereichLinks #newsbox .blueScrollbar .jScrollPaneDragBottom { background: url("../_img/design/links/newsbox/scrollbar/cineplex_drag_bottom.gif") no-repeat; height: 7px; } #bereichLinks #newsbox .blueScrollbar a.jScrollArrowUp { height: 24px; background: url("../_img/design/links/newsbox/scrollbar/osx_arrow_up.png") no-repeat 0 -30px; } #bereichLinks #newsbox .blueScrollbar a.jScrollArrowUp:hover { background-position: 0 0; } #bereichLinks #newsbox .blueScrollbar a.jScrollArrowDown { height: 24px; background: url("../_img/design/links/newsbox/scrollbar/osx_arrow_down.png") no-repeat 0 -30px; } #bereichLinks #newsbox .blueScrollbar a.jScrollArrowDown:hover { background-position: 0 0; } #bereichLinks #newsbox .paket { margin-bottom:15px; width:148px; } #bereichLinks #newsbox .paket .titel { margin:0; font-weight:bold; padding:0 0 10px 22px; background:url("../_img/design/links/newsbox/news_icon.gif") no-repeat top left;} #bereichLinks #newsbox .paket .text { margin-bottom:10px; } #bereichRechts { width:570px; float:left; } #bereichRechts #rahmen { width:565px; background:#1a4a78 url("../_img/design/rechts/bg_rechts.jpg") repeat-x; border:1px solid #000;} #bereichRechts #trailershow { margin:7px 5px; /*height:268px;*/ padding-bottom:4px; } #bereichRechts #trailershow .kategorien { float:right; text-align:right; margin-top:-2px; margin-bottom:7px; display:inline;} #bereichRechts #trailershow .kategorien ul li { display:inline; margin-left:1px; } #bereichRechts #trailershow .kategorien ul li a { color:#fff; font-weight:bold; } #bereichRechts #trailershow .kategorien ul li a:hover{ color:#f00; font-weight:bold; } #bereichRechts #trailershow .kategorien ul li a.active{ color:#f00; font-weight:bold; } #bereichRechts #trailershow .makingOfLink { float:right; text-align:right; margin-top:-2px; margin-bottom:7px; margin-right:4px; display:inline;} #bereichRechts #trailershow .makingOfLink ul li { display:inline; margin-left:1px; } #bereichRechts #trailershow .makingOfLink ul li a { color:#fff; font-weight:bold; } #bereichRechts #trailershow .makingOfLink ul li a:hover{ color:#f00; font-weight:bold; } #bereichRechts #trailershow .makingOfLink ul li a.active{ color:#f00; font-weight:bold; } #bereichRechts #content { margin:7px 55px; padding-bottom:15px; font-size:12px; line-height:17px; } #bereichRechts #content h2 { font-size:18px; font-weight:bold; margin:15px 0 20px 0;} #bereichRechts #content h3 { font-size:15px; font-weight:bold; margin:15px 0 20px 7px;} #bereichRechts #content ul { margin:0; padding:0; } #bereichRechts #content ul li { background:url("../_img/design/content/pfeil_rot.gif") no-repeat 0 3px; padding-left:18px; margin-bottom:17px;} #bereichRechts #content a:link, #bereichRechts #content a:visited { color:#FFF; text-decoration: underline; } #bereichRechts #content a:hover { color:#FFF; text-decoration: none; } #bereichRechts #content p { margin:17px 0; } #bereichRechts #content.events { margin:7px 1px 0 1px; padding-bottom:1px; font-size:12px; line-height:17px;} #bereichRechts #content.events h2 { font-size:18px; font-weight:bold; margin:15px 20px 20px 20px;} #bereichRechts #content .eventpack { border:1px solid #000; background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; padding:10px; margin-bottom:1px;} #bereichRechts #content.filmdetails .eventpack { clear:both !important; margin:1px 5px 1px -10px; position:relative; } #bereichRechts #content.filmdetails .eventpack p.wertvoll { margin:0 5px; padding:10px 0 10px 65px; } #bereichRechts #content.filmdetails .eventpack p.besonders_wertvoll { margin:0 5px; padding:10px 0 10px 65px; } #bereichRechts #content.filmdetails .eventpack p.kinozeit { margin:0 5px; background:url("/_img/content/programm/attribute/kinozeit.png") no-repeat 0 50%; padding:10px 0 10px 65px; } #bereichRechts #content .eventpack .bild { width:210px; float:left; margin-bottom:5px;} #bereichRechts #content .eventpack .bild img { width: 183px; border:1px solid #11182b; } #bereichRechts #content .eventpack .bild.einer { width:100%; } #bereichRechts #content .eventpack .bild.einer img { width:426px; } #bereichRechts #content .eventpack .bild.zweier { width:100%; text-align:center; } #bereichRechts #content .eventpack .bild.zweier img { margin:0 0 0 17px; } #bereichRechts #content .eventpack .bild.dreier { width:100%; text-align:center; } #bereichRechts #content .eventpack .bild.dreier .bild01 { width:135px; } #bereichRechts #content .eventpack .bild.dreier .bild02 { width:135px; margin:0 3px; } #bereichRechts #content .eventpack .bild.dreier .bild03 { width:135px; } #bereichRechts #content .eventpack .infos { width:320px; float:left; font-size:10px; font-weight:normal; text-align:left; } #bereichRechts #content .eventpack .infos .datum { font-weight:bold; font-size:10px; } #bereichRechts #content .eventpack .infos .titel { font-weight:bold; font-size:13px; margin-bottom:15px; } #bereichRechts #content .eventpack .infos .untertitel { font-weight:bold; font-size:10px; margin-bottom:10px; } #bereichRechts #content .eventpack .infos .link { margin-top:15px; } #bereichRechts #content .eventpack .infos .text { } #bereichRechts #content .eventpack .infos.noPic { width:100%; } #bereichRechts #content .eventpack .infos.noPic .text { width:100% !important; } #bereichRechts #content .eventpack .loading { width:40px; height:40px; background:url("../_img/loading.gif") no-repeat; margin-left:20px; display:none; } #bereichRechts #waslaeuft { width:565px; background:#76120c url("../_img/design/rechts/was_laeuft_bg.gif") no-repeat; border:1px solid #000; margin-top:2px; text-align:right;} #bereichRechts #waslaeuft .tage { margin:10px 5px 5px 5px; } #bereichRechts #waslaeuft .reihen { margin:15px 5px 5px 5px; } #bereichRechts #waslaeuft a:link, #bereichRechts #waslaeuft a:visited { color:#FFF; } #bereichRechts #waslaeuft a:hover { color:#0082d2; } #bereichRechts #movieBoxHolder { display:none; } /* PROGRAMMSEITE */ #bereichRechts .auswahl { height:23px; padding-left:5px; } #bereichRechts .auswahl .selektion { width:109px; float:left; height:17px; text-align:center; padding-top:6px; margin-left:2px; } #bereichRechts .auswahl .selektion.on { background:url("../_img/design/rechts/programm/selektion_on.gif"); no-repeat; } #bereichRechts .auswahl .selektion.off { background:url("../_img/design/rechts/programm/selektion_off.gif"); no-repeat; } #bereichRechts .auswahl .selektion a { color:#FFF; display:block; } #bereichRechts .programminfo { height:30px; border:1px solid #000; background:#a91507; padding:10px 13px;} #bereichRechts .programminfo h2 { font-size:14px; font-weight:bold; margin:0 0 3px 0; padding:0; } #bereichRechts .filmpack { background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; border:1px solid #000; margin-top:1px; padding:10px 0px 10px 12px; } #bereichRechts .filmpack .links { width: 256px; float: left; } #bereichRechts .filmpack .links .filmtitel { width:245px; padding-bottom: 10px; font-size:14px; font-weight:bold;} #bereichRechts .filmpack .links .filmtitel .titel img { display:block; float:left; margin:0 5px 5px 0; } #bereichRechts .filmpack .links .filmtitel .titel a { background:url("../_img/design/content/pfeil_rot.gif") no-repeat 0 4px; padding-left:13px; display:block; float:left; width:190px; font-size:14px; font-weight:bold; color:#FFF;} #bereichRechts .filmpack .links .filmtitel .titel a:hover { font-size:14px; font-weight:bold; color:red;} #bereichRechts .filmpack .links .filmtitel .infos{ width:245px; padding-bottom: 10px; font-size:10px; font-weight:normal;} #bereichRechts .filmpack .links .film { } #bereichRechts .filmpack .links .film .bild { margin-right:11px; } #bereichRechts .filmpack .links .film .bild img { width: 92px; border:1px solid #FFF; float:left; } #bereichRechts .filmpack .links .film .beschreibung { width:140px; float:left; padding-left:10px;} #bereichRechts .filmpack .links .film .beschreibung img { margin-right:10px; } #bereichRechts .filmpack .links .film .teaser { width:140px; float:left; padding-left:10px; padding-bottom:10px; font-size:10px; font-weight:bold } #bereichRechts .filmpack .rechts { width: 300px; float: right; } #bereichRechts .filmpack .rechts .kino { width:294px; text-align:center; padding-bottom: 5px } #bereichRechts .filmpack .rechts .kino a { font-size:10px; font-weight:normal; color:#FFF; text-decoration:underline;} #bereichRechts .filmpack .rechts .kino a:hover { font-size:10px; font-weight:normal; color:#FFF; text-decoration:none;} #bereichRechts .filmpack .rechts .spielzeiten { width:295px; float:left; } #bereichRechts .filmpack .rechts .spielzeiten .paket { width:38px; float:left; background:silver; border:1px solid #000; font:11px Arial; margin:0 1px;} #bereichRechts .filmpack .rechts .spielzeiten .paket .tag { height:30px; background:#a91507; border-bottom:1px solid #000; text-align:center; padding-top:7px; line-height:11px; } #bereichRechts .filmpack .rechts .spielzeiten .paket .zeiten { text-align:center; line-height:20px; padding:2px 0;} #bereichRechts .filmpack .rechts .spielzeiten .paket .zeiten a { color:#FFF; border-bottom:1px solid #fff; } #bereichRechts .filmpack .rechts .spielzeiten .paket .zeiten a:hover { color:#FFF; border:0; } #bereichRechts .filmpack .rechts .spielzeiten .paket .zeiten.dunkel {background:#195a95;} #bereichRechts .filmpack .rechts .spielzeiten .paket .zeiten.hell {background:#0082d2;} #bereichRechts .filmpack .rechts .spielzeiten .paket-heute { width:293px; float:left; background:silver; border:1px solid #000; font:14px Arial; font-weight:bold; margin:0 1px;} #bereichRechts .filmpack .rechts .spielzeiten .paket-heute .tag { height:30px; background:#a91507; border-bottom:1px solid #000; text-align:center; padding-top:7px; line-height:22px; } #bereichRechts .filmpack .rechts .spielzeiten .paket-heute .zeiten { text-align:center; line-height:20px; padding:2px 0;} #bereichRechts .filmpack .rechts .spielzeiten .paket-heute .zeiten a { color:#FFF; border-bottom:1px solid #fff; } #bereichRechts .filmpack .rechts .spielzeiten .paket-heute .zeiten a:hover { color:#FFF; border:0; } #bereichRechts .filmpack .rechts .spielzeiten .paket-heute .zeiten.dunkel {background:#195a95;} #bereichRechts .filmpack .rechts .spielzeiten .paket-heute .zeiten.hell {background:#0082d2;} #bereichRechts .programmliste { background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; border:1px solid #000; margin-top:1px; padding:10px 2px 2px 2px; } #bereichRechts .programmliste .zeile { padding:8px 6px; border:0px solid #000; margin-top:1px; } #bereichRechts .programmliste .kopf { border:0px !important; padding:8px 7px !important; } #bereichRechts .programmliste .kopf a { color:#FFF; font-weight:bold; text-decoration:underline; } #bereichRechts .programmliste .kopf a:hover { color:#FFF; font-weight:bold; text-decoration:none; } #bereichRechts .programmliste .kopf a.aktiv, #bereichRechts .programmliste .kopf a.aktiv:hover { color:#b6d544; cursor:default; text-decoration:none;} #bereichRechts .programmliste .zeile.dunkel { background:#195a95; } #bereichRechts .programmliste .zeile.hell { background:#0082d2; } #bereichRechts .programmliste .zeile.trenner { background:#a91507; height:3px; padding:0 !important; font-size:0; } #bereichRechts .programmliste .zeile div { float:left; } #bereichRechts .programmliste .zeile .datum { width:100px; } #bereichRechts .programmliste .zeile .uhrzeit { width:60px; } #bereichRechts .programmliste .zeile .saal { width:60px; } #bereichRechts .programmliste .zeile .titel { width:200px; } #bereichRechts .programmliste .zeile .ende { width:50px; } #bereichRechts .programmliste .zeile .fsk { width:40px; } #bereichRechts .programmliste .zeile th { cursor:pointer; border:0px !important; padding:6px 5px !important; } #bereichRechts .programmliste .zeile td { border:0px !important; padding:6px 5px !important; } #bereichRechts .programmliste tr.even td { border:0px;background: #0082d2; } #bereichRechts .programmliste tr.odd td { border:0px;background: #195a95; } /* FILMDETAILS */ #bereichRechts .filmdetails { margin:9px 0 9px 16px !important; } #bereichRechts #content .obererteil { display:inline; } #bereichRechts #content .poster { width:160px; padding-top:6px; float:left; } #bereichRechts #content .poster img { border:1px solid #FFF; } #bereichRechts #content .infosrechts { width:380px; float:left;} #bereichRechts #content .infosrechts .gewinnspiel {float:right; height:17px; overflow:hidden; margin-left:10px;} #bereichRechts #content .infosrechts .spielzeiten {float:right; height:17px; overflow:hidden; } #bereichRechts #content .infosrechts .filminfos {clear:both; padding-top:23px;} #bereichRechts #content .infosrechts .filminfos img { float:right; } #bereichRechts #content .infosrechts .filminfos h2 { font-size:18px; font-weight:bold; margin:0;} #bereichRechts #content .infosrechts .filminfos h3 { font-size:13px; font-weight:normal; margin:4px 0 0 0;} #bereichRechts #content .infosrechts .filminfos p { font-size:10px; line-height:15px;} #bereichRechts #content .trailer { clear:both; font-size:15px; font-weight:bold; line-height:26px; } #bereichRechts #content .trailer img { display:block; } #bereichRechts #content .infosunten { margin-top:30px; } #bereichRechts #content .infosunten .filmbilder { width:150px; float:left; } #bereichRechts #content .infosunten .filmbilder img { width:123px; display:block; margin-bottom:3px; border:1px solid #FFF; } #bereichRechts #content .infosunten .filmbeschreibung { width:380px; float:left; } #bereichRechts #content .infosunten .filmbeschreibung h4 { font-size:15px; font-weight:bold; margin:0; } #bereichRechts #content .infosunten .filmbeschreibung p { font-size:11px; line-height:18px; } #homepageTeaser { margin:2px 0px 0px 11px; } #lokalTeaser { margin-top:2px; } #homepageTeaser .teaserbox, #lokalTeaser .teaserbox { height:274px; background:#e5f2fa; border:1px solid #000; float:left; margin:0 3px 2px 0; padding:1px; overflow:hidden;} #homepageTeaser .teaserbox.Klein, #homepageTeaser .teaserbox.Klein img, #homepageTeaser .teaserbox.Gross img, #lokalTeaser .teaserbox.Klein, #lokalTeaser .teaserbox.Klein img, #lokalTeaser .teaserbox.Gross img { width:183px; } #homepageTeaser .teaserbox.Gross, #lokalTeaser .teaserbox.Gross { width:373px; } #homepageTeaser .teaserbox.Gross .text, #lokalTeaser .teaserbox.Gross .text { width: 170px; } #homepageTeaser .teaserbox .titel, #lokalTeaser .teaserbox .titel { height:20px; background:url("../_img/design/teaser/titel_bg.gif") repeat-x; padding:6px 8px 0 8px; font-weight:bold; margin-bottom:1px; overflow:hidden;} #homepageTeaser .teaserbox .bild, #lokalTeaser .teaserbox .bild { text-align:center; } #homepageTeaser .teaserbox .text, #lokalTeaser .teaserbox .text { color:#000; margin:13px 10px; } #homepageTeaser .teaserbox.Gross .bild, #homepageTeaser .teaserbox.Gross .text, #lokalTeaser .teaserbox.Gross .bild, #lokalTeaser .teaserbox.Gross .text { float: left; } #homepageTeaser .teaserbox.Gross .text { width: 170px; } #homepageTeaser .teaserbox .link, #lokalTeaser .teaserbox .link { margin:0 10px; } #footer { width: 778px; padding: 3px 0 3px 0; background: #11182b; text-align: center } #footer img { margin-right:0px; display:inline; } /* Kontaktbox */ .kontaktBox { width:185px; background:#0C578A; text-align:left; position:absolute; display: none; z-index: 200; } .kontaktBoxInnen { width:183px; background:#0081D1; margin-left:1px; } .kontaktBoxHead { background: url(../_img/design/teaser/titel_bg.gif) repeat-x top; color:#FFF; font-family:Arial; font-weight:bold; font-size:12px; } .kontaktBoxHead div { margin-left:10px; margin-right:10px; padding:4px; padding-top:10px; padding-bottom:10px; } .kontaktBoxBody { color:#FFF; font:11px Arial; font-weight: bold; } .kontaktBoxBodyInhalt { margin-left:10px; margin-right:10px; padding:4px; padding-top:10px; padding-bottom:20px; } .kontaktBoxBodyInhalt a { color:#FFF; text-decoration:none; background:url(../_img/design/pfeil_rot.gif) no-repeat 0px 2px; padding-left:15px; display:block; padding-bottom:3px; } .kontaktBoxBodyInhalt a:hover { text-decoration:underline; } .kontaktBoxTelefon { font-size:13px; padding-bottom:5px; } .kontaktBoxBookingLinks { margin-bottom: 10px; } /* Bundesstarts */ #bundesstarts { margin: 20px; } #bundesstarts strong { color: #ff0000; } #bundesstarts a:link, #bundesstarts a:visited, #bundesstarts a:active { color: #fff; text-decoration: none; } #bundesstarts a:hover { color: #ff0000; text-decoration: none; } #lokalsuche { margin: 20px; font-size: 11px; } /* LOGIN */ #bereichRechts #content .feld-links {width:218px; float:left;} #bereichRechts #content .feld-rechts {width:214px; float:left;} #bereichRechts #content .registrieren { width:194px; border:1px solid #000; background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; padding:10px; margin-bottom:1px; float:left;} #bereichRechts #content .registrieren2 { width:410px; border:1px solid #000; background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; padding:10px; margin-bottom:1px; float:left;} #bereichRechts #content .sms { width:194px; border:1px solid #000; background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; padding:10px; margin-bottom:1px; float:right;} #bereichRechts #content .formularfeld { width:60%; } #bereichRechts #content .pflichtfelderror { color: red;} /* DEMNÄCHST */ #bereichRechts #content .demnaechst-datum {width:168px; float:left; font-size:17px; font-weight:bold;} #bereichRechts #content .demnaechst-content {width:264px; float:left;} /* GALERIE */ #bereichRechts #content .galerie { text-align:center; } #bereichRechts #content .galerie img { border:1px solid #FFF;} /* TOPTEN */ #bereichRechts .topten { background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; border:1px solid #000; margin-top:1px; padding:10px 2px 2px 2px; } #bereichRechts .topten .zeile { padding:8px 6px; border:1px solid #000; margin-top:1px; } #bereichRechts .topten .zeile.meldung { background:#a91507; } #bereichRechts .topten .zeile.rot { background:#a91507; } #bereichRechts .topten .zeile.dunkel { background:#195a95; } #bereichRechts .topten .zeile.hell { background:#0082d2; } #bereichRechts .topten .zeile div { float:left; } #bereichRechts .topten .zeile .platz { width:80px; text-align:center;} #bereichRechts .topten .zeile .titel { margin-left:15px;} /* WERBUNG */ .superbanner { font-size:0; } /* SHOP */ #bereichRechts #shop { margin:7px 1px 0 1px; padding-bottom:1px; font-size:12px; line-height:17px; } #bereichRechts #shop p { margin:5px 20px; } #bereichRechts #shop h2 { font-size:18px; font-weight:bold; margin:15px 20px 40px 20px; } #bereichRechts #shop h3 { font-size:15px; font-weight:bold; margin:15px 0 20px 7px;} #bereichRechts #shop .article { margin:0 20px 20px 20px; padding-bottom:20px; border-bottom:1px solid #0e223a; } #bereichRechts #shop .article h3 { cursor:default; display:block; margin:0 0 5px 0; font-size:12px; float:left; width:450px; } #bereichRechts #shop .article span { display:block; float:right; cursor:default; } #bereichRechts #shop .article .bild { width:170px; float:left; margin:5px 10px 20px 0; display:inline; } #bereichRechts #shop .article .bild img { display:block; width:100%; } #bereichRechts #shop .article .beschreibung { width:340px; float:left; } #bereichRechts #shop .article .beschreibung p { margin:0 0 10px 0; } #bereichRechts #shop .article .beschreibung strong { color:#b6d544; } #bereichRechts #shop .article .beschreibung form { float:right; } #bereichRechts #shop .article .beschreibung label { line-height:17px; display:block; float:left; margin-right:5px; } #bereichRechts #shop .article .beschreibung input { width:20px; height:15px; text-align:right; padding:0 5px; vertical-align:bottom; margin-right:5px; } #bereichRechts #shop .article .beschreibung input.basket { cursor:pointer; width:125px; height:18px; overflow:hidden; border:0; text-indent:-666px; line-height:0; font-size:0; background:url('/_img/design/in-den-warenkorb.gif') no-repeat bottom left; margin-right:0; } #bereichRechts #shop table.warenkorb { margin:0 20px 20px 20px; width:525px; border-collapse:collapse;} #bereichRechts #shop table.warenkorb td.artikel-name { width:60%; } #bereichRechts #shop table.warenkorb td.artikel-preis { width:20%; text-align:right; } #bereichRechts #shop table.warenkorb td.artikel-anzahl { width:20%; text-align:right; } #bereichRechts #shop table.warenkorb td.versandoptionen { text-align:right; } #bereichRechts #shop table.warenkorb input.anzahl { width:20px; height:15px; text-align:right; padding:0 5px; } #bereichRechts #shop table.warenkorb thead tr td { border-bottom:1px solid #0e223a; padding-bottom:5px; } #bereichRechts #shop table.warenkorb tbody tr td { padding:3px 0; } #bereichRechts #shop table.warenkorb tfoot tr td { border-top:1px solid #0e223a; padding:3px 0; vertical-align:top; } #bereichRechts #shop table.warenkorb thead { font-weight:bold; } #bereichRechts #shop table.warenkorb select.versandoptionen { border:1px solid black; } #bereichRechts #shop table.warenkorb select.versandoptionen option { background:red; padding:0 5px; } #bereichRechts #shop .bestellen { margin-top:10px; cursor:pointer; font-size:11px; padding:2px; font-family:Verdana; color:#FFF; background:#1868a5; border:1px solid #06121d; border-top-color:#5e96c0; border-left-color:#5e96c0; } #bereichRechts #shop a.bestellen { display:block; float:left; padding:1px 5px; margin-right:10px; } #bereichRechts #shop div.daten { margin:20px 0 20px 20px; } #bereichRechts #shop div.daten label { width:100px; display:block; float:left; margin:0 10px 4px 0; display:inline; } #bereichRechts #shop div.daten input { width:360px; margin:0 10px 4px 0; float:left; display:inline; padding:0 5px; } #bereichRechts #shop div.daten select { margin:0 10px 4px 0; } #bereichRechts #shop label b { font-weight:normal; color:#5e96c0; } #bereichRechts #shop label.error { color:#E00000; font-weight:bold; } #bereichRechts #shop input.error { border-color:#E00000; background:#EEE; } #bereichRechts #shop div.daten input.strasse { width:248px; } #bereichRechts #shop div.daten input.hausnummer { width:45px; } #bereichRechts #shop div.daten label.hausnummer { width:35px; overflow:hidden; } #bereichRechts #shop div.daten label.abweichend { width:450px; } #bereichRechts #shop div.daten input.abweichend { width:auto; border:none; } #bereichRechts #shop div.daten input.bestellen { float:right; margin:10px 40px 0 0; width:auto; cursor:pointer; font-size:11px; padding:2px; font-family:Verdana; color:#FFF; background:#1868a5; border:1px solid #06121d; border-top-color:#5e96c0; border-left-color:#5e96c0; } #bereichRechts #shop div.daten textarea { width:370px; height:50px; font-size:12px; } #bereichRechts #shop div.daten p { margin:5px 20px 5px 0; } #bereichRechts #shop div.daten br { clear:left; } #bereichRechts #shop a#toggleAGB { cursor:pointer; } #bereichRechts #shop #shopAGB { display:none; padding:1px; } #bereichRechts #shop #shopAGB .infos { font-size:10px; font-weight:normal; text-align:left; } #bereichRechts #shop #shopAGB .infos p { margin:17px 0; line-height:17px; } #bereichRechts #shop #shopAGB .infos br { line-height:0; font-size:0; } #bereichRechts #shop #shopAGB .infos .titel { font-size:13px; font-weight:bold; margin-bottom:15px; } #bereichRechts #shop #shopAGB .eventpack { border:1px solid #000; background:#19558d url("../_img/design/content/eventpack_bg.gif") repeat-x top; padding:10px; margin-bottom:1px;} .barcode { background: #FFF; color: #000; margin: 0 auto; text-align: center; width: 320px; border:1px solid #000; padding-bottom:6px; } .sl { font-size:12px; font-weight: normal; }