/* /* ========================================== ========================================== ========================================== DEFAULT DEFINITION ========================================== ========================================== ========================================== */ /* reset paddings & margins */ /* 100% page height - so footer can sit bottom of the page */ html {height:100%} /* main body tag styles */ body {height:100%; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px; margin:0; padding:0; text-align:center; background:#d2d2d2 url(../img/page-construct/bg-bodypage.png) top center no-repeat} /* default img border */ img {border:0 solid} /* A tags */ a {color:#920a2c; text-decoration:none} a:hover {text-decoration:underline} label { cursor:pointer } input[type="checkbox"] { cursor:pointer } .cursor-default {cursor:default !important} /* p body text in right content part */ #right-content-main p, #right-content-navigation p {padding:0 0 15px 0; margin:0; line-height:16px; /*overflow:auto;*/ word-wrap:break-word} /* p body text in left content part */ #left-content-part p {padding:0 0 15px 0;margin:0} .clear {clear:both; height:0; font-size:1%} /* for upperase text format */ .uppercase{text-transform:uppercase} /* for italic & bold style */ .italic { font-style: italic } /* font weight definitions */ strong, .bold {font-weight:700} /* font weight normal */ .normal {font-weight:400 !important} /* style for hidden element */ .hidden { display: none } .txt-gray {color:#929292} .txt-graydark { color:#666 } .txt-important { color:red; font-weight:700 } /* table td middle align */ .middle{vertical-align:middle} /* text class */ .test { background-color:red } /* important text */ .important { color:#920a2c; font-weight:700 } /* content list definition for left and right content part */ #content ul, #right-content-main ul {padding:0; margin:0; list-style:none; padding-left:10px; padding-bottom:15px} #content ul li, #right-content-main ul li {padding:0; margin:0; padding-left:10px; background: url(../img/page-construct/bullet_dot.gif) no-repeat left 5px} #content ul {clear:both} #right-content-main ul li {overflow:auto; word-wrap:break-word} /* custom styles for speaker info column tools */ #right-content-main ul.speaker-info-tools {padding-left:0} #right-content-main ul.speaker-info-tools li {background:url('../img/page-construct/bullet_raquo.png') no-repeat left 5px} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* small icons definitions 16x20px */ .link, .email, .phone, .address {padding-left:25px; padding-bottom:13px; background-repeat:no-repeat; background-position:top left} .link {background-image:url(../img/page-construct/ico_link-web.png)} .email {background-image:url(../img/page-construct/ico_link-email.png)} .phone {background-image:url(../img/page-construct/ico_phone.png)} .address {background-image:url(../img/page-construct/ico_envelope.png)} /* small icons definitions */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* form definitions */ h4 .pflichtfeld{color:#920a2c;font-size:11px;font-weight:normal} h4.small-text{font-size:11px} form{padding:0;margin:0} /* delete account profile container definitions */ #delete-account {padding-left:15px; background:#fbeef1} #delete-account a {height:35px; line-height:35px; display:block; background: url(../img/page-construct/ico-delete.png) left no-repeat; padding:0 40px 0 20px} /* definitions for table */ #form-table table table{table-layout:fixed} #form-table table{width:100%} #form-table table.login{width:271px} #form-table table td{vertical-align:top;padding-bottom:0} /* definition table spacer */ #form-table .table-spacer{height:12px} #form-table .spacer{height:30px} /* definition for labels */ label { cursor:pointer;font-weight:700 } label.required, label.required-right { color:#920a2c } #form-table td.label-right, #form-table td.texfield-right, #form-table td.error-right{padding-left:15px} #form-table td.label, #form-table td.texfield, #form-table td.error{padding-right:12px;font-size:11px} #form-table td.error{padding-right:18px} /* for error message */ #form-table td.error, #form-table td.error-right{font-size:10px;padding-bottom:3px} #form-table label.error{color:red;font-weight:normal} td.gray-text{color:#4f4f4f} /* for texfield */ #form-table td.texfield input, #form-table td.texfield-right input{height:19px} #form-table td.login-texfield input, #form-table td.login-texfield-right input{height:22px} /* RADIO button styles */ input[type="radio"] { height:auto !important; vertical-align:-2px } #form-table td.texfield input[type="text"], #form-table td.texfield input[type="password"], #form-table td.texfield-right input[type="text"], #form-table td.texfield-right input[type="password"], #form-table td.login-texfield input[type="text"], #form-table td.login-texfield input[type="password"], #form-table td.login-texfield-right input[type="text"], #form-table td.login-texfield-right input[type="password"] {width:267px; background:url(../img/form/bg-input.png) no-repeat;border:none;padding-top:3px;padding-left:4px} /* only for checkbox */ #form-table input.checkbox {margin:0 10px} #form-table td.checkbox{width:30px} #form-table td.checkbox-registration{width:30px;vertical-align:middle} /* only for checkbox */ #form-table select {width:271px; height:22px; padding-left:4px; background:url(../img/form/bg-input.png) no-repeat; border:none} /* definition for form - send */ #form-table .form-send {height:23px; background:#f7f7f7; padding:15px 20px; text-align:right} /* form definitions */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ========================================== ========================================== ========================================== MAIN CONSTRUCT DEFINITION ========================================== ========================================== ========================================== */ /* default construct elements */ /* content blocks - spacer (this apply for all content blocks) */ .content-spacer {padding-bottom:20px} .multiple-elements {margin-top:20px} /* main content container */ #main-con {position:relative; width:963px; min-height:100%; text-align:left; margin:0 auto; background:url(../img/page-construct/bg-main-content.jpg) repeat-y} /* special settings for frontpage page height (cannot use above styles because frontpage is not stretched verticaly) */ #body-56 #main-con {min-height:inherit} /* 2px spacer box on top page*/ #stripeline-top {height:2px} /* box for flash newsticket*/ #newsticket {height:16px; background:#920a2c} /*padding left & right 12px*/ .main-spacing {padding:0 12px} /* =============================================================== styles for TOP MENU, LANGUAGES, QUICK SEACH =============================================================== */ #top-menu-con {height:36px;background:#f5f5f5; border-bottom:1px #b4b6b4 solid} #top-menu,#lang-con {float:left} #top-menu {width:620px;line-height:36px} /*styles ulul for top menu*/ ul.top-menu {list-style:none;border:none;float:left;margin:0 auto;padding:0} ul.top-menu li, ul.top-menu li.spacer {float:left} /*spacer for li in top menu*/ ul.top-menu li.spacer {padding:0 5px 0 5px} ul.top-menu a {display:block;text-decoration:none;text-align:center;padding:0;color:#000} #top-menu a {text-decoration:none;text-align:center;padding:0;color:#000} ul.top-menu a:hover, #top-menu a:hover {text-decoration:underline} /* gallery image button in top menu */ .gallery-btn { position:relative; float:left; width:115px; height:36px; margin:0; padding:0 } .gallery-btn img { } .gallery-btn span { display:block; position:absolute; width:115px; height:36px; left:0; right:0; top:0; bottom:0; background:url(../img/page-construct/gallery-menu-overlay.png) top center no-repeat; cursor:pointer } .gallery-btn:hover span { display:block; position:absolute; width:115px; height:36px; background:url(../img/page-construct/gallery-menu-overlay.png) bottom center no-repeat } /* login and logout image button in top menu */ .login-btn { display:block; float:left; width:93px; height:21px; margin-top:7px; background:url(../img/page-construct/login-btn.png) top center } .login-btn:hover { background:url(../img/page-construct/login-btn.png) bottom center no-repeat } .logout-btn { display:block; float:left; width:93px; height:21px; margin-top:7px; background:url(../img/page-construct/logout-btn.png) top center } .logout-btn:hover { background:url(../img/page-construct/logout-btn.png) bottom center no-repeat } /* box for language switches*/ #lang-con {width:196px;background: url(../img/page-construct/bg-language-switches.png) top no-repeat;margin-top:2px} #flag-description, #flags {float:left} /* box for flag description English & German */ #flag-description {color:#696969;width:54px;text-align:right;padding-right:12px;line-height:34px} /*quick search form on top page*/ #qsearch {width:223px;float:right;color:#920a2c;font-weight:700;padding-top:6px;text-align:right} /*input in top quick search form*/ #qsearch .input, #qsearch .title {float:right} #qsearch .input input {width:160px;height:19px;border:1px solid #7c7c7c;background: url(../img/page-construct/bg-input-qsearch.png) no-repeat;padding:2px 5px 0 3px} #qsearch .title {padding:6px 7px 0 0;text-align:right} /* ========================================== styles for LOGO & BANNER ========================================== */ span.print-header {display:none} #header {height:124px;background: url(../img/page-construct/bg-top-box.jpg) no-repeat} #logo-box, #banner-box {float:left} #logo-box {width:387px} #banner-box {width:576px;height:124px;background: url(../img/page-construct/bg-top-banner.png) no-repeat} #banner-box .banner {padding:35px 0 0 95px} /* ========================================== styles for MAIN MENU ========================================== */ #main-menu {height:30px; line-height:30px; background: url(../img/page-construct/bg-main-menu.png) no-repeat; border-bottom:1px #fff solid} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FRONT PAGE STYLES */ #frontpage-main-content {position:relative; background:url(../img/page-construct/bg-end-content-frontpage.png) #f7f7f7 no-repeat bottom} .frontpage-spacer {height:20px;clear:both} /* styles for login box on front page */ #frontpage-login-con {float:right;width:172px;height:220px;background:#ebebeb} #frontpage-login-con .title {font-weight:700;line-height:27px;background:#000;color:#fff;padding:0 12px} #frontpage-login-con .content {padding:0 12px} /* =========== styles for front page element =========== */ /* padding left & right 12px for all box in frontpage element */ .frontpage-el-title, .frontpage-el-content, .frontpage-el-footer {padding:0 12px} .frontpage-el-title {line-height:26px;height:26px;background-color:#920a2c;color:#fff} .frontpage-el-title .left {float:left;font-size:12px;font-weight:700} .frontpage-el-title .right {float:right;font-size:12px} /* definitions for FrontPage */ .frontpage-el-content {height:148px; padding-top:10px; padding-bottom:10px; background-color:#ebebeb} #toparticle-title {font-size:12px; font-weight:700; padding-bottom:3px; padding-top:5px} #toparticle-title .article-info {font-size:10px; color:#7d7c7c; font-weight:normal; display:block} #toparticle-body {height:91px; overflow:hidden; width:533px} /* Article Logos definitions */ .articlefrontpage-logo {float:right} .articlelist-logo {float:right} #articles_list_items .articlelist-logo {float:right; padding-top:8px} .articlecontent-logo {float:right} /* footer tool buttons */ .frontpage-el-footer {font-size:10px; height:16px; line-height:16px; background-color:#dedede} .frontpage-el-footer .left {float:left} .frontpage-el-footer .left span {color:#fff; padding:1px 22px 2px; background-color:#711428; cursor:pointer} .frontpage-el-footer .left span:hover {background-color:#920a2c} .frontpage-el-footer .right {float:right} .frontpage-el-footer .right a:hover {color:#000; text-decoration:none} #btn_articles_more:hover {color:#920a2c; text-decoration:underline} #frontpage-articles-con {height:230px} #frontpage-articles-con .shadow-top, #frontpage-articles-con .shadow-bottom {position:absolute; height:10px; z-index:99px} #frontpage-articles-con .shadow-top {background: url(../img/frontpage/bg_articles-shadow-top.png) no-repeat; top:26px; z-index:1} #frontpage-articles-con .shadow-bottom {background: url(../img/frontpage/bg_articles-shadow-bottom.png) no-repeat; bottom:36px; z-index:1} #frontpage-article-detail .shadow-top, #frontpage-article-detail .shadow-bottom {background-position:left; width:557px} #frontpage-articles .shadow-top, #frontpage-articles .shadow-bottom {background-position:right; width:382px} #articles_list_items {background: #E2E2E2; padding:0; height:167px; padding-top:1px} .article-arrow-top, .article-arrow-bottom {position:absolute; width:60px; height:88px; right:0; background:red; cursor:pointer} .article-arrow-top {top:26px; background: url(../img/frontpage/article-arrow-up.png) top right no-repeat} .article-arrow-top:hover {background: url(../img/frontpage/article-arrow-up-over.png) top right no-repeat} .article-arrow-bottom {top:105px; background: url(../img/frontpage/article-arrow-down.png) bottom right no-repeat} .article-arrow-bottom:hover {background: url(../img/frontpage/article-arrow-down-over.png) bottom right no-repeat} #articles_filter {background: url(../img/frontpage/bg_articlefilter.png) no-repeat left top; z-index:50; position:relative} #articles_filter .frontpage-el-title {background: none!important; color:#fff!important; z-index:10; height:34px} #articles_filter .frontpage-el-title .right img {padding-top:5px} #articles_filter .frontpage-el-title .left {padding-top:4px} #articles_filter .frontpage-el-content {background: none; padding:10px 0 10px 35px; height:140px} #articles_filter .select-options {position: absolute; bottom: 2px; right:12px; color:#FFFFFF; font-size:10px} #articles_filter .select-options span {margin-left: 5px; cursor: pointer} #articles_filter .select-options span:hover {text-decoration:underline} #btn_articles_filter {font-size:10px; font-weight:700; color:#920a2c; background: url(../img/frontpage/bg_filter-link.png) no-repeat left; padding-left:14px; cursor:pointer} #btn_articles_filter:hover {text-decoration:underline} /* ARTICLE DETAIL & ARTICLE LIST */ #frontpage-articles, #frontpage-article-detail {padding-bottom:20px} #frontpage-articles {float:right; height:210px; width:382px; position:relative} #frontpage-article-detail {float:left; width:557px; position:relative} #frontpage-article-detail .frontpage-el-content {overflow:hidden; height:420px; background: url(../img/frontpage/bg_frontpage-article-detail-content.png) right no-repeat #EBEBEB} #frontpage-article-detail .frontpage-el-content-small {height:148px} #frontpage-articles-con .gradient-overlay {position:absolute; height:43px; width:540px; top:150px; left:0; background:url('../img/frontpage/bg_articledetail.png') transparent center bottom repeat-x} #frontpage-article-detail .frontpage-el-title {font-size:13px} #frontpage-article-detail .frontpage-el-footer .left {position:absolute; top:165px} #frontpage-article-detail .frontpage-el-title, #frontpage-articles .frontpage-el-title {background: url(../img/frontpage/bg_articles-box-title.png) #fff repeat-x; color:#920a2c} #frontpage-article-detail .frontpage-el-footer, #frontpage-articles .frontpage-el-footer {background: url(../img/frontpage/bg_articles-box-footer.png) #fff repeat-x; color:#920a2c} #frontpage-articles .frontpage-el-footer {padding-left:0px} #frontpage-articles .frontpage-el-title .right {font-size:11px} #frontpage-articles .frontpage-el-title #articles-filter-btn-ok img {font-size:11px; cursor: pointer;} #frontpage-articles .frontpage-el-content {padding-right:0} #articles_list .frontpage-el-content {overflow:hidden} #articles_filter .frontpage-el-content {overflow:auto;color:#fff} #articles_filter .frontpage-el-content .column {float:left;width:160px;padding-right:10px} #articles_filter .filtersList_item {padding-bottom:10px} /* */ #frontpage-articles .articleList_item {height:42px; background: url(../img/frontpage/bg_articles-box-item.png) right no-repeat; padding-left:15px; padding-right:10px} #frontpage-articles .articleList_item .content a {color:#920a2c; font-size:11px; font-weight:700} #frontpage-articles .articleList_item .content {padding-top:8px; height:26px; overflow:hidden; width:250px} #frontpage-articles .articleList_item .content .title {font-size:10px; color:#7d7c7c} /* styles for checkbox on frontpage - filter artikel */ span.checkbox {width:10px;height:10px;padding: 0 5px 0 0;margin-top:1px;background: url(../img/page-construct/frontpage-checkbox.png) no-repeat;float:left;cursor:pointer} span.category-name {width:145px;float:right;cursor:pointer} label.category-name {width:145px;float:right;cursor:pointer} label.category-name:hover {text-decoration:underline} /* styles for login on fornt page */ #frontpage-main-content #not-logged-in, #frontpage-main-content #logged-in, #frontpage-main-content .person-info-con , #frontpage-main-content #not-logged-in .form {background:none} #frontpage-main-content #not-logged-in, #frontpage-main-content #logged-in {padding:8px 8px 12px} #frontpage-main-content .person-info-con {padding-bottom:0;height:80px;overflow:hidden} #frontpage-main-content #not-logged-in-con {height:194px; background: url(../img/page-construct/icon-lock-closed.png) no-repeat 140px 140px} #frontpage-main-content #logged-in-con {height:194px; background: url(../img/page-construct/icon-lock-opened.png) no-repeat 130px 150px} #frontpage-main-content #logged-in .person-name {background: url(../img/page-construct/icon-person.png) left no-repeat;padding: 5px 0 10px 25px} #frontpage-main-content #logged-in .person-mail {padding-left:15px;width:140px;overflow:hidden} #frontpage-main-content .premium-button .button {padding:15px 9px} #frontpage-main-content .login-button .button {padding-top:3px} #frontpage-main-content .login-input input{width:147px} #frontpage-login-con .button-front {padding-right:0; padding-top:8px;} #frontpage-main-content #not-logged-in .form{background:none} /* UPCOMING EVENTs block */ #frontpage_box4 {position:absolute; height:280px; width:380px; right:0; bottom:0} #frontpage_box4 .event-description {padding-left:140px} #upcoming-event01, #noevent-one {position:absolute; width:380px; height:170px; right:0; top:0; z-index:9} #upcoming-event01 .event-description {padding-top:15px} #upcoming-event02, #noevent-two {position:absolute; width:330px; height:170px; right:0; bottom:0; z-index:10} #upcoming-event02 .event-description {padding-top:40px; padding-right:20px} #frontpage_box4 .event-description .name {font-size:12px; font-weight:700; text-transform:uppercase} /* we want container for noEvent Two to have same size as container for noEvent One */ #noevent-two {width:380px} #noevent {/* no styling needed */} /* GET ABSTRACT styles */ #frontpage-getabstract {float:right; height:248px; width:382px; background:#eaeaea} .abstract-tabs-con, .abstract-tabs-con-more {background:#621b2c; height:26px; text-transform:uppercase; overflow:hidden} .abstract-tabs-con .tab-item, .abstract-tabs-con-more .tab-item{font-size:12px; float:left; text-align:right; font-weight:700; color:#fff; padding-right:12px; line-height:23px;height:23px; cursor:pointer} .abstract-tabs-con-more .tab-item{padding-left:12px; background:##920A2C} .abstract-tabs-con-more span {display:block; background:#920A2C} .abstract-tabs-con div {background:#920A2C; width:179px} .abstract-tabs-con div.selected {background:none} .abstract-tabs-con-more div.selected{background:#621B2C} .abstract-tabs-con div:first-child{text-align:left; padding-right:0px; padding-left:12px} #abstract-tabs-content {height:202px; margin:2px 0; overflow:hidden} #abstract .frontpage-el-footer {font-size:10px; height:12px; padding-top:6px; line-height:16px; background-color:#dedede} #abstract {position:relative} #abstract .tab-item{background:#920A2C} #abstract .selected{background:#621B2C!important} #abstract .top-fancy-shadow, #abstract .bottom-fancy-shadow {position:absolute; height:9px; width:100%; z-index:99} #abstract .top-fancy-shadow {background: url(../img/frontpage/abstract-shadow-bottom.png) center no-repeat} #abstract .bottom-fancy-shadow {background: url(../img/frontpage/abstract-shadow-bottom.png) center no-repeat; top:222px} #abstract .top-fancy-shadow {background: url(../img/frontpage/abstract-shadow-top.png) center no-repeat; top:27px} .abstract-arrow-top, .abstract-arrow-bottom {position:absolute; width:60px; height:100px; right:0; background:red; cursor:pointer} .abstract-arrow-top {top:27px; background: url(../img/frontpage/abstract-arrow-up.png) bottom right no-repeat} .abstract-arrow-top:hover {background: url(../img/frontpage/abstract-arrow-up-over.png) bottom right no-repeat} .abstract-arrow-bottom {top:130px; background: url(../img/frontpage/abstract-arrow-down.png) top right no-repeat} .abstract-arrow-bottom:hover {background: url(../img/frontpage/abstract-arrow-down-over.png) top right no-repeat} .abstract-item {height:101px; background: url(../img/frontpage/abstract-item-shadow.png) no-repeat top; border-bottom: 1px solid #bebebe} .abstract-item:hover{background: url(../img/frontpage/abstract-item-shadow-over.png) no-repeat} .abstract-item .abstract-category-image, .abstract-item .abstract-teaser-image, .abstract-item .abstract-description {float:left} .abstract-teaser-image {background: url(../img/frontpage/abstract-image-shadow.png) top no-repeat; height:89px; width:76px; margin-top:8px; padding-left:12px} .abstract-description {padding-top:12px; width:215px; padding-left:5px} .abstract-description .abstract-link {font-size:12px; font-weight:700} .abstract-description div{height:40px; overflow:hidden} /* progress bar */ .progressbar {width:45px; height:5px; border:1px solid #9c9b9b} .progress {background-color:#f5f5f5; height:5px} .abstract-spacer {height:3px; background: url(../img/frontpage/abstract-item-spacer.png) no-repeat bottom} .abstract-tabs-con-clear {line-height:0px} .abstract-category-image{position:relative} .abstract-category-image .overlay {position:absolute; width:100%; height:100%; background:url(../img/frontpage/renderimage-overlay.png) bottom repeat-x} .abstract-item:hover .abstract-category-image .overlay {position:absolute; width:100%; height:100%; background:url(../img/frontpage/renderimage-overlay-over.png) bottom repeat-x} /* FRONT PAGE STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ========================================== styles for MAIN CONTENT ========================================== */ #main-content {padding-bottom:95px} #main-content-con {min-height:400px; padding-bottom:20px; background:url(../img/page-construct/bg-page-title.png) no-repeat} #content {padding:23px} /*=================== some styles for left & right content part ==================*/ #left-content-part {float:left;width:621px;/*min-height:600px*/} #right-content-part {float:right;width:299px;margin:0 1px 0 17px} /*=================== styles for left content part ==================*/ #breadcrumb {padding: 0 23px;width:575px;height:27px;line-height:27px;overflow:hidden;white-space:nowrap;font-size:10px;color:#fff} #breadcrumb a {color:#fff;text-decoration:none} #breadcrumb a:hover {text-decoration:underline} /* spacer in breadcrumb as ">>" */ .breadcrumb-spacer {padding:0 1px} /*styles for main content page title box with page title & icons - rss, print...*/ #content-left-header {height:55px;padding:5px 12px 0 23px} #content-left-header #article-date {color:#636363; font-size:10px; float:left} /*box for icons & their titles in content left part in page title box - rss print send...*/ #content-left-header .icons-con {height:26px;text-align:right} #content-left-header .icons-con .icons-description, #content-left-header .icons-con .icons {float:right} /*box for show title of icons*/ #content-left-header .icons-con .icons-description {font-size:12px; color:#696969; margin-right:10px; line-height:24px} /*box for icons*/ #content-left-header .icons-con .icons img {padding-left:10px} /* add this social networks */ .addthis_toolbox {position:relative; display:block; float:left; margin-top:1px} .addthis_toolbox .custom_hover {position:relative; cursor:pointer} .addthis_toolbox .custom_hover .custom_button {display:block; font-size:0; width:82px; height:22px; padding-right:6px; background:url('../img/socialnetworks/ico_socialnet.png') no-repeat center center} .addthis_toolbox .custom_hover .custom_button.active {} .addthis_toolbox .hover_menu {position:absolute; display:none; width:208px; padding:10px; top:2px; left:-150%; background:transparent url('../img/socialnetworks/bg_lightbox.png') repeat} .addthis_toolbox .hover_menu a {display:block; width:24px; height:24px; float:left; padding-right:2px; background-position:top left; background-repeat:no-repeat} .addthis_toolbox .hover_menu a.addthis_button_facebook {background-image:url('../img/socialnetworks/ico_facebook.png')} .addthis_toolbox .hover_menu a.addthis_button_twitter {background-image:url('../img/socialnetworks/ico_twitter.png')} .addthis_toolbox .hover_menu a.addthis_button_digg {background-image:url('../img/socialnetworks/ico_digg.png')} .addthis_toolbox .hover_menu a.addthis_button_delicious {background-image:url('../img/socialnetworks/ico_delicious.png')} .addthis_toolbox .hover_menu a.addthis_button_google {background-image:url('../img/socialnetworks/ico_google.png')} .addthis_toolbox .hover_menu a.addthis_button_blogger {background-image:url('../img/socialnetworks/ico_blogger.png')} .addthis_toolbox .hover_menu a.addthis_button_myspace {background-image:url('../img/socialnetworks/ico_myspace.png')} .addthis_toolbox .hover_menu a.addthis_button_linkedin{ background-image:url('../img/socialnetworks/ico_linkedin.png')} .addthis_toolbox .hover_menu a.inactive {background-position:0 -24px} .addthis_toolbox img {padding:0 !important} .addthis_toolbox .custom_images {text-align:left} /*box for page title*/ #content-left-header .page-title {font-size:20px} /*=================== styles for SITE MAP & list for right content part ==================*/ #content .tx-goaheadsitemap-pi1 {padding:0;line-height:16px; background: url(../img/site-map/bg-sitemap.png) right top no-repeat} #content .tx-goaheadsitemap-pi1 a {font-weight:700; line-height:20px; font-size:12px; color:#000} #content .tx-goaheadsitemap-pi1 ul ul a {font-weight:normal; padding-left:12px; background: url(../img/page-construct/bullet_dot.gif) left 5px no-repeat;color:#616161; font-size:11px} #content .tx-goaheadsitemap-pi1 ul {list-style:none;margin:0;padding:0} #content .tx-goaheadsitemap-pi1 ul li {padding:0 0 15px 0;background: none;} #content .tx-goaheadsitemap-pi1 ul ul {padding-bottom:0} #content .tx-goaheadsitemap-pi1 ul ul ul li {padding-bottom:0; padding-left:28px} #content .tx-goaheadsitemap-pi1 ul ul li {padding-bottom:0} #content .tx-goaheadsitemap-pi1 .sitemap-style-no {margin:0;padding:0;font-size:1%} /*=================== styles for right content part ==================*/ /* right content */ #right-content {min-height:63px; background: url(../img/page-construct/bg-shadow-info-login-box.png) top no-repeat #e9e5e0} /* */ #right-content-main, #right-content-navigation { padding:15px 18px 0 } #right-content-main img {} /* Login info box */ #login-info-box {height:26px;line-height:26px;background:#000;color:#fff;padding:0 10px 0 12px;font-weight:700;overflow:hidden;cursor:pointer} /*name of logged user or login text box in login info box*/ #login-info-box .name {float:left} #login-info-box .button-con, #login-info-box .button-con .button, #login-info-box .button-con .title {float:right} /*button for open or close main login content in login info box*/ #login-info-box .button-con .button {padding-left:8px} #login-info-box .button-con .button img {cursor:pointer} /*Styles for main login content box*/ #login-main-content-con {position:absolute;width:299px;overflow:hidden;} #logged-in-con, #not-logged-in-con {position: relative;} /*divider with shadow for end of main content login box*/ #login-main-content-con .divider .bg-white {background-color:#f7f7f7;height:13px} #login-main-content-con .divider .shadow {background:url(../img/page-construct/bg-shadow-info-login-box.png) no-repeat center top;height:12px;-moz-opacity:.75;opacity:.75} #not-logged-in, #logged-in {background: url(../img/page-construct/bg-shadow-info-login-box.png) no-repeat scroll center top #ebebeb;padding:8px 12px 12px 12px} /*=================== styles for main login content in right content part =================== */ #not-logged-in .form {background: url(../img/page-construct/icon-lock-closed.png) right top no-repeat; min-height:50px; height:auto} /*styles for main login content - not logged in - login form*/ .login-input-label {color:#141d25} .login-input input {width:212px;height:18px;border:1px solid #7c7c7c;background: url(../img/page-construct/bg-input-login.png) no-repeat;padding:2px 5px 0 3px;margin:1px 0 4px 0} /*styles for main login content - not logged in - login links & login button AND logged in - login info links(konto info, information, logout)*/ .login-links {float:left;padding-top:8px} .login-links .pass {padding-top:15px} /* for text in login box & person information box in main login content */ .login-links .pass, .login-links .info {display:block;color:#920a2c} /* for links in login box & person information box in main login content */ .login-links a {text-decoration:none;color:#920a2c} .login-links a:hover {text-decoration:underline} .person-info-con {padding-bottom:14px;background: url(../img/page-construct/icon-lock-opened.png) right top no-repeat} /*styles for main login content - logged in - personal icon*/ .person-info, .person-icon {float:left} .person-info {padding-left:11px} /*styles for links in main login content for logged in user*/ .login-links .logout {} .premium-button, .login-button {float:right} #frontpage-login-con .login-button {float:none} #not-logged-in .button{padding-top:15px;padding-right:15px} /*styles for premium button in main login content for logged in user*/ .premium-button .button {padding:19px 2px 0 0 } /*box for show side menu icon on background of this box*/ #sidemenu {background: url(../img/page-construct/bg-icon-sidemenu.png) right bottom no-repeat;line-height:16px;padding:14px 0} /* sub menu title */ .sidemenu-header {color:#808080; padding:0 18px 10px 18px; font-size:12px} /* style for ul list side menu*/ #sidemenu ul {list-style:none} ul.sidemenu-ul {margin:0 auto;padding:0} ul.sidemenu-ul li {font-weight:normal} ul.sidemenu-ul li a {display:block; padding:0 18px 2px; color:#000; text-decoration:none} ul.sidemenu-ul li a:hover {color:#fff;background:#000;text-decoration:none} ul.submenu {margin:0 auto; padding:0} ul.submenu li a {display:block; color:#000; padding-left:30px; text-decoration:none} ul.submenu li a:hover {color:#fff;background:#000;text-decoration:none} /* active menu items */ li.sidemenu-activ, li.submenu-activ {font-weight:700!important} .sidemenu-activ {background: url(../img/page-construct/side-menu-arrow.png) 2px 6px no-repeat} .submenu-activ a {background: url(../img/page-construct/bullet_dot.gif) 22px center no-repeat} /*divider under side menu*/ #sidemenu-divider {height:13px; background-color:#f7f7f7} /* end of content */ #content-closing {height:41px; background:url(../img/page-construct/bg-end-content.png) no-repeat} /* =============================================================== styles for FOOTER & BOTTOM LINKS =============================================================== */ /* footer stay always bottom */ #container-footer {width:963px; margin:0 auto; position:relative; margin-top:-112px; clear:both} /*styles for bottom menu links */ #bottom-links, #footer {font-size:10px} #bottom-links a:hover, #footer a:hover {text-decoration:underline} #bottom-links {height:19px; padding-top:1px; line-height:19px; text-align:right; border-top:1px #fff solid; background:url(../img/page-construct/bg-bottom-links.png) no-repeat left #e0e0e0} #bottom-links a {color:#000;text-decoration:none} /*added icons for bottom menu links */ #bottom-links .suggest, #bottom-links .feedback {margin-left:12px} #bottom-links .feedback {background:url(../img/page-construct/icon-bottom-links-feedback.png) left no-repeat;padding-left:22px} #bottom-links .bookmark {background:url(../img/page-construct/icon-bottom-links-favorites.png) left no-repeat;padding-left:19px} #bottom-links .suggest {background:url(../img/page-construct/icon-bottom-links-suggest.png) left no-repeat;padding-left:16px} /* styles for footer & links in footer */ #footer {height:52px;background:url(../img/page-construct/bg-footer.png) no-repeat;text-align:center;line-height:52px;color:#7c7c7c} #footer a {color:#000;text-decoration:none} #footer a:hover {color:#920a2c} /* =============================================================== styles for left login page =============================================================== */ #login-messages { color:#636363; background: url(../img/icons/ico_info-message.png) 20px 18px no-repeat #f7f7f7; border: 1px solid #ebebeb } #login-messages-error { color:#920a2c; background: url(../img/icons/ico_error-message.png) 15px 18px no-repeat #f7f7f7; border: 1px solid #920a2c } #login-messages-error, #login-messages { margin-bottom:5px; font-size:12px } #login-messages-error .inner-border, #login-messages .inner-border { padding:15px 15px 15px 55px; border: 2px solid #fff } #login-messages-error .header-error, #login-messages .header { font-weight:700 } /* =============================================================== styles for ELEMENTS =============================================================== */ /* COMMON styles for page elements */ .sponsor, .teammember {} /* styles for all links in page element */ .sponsor a, .teammember a {color:#920a2c} /* title of elements */ .sponsor-right-part .title, .teammember-right-part .title {font-size:14px;font-weight:700} /* dotted line in right part of elements - under title */ .sponsor-right-part .dotted-line, .teammember-right-part .dotted-line {height:14px;background: url(../img/page-construct/dots-line.png) top no-repeat} /* description of elements in right content part */ .sponsor-right-part .description, .teammember-right-part .description {padding-bottom:15px} /* box for member photo & for logo image in sponsor element */ .sponsor-left-part, .teammember-left-part {float:left;width:186px;text-align:center} /* right part of sponsor & teammember */ .sponsor-right-part, .teammember-right-part {float:right;width:375px} /* SPONSORS element*/ .sponsor {padding-bottom:25px} /* TEAM MEMBER element */ .teammember-left-part, .teammember-right-part {padding-top:8px} /* box for memeber photo */ .teammember-left-part {height:182px;background: url(../img/page-construct/bg-teammember-photo.png) top no-repeat} .teammember-right-part .email, .teammember-right-part .phone {padding-left:25px;padding-bottom:15px} .teammember-right-part .email {background: url(../img/page-construct/icon-email-member.png) top left no-repeat} .teammember-right-part .phone {background: url(../img/page-construct/icon-member-phone.png) top left no-repeat} .teammember-right-part .link {background: url(../img/page-construct/icon-member-more-info.png) top left no-repeat; padding-bottom:20px} .referent-hover {position:relative;display:inline} .popup {position:absolute} /* in right column */ #right-content-main .referent-link{font-weight:700} #right-content-main .referent-company{font-weight:700; display:block; padding-top:5px} /* FORM BUTTONS element definition */ /* button container */ .container-buttons { padding:15px 20px; margin-top:15px; background-color:#f7f7f7; text-align:right } button.form-button { border:0 none; cursor:pointer; background: url(../img/buttons/btn_form_right.png) no-repeat right; font-weight:700; font-size:11px; color:#fff; padding:0 20px 0 0; margin-left:5px; text-align:center; text-transform:uppercase } button.form-button:hover { background: url(../img/buttons/btn_form_right_over.png) no-repeat right } button.form-button span { position:relative; display:block; height:22px; line-height:22px; padding:0 0 0 20px; margin:0; background: url(../img/buttons/btn_form_left.png) no-repeat left } button.form-button:hover span { background: url(../img/buttons/btn_form_left_over.png) no-repeat left } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .active-view {padding-right:17px; background:url('../img/page-construct/ico_oksign.png') right 2px no-repeat} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* content SEARCH FORM styles */ /* content search block */ #container-contentsearch {position:relative; float:left; width:100%; padding-top:10px; padding-bottom:15px} /* title of content search */ #container-contentsearch h1{padding-bottom:7px;font-weight:700;font-size:11px;margin:0} /* need fix messy IE behaviour */ #container-contentsearch form {margin:0; padding:0} /* content search form itself */ #container-contentsearch form input[type='text'] {float:left; font-size:15px; width:386px; height:21px; padding:2px 25px 0 7px; line-height:21px; background:url('../img/forms/bg_contentsearch.png') transparent top left no-repeat; border:none} /* No results found - definition */ .tx-indexedsearch-noresults {padding:20px!important;clear:both;background-color:#F7F7F7;color:#666;font-weight:700} /* submit button */ .btn-submit {float:right; font-size:11px; #font-size:12px; font-weight:700; color:#fff; line-height:22px; height:23px; text-transform:uppercase; background-color:#920a2c; border:none; cursor:pointer} .btn-submit:hover {color:#000; background-color:#ccc} /* cancel current search button */ .btn-cancelsearch {position:absolute; height:16px; width:16px; left:398px; top:14px; background:url('../img/search/button_cancelsearch.png') center center no-repeat} /* specific settings for login button */ .login {width:82px} /* specific settings for content search button */ .search {width:150px} /* specific settings for content search button */ .send {width:180px} /* specific settings for content search button */ .send-editform {width:300px} /* specific settings for content back button */ .back {width:180px; margin-right:15px} /* specific settings for password vergessen button */ .send-password{width: 200px} /* active filter & search keyword */ #container-filters {font-size:12px; padding-bottom:20px} /* txt style for inactive input box */ .txt-input-inactive {color:#929292} /* content SEARCH FORM styles */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* nice fancy block with 3D effects */ .container-fancy {float:left; position:relative; width:100%; background:url('../img/fancystuff/bg_blocktop.png') #f7f7f7 top center no-repeat} .container-fancy .fancy-bottom {position:relative; float:left; width:100%; min-height:217px; background:url('../img/fancystuff/bg_blockbottom.png') transparent bottom center no-repeat} /* fancy block only for summary page */ #magazine-summary-page .container-fancy .fancy-bottom { background:none } /* nice divider below */ .div-belowfancy {height:30px; background:url('../img/fancystuff/img_divider.png') no-repeat} /* nice shadow used only on event list page */ .div-belowevent {clear:left; height:19px; background:url(../img/events/bg_shadow_eventlist-info.png) bottom center no-repeat} /* nice fancy block with 3D effects */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* file included for download on EVENT DETAIL SECTION and SPEAKER DETAIL SECTION */ .container-file {display:block; color:#929292; padding:5px; text-align:right; padding-right:30px; background:url('../img/icons/ico_download.png') transparent 555px center no-repeat} a.container-file:hover {color:#920a2c; background-color:#e9e5e0; text-decoration:none} /* file included for EVENT DETAIL SECTION and SPEAKER DETAIL SECTION */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* list pages styles */ /* containers are universal solutions for every kind of inner content inserted where are divider lines between results needed */ #container-list {background-color:#f1f1f1} /* header and footer styles */ #container-list-header, #container-list-footer, #container-list-search-footer {color:#636363; background-repeat:no-repeat} #container-list-header {clear:both; padding-bottom:22px; margin-bottom:5px; background-image:url('../img/fancystuff/bg_lists-top.png'); background-position:bottom center} #container-list-footer, #container-list-search-footer {clear:both; padding-top:32px; margin-top:5px; background-image:url('../img/fancystuff/bg_lists-bottom.png'); background-position:top center} /* paging elements */ #container-list-footer .page {float:left; width:20%} #container-list-footer .paging {float:right; text-align:right} #container-list-footer .paging .active {font-weight:700; color:#000} /* results */ #container-results {min-height:150px;height:auto} #container-results .default-lineheight {line-height:16px} /* register list */ #container-results .data-grouped {margin-bottom:20px} /* list pages styles */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* fancy teaser thumbnail with some effects */ /* SOURCE IMG SIZE: 90px x 140px */ .container-teaser-image {position:absolute; width:141px; height:169px; z-index:100; background:url('../img/teasers/bg_teaser01.png') transparent center bottom no-repeat} /* inner container for image itself */ .container-teaser-image .inner {margin-left:25px} /* image label below */ .image-label {position:absolute; bottom:5px; font-size:10px; color:#929292; width:100%; text-align:center} /* different stamps for thumbs images */ .stamp-html, .stamp-pdf {position:absolute; width:55px; height:54px; bottom:28px; right:26px; background-color:transparent; background-position:right bottom; background-repeat:no-repeat} .stamp-html {background-image:url('../img/fancystuff/stamp_html.png')} .stamp-pdf {background-image:url('../img/fancystuff/stamp_pdf.png')} /* fancy teaser thumbnail with some effects */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* fancy movie thumbnail with some effects */ /* SOURCE IMG SIZE: 109px x 73px */ /* movie page - flash header container definition */ #movie-flash-header {margin-left:-23px; margin-top:-23px; padding-bottom:23px} object{outline: none} .container-movie-thumb {position:relative; float:left; width:117px; height:111px; background:url('../img/teasers/bg_filmstrip.png') center center no-repeat} .container-movie-thumb a {display:block; margin-left:4px; margin-top:19px; cursor:pointer} .container-movie-thumb a:hover img {filter:alpha(opacity=50); opacity:.50} .container-movie-thumb a:hover div {z-index:50} .container-movie-thumb img {padding-top:19px; padding-left:4px} /* stamp NEW for thumbs images */ .stamp-new {position:absolute; width:117px; height:111px; bottom:0; right:0; background:url('../img/fancystuff/stamp_new.png') transparent right bottom no-repeat; z-index:999} /* fancy movie thumbnail with some effects */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* EVENTS SECTION */ /* EVENT info block */ #container-eventinfo #eventinfo {position:relative; padding:25px 0 25px 25px} #container-eventinfo .container-teaser-image {right:20px; bottom:10px} #container-eventinfo .label {font-weight:700; color:#666} #container-eventinfo #name {font-size:16px; font-weight:700; color:#920a2c; padding-bottom:15px} #container-eventinfo #date {font-size:14px; font-weight:700} #container-eventinfo #when {font-size:14px} #container-eventinfo #address {width:370px; padding-top:15px} /* Event info box - bottom box shadow */ .bottom-shadow {padding-bottom:19px;background:url(../img/events/bg_shadow_eventlist-info.png) no-repeat bottom right} /* EVENT list graphics view */ .container-eventinfo .eventinfo-list {position:relative; min-height:150px; padding:25px} .container-eventinfo .container-teaser-image {right:20px; bottom:30px} .container-eventinfo .label {font-weight:700; color:#666} .container-eventinfo .themes {font-weight:700; font-size:12px; padding-bottom:15px; text-transform:uppercase} .container-eventinfo .name {font-size:16px; font-weight:700; color:#920a2c; width:380px} .eventinfo-list .date {padding-bottom:25px; font-size:14px} .eventinfo-list .person-link, .container-eventinfo .label, .container-eventinfo .themes {width:380px} /* EVENT list others views */ .data-grouped .header{padding-bottom:3px} .data-grouped .group-title{font-size:14px;font-weight:700} .data-grouped .count{color:#656565} /* PRESENTATIONs list */ #container-presentations .presentation {padding-bottom:55px; background:url('../img/events/bg_presentation.png') center bottom no-repeat} #container-presentations .name, #container-presentations .subtitle {font-size:13px; font-weight:700} #container-presentations .name {display:block; color:#920a2c} #container-presentations .speakers {padding-bottom:15px; padding-top:15px} #container-presentations .description {padding-bottom:10px} /* user description of event */ #container-description {} /* container with event price listed + free space */ #container-price {font-weight:700; padding:10px 0 0} #container-price .price {color:red} /* container with event-registration-button and go-to-event-detail-button */ .event-detail {position:absolute; display:block; width:100%; bottom:0} .button-more a, .button-more .suspended {display:block; font-size:14px; font-weight:700; color:#fff; text-align:center} .button-more a:hover {text-decoration:none} .event-detail a {height:19px; padding-top:3px; background:url('../img/events/bg_btn-detail.png') center center no-repeat} .event-registration a, .magazine-registration a, .magazine-registration.suspended .suspended { height:58px; padding-top:6px; margin-top:25px; background:url('../img/events/bg_btn-registration.png') center center no-repeat } .magazine-registration.subscribed a { background:url('../img/magazines/bg_btn-renewal.png') center center no-repeat } .magazine-registration.suspended .suspended { background:url('../img/magazines/bg_btn-renewal-off.png') center center no-repeat } /* footer closing text */ #container-disclaimer {font-size:10px; font-weight:700; color:#929292; text-align:center} /* RIGHT COLUMN styles */ /* EVENTS SECTION */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* SPEAKERS SECTION */ /* info block with photo */ /* fancy icon in right bottom corner */ #container-personinfo .icon-envelope {position:absolute; width:38px; height:34px; right:20px; bottom:15px; background:url('../img/referenten/ico_envelope.png') no-repeat} /* photo itself */ #container-personinfo #photo {float:left; width:228px; height:207px; margin:5px 0 0 7px; background:url('../img/referenten/img_photoframe190.png') no-repeat} #container-personinfo #photo img {margin:8px 0 0 21px} /* info box right */ #container-personinfo #info {float:left; overflow:auto; width:320px; padding:26px 0 15px 6px} #container-personinfo #info .company {padding-bottom:13px} /* CV container */ #container-personcv {} /* EVENTs on which speaker participated */ #container-events {float:left; width:100%} #container-events .presentation {float:left; width:96%; padding:6px 10px} #container-events .presentation:hover {background-color:#e9e5e0} /* info block */ #container-events .presentation .info {float:left; width:75%} #container-events .info .category {color:#616161} #container-events .info .name {text-transform:uppercase} #container-events .presentation .info .category {color:#616161} #container-events .presentation .info .name {text-transform:uppercase} /* icons block */ #container-events .presentation .p-flags {float:right; width:25%; text-align:right; vertical-align:middle} #container-events .p-flags .book, .p-flags .movie, .p-flags .pdf {display:block; float:right; height:30px; width:30px; margin-left:10px; background-repeat:no-repeat; background-color:transparent; background-position:center} #container-events .p-flags .book {background-image:url('../img/icons/ico_book.png')} #container-events .p-flags .movie {background-image:url('../img/icons/ico_movie.png')} #container-events .p-flags .pdf {background-image:url('../img/icons/ico_pdf.png')} /* BOOKs belonging to speaker */ #container-books {clear:both} #container-books .book {float:left; width:100%; padding-bottom:30px} #container-books .book-cover {float:left; width:85px; margin-right:18px} #container-books .book-info {float:right; width:472px} #container-books .book-info .title {font-size:16px; font-weight:700; color:#920a2c} /* book title in speaker detail page */ #container-books .book-info .title-in-speaker-detail {font-size:12px; font-weight:700; color:#920a2c; padding-bottom:15px} #container-books .book-info .title, #container-books .book-info .theme {padding-bottom:15px} #container-books .book-info .book-info-thema {padding-bottom:15px} /* BUY button */ #container-books .button-buy {display:block; float:right; clear:both; color:#616161; min-height:20px; width:465px; margin-top:10px; vertical-align:middle; cursor:pointer; background:url('../img/icons/ico_book.png') transparent top left no-repeat} /* firstly override defaults */ #container-books .button-buy:hover {text-decoration:none} /* than need underline for book name */ #container-books .button-buy:hover .name {color:#920a2c; text-decoration:underline} /* name to left */ #container-books .button-buy .name {float:left; width:70%; padding-left:30px; padding-top:2px} /* buy icon right */ #container-books .button-buy .buy {float:right; width:69px; color:#fff; font-weight:700; line-height:18px; text-align:center; background:url('../img/buttons/btn_buy.png') transparent center center no-repeat} /* USER ARTICLES container */ .container-userarticles {} /* gallery list */ .container-speaker {float:left; position:relative; width:140px; height:200px; margin-right:5px; text-align:center} /* 4th column should have no margin */ .clmn-4 {margin-right:0} .container-speaker a {display:block} .container-speaker .info {position:absolute; width:140px; top:154px; left:0} /* hover styles */ .container-speaker:hover {z-index:99} /* detail block */ .container-speaker-detail {position:absolute; top:0; left:0; z-index: 100; width:430px; height:200px; background:url('../img/referenten/bg_speaker-r-hover.png') top left no-repeat} .container-speaker-detail a {float:left} .container-speaker-detail .hover-info {position:absolute; width:140px; color:#920a2c; top:154px; left:0} .container-speaker-detail .hover-description {text-align:left; padding:23px; padding-left:162px} /* column 3 and 4 - another orientation */ .clmn-3 .container-speaker-detail, .clmn-4 .container-speaker-detail {position:absolute; top:0; left:-290px; z-index:100; width:430px; height:200px; background:url('../img/referenten/bg_speaker-l-hover.png') top left no-repeat} .clmn-3 .container-speaker-detail a, .clmn-4 .container-speaker-detail a {float:right} .clmn-3 .container-speaker-detail .hover-info, .clmn-4 .container-speaker-detail .hover-info {position:absolute; width:140px; color:#920a2c; top:154px; left:290px} .clmn-3 .container-speaker-detail .hover-description, .clmn-4 .container-speaker-detail .hover-description {text-align:left; padding:23px; padding-right:162px} /* SPEAKERS SECTION */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ARTICLES SECTION */ /* list view elements */ a.container-article-archive {display:inline!important} .container-article {padding-top:18px; padding-bottom:18px; margin-bottom:2px; background-color:#fff} .container-article img {float:left; width:50px; height:50px; padding:0 10px 10px 0} .container-article a {display:block; font-weight:700} .container-article .description {color:#666} /* ARTICLES SECTION */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BOOK SECTION */ /* list view elements */ .container-book {padding-top:18px; padding-bottom:18px; background-color:#fff} .container-book .container-book-thumb {position:relative; float:left; width:83px; height:119px} .container-book .container-description {padding-left:98px; line-height:16px} .container-book .container-description .book-title {font-size:12px; font-weight:700} .container-book .container-description .description {padding-top:10px} /* BOOK SECTION */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* MOVIE SECTION */ /* global settings for movie page */ #body-55 #content-left-header {background:url('../img/movies/bg_movieheader.png') center top no-repeat} /* detail list */ .container-movie {min-height:111px; line-height:16px; padding-top:10px; padding-bottom:10px; margin-bottom:2px; background-color:#fff} /* description is shifted right */ .container-movie .container-description {padding-left:130px} /* description block */ .container-movie .movie-name {font-size:12px; font-weight:700} .container-movie .movie-author {font-weight:700; color:#000} .container-movie .movie-description {color:#666} /* register list */ .movie-count {font-size:11px; font-weight:400; color:#656565} /* new movie stamp */ .new-movie {font-weight:700; color:#fff; padding:0 3px 1px; margin-right:7px; background-color:red} /* movie strip above content & on title page */ #container-moviestrip {height:233px; margin:-23px -23px 0; background:url('../img/movies/bg_moviestrip.png') center top no-repeat} #container-moviestrip .strip-header {font-size:10px; font-weight:700; height:18px; padding-top:4px; line-height:18px; text-align:right} #container-moviestrip .strip-movies {padding-left:23px} /* single movie container */ #container-moviestrip .single-movie {float:left; width:117px} #container-moviestrip .strip-movie-date {font-size:12px; color:#777; height:20px; text-align:center; line-height:20px} #container-moviestrip .strip-movie-description {padding:8px 13px 0 23px; line-height:16px;overflow:hidden;height:48px} #container-moviestrip .separator {color:#7e807e} /* movie detail itself */ #container-moviestrip .single-movie .movie-description-detail {display:none} /* specific frontpage styles for movie strip */ #frnt-ms {float:left; margin-top:26px} #frnt-ms .content {width:747px; height:194px; background:#dedede; font-size:10px} #frnt-ms #container-moviestrip {height:194px; margin:0; background:none} #frnt-ms #container-moviestrip .strip-header {padding:0} #frnt-ms #container-moviestrip .strip-movie-date {font-size:10px; height:15px; line-height:14px; background:url('../img/movies/bg_moviedate.png') center bottom repeat-x} #frnt-ms #container-moviestrip .strip-movie-description {padding-right:20px; padding-top:5px; line-height:normal;overflow:hidden;height:38px} #frnt-ms .div-belowmoviebox {height:18px; background:transparent url(../img/movies/div_moviestriptitle.png) no-repeat scroll center top} /* movie detail page */ .div-belowmoviebox {height:31px; background:url('../img/movies/div_movieblock.png') top center no-repeat} #container-movieinfo {line-height:16px} #container-movieinfo .label {color:#666} #container-movieinfo .title {font-size:14px; font-weight:700; color:#920a2c} #container-movieinfo .subtitle {font-size:12px; font-weight:700} #container-movieinfo .speaker {padding-top:20px; padding-bottom:20px} #container-movieinfo .description {padding-bottom:30px} /* movie links - add to bookmarks and send movie link to friend */ #movie-links {padding-right:12px; height:36px; text-align:right; line-height:45px; background:url(../img/movies/bg_top_movie_links.png) no-repeat center bottom} #movie-links .bookmark, #movie-links .suggest {margin-left:12px} #movie-links .bookmark {padding-left:19px; background:url(../img/page-construct/icon-bottom-links-favorites.png) left no-repeat} #movie-links .suggest {padding-left:16px; background:url(../img/page-construct/icon-bottom-links-suggest.png) left no-repeat} #movie-container {padding-left:1px; background-color:#f7f7f7} /* movie strip styles */ #container-moviedetail {position:relative; width:575px; height:274px; background:url('../img/movies/bg_moviedetail.png') center center no-repeat} #container-moviedetail .inner-frame {position:absolute; height:182px; width:273px; background:url('../img/movies/bg_movie.png') center center no-repeat; z-index:9; cursor:pointer} #container-moviedetail .movie {position:absolute; width:272px; height:182px; left:7px; top:46px} #container-moviedetail .button-play {position:absolute; height:93px; width:93px; left:90px; top:45px; background:url('../img/movies/button_play.png') center center no-repeat} #container-moviedetail .info {position:absolute; height:182px; width:272px; left:294px; top:46px; overflow:auto} /* need style inner - dom specific */ #container-moviedetail .info .inner {padding:12px} /* fancy closing divider */ .div-belowmoviedetail {height:50px; background:url('../img/movies/div_moviestrip.png') top center no-repeat} /* MOVIE SECTION */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* SEARCH RESULTS SECTION */ .container-search-article {padding-top:18px; padding-bottom:18px; margin-bottom:2px; background-color:#fff} .container-search-article img {float:left; width:50px; height:50px; padding:0 10px 10px 0} .container-search-article a {display:block; font-weight:700} #container-list-search-footer .page {float:left; color:#636363} #container-list-search-footer .paging {float:right; text-align:right} #container-list-search-footer .paging .active {font-weight:700; color:#000} /* paging elements for search results */ #container-list-footer .paging ul, #container-list-search-footer .paging ul {list-style:none;margin:0;padding:0;float:right} #container-list-footer .paging ul li, #container-list-search-footer .paging ul li{float:left;padding-left:7px;padding-right:7px;background:none} #container-list-footer .paging ul li.next, #container-list-search-footer .paging ul li.next {padding-left:7px} #container-list-footer .paging ul li.prev, #container-list-search-footer .paging ul li.prev{padding-right:7px} #container-list-footer .paging ul li.activ a, #container-list-search-footer .paging ul li.activ a{color:#000; font-weight:700; cursor:text} #container-list-footer .paging ul li.activ a:hover, #container-list-search-footer .paging ul li.activ a:hover{text-decoration:none} #container-list-footer .paging ul li.spacer, #container-list-search-footer .paging ul li.spacer{padding:0} /* SEARCH RESULTS SECTION */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Captcha definitions */ #captcha {border: #ececec 3px solid;padding:10px;background:#f7f7f7;min-height:55px} #captcha img{border: #c9c9c9 1px solid;width:270px!important} #captcha .txt{padding-top:22px;color:#920a2c;font-weight:700;font-size:11px;width:148px;float:left} #recaptcha_image {float:left;width:280px!important;height:59px!important;background: url(../img/bg-captcha.png) no-repeat left} #recaptcha_response_field {} #captcha_icons {position:absolute; left:472px; height:60px} .recaptcha_audio_cant_hear_link {padding-left:10px; padding-bottom:5px; float:left; clear:both; display:block} #captcha .recaptcha_only_if_audio img, #captcha .recaptcha_only_if_image img {width:20px!important;height:19px!important;border:0} #captcha .recaptcha_whatsthis_btn img, #captcha_reload img{width:20px!important;height:20px!important;border:0} #captcha input {width:93px;background: url(../img/form/bg-input-captcha.png) no-repeat right;border:none;padding-top:2px;padding-left:4px;padding-left:4px;margin-top:20px;margin-left:10px;float:right;padding-bottom:2px} /* captcha valid error message */ #captcha-error{padding-left:10px;padding-top:3px;font-size:11px;color:#920a2c} /* Captcha definitions */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* diskussions logout link */ .cmt_logout {cursor:pointer} /* TAG CLOUD generator */ .tx-vgetagcloud-pi1 {line-height:200%} .tx-vgetagcloud-pi1 ul {margin:0; padding:0px; list-style:none; float:left} .tx-vgetagcloud-pi1 li {display:inline; float:left} .tx-vgetagcloud-pi1 li a {padding:4px; text-decoration:none} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* MOVIE PAGE : info in right column */ /* unordered list with different bullets */ #referent-info ul { line-height:16px; margin:0; padding:0 0 15px 0; list-style:none } #referent-info ul li { margin:0; padding:0 0 0 10px; background:url("../img/page-construct/bullet_raquo.png") no-repeat left 7px transparent } /* related movies styles */ #related-movies dl.csc-textpic-image { margin:0 } #related-movies p { font-size:10px; line-height:normal; padding:0 } #related-movies .referent-company { color:#454545 } #related-movies .csc-textpic-clear { } #related-movies .csc-textpic.csc-textpic-intext-left { display:block; float:left; width:100% } #related-movies .csc-textpic.csc-textpic-intext-left:hover { background:url('../img/page-construct/bg_related-hover.png') no-repeat left top } /* MOVIE PAGE : info in right column */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* MAGAZINE SUBSCRIPTIONS */ /* need to modify

tag */ .subscription-info p, .clm-product p { padding-bottom:0 !important } /* graphics container : fancy & big */ .container-magazine.container-fancy { margin-top:10px; margin-bottom:20px } /* teaser image within fancy container */ .container-magazine .container-teaser-image {left:20px; bottom:12px} .container-magazine .container-teaser-image .image-label { font-weight:700 } .container-magazine .label {font-weight:700; color:#666} /* text elements */ .container-magazine .themes {font-weight:700; font-size:12px; padding-bottom:15px; text-transform:uppercase} /* magazine ID in nice floating element : fastened */ .container-magazine .id { position:absolute; font-size:9px; font-weight:700; padding:9px 0 0 23px; width:71px; height:26px; top:-5px; left:3px; background:url('../img/magazines/bg_idnumber.png') no-repeat } /* different flags */ .container-magazine .flags { position:absolute; display:block; margin-top:4px; margin-right:4px; right:0 } .container-magazine .flags .pdf, .container-magazine .flags .exclusive, .container-magazine .flags .subscribed, .container-magazine .flags .suspended { float:right; height:17px; margin-left:8px; background-repeat:no-repeat } .container-magazine .flags .pdf { width:48px; background-image:url('../img/magazines/flag_pdf.png') } .container-magazine .flags .exclusive { width:78px; background-image:url('../img/magazines/flag_exclusive.png') } /* styles for each SUSBCRIPTION status */ .container-magazine .flags .subscribed, .container-magazine .flags .suspended { font:9px Verdana,Geneva,Arial,Helvetica,sans-serif; color:#fff; padding-left:10px; background-repeat:no-repeat } .container-magazine .flags .subscribed .part-right, .container-magazine .flags .suspended .part-right { display:block; height:17px; padding-right:11px; background-repeat:no-repeat;background-position:right } .container-magazine .flags .subscribed .part-middle, .container-magazine .flags .suspended .part-middle { display:block; line-height:17px; height:17px; background-repeat:repeat-x } /* SUBSCRIBED flag */ .container-magazine .flags .subscribed { background-image:url('../img/magazines/bg_subscribed-left.png') } .container-magazine .flags .subscribed .part-right { background-image:url('../img/magazines/bg_subscribed-right.png') } .container-magazine .flags .subscribed .part-middle { background-image:url('../img/magazines/bg_subscribed-middle.png') } /* SUSPENDED flag */ .container-magazine .flags .suspended { background-image:url('../img/magazines/bg_suspended-left.png') } .container-magazine .flags .suspended .part-right { background-image:url('../img/magazines/bg_suspended-right.png') } .container-magazine .flags .suspended .part-middle { background-image:url('../img/magazines/bg_suspended-middle.png') } /* magazine info itself */ .container-magazine .magazine { position:relative; min-height:150px; padding:35px 25px 25px 0; margin-left:160px } .container-magazine .magazine .spacing { padding-bottom:15px } .container-magazine .magazine .name { font-size:16px; font-weight:700; color:#920a2c } .container-magazine .magazine .author { line-height:14px } .container-magazine .magazine .category { font-weight:700 } /* MAGAZINE DETAIL page modifications */ /* description text block withing main container */ #magazine-detail .description { padding-bottom:55px; background:url('../img/events/bg_presentation.png') no-repeat center bottom } /* fancy teaser info box */ /* dont need spacing */ .container-magazine.detail.container-fancy { margin:0 } /* floated teaser image should go right */ .container-magazine.detail .container-teaser-image { left:auto; right:20px } .container-magazine.detail .magazine { margin:0; margin-right:160px; padding:40px 0 25px 25px; min-height:140px } /* current release should sit bottom in our fancy block */ .container-magazine.detail .release { position:absolute; bottom:15px; font-weight:700 } .container-magazine.detail .release .current { font-size:14px; color:#920a2c } /* MAGAZINE DETAIL subscription status block */ .subscription-info { position:relative; padding-left:35px } /* subscription status icons */ .subscription-info.unsubscribed, .subscription-info.subscribed, .subscription-info.suspended { background-position:left top; background-repeat:no-repeat } /* NOT SUBSCRIBED */ .subscription-info.unsubscribed { background-image:url('../img/icons/ico_info.png') } /* SUBSCRIBED */ .subscription-info.subscribed { background-image:url('../img/icons/ico_download-big.png') } /* SUSPENDED */ .subscription-info.suspended { background-image:url('../img/icons/ico_suspended.png') } /* fancy price block */ .subscription-info .infoblock, .container-magazine .infoblock, #subscription-prices .price-with-vat { font-size:12px; font-weight:700; color:#fff; line-height:22px; right:0; top:0; width:105px; height:23px; text-align:center; background:url('../img/magazines/bg_price.png') no-repeat } /* SUSPENDED is red colored */ .subscription-info.suspended .infoblock { background-image:url('../img/magazines/bg_price-suspended.png') } .subscription-info .infoblock, .container-magazine .infoblock { position:absolute } /* if user can download subscribed file */ .subscription-info .infoblock a { color:#fff } .subscription-info .detail { margin-right:120px } .subscription-info.suspended .detail { margin-right:0 } /* file for download */ .subscription-info .container-file { margin-top:15px; background-position:520px center } .subscription-info .container-file .label { color:#920a2c; font-weight:700 } /* CART page */ /* labels */ #magazine-detail.cart label { margin-right:10px } /* another GFX for divider */ #magazine-detail.cart .div-cartbelowfancy { height:30px; background:url("../img/fancystuff/img_cartbelowfancy.png") no-repeat } #magazine-detail.cart .container-magazine .fancy-label { position:absolute; font-size:9px; font-weight:700; padding:9px 0 0 30px; width:111px; height:27px; top:-6px; left:43px; background:url('../img/magazines/bg_cartlabel.png') no-repeat; text-transform:uppercase } #magazine-detail.cart .container-fancy .fancy-bottom { min-height:100px } #magazine-detail.cart .magazine { margin:0; padding:30px 0 25px 0 } /* */ #magazine-detail.cart .payment-options label.error { margin:0; margin-left:10px } /* CART SUMMARY page */ #magazine-detail.cart.summary .magazine { padding-bottom:0 } /* single product in cart */ #magazine-detail.cart .cart-product { position:relative; padding:10px 25px } #magazine-detail.cart .cart-product:hover { background-color:#e7e7e7 } /* reset over state for summary page */ #magazine-summary-page .cart .cart-product:hover { background:none } /* big fancy info block with products */ #magazine-detail.cart .cart-product .infoblock { right:30px; top:10px } #magazine-detail.cart .cart-product .clm-checkbox { display:block; float:left; padding:0 10px 0 0 } #magazine-detail.cart .cart-product .clm-product { display:block; float:left; width:370px } #magazine-detail.cart .cart-product .clm-checkbox input { float:left; height:15px; margin:0; padding:0; width:15px } /* product flags */ #magazine-detail.cart .flags { position:relative } #magazine-detail.cart .flags .pdf, #magazine-detail.cart .flags .exclusive { float:left; margin-left:0; margin-right:8px } /* PRIVACY message */ #magazine-detail.cart .privacy { font-size:10px; padding-left:30px; margin-bottom:15px; background:url('../img/icons/ico_hand.png') no-repeat left top } /* table fixes */ #magazine-detail.cart table { border-collapse:collapse } /* ORDER PREVIEW page */ /* PRICE SUMMARY block */ #subscription-prices { padding:25px 25px 0; font-size:10px; color:#696969; line-height:22px; background:url(../img/magazines/bg_subscription_prices_top.png) no-repeat center top } /* PRICE SUMMARY block bottom shadow */ #subscription-prices .footer { height:20px; background:url(../img/magazines/bg_subscription_prices_bottom.png) no-repeat center bottom } /* label and prices container */ #prices { text-align:center } #prices, #prices-label { float:right } #prices-label { padding-right:25px; text-align:right } #prices-label strong { font-size:12px; color:#000; font-weight:700 } /* user summary information */ #user-info-summary { padding:0 25px 20px; background:url('../img/fancystuff/bg_blockbottom.png') transparent bottom center no-repeat } #user-info-summary strong { display:block; padding-bottom:15px } #magazine-detail.cart.summary .data { display:block; height:15px; margin-bottom:1px } #magazine-detail.cart.summary .data .label, #magazine-detail.cart.summary .data .value { float:left } #magazine-detail.cart.summary .data .label { width:160px; padding-right:5px; text-align:right; font-weight:700; color:#000 } #magazine-detail.cart.summary .data .value { width:60%; padding-left:5px; background:url(../img/magazines/bg_user_info_summary.png) no-repeat left } /* TERMS and CONDITIONS block */ #container-terms input[type="checkbox"] { vertical-align:-2px } #container-terms label.error { display:inline; margin-left:10px; font-weight:400 } #container-terms .terms-preview { display:block; padding-bottom:5px } /* hover effect for AGB block */ #container-terms .terms-preview img { filter:alpha(opacity=70); opacity:.70 } #container-terms .terms-preview:hover img { filter:alpha(opacity=100); opacity:1 } /* MAGAZINE SUBSCRIPTIONS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */