html { overflow-y: scroll; } html, body {height: 100%;} * {margin:0;padding:0;} *:focus {outline:none;} * a img {border:none;outline:none;} .iepngfix { behavior: url(../js/iepngfix.htc) } .clear {clear:both;} p {font-family:Arial,Verdana,Sans-serif;font-size:12px;color:#666666;} .red {color:#F69800 !important;} div#imageoverlay {position:relative;z-index: 0;height:auto !important;height: 100%;min-height:100%;background-color:transparent;} *html div#imageoverlay {height:auto !important;} *html div#imageoverlay {position:relative;z-index: 0;} /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body div#imageoverlay { height:auto!important; } } @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body div.overlayinner { height:auto !important; } } div#imageoverlay div.overlayinner {position:absolute;top:90px;bottom:75px;left:15px;right: 15px;background-color:#dbdbdb;overflow:hidden;} *html div#imageoverlay div.overlayinner {height:auto !important;height: 100%;min-height:100%;border-right:15px solid #ffffff;} *html #bgimage {position:fixed;} #bgimage {position:absolute;left:50%;top:50%;background-color:transparent;} /* Sticky Footer */ #wrap {height: auto !important;height: 100%;min-height:100%;position:relative;z-index:1;} body > #wrap {height: auto; min-height: 100%;} div#main {padding-bottom: 60px;} /* must be same height as the footer */ div#main div#inner {padding:30px} #footer {position: relative;margin-top: -60px;height: 60px;clear:both;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix { height: 1%;} .clearfix {display: block;} /* Sticky Footer Ende */ /* #menu {height:75px;background:url("../images/bg/bg_menu.jpg") repeat-x top left;position:relative;z-index:100;} */ #menu {height:75px;background:url("../images/bg/bg_menu.jpg") top left;position:relative;z-index:100;} #menu #menu_inner {width:900px;position:relative; margin:0 auto;} #menu #menu_inner .logo {padding-top:34px;} #menu #menu_inner ul {list-style-type:none;height:12px;margin:0 50px 0 174px;position:relative;bottom:11px;} #menu #menu_inner ul li {float:left;} #menu #menu_inner .slideshow_link {float:right;margin-top:35px;} #menu #menu_inner .language_flicker {position:absolute;margin-top:15px; right:0px;} #menu #menu_inner .language_flicker a { display: inline-block; width: 19px; height: 9px; background: url("../images/bg/bg_menu_de.png") no-repeat top left; text-decoration: none; } #menu #menu_inner .language_flicker a.en { background: url("../images/bg/bg_menu_en.png") no-repeat top left; } #menu #menu_inner .language_flicker a:hover { background-position:left -9px; } #menu #menu_inner ul a {display:block;height:12px;text-indent:-9999px;overflow:hidden;} #menu #menu_inner ul #aktuelles a {width:89px;background:url("../images/bg/bg_menu_aktuelles.png") no-repeat top left;} #menu #menu_inner ul #aktuelles a.en {width:53px;background:url("../images/bg/bg_menu_aktuellesen.png");} #menu #menu_inner ul #aktuelles a:hover {background-position:left -12px;} #menu #menu_inner ul #termine a {width:160px;background:url("../images/bg/bg_menu_termine.png") no-repeat top left;} #menu #menu_inner ul #termine a.en {width:142px;background:url("../images/bg/bg_menu_termineen.png");} #menu #menu_inner ul #termine a:hover {background-position:left -12px;} #menu #menu_inner ul #clueso a {width:133px;background:url("../images/bg/bg_menu_clueso.png") no-repeat top left;} #menu #menu_inner ul #clueso a.en {width:138px;background:url("../images/bg/bg_menu_cluesoen.png");} #menu #menu_inner ul #clueso a:hover {background-position:left -12px;} #menu #menu_inner ul #projekte a {width:90px;background:url("../images/bg/bg_menu_projekte.png") no-repeat top left;} #menu #menu_inner ul #projekte a.en {width:91px;background:url("../images/bg/bg_menu_projekteen.png") no-repeat top left;} #menu #menu_inner ul #projekte a:hover {background-position:left -12px;} #menu #menu_inner ul #musik a {width:65px;background:url("../images/bg/bg_menu_musik.png") no-repeat top left;} #menu #menu_inner ul #musik a.en {width:66px;background:url("../images/bg/bg_menu_musiken.png") no-repeat top left;} #menu #menu_inner ul #musik a:hover {background-position:left -12px;} #menu #menu_inner ul #videos a {width:70px;background:url("../images/bg/bg_menu_videos.png") no-repeat top left;} #menu #menu_inner ul #videos a.en {width:73px;background:url("../images/bg/bg_menu_videosen.png") no-repeat top left;} #menu #menu_inner ul #videos a:hover {background-position:left -12px;} #menu #menu_inner ul #shop a {width:58px;background:url("../images/bg/bg_menu_shop.png") no-repeat top left;} #menu #menu_inner ul #shop a.en {width:58px;background:url("../images/bg/bg_menu_shopen.png") no-repeat top left;} #menu #menu_inner ul #shop a:hover {background-position:left -12px;} #main {min-height:100%;height:auto !important;height:100%;z-index:3;position:relative;} *html #main {height:auto !important;} #main #inner { width:900px; position:relative; margin:0 auto; color:#666666; font-family:Arial,Verdana,Sans-serif; font-size:12px; } #main #inner ul{ padding-left:25px; margin-bottom:12px; } #main #inner .headline {background-color:#ffffff;padding:6px 14px 6px 14px;position:relative;top:14px;font-family:Arial,Verdana,Sans-serif;font-size:25px;color:#19171A;font-weight:bold;text-transform:uppercase;display:inline;} #main #inner .subheadline { padding:13px 0px 13px 0px; position:relative; top:10px; font-family:Arial,Verdana,Sans-serif; font-size:13px; color:#19171A; font-weight:bold; text-transform:uppercase; display:inline-block; width:600px; margin-left: 1px; } #main #inner .headline a{ text-decoration:none; color:#333333; padding: 13px; margin-left: 1px; } #main #inner .subheadline a{ text-decoration:none; color:#333333; padding: 13px; background:url(../images/bg/trans_h2.png) 0 0; margin-left: 1px; } #main #inner .subheadline span {color:#F69800;} #main #inner .subheadline.intromenu {width:auto;} #main #inner .subopener {margin-left:6px;background-color:#ffffff;padding:13px 14px 13px 14px;position:relative;top:10px;font-family:Arial,Verdana,Sans-serif;font-size:13px;color:#19171A;font-weight:bold;text-transform:uppercase;display:inline;} #main #inner .subopener a{text-decoration:none;color:#333333;} #main #inner .subopener span {color:#F69800;} #main #inner .sidebar {width:375px;background-color:white;margin-top:34px;position:relative;font-family:Arial,Verdana,Sans-serif;font-size:12px;} #main #inner .sidebar.flexibel * {height:auto !important;overflow:hidden !important;} #main #inner .sidebar .news {overflow:auto;display:block;padding-right:0 !important;width:375px !important;padding:8px 0 8px 0;} #main #inner .sidebar .news a {padding:5px 13px;display:block;text-decoration:none;position:relative;} #main #inner .sidebar .news a:hover {background-color:#EBEBEB;} #main #inner .sidebar .news a .news_date {font-family:Arial,Verdana,Sans-serif;font-size:12px;font-weight:bold;color:#F69800;} #main #inner .sidebar .news a .news_headline {font-family:Arial,Verdana,Sans-serif;font-size:13px;font-weight:bold;color:#333333;text-transform:uppercase;} #main #inner .sidebar .news a .news_teaser {font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#666666;line-height:10px;} #main #inner .sidebar .news a .news_mehr {font-family:Arial,Verdana,Sans-serif;font-size:12px;color:#191719;text-decoration:none;line-height:19px;} #main #inner .sidebar .news a .news_mehr img {margin:7px 5px 0 0;} #main #inner .sidebar .news a p {} #main #inner .sidebar .news a .besetzung {font-family:Arial,Verdana,Sans-serif;font-size:13px;color:#333333;text-transform:uppercase;font-weight:bold;} #main #inner .sidebar .news a .besetzung span {color:#F69800;} #main #inner .sidebar .news img {float:left;margin:3px 10px 3px 0;position:relative;} #main #inner .sidebar .news.shop_content {padding:15px !important;width:345px !important;} #main #inner .sidebar .news.shop_content .news_date {font-family:Arial,Verdana,Sans-serif;font-size:12px;font-weight:bold;color:#F69800;} #main #inner .sidebar .news.shop_content .news_headline {font-family:Arial,Verdana,Sans-serif;font-size:13px;font-weight:bold;color:#333333;text-transform:uppercase;margin-bottom:14px;} #main #inner .sidebar .news.shop_content .linkdiv {margin-top:18px;margin-bottom:5px;} #main #inner .sidebar .news.shop_content .link_button {margin-top:15px;background-color:#ebebeb;padding:5px 8px 5px 8px;font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#F69800;font-weight:bold;text-transform:uppercase;text-decoration:none;display:inline;} #main #inner .maincontent .shop_image {float:right;margin:0 5px;margin-top:-25px;} #main #inner .maincontent .shop_image_right {float:left;margin:0 30px;margin-top:-25px;} #main #inner .maincontent .shop_teaser {font-family:Arial,Verdana,Sans-serif;font-size:27px;color:#333333;font-weight:bold;text-transform:uppercase;line-height:34px;margin-top:10px;} #main #inner .maincontent .shop_teaser span {font-size:40px;} #main #inner .maincontent.shop p {margin-top:40px;margin-right:220px} #main #inner .maincontent a {background-color:#EBEBEB;font-family:Arial,Verdana,Sans-serif;font-size:12px;color:#F69800;text-decoration:none;line-height:19px;font-weight:bold;} #main #inner .maincontent a:hover {background-color:#EBEBEB;text-decoration:underline;font-weight:bold;} #main #inner .maincontent {width:465px;background-color:white;margin-top:35px;float:right;padding:15px;position:relative;margin-bottom:50px;} *+html #main #inner .maincontent {margin-top:34px;} *html #main #inner .maincontent {margin-top:34px;} #main #inner .maincontent h1 {font-family:Arial,Verdana,Sans-serif;font-size:13px;color:#333333;text-transform:uppercase;margin:-3px 0 18px 0;} #main #inner .maincontent .content_pics {list-style-type:none; padding-left:0} #main #inner .maincontent .content_pics li {float:left;margin-left:5px;margin-bottom:5px;height:113px;} #main #inner .maincontent .content_pics .first {margin:0 !important;} #main #inner .maincontent .content_pics a {background-color:white} #main #inner .maincontent p {margin-top:17px;} #main #inner .maincontent .linkdiv {margin-top:18px;margin-bottom:5px;} #main #inner .maincontent .link_button {margin-top:15px;background-color:#ebebeb;padding:5px 8px 5px 8px;font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#F69800;font-weight:bold;text-transform:uppercase;text-decoration:none;} #main #inner .maincontent .link_button.order {margin-right:-4px;background:url("../images/bg/order_spacer.gif") #EBEBEB no-repeat center left;} #main #inner .maincontent .link_button.first {background:#ebebeb;} #main #inner .maincontent .tickets {list-style-type:none;font-family:Arial,Verdana,Sans-serif;font-size:12px;color:#666666;margin-top:22px;padding:5px 10px 1px 0;} #main #inner .maincontent .tickets select {width:auto;} #main #inner #j_id2 .maincontent select {width:auto;} #main #inner .maincontent .tickets li {margin-bottom:4px;} #main #inner .maincontent .tickets .date {color:#333333;font-weight:bold;} #main #inner .maincontent .tickets .status {float:right;} #main #inner .maincontent .tickets .vorverkauf {text-transform:uppercase;color:#F69800;font-weight:bold;} #main #inner .maincontent .tickets .ausverkauft {text-transform:uppercase;font-style:italic;font-weight:normal;} #main #inner .maincontent .tickets .ticket {text-transform:uppercase;color:#333333;font-weight:bold;} #main #inner .maincontent .tickets .demnaechst {text-transform:uppercase;font-weight:normal;color:#999999} #main #inner .maincontent .tickets .nostatus {background:none !important;} #main #inner .maincontent .tickets .withstatus {background:url("../images/bg/bg_tickets.gif") repeat-y top right !important; padding: 0 10px 1px 0;} #main #inner .maincontent .tickets .withstatus a {text-decoration:none !important;line-height:14px} #main #inner .maincontent #musicplayer {width:225px;float:right;list-style-type:none;} #main #inner .maincontent #musicplayer a {font-family:Arial,Verdana,Sans-serif;font-size:10px;color:#666666;text-decoration:none;display:block;} #main #inner .maincontent #musicplayer a:hover {font-family:Arial,Verdana,Sans-serif;font-size:10px;color:#F69800;text-decoration:none;display:block;} #main #inner .maincontent #musicplayer .ui-state-active {color:#666666;} #main #inner .maincontent #musicplayer li {background-color:#ebebeb;margin-bottom:2px;text-transform:uppercase;padding:3px 5px 3px 5px;} #main #inner .maincontent #musicplayer li span {float:right;} #main #inner .maincontent #musicplayer .nomp3 {font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#666666;text-decoration:none;display:block;} #main #inner .maincontent #musicplayer li .player {margin-top:0;} #main #inner .maincontent #musicplayer li.cd {background-color:#DEDEDE;font-size:11px;font-weight:bold;margin-bottom:2px;text-transform:uppercase;padding:3px 5px 3px 5px;border-bottom:1px solid #000000;margin-top:8px;} #main #inner .maincontent .player_content {width:225px; position: relative; right: 0px; } #main #inner .maincontent #musicplayer_2 {width:225px;float:left;list-style-type:none;} #main #inner .maincontent #musicplayer_2 a {font-family:Arial,Verdana,Sans-serif;font-size:10px;color:#666666;text-decoration:none;display:block;} #main #inner .maincontent #musicplayer_2 a:hover {font-family:Arial,Verdana,Sans-serif;font-size:10px;color:#F69800;text-decoration:none;display:block;} #main #inner .maincontent #musicplayer_2 .ui-state-active {color:#666666;} #main #inner .maincontent #musicplayer_2 li {background-color:#ebebeb;margin-bottom:2px;text-transform:uppercase;padding:3px 5px 3px 5px;} #main #inner .maincontent #musicplayer_2 li span {float:right;} #main #inner .maincontent #musicplayer_2 .nomp3 {font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#666666;text-decoration:none;display:block;} #main #inner .maincontent #musicplayer_2 li .player {margin-top:0;} #main #inner .maincontent #musicplayer_2 li.cd {background-color:#DEDEDE;font-size:11px;font-weight:bold;margin-bottom:2px;text-transform:uppercase;padding:3px 5px 3px 5px;border-bottom:1px solid #000000;margin-top:8px;} #main #inner .maincontent #musicplayer_2_big {width:460px;float:left;list-style-type:none;} #main #inner .maincontent #musicplayer_2_big a {font-family:Arial,Verdana,Sans-serif;font-size:10px;color:#666666;text-decoration:none;display:block;} #main #inner .maincontent #musicplayer_2_big a:hover {font-family:Arial,Verdana,Sans-serif;font-size:10px;color:#F69800;text-decoration:none;display:block;} #main #inner .maincontent #musicplayer_2_big .ui-state-active {color:#666666;} #main #inner .maincontent #musicplayer_2_big li {background-color:#ebebeb;margin-bottom:2px;text-transform:uppercase;padding:3px 5px 3px 5px;} #main #inner .maincontent #musicplayer_2_big li span {float:right;} #main #inner .maincontent #musicplayer_2_big .nomp3 {font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#666666;text-decoration:none;display:block;} #main #inner .maincontent #musicplayer_2_big li .player {margin-top:0;} #main #inner .maincontent #musicplayer_2_big li.cd {background-color:#DEDEDE;font-size:11px;font-weight:bold;margin-bottom:2px;text-transform:uppercase;padding:3px 5px 3px 5px;border-bottom:1px solid #000000;margin-top:8px;} #main #inner .maincontent #videolink {width:225px;float:right;list-style-type:none;} #main #inner .maincontent #videolink a {font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#666666;text-decoration:none;display:block;} #main #inner .maincontent #videolink .ui-state-active {color:#333333;} #main #inner .maincontent #videolink li {background-color:#ebebeb;margin-bottom:2px;text-transform:uppercase;padding:3px 5px 3px 5px;} #main #inner .maincontent #videolink li span {float:right;} #main #inner .maincontent #videolink .videolink a {color: #F69800} #main #inner .maincontent #videolink .nomp3 {font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#666666;text-decoration:none;display:block;} #main #inner .maincontent #videolink li .player {margin-top:0;} #main #inner .shop .linkdiv.shoplink {position:absolute;bottom:15px;} #main #inner .opener {} #main #inner .opener.left {} #main #inner .opener.right {float:right;text-align:right;} #main #inner .opener div {margin-bottom:13px;} #main #inner .opener h1 {background-color:#ffffff;padding:5px 8px 5px 8px;font-family:Arial,Verdana,Sans-serif;font-size:18px;color:#191719;font-weight:bold;text-transform:uppercase;text-decoration:none;display:inline;} #main #inner .opener h2 {background-color:#ffffff;padding:5px 8px 5px 8px;font-family:Arial,Verdana,Sans-serif;font-size:60px;color:#191719;font-weight:bold;text-transform:uppercase;text-decoration:none;display:inline;} #main #inner .opener h3 {background-color:#ffffff;padding:5px 8px 5px 8px;font-family:Arial,Verdana,Sans-serif;font-size:40px;color:#191719;font-weight:bold;text-transform:uppercase;text-decoration:none;display:inline;} #main #inner .opener a {background-color:#F69800;padding:5px 8px 5px 8px;font-family:Arial,Verdana,Sans-serif;font-size:18px;color:#ffffff;font-weight:bold;text-transform:uppercase;text-decoration:none;display:inline;} #footer {background-color:#E6E6E6;} *html #footer {border-top:15px solid #ffffff;} #footer .footer_content {width:900px;position:relative;margin:0 auto;} #footer .footer_content ul {list-style-type:none;padding-top:20px;padding-right:20px;} #footer .footer_content ul li {float:left;margin-right:20px;} #footer .footer_content ul a {display:block;height:20px;} #footer .footer_content ul a {text-indent:-9999px;overflow:hidden;} /* #footer .footer_content ul .secondred a {width:106px;background:url("../images/logos/secondred.png") no-repeat top left;} */ /* footer content network */ #footer .footer_content .networkcontent ul {list-style-type:none; padding:0px;margin-top:-8px;} #footer .footer_content .networkcontent ul li {float:left;margin-right:5px;} #footer .footer_content .networkcontent ul a {display:block;height:20px;} #footer .footer_content .networkcontent ul a {text-indent:-9999px;overflow:hidden;} /* #footer .footer_content ul .secondred a {width:106px;background:url("../images/logos/secondred.png") no-repeat top left;} */ #footer .footer_content .networkcontent ul .facebook a {margin-top:-3px;height:25px;width:29px;background:url("../images/logos/facebook.png") no-repeat top left;} #footer .footer_content .networkcontent ul .facebook a:hover {background-position: left -26px;} #footer .footer_content .networkcontent ul .myspace a {width:96px;background:url("../images/logos/myspace.png") no-repeat top left;} #footer .footer_content .networkcontent ul .myspace a:hover {background-position: left -22px;} #footer .footer_content .networkcontent ul .rss a {width:45px;background:url("../images/logos/rss.png") no-repeat top left;} #footer .footer_content .networkcontent ul .rss a:hover {background-position: left -24px;} #footer .footer_content .networkcontent ul .forum a {width:54px;background:url("../images/logos/forum.png") no-repeat top left;} #footer .footer_content .networkcontent ul .forum a:hover {background-position: left -24px;} #footer .footer_content .networkcontent ul .vimeo a {margin-top:-3px;height:25px;width:67px;background:url("../images/logos/vimeo.png") no-repeat top left;} #footer .footer_content .networkcontent ul .vimeo a:hover {background-position: left -22px;} #footer .footer_content .networkcontent ul .twitter a {margin-top:-3px;height:25px;width:29px;background:url("../images/logos/twitter.png") no-repeat top left;} #footer .footer_content .networkcontent ul .twitter a:hover {background-position: left -26px;} #footer .footer_content .impressum_links {float:right;padding:0 0 0 40px;position:relative; top:20px;border-left:1px solid #999999;} #footer .footer_content .impressum_links li {margin-right:0;} #footer .footer_content .impressum_links .mailing a {width:91px;background:url("../images/bg/bg_footer_mailing.png") no-repeat top left;} #footer .footer_content .impressum_links .impressum a {width:79px;background:url("../images/bg/bg_footer_impressum.png") no-repeat top left;} #footer .footer_content .impressum_links a:hover {background-position: left -20px;} .mailform {height:5px;width:171px;background-color:#e6e6e6;position:absolute;bottom:45px;left:55px;border:15px solid #ffffff; border-bottom:0px;padding:15px 0 15px 15px;} *+html .mailform {bottom:40px;} *html .mailform {bottom:40px;} .mailform input {border:0px;width:107px;height:14px;font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#666666;padding:3px;} .mailform a {border:none;float:right;margin-right:15px;} *+html .mailform a {margin-top:1px;} *html .mailform a {margin-top:1px;} .networkcontent {height:5px;width:380px;background-color:#e6e6e6;position:absolute;bottom:45px;left:155px;border:15px solid #ffffff; border-bottom:0px;padding:15px 0 15px 15px;} *+html .networkcontent {bottom:40px;} *html .networkcontent {bottom:40px;} .networkcontent a {border:none;margin-right:5px;} /* -- .networkcontent a {border:none;float:right;margin-right:15px;} -- */ *+html .networkcontent a {margin-top:1px;} *html .networkcontent a {margin-top:1px;} /* -- Erweiterung A.BE - 14.06.2010 -- */ div#footer ul.menu { margin:0; padding:16px 0 0 0;} div#footer ul.menu li { background-image:url(../images/bg_images/spacer.gif); background-repeat:no-repeat; background-position:left bottom; padding-left:5px; margin-right:4px; float:left; } div#footer ul.menu li.right { background-image:url(../images/bg_images/spacer2.gif); background-repeat:no-repeat; background-position:left bottom; height:29px; padding:0px 0px 0px 5px; float:left; } div#footer ul.menu li.first, div#footer ul.menu li:first-child { background-image:none; padding-left:0; margin-right:4px; } div#footer ul.menu li a { height:31px; background-image:url(../images/bg_images/footersprite.png); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; } div#footer ul.menu li a.en { background-image:url(../images/bg_images/footerspriteen.png); } div#footer ul.menu li.tickets a {margin-top:7px;height:15px;width:58px; background-position:0 -29px;} div#footer ul.menu li.mailinglist a {margin-top:7px;height:15px;width:93px; background-position:-58px 0;} div#footer ul.menu li.network a {margin-top:7px;height:15px;width:82px; background-position:-151px 0;} div#footer ul.menu li.network a.en {margin-top:7px;height:15px;width:82px; background-position:-151px 0;} div#footer ul.menu li.impressum a {margin-top:7px;height:15px;width:82px; background-position:-227px 0;} div#footer ul.menu li.zugHafen a {margin:7px 10px 0px 10px;height:15px;width:120px; background-position:-341px 0} div#footer ul.menu li.fourmusic a {margin-left:10px;margin-right:10px;width:50px; background-position:-461px 0} div#footer ul.menu li.secondred a {margin-left:10px;margin-right:10px;width:100px; background-position:-521px 0} div#footer ul.menu li.tickets a:hover {width:58px; background-position:0 -15px;} div#footer ul.menu li.mailinglist a:hover {width:93px;background-position:-58px -15px;} div#footer ul.menu li.network a:hover {width:82px;background-position:-151px -15px;} div#footer ul.menu li.impressum a:hover {width:82px;background-position:-227px -15px;} div#footer ul.menu li.zugHafen a:hover {width:120px;background-position:-341px -17px} div#footer ul.menu li.fourmusic a:hover {width:50px;background-position:-461px -29px} div#footer ul.menu li.secondred a:hover {width:100px; background-position:-521px -29px} /* Webkit - Hack */ @media screen and (-webkit-min-device-pixel-ratio:0) { .mailform { bottom:45px; } .networkcontent { bottom:45px; } } /* Verschiedene wieder verwertbare Klassen */ .fltrt {float: right;} .fltlft {float: left;} .clearfloat {clear:both;height:0;font-size: 1px; line-height: 0px;} /* -- Erweiterung C.MA - 08.07.2010 -- */ #main #inner .sidebar.sidebar_impressum a {margin-top:5px;background-color:#ebebeb;padding:5px 8px 5px 8px;font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#F69800;font-weight:bold;text-transform:uppercase;text-decoration:none;display:inline-block;} *html #main #inner .sidebar.sidebar_impressum a {width:10px;} #main #inner .sidebar.sidebar_impressum p {margin:10px 0 15px 0;} /* -- Erweiterung S.B. - 07.03.2011 - englische Information zu Tracks */ div.player_content div.en_musik_detail_track_info { position: absolute; top: 0px; right: 0px; display: none;background-color:#FFFFFF; overflow-x: hidden; overflow: hidden; padding-top: 7px; } div.player_content div.en_musik_detail_track_info .content {width: 100%; display: block; overflow: hidden; } a.close_en_info_link { margin-left: 10px; margin-bottom: 10px; background-color: none; padding:2px 8px; } div#musik_detail_content div.linkdiv {width: 225px; } div.close_en_info_link_div {width: 225px; text-align: right; margin-bottom: 6px;} /* -- Erweiterung C.MA - 09.03.2011 -- */ #main #inner .sidebar .news.login {padding-left:13px !important;padding-right:13px;} #main #inner .sidebar .news.login .login_headline {font-family:Arial,Verdana,Sans-serif;font-size:13px;color:#333333;text-transform:uppercase;font-weight:bold;margin-bottom:15px;} #main #inner .sidebar .news.login .login_headline span {color:#F69800;} #main #inner .sidebar .news.login a.clear {text-decoration:none;position:relative;display:inline;padding:0;color:#F69800} #main #inner .sidebar .news.login a.clear:hover {background-color:#EBEBEB;} #main #inner .maincontent .space_line {display:block;height:1px;line-height:1px;overflow:hidden;background-color:#E0E0E0;margin:20px 0;} #main #inner .login_form {list-style-type:none;padding:0;margin:20px 0 14px 0;} #main #inner .login_form li {margin-bottom:6px;} #main #inner .login_form .caption {padding:5px 10px 0 10px;display:block;width:145px;height:22px !important;background:#F7F7F7;float:left;} #main #inner .login_form .caption.large {height:39px !important;} #main #inner .login_form .caption a {text-deoration:none;background:none;color:#333333;font-weight:normal;font-size:11px;} #main #inner .login_form .caption a:hover {text-decoration:none;color:#666666;} #main #inner .login_form .caption a span {text-decoration:underline;} #main #inner .login_form .caption span.required {color:#F69800;} #main #inner .login_form .form_input input {line-height:21px;padding:2px 10px 0 10px;display:inline;width:280px;height:25px !important;background:#EFEFEF;border:none;font-family:Arial,Verdana,Sans-serif;font-size:12px;color:#333333;} *+html #main #inner .login_form .form_input input {float:right;margin-top:-15px;float:clear;} *html #main #inner .login_form .form_input input {float:right;margin-top:-16px;float:clear;width:260px;margin-left:-3px;} #main #inner .login_form .form_input input.form_strasse {width:200px;} #main #inner .login_form .form_input input.form_nr {width:54px;margin-left:6px;} #main #inner .login_form .form_checkbox {height:25px !important;background:#EFEFEF;border:none;font-family:Arial,Verdana,Sans-serif;font-size:12px;color:#333333;} #main #inner .login_form .form_checkbox input {margin:5px 2px 0 5px; display:inline;background:#EFEFEF;border:none;} #main #inner .login_form .form_checkbox.large {height:45px !important;background:#EFEFEF;border:none;font-family:Arial,Verdana,Sans-serif;font-size:12px;color:#333333;} #main #inner .login_form .form_checkbox.large span {margin-top:-2px} #main #inner .login_form .datenschutz {width:465px;background:#FFF;border:none;font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#333333;padding-top:10px} #main #inner .maincontent .link_button.inactive {margin-top:15px;background-color:#ebebeb;padding:5px 8px 5px 8px;font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#333333;font-weight:normal;text-transform:uppercase;text-decoration:none;} #main #inner .maincontent .linkdiv {margin-right:2px;} #main #inner .maincontent .tickets_download {list-style-type:none;background:#F7F7F7;padding:0;} #main #inner .maincontent .tickets_download li {padding:10px;border-bottom:6px solid #fff;} #main #inner .maincontent .tickets_download .ticket_download_caption {width:155px;float:left;line-height:18px;color:#333;} #main #inner .maincontent .tickets_download .ticket_download_values {margin-left:155px;line-height:18px;} #main #inner .sidebar .news.login .meinedaten {padding:0;width:350px;list-style-type:none;} #main #inner .sidebar .news.login .meinedaten li {border-top:1px solid #E0E0E0;padding:13px 0;} #main #inner .sidebar .news.login .meinedaten li li {padding:0;border:none;} #main #inner .sidebar .news.login .meinedaten li.first {border:none;padding-top:0;} #main #inner .sidebar .news.login .meinedaten_left {width:112px;float:left;line-height:18px;color:#333;} #main #inner .sidebar .news.login .meinedaten_middle {width:179px;float:left;line-height:18px;} #main #inner .sidebar .news.login .meinedaten_aendern {float:left;} #main #inner .sidebar .news.login .meinedaten_aendern a {padding:0;line-height:18px;color:#191719;font-size:11px;} #main #inner .sidebar .news.login .meinedaten_aendern a:hover {background:none;} #main #inner .sidebar .news.login .meinedaten_aendern a img {margin:7px 5px 0 0;} #main #inner .sidebar .login_form .caption {display:block;width:100px;} #main #inner .sidebar .login_form .form_input input {display:inline;width:210px;} *+html #main #inner .sidebar .login_form .form_input input {margin-top:-1px;} *html #main #inner .sidebar .login_form .form_input input {margin-top:-16px;} #main #inner .sidebar .linkdiv {overflow:visible !important;} #main #inner .sidebar .link_button {display:inline !important;margin-top:15px;background-color:#ebebeb;padding:5px 8px 5px 8px;font-family:Arial,Verdana,Sans-serif;font-size:11px;color:#F69800;font-weight:bold;text-transform:uppercase;text-decoration:none;} #main #inner .sidebar .link_button:hover {text-decoration:underline;} *+html #main #inner .maincontent .linkdiv.fltlft .link_button {line-height:50px;} *+html #main #inner .maincontent .linkdiv.fltlft {margin-top:-10px !important;} #main #inner .opener a {color:#000;} #main #inner .opener a:hover {color:#fff;} #main #inner .sidebar .news.shop_content .linkdiv.shoplink a {background:#F69800;color:#000;font-size:15px;} #main #inner .sidebar .news.shop_content .linkdiv.shoplink a:hover {color:#fff;} #main #inner select {width:500px;} *+html #main #inner .login_form .selectMenu {float:right;margin-top:-15px;float:clear;} *html #main #inner .login_form .selectMenu {float:right;margin-top:-15px;width:200px;margin-left:-3px;} #main #inner .selectMenu {display:inline-block;height:22px;padding:5px 10px 0 10px;background:url(../images/buttons/btn_select.gif) #EFEFEF no-repeat right center;width:280px !important;} #main #inner .selectMenu .styleSelect_item {background:#F7F7F7;margin-top:0px;width:298px !important;border-left:2px solid #ccc;} #main #inner .selectMenu .styleSelect_item_content ul {list-style-type:none;padding:0;margin:0;} #main #inner .selectMenu .styleSelect_item_content li {border-bottom:2px solid #fff;padding:6px 10px;margin:0;} #main #inner .selectMenu .styleSelect_item_content li:hover {background:#EFEFEF;} /* -- Erweiterung C.MA - 28.03.2011 - DOWNLOAD Link -- */ div#footer ul.menu li.download a {margin-top:7px;height:15px;width:93px; background-position:0 -74px;} div#footer ul.menu li.download a:hover {width:93px; background-position:0 -59px;} /* -- Erweiterung S.B - 2011-09-12 social media */ div.maincontent div.socialmedia { float: right; padding-top: 8px;} /* -- Erweiterung C.M. - 2011-09-14 Tickets */ #main #inner .maincontent .tickets li div {margin-left:70px;width:268px;} *+html #main #inner .maincontent .tickets li div {position:relative;top:-15px;} *html #main #inner .maincontent .tickets li div {position:relative;top:-15px;} #main #inner .maincontent .tickets .date {float:left;} div#video_box { display: table; text-align:center; height:100%; width:100%; } div#video_player_opener { display: table-cell; height:100%; width:100%; vertical-align: middle; } /* -- Erweiterung C.M. - 2011-11-02 Submenü */ *+html #main #inner .subheadline {display:inline;top:23px;} *html #main #inner .subheadline {display:inline;top:23px;} *+html #main #inner .innerhead h1 {height:33px;margin-bottom:15px;} *html #main #inner .innerhead h1 {height:33px;margin-bottom:15px;} .artikelloader_content { width: auto; padding: 15px; margin: 15px; color: #666666; font-size: 12px; font-family: Arial,Verdana,Sans-serif; position: relative; } #main #inner .maincontent.singlerow { float: none; width: 100%; }