/* * Site:musikerviertel * @author zielgruppe kreativ * @media common-Layout */ *{margin:0;padding:0;border:none} * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "files/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;line-height:140%;background:#fff} #all{background:url('files/images/bg_all.jpg') no-repeat 0 bottom} #sidebar .box{background:#e2ebc0} #header .zusatz{display:none} p{line-height:150%;font-size:12px} .printable{display:none} #all{margin:0 auto;width:980px;position:relative} #headeroutcontainer{height:349px;right:0;width:330px;overflow:hidden;position:absolute;z-index:40} #headertextcontainer{height:343px;width:270px;position:absolute;z-index:40;top:7px;right:60px;overflow:hidden} #headertext_bg{height:343px;width:270px;color:#fff;background:#003F1D;z-index:40;opacity: .80; filter: alpha(opacity=80)} #headertext{height:190px;overflow:hidden;font-size:14px;position:absolute;top:0;z-index:50;color:#fff;padding: 20px 20px 20px 20px;filter: alpha(opacity=100)} #headertext .head{font-size:16px;font-weight:bold;margin-bottom:10px;display:block;line-height:130%} #headertext li{padding:0 0 6px 15px;background:url('files/images/pfeil_headeroverlay.gif') no-repeat 0 5px} #headertext ul{list-style:none} #header{position:relative;height:350px} #header .bildcontainer{left:23px;width:920px;overflow:hidden;height:350px;position:relative} #header .bildcontainer img{background:url('files/images/loading.gif') no-repeat center} #header .zusatz{position:absolute;right:60px;bottom:10px;background:url('files/images/pfeil_header.gif') no-repeat right 5px;padding-right:15px;z-index:40} #header .zusatz a{font-size:12px;color:#fff} #header .zusatz a:hover{font-size:12px;color:#fff;text-decoration:none} #header #banner{position:absolute;bottom:10px;z-index:50} #header #banner .navi{position:absolute;bottom:36px;left:273px;z-index:50 !important} #header #banner .navi ul{list-style:none} #header #banner .navi ul li{display:block;float:left;overflow:hidden;height:60px} #mainnavi a{text-transform:uppercase;position:relative;z-index:50;text-decoration:none;color:#003f1d;font-weight:400;font-size:18px;padding:21px 35px ;display:block;line-height:120%;height:20px;float:left} #mainnavi a:hover,#mainnavi .current,.sfhover .sfhovera{background:#003f1d;color:#e8f0cd !important} #mainnavi .subnavi1{display:none;clear:left; z-index:60; top:60px;float:left} #mainnavi .subnavi1 li{display:block;float:none !important;height:auto !important;position:relative;z-index:60} #mainnavi .subnavi1 li a{display:block;text-transform:uppercase;position:relative;z-index:60;text-decoration:none;color:#e8f0cd !important;font-weight:400;border:none;font-size:12px;background:#003f1d;border-top:1px solid #c5d882;float:none !important;padding:5px 10px ;width:195px;line-height:120%;height:auto} #mainnavi .subnavi1 li a:hover, #mainnavi .subnavi1 li .current{border:none;border-top:1px solid #c5d882;background:#457a17} .sfhover ul {display:block !important;position:absolute;z-index:60} .sfhover ul li{position:relative;z-index:60} .sfhover{z-index:60 !important} .clear{clear:both} .custom_images{ margin-top:10px;color:#003f1d;font-size:10px;margin-left:580px} .custom_images a{ display:inline-block; margin-right:10px; margin-left:10px; color:#003f1d; padding:0; text-align:center; font-size:10px; cursor:pointer; text-decoration:none} .addthis_toolbox span,.addthis_toolbox span{display:none !important} .addthis_toolbox .at300b{position:static} .custom_images a:hover{ display:inline-block; padding:0; margin-left:10px; text-align:center; cursor:pointer; color:#003f1d; text-decoration:underline} .addthis_button_print{background:url('files/images/icon_print.gif') no-repeat right 3px;padding-right:20px !important} .addthis_button_email{background:url('files/images/icon_mail.gif') no-repeat right 5px;padding-right:20px !important} .font{margin:0 !important} #container{padding:15px 37px 10px 20px} #kontakt_oben{float:left;padding-left:40px;padding-top:5px;width:175px;text-align:center;color:#003f1d} #kontakt_oben a{text-decoration:none;font-size:10px;color:#003f1d;background:url('files/images/pfeil_link_klein.gif') no-repeat right;padding-right:15px;margin-right:1px} #kontakt_oben a:hover{text-decoration:underline;color:#003f1d;background:url('files/images/pfeil_link_klein.gif') no-repeat right;} #container a{text-decoration:underline;color:#003f1d;background:url('files/images/pfeil_link.gif') no-repeat right 2px;padding-right:15px} #container a:hover{text-decoration:none;color:#003f1d;background:url('files/images/pfeil_link.gif') no-repeat right 2px;padding-right:15px} #sidebar{width:232px;float:left;padding-left:21px;} #main{background:#fff;padding:20px 0 0 20px;width:645px;overflow:hidden} #sidebar .boxc{border-left:1px solid #8ab813;border-top:1px solid #8ab813;padding:2px 0 0 2px;width:208px !important;margin:0;margin-bottom:20px;overflow:hidden} #sidebar .box{padding:20px;overflow:hidden} #sidebar .box h2{font-weight:400;font-size:18px;margin-bottom:20px} #sidebar .box p a{display:block;text-align:right;line-height:150%} #sidebar .boxnav{background:#003f1d;padding-right:0;padding-bottom:0} #sidebar .boxnav h2{color:#c5d882} #sidebar .boxnav ul{list-style:none} #sidebar .boxnav ul li a{display:block;line-height:150%;text-align:left;background:none;border-top:1px solid #c5d882;padding:5px;text-decoration:none;text-transform:uppercase;font-size:11px;color:#e8f0cd} #sidebar .boxnav ul li a:hover,#sidebar .boxnav ul li .current{background:#457a17;border-top:1px solid #c5d882;padding:5px;text-decoration:none;text-transform:uppercase;font-size:11px;color:#e8f0cd} #sidebar .news .newstext {padding:0} #sidebar .news{margin:0} #sidebar .news h4{font-size:12px} #sidebar .news p {margin-top:5px} #sidebar .angebot{background:#89B622;color:#003B1B} #sidebar .angebot h2{font-size:16px;color:#003B1B} #sidebar .angebot ul{list-style:none} #sidebar .angebot ul li{padding-left:20px;background:url('files/images/pfeil_link_hellgruen.gif') no-repeat left 5px} #sidebar .angebot a{float:right;background:url('files/images/pfeil_link_hellgruen.gif') no-repeat right top !important;margin-top:10px} #contenthead {background:#fff url('files/images/verlaufsbalken.jpg') no-repeat 0 bottom;min-height:39px;height:auto !important;height:39px} #contenthead h1{font-family: Arial;margin-bottom:20px;color:#003b1b;font-weight:400;font-size:27px; background:#fff url('files/images/pfeil_contenthead.gif') no-repeat left 1px;padding-left:23px} #content{padding: 10px 0px 10px 23px;border:0;min-height:550px;height:auto !important; height:580px;width:620px} #content h1,#content h2{margin-bottom:20px;font-weight:400;font-size:20px;line-height:140%} #content ul{margin:5px 20px} #content ul li {margin-bottom:5px} #content p{margin-bottom:20px} #content p img{background:url('files/images/loading.gif') no-repeat center} #contentfoot ul{ list-style:none;background:#fff url('files/images/verlaufsbalken.jpg') no-repeat right top;padding-top:20px;padding-right:20px;width:620px;float:right} #contentfoot ul li{display:inline} #contentfoot ul li a{text-transform:uppercase;font-size:11px;text-decoration:none} #contentfoot ul li a:hover{text-transform:uppercase;font-size:11px;text-decoration:underline} #contentfoot ul .element {margin:0 10px;padding:0 10px;border-left:1px solid #003f1d;border-right:1px solid #003f1d} #contentfoot{padding:20px 10px 20px 20px;text-align:right;height:60px;clear:both;width:890px} .karte{margin:25px 0} .karte img{border:#003b1b 1px solid;float:left; margin-right:10px;background:url('files/images/loading.gif') no-repeat 0 0} #player{background:none !important;padding:0 !important;margin:0 20px 0 0;width:400px;display:block;float:left;position:relative} #player img{border:#003b1b 1px solid} .googlekontakt{float:right;width:200px !important} .googlekontakt .formelement{clear:none !important} .googlekontakt .formelement .element input{width:185px !important} .googlekontakt .formelement .formbutton input{float:right} .form{width:400px;float:left} form{display:inline} .formelement{padding:10px 0;clear:both} .formelement input,.formelement textarea{width:255px;border:1px solid #c5d882;padding:2px 5px;color:#003F1D} .formelement select{width:266px !important;border:1px solid #c5d882;color:#003F1D} .formelement select option{padding:2px 5px;color:#003F1D;font-size:11px} .formelement label{float:left;width:130px} .checkbox input{width:auto;border:0;margin-right:10px} .checkbox label{width:300px;float:none} .formelement .formbutton{text-align:right} .formelement .formbutton input{ width:auto; border:1px solid #c5d882; cursor:pointer; font-size:10px; padding:5px 10px 5px 10px !important; margin-left:5px; text-align:left; background:#003f1d; color:#e8f0cd; } .msg_err{color:#f00;padding:10px 0;display:block;clear:both} .msg_ok{color:#277F07;padding:10px 0;display:block;clear:both;text-align:center;background:#DCFFCF;border:1px solid #277F07} .msg_err input,.msg_err textarea{background:#FFCFD1;border-color:#f00} .rechts2 .dgruen a{color:#fff !important;float:none !important;background:url('files/images/pfeil_link_dunkel.gif') no-repeat right bottom !important;width:200px !important} .hidden{display:none} .klein{font-size:10px} .bilder{ margin:10px 0} .bilder .bildtext{width:245px;float:left;margin-right:5px} .bilder .bildtext p{font-size:11px;line-height:120%} .bilder .bildtext h3{color:#003b1b;background:url('files/images/pfeil_h3.gif') no-repeat 0 3px;padding-left:15px;margin-bottom:10px;font-size:14px;padding-bottom:5px} .bilder .bigimg{margin-right:15px;width:360px;height:240px;overflow:hidden;float:left} .bilder .bigimg img,.bilder .smallimg img{background:url('files/images/loading.gif') no-repeat center} .expose {margin-right: 15px;} .nobg{background:none !important} .bilder .smallimg a{background:none;width:90px;height:63px;overflow:hidden;display:block;float:left;margin:0px 5px 10px 0px} .bilder .smallimg p{margin:10px 0 0 0 !important;font-size:10px;color:#58585a;float:left;width:220px;padding:0} .smallimg span a{background:url('files/images/pfeil_link.gif') no-repeat right 2px !important;margin:0; width:auto !important;height:auto!important;padding-bottom:0 !important;padding-right:15px} .smallimg span{font-size:10px;color:#58585a;margin:0 !important;padding:0 !important;float:left} .box .head{display:block;width:188px;} #contenthead h1{display:block;width:620px} .rechts2{margin-right:18px} .box2{background:#c5d882 !important} .box2 a{background:url('files/images/pfeil_link_hellgruen2.gif') no-repeat right bottom !important} .baugebiete{position:relative;padding-top:20px;min-height:600px;height:600px;height:auto !important} .backlink{text-align:right;width:300px} .backlink a{display:inline !important;float:none !important;padding:0;padding-left:15px;background:url('files/images/pfeil_backlink.gif') no-repeat 0 4px !important} .baugebiete #info .boxc,.gkarte .boxc,.googlekontakt .boxc,.baugebiete .boxc{border-left:1px solid #8ab813;border-top:1px solid #8ab813;padding:2px 0 0 2px;margin-bottom:10px} .baugebiete .forallnord {margin-top:420px;margin-left:280px} .baugebiete .forallsued {margin-top:380px;margin-left:280px} .baugebiete .forallnord h2,.baugebiete .forallsued h2{line-height:100% !important;margin:0 !important;padding:0 !important} .baugebiete .forallnord .boxc p,.baugebiete .forallsued .boxc p{font-weight:bold;line-height:110%;font-size:11px} .baugebiete .forallnord .boxc .text ul,.baugebiete .forallsued .boxc .text ul{list-style:none} .baugebiete .forallnord .boxc .text ul li,.baugebiete .forallsued .boxc .text ul li{background:url('files/images/haken_gruen.gif') no-repeat;padding-left:30px} .baugebiete .forallnord a,.baugebiete .forallsued a{display:inline-block;background:url('files/images/pfeil_link_hellgruen2.gif') no-repeat right bottom !important;font-weight:bold;padding-right:20px;width:150px} .gkarte .text a{display:inline-block;background:url('files/images/pfeil_link_hellgruen2.gif') no-repeat right bottom !important;padding-right:20px;width:150px} .baugebiete .forallnord .boxc,.baugebiete .forallsued .boxc{width:350px !important} .baugebiete .forallnord .m2,.baugebiete .forallsued .m2{padding:20px 0} .baugebiete #info{position:absolute;display:none} .baugebiete .sued{margin-top:60px !important} .baugebiete .sued .text ul{margin-left:0 !important;width:140px !important} .baugebiete .sued .text {width:200px !important} .baugebiete .nord{right:0 !important} .baugebiete .text ,.gkarte .text{background:#8ab813;padding:20px 5px 10px 20px} .baugebiete #info a{float:right;background:url('files/images/pfeil_link_hellgruen.gif') no-repeat right bottom !important;font-weight:bold;margin-right:10px} .baugebiete #info .text { width:180px;font-size:11px} .baugebiete #info .text ul{width:120px;margin-left:10px;padding-left:20px} .baugebiete .hover{position:absolute;left:0;top:20px} .baugebiete .hover img{visibility:hidden} .baugebiete .hover2{position:absolute;left:0} .legende img{width:25px;margin-right:5px} .legende {font-size:10px} .gkarte a{float:left;clear:left;margin:0 !important;width:auto} .gkarte .links{float:left;width:290px} .gkarte #gmap{width:615px; height:360px overflow:hidden} .gkarte #gmap a{padding:0 !important;background:none !important} .gkarte .text{font-size:11px;padding-bottom:20px} .gkarte .links .boxc{width:300px !important} .gkarte .rechts .boxc,.rechts2 .boxc{width:280px !important} .gkarte .rechts .boxc a{width:200px} .rechts2 .boxc{float:right !important} .gkarte .rechts{float:right} .start .boxc{border-left:1px solid #8ab813;border-top:1px solid #8ab813;padding:20px 20px 0 20px;width:640px;margin-bottom:20px;min-height:285px;height:auto !important;height:285px;float:left;overflow:hidden} .news{margin:0 0 10px 0 !important;padding:0 !important;list-style:none} .news .weiter, .news .back{display:none} .news li{padding:10px 0} .news .datum{background:url('files/images/pfeil_datum.gif') no-repeat 0 center;color:#58585a;font-size:11px;padding-left:15px;font-weight:bold} .news .datum2{color:#58585a;font-size:11px;font-weight:bold} .news .datum a{background:none !important} .news .newstext{padding-left:20px;display:block;padding-bottom:10px} .news .newstext img{margin-top:5px} .news h2 a,.news h3 a{background:none !important;color:#58585a !important;text-decoration:none !important} .start .boxc h3{font-weight:400;margin:0 !important;padding:0 !important} .start p{margin-top:10px} .news h3,.news h2{margin-bottom:10px !important;float:left} .news h3{float:none;clear:both} .news p{clear: both} .news .newstext{color:#58585a} hr{border-bottom:1px solid #c5d882} .contentnav{margin:0;padding:0;overflow:hidden;height:51px;margin-top:1px} .contentnav span{float:left;display:inline-block;width:auto;font-family: Arial;border-top:1px solid #c5d882;border-right:1px solid #c5d882;background:#fff;padding:1px 1px 1px 1px;position:relative;top:16px} .contentnav .red a{background:#cf120d url('files/images/pfeil_link_rot.gif') no-repeat 10px center !important;color:#e8f0cd !important} .contentnav span a{background:#8ab813 url('files/images/pfeil_link_hellgruen.gif') no-repeat 10px center !important;padding:5px 0 5px 25px;margin:2px;text-decoration:none !important;display:inline-block;height:auto !important} .contentnav span a:hover{background:#003F1D url('files/images/pfeil_link_dunkel.gif') no-repeat 10px center !important;color:#e8f0cd !important} .contentnav .current{float:left;display:inline;position:static;width:auto !important;border-top:1px solid #c5d882;border-right:1px solid #c5d882;padding:10px 10px 10px 10px ;color:#003b1b;font-weight:400;font-size:25px; background:#fff url('files/images/pfeil_contenthead.gif') no-repeat 10px center;padding-left:30px;line-height:30px} #counter img{ float: left} #countercontainer{background:url('files/images/banner_ber.jpg') no-repeat;height:191px;width:209px;display:block} #counter{position:relative;top:120px;;left:20px;display:block} #counter .imageSep {position:relative;left:2px} .counterlink{background:none !important;display:block !important;padding:0 !important;cursor:pointer} .counteroverlink{position:absolute;margin-top:166px;margin-left:45px;background:url('files/images/pfeil_link_bbi.gif') no-repeat right center !important} .dgruen{background:#003f1d !important} .countercontainer{display:none;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden} #cboxOverlay{position:fixed; width:100%; height:100%} #cboxMiddleLeft, #cboxBottomLeft{clear:left} #cboxContent{position:relative; overflow:hidden} #cboxLoadedContent{overflow:auto} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0} #cboxTitle{margin:0} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(files/images/overlay.png) 0 0 repeat} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(files/images/controls.png) -100px 0 no-repeat} #cboxTopRight{width:21px; height:21px; background:url(files/images/controls.png) -129px 0 no-repeat} #cboxBottomLeft{width:21px; height:21px; background:url(files/images/controls.png) -100px -29px no-repeat} #cboxBottomRight{width:21px; height:21px; background:url(files/images/controls.png) -129px -29px no-repeat} #cboxMiddleLeft{width:21px; background:url(files/images/controls.png) left top repeat-y} #cboxMiddleRight{width:21px; background:url(files/images/controls.png) right top repeat-y} #cboxTopCenter{height:21px; background:url(files/images/border.png) 0 0 repeat-x} #cboxBottomCenter{height:21px; background:url(files/images/border.png) 0 -29px repeat-x} #cboxContent{background:#fff} #cboxLoadedContent{margin-bottom:28px} #cboxTitle{position:absolute; bottom:3px; left:0;height:auto; text-align:center; width:100%; color:#949494} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(files/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px} #cboxPrevious.hover{background-position:-75px -25px} #cboxNext{position:absolute; bottom:0; left:27px; background:url(files/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px} #cboxNext.hover{background-position:-50px -25px} #cboxLoadingOverlay{background:url(files/images/loading_background.png) center center no-repeat} #cboxLoadingGraphic{background:url(files/images/ajax-loading.gif) center center no-repeat} #cboxClose{position:absolute; bottom:0; right:0; background:url(files/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px} #cboxClose.hover{background-position:-25px -25px} /* The following fixes png-transparency for IE6. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=files/images/internet_explorer/borderTopLeft.png, sizingMethod='scale')} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=files/images/internet_explorer/borderTopCenter.png, sizingMethod='scale')} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=files/images/internet_explorer/borderTopRight.png, sizingMethod='scale')} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=files/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale')} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=files/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale')} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=files/images/internet_explorer/borderBottomRight.png, sizingMethod='scale')} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=files/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale')} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=files/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale')}