/* //////////////////// //////////////////// DEFAULT DEFINITIONS //////////////////// */ /* reset margins and paddings */ /* html background definition */ html { background:url(../images/page-construct/bg-html.jpg) top repeat-x #edfbff } /* main page body definitions */ body { font-family:verdana,geneva,arial,helvetica,sans-serif; font-size:12px; text-align:center; margin: 0!important } /* reset default image definitions */ img { border: 0 solid } /* a tag definitions */ a { } a:hover { } /* p tag definition */ p { } /* font size in inputs */ input { } /* forms */ form { } /* default content paddings */ .paddings { padding:24px 24px 0 } .margins { margin:24px 24px 0 } /* centering */ .center-it { text-align:center } /* //////////////////// GLOBAL ELEMENTS DEFINITION */ /* clear element */ .clear { clear:both; font-size:1%; height:0; line-height:0 } /* left and right float */ .float-left { float:left } .float-right { float:right } /* hidden elements */ /* some fixes for IE6 and IE7 included */ .hidden { display:none; font-size:0; margin:0; padding:0; width:0; height:0 } /* //////////////////// //////////////////// MAIN PAGE CONSTRUCT DEFINITIONS //////////////////// */ /* body background */ #body-background { width: 992px; height:100%; margin:0 auto; background: url(../images/page-construct/bg-body.png) top center no-repeat } /* main construct container definition */ #main-construct-con { position:relative; text-align:left; margin:0 auto; min-height:100%; width:966px; background:#fff } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* HEADER styles */ #header-con { height:81px; position:relative; background: url(../images/page-construct/bg-header.jpg) no-repeat top center } /* header logo - container definitions */ #logo-header { padding-top:10px } .logo-print {display:none} /* header region selector */ #region-selector .switcher-label { visibility:hidden; position:absolute; color:#fff; font-size:12px; top:-18px; left:10px } #region-selector:hover .switcher-label { visibility:visible } #region-selector { position:absolute; margin:0; right:250px; top:28px } #region-selector select { width:235px; line-height:26px; height:26px; padding:3px; color:#3a8bbe; background:#e3f8fe } /* quick search - container definitions */ #qsearch { position:absolute; right:0px; top:28px } #qsearch form { position:relative } #qsearch input[type="image"] { position:absolute; top:2px; right:15px } #qsearch div.input, #qsearch input[type="image"] { float:left } #qsearch div.input { width:229px; height:39px; background: url(../images/inputs/input-qsearch.png) no-repeat } #qsearch div.input input { font-size:13px; color:#999; padding:7px 0px 0px 15px; width:155px; line-height:20px; background:none; border:0 } #qsearch div.input input:focus { color:#000 } #qsearch input[type="image"] { padding-left:6px; padding-top:3px } /* header links - container definitions */ #free-download { position:absolute; width:166px; height:57px; left:310px; top:0; background:url('../images/buttons/btn_freeversion-en.png') no-repeat } #customer-login { position:absolute; width:219px; height:39px; right:155px; top:44px } #customer-login.en { background:url('../images/buttons/btn_customerlogin-en.png') no-repeat } #customer-login.en.logout { background:url('../images/buttons/btn_customerlogout-en.png') no-repeat } #customer-login.de { background:url('../images/buttons/btn_customerlogin-de.png') no-repeat } #customer-login.de.logout { background:url('../images/buttons/btn_customerlogout-de.png') no-repeat } /* HEADER styles */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* MAIN MENU styles */ #main-menu-con { height:41px; text-align:right; padding:0; background:url(../images/page-construct/bg_main-menu.png) repeat-x } #main-menu-con .float-right { position:relative; width:694px } #main-menu-con .left-shadow { position:absolute; width:10px; height:41px; left:0; top:0; z-index:99; background:url(../images/page-construct/shadow-left-main-menu.png) no-repeat top } #main-menu-con a { display:inline-block; padding:4px 18px 7px; font-size:18px; color:#fff; text-decoration:none; font-weight:400 } #main-menu-con .mainmenu-second-level .active a { color:#013f69 } #main-menu-con ul.mainmenu-second-level li.hasSubmenu.active a { background: url("../images/page-construct/bg-submenu-li-hassubmenu-h.png") no-repeat scroll right center transparent } /* hover state */ #main-menu-con a:hover, #main-menu-con table:hover { color:#013f69; background: url(../images/page-construct/bg-main-menu-hover-center.png) bottom repeat-x } #main-menu-con table:hover a { color:#013f69; } #main-menu-con a:hover { cursor:pointer } /* LIST definition */ #main-menu-con ul.sf-menu { margin:0; padding:2px 0 0 0; text-align:left } #main-menu-con ul.sf-menu .active table a { background:url(../images/page-construct/bg-main-menu-active.png) repeat-x left bottom } .sf-menu, #main-menu-con ul.sf-menu * { list-style:none } /* everything need to be floated left */ .sf-menu li { position:relative; display:inline-block; height:39px; background:url(../images/page-construct/spacer-main-menu.png) no-repeat left center} .sf-menu li:first-child { padding-left:0px; background:none } /* removed menu vertical spacer form first menu child */ /* vertical aligment */ #main-menu-con .v-outer { height:40px } #main-menu-con .v-middle { vertical-align:bottom } /* submenu styles */ #main-menu-con ul.mainmenu-second-level { left:0; display:block } #main-menu-con ul.mainmenu-third-level { top:0 } #main-menu-con ul.mainmenu-second-level, #main-menu-con ul.mainmenu-third-level { visibility:hidden; position:absolute; z-index:99; width:10em; margin:0; padding:0; padding-bottom: 10px !important; list-style:none; background: url('../images/page-construct/bg-submenu-ul.png') no-repeat right bottom } #main-menu-con ul.mainmenu-second-level li ul.mainmenu-third-level li.active a { color:#01406A; background:url("../images/page-construct/bg-submenu-li-hover.png") repeat-x scroll 0 0 transparent } #main-menu-con ul.mainmenu-second-level li { position:relative; width:100%; height:auto; padding:0; background:url('../images/page-construct/bg-submenu-li.png') repeat-x } #main-menu-con ul.mainmenu-second-level li:hover { visibility:inherit; background:url('../images/page-construct/bg-submenu-li-hover.png') repeat-x } #main-menu-con ul.mainmenu-second-level li.hasSubmenu a { background:url('../images/page-construct/bg-submenu-li-hassubmenu.png') no-repeat right } #main-menu-con ul.mainmenu-second-level li.hasSubmenu:hover a { background:url('../images/page-construct/bg-submenu-li-hassubmenu-h.png') no-repeat right } #main-menu-con ul.mainmenu-second-level li.active { color:black; background:url("../images/page-construct/bg-submenu-li-hover.png") repeat-x scroll 0 0 transparent } #main-menu-con ul.mainmenu-second-level li a { display: block; height: auto; max-width:none; line-height: normal; padding: 5px 15px 6px 8px; text-align: left; font-size: 13px; background: none; font-weight:400 } /* shop custom menu link */ #main-menu-con li.menu-eshop{ position:relative; background:none!important } #main-menu-con li.menu-eshop a { position:absolute; width:71px; height:42px; top:-9px; left:0px; background:url('../images/buttons/btn-shop-green.png') no-repeat top left!important; font-weight:700; padding:15px 0 0 55px; text-shadow: #5cab1e 0px 1px 0px; z-index:10 } #main-menu-con li.menu-eshop a:hover { color:#fff; text-decoration:underline } #main-menu-con li.menu-eshop table:hover { background:none!important } #main-menu-con ul.mainmenu-second-level li.hasSubmenu ul li a, #main-menu-con ul.mainmenu-second-level li.hasSubmenu ul li:hover a { color:#fff; background:url(../images/page-construct/bg_third_menu_link_left_shadow.png) repeat-x top!important } /* hover font color */ #main-menu-con .sf-menu ul li.sfHover a, #main-menu-con .sf-menu ul li a:hover { color:#01406a } /* second level active menu selected font color + hover for second level hover */ #main-menu-con ul.sf-menu ul.mainmenu-second-level li.sfHover ul li a:hover { color:#013f69 } /* MAIN MENU styles */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* //////////////////// PAGE CONTENT CONTAINER DEFINITION */ /* content with sidemenu */ #content { width:966px; min-height:600px; padding-bottom:30px; background: url(../images/page-construct/bg-second-con.png) repeat-y right } /* main container definition */ #content-con { min-height:500px; background: url(../images/page-construct/bg-page-content.png) repeat-x top #fff } /* content without sidemenu */ #content-without-menu { padding: 0 24px } /* body#body-facebook #content-without-menu { padding: 0 } */ /* line height for content part */ #content-without-menu, #content { line-height:18px } /* change font size for second content column */ #content-without-menu .second, #content .second { font-size:11px } #content .second { } /* content with sidemenu and with two columns */ #content .two-columns .second { position:relative; float:right; width:200px; padding-left:35px; padding-right:24px; padding-top:200px } #content .two-columns .first { width:658px; float:left; padding-right:24px; padding-left:24px } /* content with sidemenu and with only one column */ #content .one-column .first { padding-right:24px; padding-left:24px } /* content without sidemenu and with two columns */ #content-without-menu .two-columns-without-menu .first { float:left; width:696px } #content-without-menu .second { float:right; width:197px } /* content without sidemenu and with only one column */ #content-without-menu .one-column-without-menu .first { width:auto } #content-without-menu .one-column-without-menu .second { position:absolute; float:right; width:200px; padding-left:35px; padding-right:24px; top:250px; right: 0; } /* fix - text overflowing for second content column */ #content-without-menu .second, #content .second {} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FRONTPAGE */ /* white divider */ #body-frontpage #content-con .divider { height:10px; background-color:#fff } /* flash teaser */ #flash-teaser .flash { height:336px; background:url('../images/frontpage/bg_flashteaser.png') repeat-x top } /* USP boxes */ #usp-container { position:relative; padding:0 24px 0 } /* two product buttons */ #usp-container .btn-free { position:absolute; top:-63px; right:280px } #usp-container .btn-commercial { position:absolute; top:-63px; right:35px } /* USP box content elements */ #usp-container h3 { margin-top:0 } #usp-container p { margin:0 } /* four icons */ #usp-container .ico-one, #usp-container .ico-two, #usp-container .ico-three, #usp-container .ico-four { position:absolute; width:140px; height:70px; bottom:0 } #usp-container .ico-one { left:150px; background:url('../images/frontpage/ico_usp01.png')} #usp-container .ico-two { left:410px; background:url('../images/frontpage/ico_usp02.png')} #usp-container .ico-three { left:670px; background:url('../images/frontpage/ico_usp03.png')} #usp-container .ico-four { left:750px; background:url('../images/frontpage/ico_usp04.png')} /* USP inner content */ #usp-container .inner { min-height:145px; padding:0 10px 70px 10px; background:url('../images/frontpage/bg_usp.png') repeat-x bottom } #usp-container .inner .usp-box { display:block; float:left; color:#fff; width:33%; text-decoration:none } #usp-container .inner .usp-box:hover { color:#d2ecfa } #usp-container .inner .usp-box .inn { display:block; padding:45px 15px 0 15px } #usp-container .inner .usp-box .title { display:block; font-size:18px; padding-bottom:10px } #usp-container .inner .usp-box .body { font-size:11px; line-height:16px } /* bottom content part */ #body-frontpage #content-con #content { float:inherit; font-size:11px; line-height:15px; width:auto; padding-bottom:10px; background-color:#f0f0f0 } /* need another styles */ #body-frontpage #content-con #content p { margin-top:0 } /* new FOOTER styles */ #body-frontpage #content-con { padding-bottom:70px } #body-frontpage #footer-con { margin:-100px auto 0 } #body-frontpage #footer-separator { height:3px } /* FRONTPAGE */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BREADCRUMB */ #breadcrumbs { margin:0 0 30px; line-height:normal } /* removed left margin for bradcrumbs container on page whitout side menu */ #content-without-menu #breadcrumbs { margin-left:-23px } #breadcrumbs-list { list-style:none; padding:0; margin:0; padding-left:10px } #breadcrumbs-list li { float:left } #breadcrumbs-list li.current a, #breadcrumbs-list li.home a { width:auto!important } #breadcrumbs .breadcrumb-class a { float:left; height:18px; line-height:18px; color:#4a92c2; font-size:11px; text-decoration:none } .breadcrumb-spacer { float:left; width:1px; height:21px; background: url(../images/breadcrumbs/spacer.png) top left no-repeat } #breadcrumbs .breadcrumb-class a { padding:0 10px } #breadcrumbs .breadcrumb-class a:hover { color:#ea7125; text-decoration:none } /* container with START and END graphic element */ .start-element { float:left; width:3px; height:21px } .end-element { height:21px; width:13px } /* BREADCRUMB */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* LEFT CONTENT COLUMN DEFINITION - SIDE MENU */ .left-sidebar-column { position:absolute; top:-68px; left:0px; right:-10px; float:right } .one-column-without-menu .left-sidebar-column { top:-12px } /* side menu definition */ .sidemenu-con { border:1px solid #d7e6f0 } .sidemenu { position:relative; z-index:2; border:1px solid #fff; background:#cfe8f2 } #menu-floater-sidemenu .sidemenu { border-bottom:0px solid } /* ribbon, shadow top and left */ .ribbon, .shadow-left, .shadow-bottom { position:absolute } .ribbon { bottom:-12px; right:-2px; width:10px; height:11px; background: url(../images/page-construct/sidemenu-ribbon.png) } .shadow-left { top:0; left:-18px; width:16px; bottom:0; background: url(../images/page-construct/sidemenu-shadow-left.png) no-repeat top left} #menu-floater-sidemenu .menu-floater-content .shadow-left { display:none } .shadow-bottom { z-index:0; bottom:-15px; left:-10px; width:277px; height:14px; background: url(../images/page-construct/sidemenu-shadow-bottom.png)} #menu-floater-sidemenu .shadow-bottom { bottom:-14px } #menu-floater-sidemenu .ribbon { right:0; bottom:-11px } /* side menu list definition */ .sidemenu li { background: none!important; padding:0!important } .sidemenu .sidemenu-ul { list-style:none; padding:0; margin:0 } .sidemenu .sidemenu-ul li a { text-align: left; display:block; text-decoration:none; font-weight:400; padding:7px 0 8px 15px !important; color:#0768a9 !important; background: url(../images/page-construct/bg_side-menu-item.png) repeat-x bottom; font-size:14px } .sidemenu .sidemenu-ul li:last-child a { background:none } .sidemenu .sidemenu-ul li a:hover { background: url(../images/page-construct/bg_side-menu-item-hover.png) no-repeat } /* side menu A and A:hover */ .sidemenu .sidemenu-ul li.sidemenu-activ a { color:#fff!important; font-size:14px; font-weight:700; background: url(../images/page-construct/bg_side-menu-item-active.png) repeat-x top } .sidemenu .sidemenu-ul li.sidemenu-activ a:hover { text-decoration:none } /* side submenu */ .sidemenu li.sidemenu-activ { position:relative; background: url(../images/page-construct/bg-shadow-sidemenu-sub-left.png) repeat-y left!important } .sidemenu li.sidemenu-activ ul.submenu { list-style:none; margin:0; padding:6px 0 12px 0!important; background: url(../images/page-construct/bg-shadow-sidemenu-sub.png) no-repeat bottom } .sidemenu li.sidemenu-activ ul.submenu li { background:none!important } .sidemenu li.sidemenu-activ ul.submenu li a { padding:4px 0 4px 10px; margin-left:20px; font-weight:normal; background: url(../images/page-construct/bg_side-menu-submenu-item.png) no-repeat 0 12px; font-size:12px; color:#0768a9!important } .sidemenu li.sidemenu-activ ul.submenu li a:hover { text-decoration:underline!important } .sidemenu li.sidemenu-activ ul.submenu li.submenu-activ { background: url(../images/page-construct/bg-sidemenu-submenu-activ.png) no-repeat right center } .sidemenu li.sidemenu-activ ul.submenu li.submenu-activ a { color:#ea7125!important; font-weight:700; background: url(../images/page-construct/bg_side-menu-submenu-item-activ.png) no-repeat 0 12px; } /* menu slider control element */ #menu-floater-sidemenu { z-index:5!important } #menu-floater-sidemenu .tab { position:relative; cursor:pointer } #menu-floater-sidemenu .tab span { position:absolute; left:-10px; top:0; right:0 } #menu-floater-sidemenu .menu-floater-content { width:267px; margin-left:-10px } /* end element of side menu */ .sidemenu-divider { height:62px; background: url(../images/page-construct/bg_side-menu-divider.png) no-repeat } /* MOVIE STRIP CONTAINER */ #movie-strip { position:relative; height:135px } #movie-strip a { position:absolute; top:-35px; left:-35px } /* FaceBook teaser */ #facebook-teaser { position:relative; text-align:center } /* LEFT CONTENT COLUMN DEFINITION - SIDE MENU */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* PAGE FOOTER CONTAINER DEFINITION */ #footer { height:278px; text-align:center; background: url(../images/page-construct/bg-footer-shadow.png) repeat-x} #footer-top { height:47px; z-index:5 } #footer-top-con { position:relative; width:966px; height:47px; margin:0 auto; text-align:left; background: url(../images/page-construct/bg-footer.png) repeat-x } #footer-top-con .links { float:right;width:650px } #footer-top-con .links .newsletter-link, #footer-top-con .links .bookmark, #footer-top-con .links .suggest { width:0px; height:28px; line-height:28px; text-indent:10px; overflow:hidden; white-space:nowrap; color:#fff; text-decoration:none; color: #fff; display: block; float: right; padding:10px 0 10px 28px; margin-right:10px } /* footer bar tools */ #footer-top-con .links .newsletter-link { background-image:url(../images/buttons/btn-newsletter.png); background-repeat:no-repeat; background-position:left 0 } #footer-top-con .links .bookmark { background-image:url(../images/buttons/btn-bookmark.png); background-repeat:no-repeat; background-position:left 0 } #footer-top-con .links .suggest { background:url(../images/buttons/btn-sendtofriend.png); background-repeat:no-repeat; background-position:left 0 } /* HOVER states */ #footer-top-con .links .newsletter-link:hover, #footer-top-con .links .bookmark:hover, #footer-top-con .links .suggest:hover { background-position:left -48px } /* feedback button is hidden for now */ #footer-top-con .links .feedback { display:none } /* BUY footer button */ .footer-buy-btn { position:absolute; left:15px; top:-3px } /* TRYout link */ .tryforfree { position:absolute; left:185px; top:15px; color:#fff } .tryforfree a { color:#fff; font-size:14px; font-weight:700; text-decoration:none; padding-left:5px } .tryforfree a:hover { text-decoration:underline } #footer-middle { height:208px; background: url(../images/page-construct/bg-footer-middle.png) no-repeat center top } #footer-middle-con{ width:966px; margin:0 auto; text-align:left } .footer-menu { float:left; min-height:124px; min-width:191px; padding:25px; background: url(../images/page-construct/bg-footer-menu.png) no-repeat left top; margin-left:1px } .footer-menu a { display:block; color:#4a4a4a; text-decoration:none; line-height:20px } .footer-menu a:hover{ color:#ea7125; text-decoration:underline } .footer-menu .title { color:#0768a9; font-size:16px; text-transform:uppercase; padding-bottom:10px; margin-bottom:10px; background: url(../images/page-construct/spacer-footer-menu.png) no-repeat left bottom } .footer-logo { float:right; padding:20px } .footer-newsletter-teaser { display:block; width:124px; height:88px; margin-top:16px; margin-right:-9px; color:#d6dadb; position:relative; float:right; background:url(../images/teasers/teaser-newsletter.png) no-repeat top right; } .footer-newsletter-teaser:hover { background-position: bottom right; color: #3168a9 } .footer-newsletter-teaser span { position:absolute; font-size:14px; left:-133px; margin-top:20px } #footer-bottom { text-align:center } #footer-bottom-con{ width:915px; margin:0 auto; margin-top:-10px; text-align:left; color:#2181a7; font-size:11px } #footer-bottom-con a { color:#4A4A4A; text-decoration:none } #footer-bottom-con a:hover { color:#EA7125 } /* FaceBook Like button */ #facebook { display:block; margin-top:15px; margin-left:5px; overflow:hidden } #facebook iframe { height:25px !important } #main-menu-con #facebook { display:none } body#body-frontpage #main-menu-con #facebook { display:block; position:absolute; right:-15px; top:-4px } /* PAGE FOOTER CONTAINER DEFINITION */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* STANDART CONTENT ELEMENTS DEFINITIONS */ /* content links */ #content-con a { color:#ea7125 } #content-con a:hover { text-decoration:none } /* H1, H2, H3 links definitions */ #content-con h1 a, #content-con h2 a, #content-con h3 a { text-decoration:none } #content-con h1 a:hover, #content-con h2 a:hover, #content-con h3 a:hover { text-decoration:underline } /* content p tags for first content column*/ #content-con .first p { padding:0 0 10px; margin:0 } /* content p tags for second content column*/ #content-con .second p { padding:0 0 10px; margin:0 } #content-con .second blockquote { margin:0 } /* content titles H1 */ #content-con .first .csc-header h1, #content-con .second .csc-header h1, #content-con .second .csc-textpic-text h1, #content-con .first .csc-textpic-text h1 { font-weight:700; background:none; margin:0 } /* content titles H1 for first content column */ #content-con .first .csc-header h1, #content-con .first .csc-textpic-text h1 { font-weight:700; font-size:15px!important; padding:10px 0 10px; margin-left:-24px; padding-left:24px; line-height:18px; /*background: url(../images/page-construct/content-bullet.png) no-repeat 0px 13px*/ } /* content titles H1 for second content column */ #content-con .second .csc-header h1, #content-con .second .csc-textpic-text h1, #content-con .first .csc-header h3, #content-con .first .csc-textpic-text h3 { font-size:14px; padding:0; margin-bottom:5px; line-height:normal } /* content h3 definitions */ #content-con .first .csc-header h3, #content-con .first .csc-textpic-text h3 { color:#0768A9!important; font-weight:700; margin-top:5px } /* content list */ #content-con .first ul, #content-con .second ul { list-style: none; list-style-position: inside; padding:0; margin-top:0 } #content-con .first ul li, #content-con .second ul li { padding: 0 0 0 8px; margin:0; background: url("../images/content-elements/bullet-textpic.png") no-repeat 0px 8px} /* second column content - list - element with background */ #content-con .second ul { margin:0; padding:0 0 0 0 } #content-con ul li.list-bullet-contact { padding-left:16px; background: url("../images/bullets/bullet_red.png") no-repeat 0 6px; } /* OUTLOOK ADDIN */ #outlook-addin-ce .csc-header h1 { padding-bottom:10px!important } /* ///// content layouts definition */ /* layout with background - csc-layout-1 */ #content-con .second .csc-layout-1 { position:relative; margin-bottom: 47px; padding: 13px 0 10px 0; background: url(../images/content-elements/bg-withbackground-top.png) no-repeat top left } #content-con .second .csc-layout-1 .csc-textpic-clear { position:absolute; bottom:-5px; left:0; width:197px; height:5px; background: url(../images/content-elements/bg-withbackground-bottom.png) no-repeat } /* layout normal */ #content-con .second .csc-layout-0 { color:#6b6b6b; margin-bottom:35px; padding:0 } #content-con .first .csc-layout-0 { padding:0 } /* layout links */ #content-con .first .csc-layout-3 { float:right; padding:0 0 18px 18px } #content-con .second .csc-layout-3 { padding-bottom:40px } #content-con .second .csc-layout-3 a, #content-con .first .csc-layout-3 a { color:#ea7125; font-size: 11px; font-weight:700; padding-left:18px; display:block; background: url(../images/content-elements/bullet-linkslayout.png) no-repeat 10px 8px } #content-con .second .csc-layout-3 p, #content-con .first .csc-layout-3 p { padding:0; margin:0 } #outlook-addin-ce label { display:block; font-weight:700; margin-bottom:10px } #outlook-addin-ce label select { width:100% } #outlook-addin-ce form { margin:0; padding:0 } /* DOWNLOAD button */ .dl-button { float:right; font-size:1em; font-weight:700; min-width:50px; height:26px; margin:0; padding:0 8px 0 0; margin-bottom:10px; text-align:center; text-decoration:none; background:url(../images/buttons/btn-attach-right.png) no-repeat right 0 } .dl-button span { position:relative; display:block; color:#fff; height:26px; padding:0 0 0 8px; line-height:26px; font-weight:700; white-space:nowrap; background:url(../images/buttons/btn-attach-left.png) no-repeat left 0 } /* mouse hover */ .dl-button:hover { background-position:right -26px; cursor:pointer } .dl-button:hover span { color:#0768a9; background-position:left -26px } /* STANDART CONTENT ELEMENTS DEFINITIONS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FORMs (registration) */ /* there are two different sizes for label container widthMAX : 645px widthHALF : 320px inputs stay always same width : 285px */ /* fancy form frame */ .form-section-container { position:relative; margin-bottom:20px; padding:20px 0 7px; background:url('../images/forms/form-section-bottom.png') no-repeat bottom center } .form-section-container .top { height:7px; background:url('../images/forms/form-section-top.png') no-repeat bottom center } .form-section-container .inner { padding:25px 25px 15px; background:url('../images/forms/form-section-middle.png') repeat-y top center } /* row sections */ .form-section-container .inner .row { display:block } /* divider styles */ .form-section-container .inner .row.divider { padding-top:15px; margin-top:10px; background:url('../images/forms/img-formdivider.png') no-repeat top center } /* nice fancy orange form head labels */ .form-label { position:absolute; float:left; font-size:12px; left:25px; top:0; font-weight:700; padding:0 17px 0 0; text-align:center; background:url('../images/forms/label-right.png') right no-repeat } .form-label span { position:relative; float:left; color:#fff; padding:0 0 0 15px; height:40px; line-height:40px; white-space:nowrap; background:url('../images/forms/label-left.png') left no-repeat } /* form input elements */ #form-container label input, #form-container label textarea, #form-container label select { margin:0; margin-top:5px } #form-container input[type="text"], #form-container input[type="password"], #form-container select { padding:0; display:block; font-size:15px; padding-left:5px; letter-spacing:0.07em; height:25px; line-height:25px; border:1px #D9D9D9 solid } #form-container textarea.message { width:585px; height:125px; padding:5px; background:url('../images/forms/bg-area595.png') no-repeat left top; border:1px solid #dfdfdf } /* styles for select */ #form-container select { height:27px; line-height:27px } /* checkbox styles */ #form-container input[type="checkbox"] { height:13px; width:13px; margin-left:7px } /* focused input box */ #form-container input[type="text"]:focus, #form-container input[type="password"]:focus, #form-container textarea:focus, #form-container select:focus { border-color:#ea7125 } /* strong input box font */ #form-container .imp input { font-weight:700 } /* different input sizes */ #form-container .widthHALF input, #form-container .widthMAX input, #form-container .widthHALF select, #form-container .widthMAX select { width:270px; background:url('../images/forms/bg-input275.png') no-repeat left top } /* radio buttons containers */ #form-container .radio-container { display:block; float:left; font-weight:700; padding:15px; margin-bottom:10px; margin-top:10px; width:95%; background-color:#ecf3f6 } #form-container .radio-container .widthMAX { display:block; padding-bottom:10px; cursor:auto } #form-container .radio-container .widthMAX.required { background-image:url('../images/forms/ico_required.png'); background-repeat:no-repeat; background-position:590px 0 } #form-container .radio-container .radio { display:block; clear:both } #form-container .radio-container .radio label { display:inline; float:inherit; font-weight:400; cursor:pointer; padding:0 } #form-container .radio-container .radio label:hover { color:#ea7125 } #form-container .radio-container .radio input { vertical-align:-2px; margin-right:5px } #pipelinerSupport .radio-container .widthMAX.required { background-position:560px 0 } /* error message container */ #form-container .error-box { display:block } #form-container .error-box .error { display:block; font-size:10px; font-weight:400; color:red; padding-left:10px; padding-bottom:2px; margin-top:2px; background:url('../images/forms/ico_error.png') no-repeat left top } /* info message */ #form-container .info { display:block; font-size:10px; color:#666; font-weight:400; width:90%; margin-top:2px } #form-container label.widthMAX .info { width:100% } #form-container .info:hover { color:#000 } #form-container .info a { text-decoration:none } #form-container .info a:hover { text-decoration:underline } /* input labels */ #form-container label { position:relative; display:block; float:left; font-weight:700; padding-bottom:7px; cursor:pointer } #form-container label.widthHALF { width:304px } #form-container label.widthMAX { width:645px } #form-container label:hover { color:#ea7125 } /* required icons */ #form-container .widthHALF.required, #form-container .widthMAX.required { background-image:url('../images/forms/ico_required.png'); background-repeat:no-repeat; background-position:280px 30px } #form-container .widthMAX.required.message { background-position:600px 30px } /* form preview styles */ #form-container.preview label { padding:7px; cursor:auto } #form-container.preview label:hover { background-color:#f5f5f5 } #form-container.preview label.widthMAX { width:625px } .form-section-container .preview { font-weight:400; margin-left:5px } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* CAPTCHA definitions */ #captcha { position:relative; color:#ea7125; font-size:12px; padding:10px; margin-top:15px; background-color:#ecf3f6 } #captcha .error-box .error { position:absolute; right:20px; top:55px } #captcha-error .error { font-size:10px; font-weight:400; color:red; height:20px; padding-left:10px; padding-bottom:2px; margin-top:2px; background:url('../images/forms/ico_error.png') no-repeat left top } /* captcha image width */ #captcha img { width:270px!important } /* captcha label */ #captcha .txt { float:left; font-weight:700; width:160px; padding-top:20px } /* captcha itself container */ #recaptcha_image { float:left; width:280px!important; height:59px!important } /* small captcha tool icons */ #captcha_icons { position:absolute; left:440px; height:60px } #captcha_reload img { width:20px !important; height:20px !important } #captcha_reload a img { border:none } /* input box */ #captcha input { float:right; font-size:10px; width:120px; margin-top:15px; margin-right:10px; background:url('../images/forms/bg-captcha125.png') no-repeat } /* CAPTCHA definitions */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* submit buttons */ /* main container */ .buttons-container { margin:20px 0 20px; text-align:right; background:url('../images/forms/logo_login.png') no-repeat left center } /* nice fancy blue buttons */ button { font-family:verdana,geneva,arial,helvetica,sans-serif; float:right; border:0 none; font-weight:700; padding:0 20px 0 0; margin-left:10px; text-align:center; text-transform:uppercase; cursor:pointer } button span { position:relative; display:block; color:#fff; padding:0 0 0 21px; line-height:29px; text-align:center; white-space:nowrap } button.submitBtn { height:30px; background:url(../images/forms/btn-right.png) no-repeat right 0; font-size:14px } button.submitBtn span { height:30px; line-height:30px; text-transform:uppercase; background:url(../images/forms/btn-left.png) no-repeat left 0 } button.submitBtn:hover { background-position:right -30px } button.submitBtn:hover span { color:#0768a9; background-position:left -30px } /* this one is questionable - usability? */ button::-moz-focus-inner { border:0 } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* submit buttons */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* dropdown styles */ /* priority */ option.prio-low { color:#aaa } option.prio-medium { color:#0b6aaa } option.prio-high { color:red } /* OS */ option.group { color:#000; font-weight:700; background-color:#c4d8ed } option.inset { margin-left:15px } option.imba { font-weight:700 } /* misc */ option.green { color:green; font-weight:700 } option.gray { color:#818181 } /* dropdown styles */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* SITEMAP */ #content-con .tx-pipelinersitemap-pi1 { line-height:1.7em; background:url('../images/page-construct/bg_sitemap.png') no-repeat right bottom } #content-con .tx-pipelinersitemap-pi1 a { display:inline-block; font-size:1.25em; color:#0768a9; text-decoration:none } #content-con .tx-pipelinersitemap-pi1 a:hover { text-decoration:underline } /* first level */ #content-con .tx-pipelinersitemap-pi1 ul { padding:0; margin:0; list-style-type:none } #content-con .tx-pipelinersitemap-pi1 ul li { padding:0 0 20px; background:none} #content-con .tx-pipelinersitemap-pi1 ul a { padding-left:20px; padding-bottom:5px; background:url('../images/bullets/bullet_big.png') no-repeat left 6px; font-weight:700 } /* second and other levels */ #content-con .tx-pipelinersitemap-pi1 ul ul { padding-bottom:5px } #content-con .tx-pipelinersitemap-pi1 ul ul .hasSubmenu a { font-weight:700; background:url(../images/bullets/bullet_hassubmenu.png) no-repeat 0px 6px } #content-con .tx-pipelinersitemap-pi1 ul ul .hasSubmenu ul a { font-weight:normal; padding-left:10px; margin-left:10px; background:url(../images/bullets/bullet_rsaquo.png) no-repeat left 7px } #content-con .tx-pipelinersitemap-pi1 ul ul a { color:#0768a9; font-size:1em; padding-left:15px; padding-bottom:0px; background:none; font-weight:normal } #content-con .tx-pipelinersitemap-pi1 ul ul ul a { background:url(../images/bullets/bullet_rsaquo.png) no-repeat left 7px; font-weight:normal } #content-con .tx-pipelinersitemap-pi1 ul ul li { padding:0 0 0 20px } /* third+ levels */ #content-con .tx-pipelinersitemap-pi1 ul ul ul a { color:#0768a9 } /* SITEMAP */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* TEASERS */ /* style for 1-column page setup */ #content-without-menu #page-teaser { width:966px; margin-left:-24px } #page-teaser { height:120px; margin-bottom:10px; border-bottom: 2px solid #cfe4ef } #page-teaser img { border-bottom:1px solid #fff } /* TEASERS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* //////////////////// SEARCH PAGE */ #mailform { padding-bottom:4px } #mailform .csc-mailform-field { float:left; margin-top:5px} #mailform .search-correct{ width:423px; height:41px; background: url(../images/inputs/input-search.png) top left no-repeat; margin:0; padding:5px 5px 0 } #mailformsword { width:423px; height:19px; font-size:15px; border:0; background: none; margin:0 } #mailformsubmit { width:31px; height:47px; border:0; background: url(../images/buttons/search-button.png) top left no-repeat; margin:0 0 0 5px; padding:0; cursor:pointer } #mailform .csc-mailform-field label { display:none } /* search results */ h3.csc-searchResultHeader { padding:0; margin:0 } h3.csc-searchResultHeader a { font-size:12px; font-weight:700; color:#ea7125 } h3.csc-searchResultHeader a:hover { text-decoration:none } #content-con p.csc-searchResult { padding:0; margin:0 } #content-con a.searchresultslink { margin:0 0 20px 0; display:block; color:#ea7125; font-size:10px; text-decoration:none } #content-con a.searchresultslink:hover { text-decoration:underline } /* search paging */ .csc-searchResultInfo { background: url(../images/page-construct/bg-searchresults-title.png) repeat-x bottom; padding-bottom:7px; margin-bottom:13px } .csc-searchResultInfo-bottom { background: url(../images/page-construct/bg-searchresults-title.png) repeat-x top; padding-top:7px; margin-top:13px; padding-bottom:50px } .csc-searchResultRange { float:left } .csc-searchResultPrevNext { float:right; text-align:right } .csc-searchResultRange, .csc-searchResultPrevNext a { font-size:11px; font-weight:700 } .csc-searchResultPrevNext a { text-decoration:none; color:#ea7125 } .csc-searchResultPrevNext a:hover { text-decoration:underline } /* picture borders ... if enabled */ .csc-textpic-border img { border:1px #d0dcec solid } /* //////////////////// DOWNLOAD PAGE */ #download h2 { padding:0; margin:0; margin-bottom:2px } #automatic-install.selected div, #manual-install.selected div { cursor:auto } #download .padding { padding:0 15px } #download .download-error { color:red } #download .section-content { margin-bottom:2px; background:#f2fbfe } .instalation-content-con, .instalation-content-con-noscript { padding:15px; color:#0b6aaa; font-weight:700 } .admin-rights { position:relative; padding-bottom:15px } .admin-rights .icon { position:absolute; left:5px; top:15px; width:59px; height:42px; background: url(../images/downloadpage/ico-admin.png) no-repeat } .admin-rights .top { display:block; height:6px; background: url(../images/downloadpage/bg-admin-rights-top.png) no-repeat } .admin-rights .center { display:block; padding-left:68px!important; padding-top:10px!important; padding-bottom:10px!important; background: url(../images/downloadpage/bg-admin-rights-center.png) repeat-y } .admin-rights .bottom { display:block; height:6px; background: url(../images/downloadpage/bg-admin-rights-bottom.png) no-repeat } .instalation-content a { float:right; padding-right:10px } .instalation-content a:first-child { float:left; padding-left:10px } /* vertical align - center */ .v-outer { display:table; /* height:? */ margin:0 auto; overflow:hidden } .v-middle { display:table-cell; margin:0 auto; vertical-align:middle } .v-inner { margin:0 auto; width:100% } .automatic-instalation-header-en, .manual-instalation-header-en, .automatic-instalation-header-de, .manual-instalation-header-de { position:relative; width:696px; height:41px; display:block; cursor:pointer } .automatic-instalation-header-en { background: url(../images/downloadpage/autoinstall-header-en.png) no-repeat } .automatic-instalation-header-de { background: url(../images/downloadpage/autoinstall-header-de.png) no-repeat } .automatic-instalation-header-en:hover { background: url(../images/downloadpage/autoinstall-header-en-over.png) no-repeat } .automatic-instalation-header-de:hover { background: url(../images/downloadpage/autoinstall-header-de-over.png) no-repeat } .manual-instalation-header-en { background: url(../images/downloadpage/maninstall-header-en.png) no-repeat } .manual-instalation-header-de { background: url(../images/downloadpage/maninstall-header-de.png) no-repeat } .manual-instalation-header-en:hover { background: url(../images/downloadpage/maninstall-header-en-over.png) no-repeat } .manual-instalation-header-de:hover { background: url(../images/downloadpage/maninstall-header-de-over.png) no-repeat } .automatic-instalation-header-de span , .manual-instalation-header-de span, .automatic-instalation-header-en span , .manual-instalation-header-en span { position:absolute; top:11px; left:12px; width:18px; height:18px; display:block; background: url(../images/downloadpage/ico-closegroup.png) no-repeat } #download h2.selected .automatic-instalation-header-de span, #download h2.selected .manual-instalation-header-de span, #download h2.selected .automatic-instalation-header-en span, #download h2.selected .manual-instalation-header-en span { background: url(../images/downloadpage/ico-opengroup.png) no-repeat } .instalation-steps { height:76px; background: url(../images/downloadpage/bg_installsteps.png) repeat-x } .steps-part, .title-steps-part { float:left } .instalation-steps .title-steps-part { width:180px; color:#0b6aaa } .instalation-steps .title-steps-part a { display:block; padding-top:0px; color:#ea7125; font-size:10px; text-decoration:underline } .instalation-steps .title-steps-part .v-outer { height:76px; width:150px } .title-steps-part table { width:165px; height:76px; padding-left:15px; vertical-align:center; text-align:left } .steps-part .step table { width:80px; height:56px; vertical-align:center; text-align:center } .steps-part .step { position:relative; float:left; width:80px; height:54px; margin-left:5px; margin-top:11px; border: 1px solid #c4d8ed; background:#f1f6fb } .steps-part .step .download-magnify{ position:absolute; right:0; bottom:0 } .steps-part .step:first-child { margin-left:0px } .steps-part .step .v-outer { height: 54px } /* download steps window */ #download-steps-window { width:768px; height:540px; background:#edfbff } #download-steps-window ul.tabs { margin: 0; padding: 0; list-style: none; height: 50px; background:url(../images/downloadpage/bg-steps-window-header.png) repeat-x } #download-steps-window ul.tabs li { float: left; margin: 0; margin-left:13px; margin-top:12px; padding: 0; overflow: hidden; background: url(../images/downloadpage/bg-tab.png) no-repeat } #download-steps-window ul.tabs li.active { background: url(../images/downloadpage/bg-tab-active.png) no-repeat } #download-steps-window ul.tabs li a { width:110px; height:38px; display:block; line-height:38px; font-size:14px; font-weight:700; color:#24445a; text-align:center; text-decoration:none; text-shadow: #fff 0px 1px 0px } .tab_container { height:400px; padding:20px; background:url(../images/downloadpage/bg-tab-content.png) no-repeat; color:#24445a; text-align:left } .tab_container .tab_content .description { position:relative; height:400px; width:220px; float:left } .tab_container .tab_content .description .down-pdf { position:absolute; bottom:0; left:0; padding-left:22px; background:url(../images/downloadpage/ico-pdf.png) left no-repeat } .tab_container .tab_content .description .down-pdf a { color:#ea7125; font-weight:700 } .tab_container .tab_content .image { height:400px; width:485px; float:right } #manualpage-noscript #download-steps-window { height:auto } #manualpage-noscript .tab_container { height:auto; padding:30px; background:none; color:#24445a; text-align:left } #manualpage-noscript .tab_container .tab_content .description { width:200px; padding-right:20px } #download-steps-window-footer { height: 50px; text-align:right; background:url(../images/downloadpage/bg-steps-window-footer.png) repeat-x } #download-steps-window-footer .right { float:right; padding-top:8px; padding-right:15px } #download-steps-window-footer .right a { width:140px; height:42px; float:left; margin-left:15px; line-height:25px; color:#0b6aaa; font-size:12px; text-align:center; text-decoration:none; font-weight:700; background:url(../images/downloadpage/btn-steps-window-footer.png) no-repeat } #download-steps-window-footer .right a.disable { width:140px; height:42px; float:left; margin-left:15px; line-height:25px; color:#7a7a7a; font-size:12px; text-align:center; text-decoration:none; font-weight:700; background:url(../images/downloadpage/btn-steps-window-footer-d.png) no-repeat } /* //////////////////// EVENTS PAGE */ #body-events #breadcrumbs, #body-facebook #breadcrumbs{ display:none } #event-left { float:left; width:595px } #event-right { position:relative; float:right; width:324px; min-height:839px; margin-right:-24px; padding-left:10px } #event-right .top-shadow, .social-left-col .top-shadow { position:absolute; top:0; left:0; height:136px; width:10px; background:url(../images/eventpage/shadow-top.png) no-repeat } #event-right .middle-shadow, .social-left-col .middle-shadow { position:absolute; top:136px; bottom:136px; width:10px; left:0; background:url(../images/eventpage/shadow-middle.png) repeat-y } #event-right .bottom-shadow, .social-left-col .bottom-shadow { position:absolute; bottom:0; left:0; width:10px; height:136px; background:url(../images/eventpage/shadow-bottom.png) no-repeat } #event-right .highlight { color:#da8d1b } /* left content part */ /* main last / next event container */ #main-event-con { position:relative; margin-bottom:40px; min-height:330px; background:url(../images/eventpage/bg-main-event-con.png) no-repeat left top #e9faff } /* main event label */ .main-event-label-last, .main-event-label-next, .main-event-label-current { position:absolute; z-index:4; width:158px; height:140px; top:-1px; left:-1px } .main-event-label-next { background:url(../images/eventpage/label-main-event-next.png) no-repeat left top } .main-event-label-last { background:url(../images/eventpage/label-main-event-last.png) no-repeat left top } .main-event-label-current { background:url(../images/eventpage/label-main-event-today.png) no-repeat left top } body.de .main-event-label-next { background:url(../images/eventpage/label-main-event-next-de.png) no-repeat left top } body.de .main-event-label-current { background:url(../images/eventpage/label-main-event-today-de.png) no-repeat left top } body.de .main-event-label-last { background:url(../images/eventpage/label-main-event-last-de.png) no-repeat left top } /* main event image */ .main-event-img { position:relative; min-height:304px; padding:20px } .main-event-img .overlay { position:absolute; z-index:2; top:20px; left:20px; width:556px; height:304px; background:url(../images/eventpage/main-event-img-overlay.png) no-repeat left top } .main-event-img .overlay-inner-shadow { position:absolute; z-index:3; top:20px; left:20px; width:556px; height:304px; background:url(../images/eventpage/main-event-img-overlay-inner-shadow.png) no-repeat left top } /* main event information - date, title, place */ .main-event-img .main-event-info { position:absolute; z-index:2; left:20px; right:20px; top:210px } .main-event-img .main-event-info .date, .main-event-img .main-event-info .title, .main-event-img .main-event-info .place { padding:0 20px } .main-event-img .main-event-info .date { padding-bottom:5px; font-size:18px; font-weight:700; color:#fff } .main-event-img .main-event-info .title { background:url(../images/eventpage/bg-main-event-title.png) no-repeat left bottom } /* overflow title */ .title-overflow { max-height:37px; overflow:hidden } .title-relative .shadow-top, .title-relative .shadow-bottom { position:absolute; left:-20px; right:0; width:545px; height:14px } .title-relative .shadow-top { top:-14px; background:url(../images/eventpage/bg-main-event-title-shadow-top.png) no-repeat left top } .title-relative .shadow-bottom { bottom:-14px; background:url(../images/eventpage/bg-main-event-title-shadow-bottom.png) no-repeat left top } .title-relative .shadow-right { position:absolute; right:-16px; bottom:-12px; width:54px; height:63px; background:url(../images/eventpage/bg-main-event-title-shadow-right.png) no-repeat left top } .main-event-img .main-event-info .place { font-size:13px; font-weight:700; color:#fff } /* main event description */ .main-event-desc { padding:0 20px 25px; background:url(../images/eventpage/bg-main-event-desc.png) repeat-y left top #e9faff; color:#0768a9 } /* main event links */ .main-event-links { position:relative; height:50px; padding:0 20px; background:url(../images/eventpage/bg-main-event-links.png) no-repeat left top; text-align:center; color:#0198c6; font-weight:700 } .main-event-links a { padding:0 5px; line-height:50px; color:#0198c6!important; font-weight:700; font-size:11px; float:none; display:inline } .main-event-links .more-info { float:left; padding-top:12px } .main-event-links .more-info a { line-height:normal } .main-event-links .btns-social { float:right; padding-top:11px } .main-event-links .btns-social a { line-height:normal; padding-left:3px; padding-right:0 } .main-event-links .shadow-top, .main-event-links .shadow-bottom { position:absolute; left:0; right:0; height:19px; width:auto } .main-event-links .shadow-top { top:-19px; background:url(../images/eventpage/bg-main-event-links-shadow-top.png) no-repeat center } .main-event-links .shadow-bottom { bottom:-19px; background:url(../images/eventpage/bg-main-event-links-shadow-bottom.png) no-repeat center } /* events list of left content part */ .events-list-con { padding-bottom:15px } /* header container */ .events-list-header { height:40px; line-height:40px; padding:0 20px; background:url(../images/eventpage/bg-events-list-header.png) no-repeat left } /* footer container */ .events-list-footer { height:40px; line-height:40px; padding:0 20px; background:url(../images/eventpage/bg-events-list-footer.png) no-repeat right; color:#0198c6; font-size:10px; text-align:center } .events-list-footer .prev-float-left { float:left; width:200px; text-align:left } .events-list-footer .next-float-right { float:right; width:200px; text-align:right } .events-list-footer div a { font-weight:700; font-size:10px!important; color:#0198c6!important; text-decoration:none } .events-list-footer div a:hover { text-decoration:underline!important } /* event item */ dl.event { position:relative; min-height:120px; margin:0; padding:20px; border-top:1px solid #d9e5f0 } dl.event:first-child { border-top:none } dl.event:hover { background-color:#f4f9fb } dl.event:hover .over-overlay { background:none!important } dl.event a { color:#0198c6!important; font-weight:700; text-decoration:none } dl.event a:hover { color:#f18e00!important; text-decoration:underline!important } dl.event dt, dl.event dd { padding-left:165px; margin:0 } dl.event dd.image { position:relative; display:inline; float:left; width:145px; height:120px; padding-left:0 } dl.event dd.image .overlay, dl.event dd.image .over-overlay { position:absolute; z-index:2; top:0; bottom:0; right:0; left:0 } dl.event dd.image .overlay { background:url(../images/eventpage/event-img-overlay.png) no-repeat center } dl.event dd.image .over-overlay { background:url(../images/eventpage/event-img-over-overlay.png) no-repeat center } dl.event dd.place { padding-bottom:30px } dl.event dt { padding-bottom:5px } dl.event dd { font-weight:700; color:#0768a9 } dl.event dd.social-links { display:none; position:absolute; right:10px; bottom:10px; padding-left:0 } dl.event:hover dd.social-links { display:block } dl.event dd.links { position:absolute; bottom:20px; color:#0198c6; font-size:10px } dl.event dd.links a { padding:0 5px; font-size:10px; text-transform:uppercase; float:none; display:inline } dl.event dd.links a:first-child { padding-left:0px } .social-networks a { background-position: 0 0; cursor: pointer; float: left; height: 29px; margin: 3px 1px; width: 26px } /* right content part */ .gallery-teaser { z-index:1; position:relative; padding: 0 24px 24px; background:url(../images/eventpage/bg-event-right-header.png) repeat-x bottom } .gallery-teaser .overlay { position:absolute; top:0; left:24px; width:275px; height:183px; background:url(../images/eventpage/gallery-teaser-overlay.png) repeat-x bottom } body.en .gallery-teaser .overlay { background:url(../images/eventpage/gallery-teaser-overlay-en.png) repeat-x bottom } /* event search container */ .event-search { padding:20px 20px 10px 20px; background:url(../images/eventpage/bg-event-right-header.png) repeat-x bottom } .event-search .input { float:left; position:relative; width:225px; height:39px; background:url(../images/inputs/input-qsearch-event.png) no-repeat } .event-search .input input { position:absolute; top:0px; left:10px; width:200px; height:25px; background:none; border:none; color:#999999; font-size:13px } .event-search .reset-search { position:absolute; top:4px; right:10px; width:18px; height:18px; background:url(../images/buttons/btn-reset-search.png) no-repeat; cursor:pointer } .event-no-results { text-align:center; padding:15px 0; font-size:11px; color:#0768a9 } /* past and upcoming events list container */ .pas-upcom-list-header { position:relative; height:40px; line-height:40px; padding:0 20px; padding-top:35px; background:url(../images/eventpage/bg-events-list-header.png) no-repeat left bottom } .pas-upcom-list-header .results { position:absolute; right:20px; top:38px; color:#0198c6; font-size:10px } .pas-upcom-list-content { } .pas-upcom-list-footer { height:96px; background:url(../images/eventpage/bg-rightcontent-footer.png) repeat-x bottom } .title-year .arrow { position:absolute; width:16px; height:16px; top:13px; right:20px; background:url(../images/eventpage/arrow-group.png) no-repeat bottom } .events-group .events-list { display:none } .open .events-list { display:block } .open .title-year .arrow { background:url(../images/eventpage/arrow-group-open.png) no-repeat bottom!important } .events-list dl { position:relative; margin:0; padding:10px 20px 13px; background:url(../images/eventpage/bg-right-event-item-con.png) repeat-x bottom } .events-list dl:hover { background-color:#f2f9fb } .events-list dt, .events-list dd { margin:0; color:#0068ad } .events-list dd { font-size:11px } .events-list dd.social-links { display:none; position:absolute; top:10px; right:20px } .events-list dl:hover dd.social-links { display:block } .events-list dt a { font-size:11px; font-weight:700; color:#0068ad!important; text-decoration:none } .events-list dt a:hover { text-decoration:underline!important } .gallery-teaser img {position:absolute; top:0; left:24px; } .gallery-teaser img.active {z-index: 10;} .gallery-teaser img {z-index: 9;} .gallery-teaser img.last_active{z-index: 8;} /* //////////////////// MEDIA PAGE */ .facebook .two-columns-without-menu { margin-right:-25px } .facebook #content-without-menu .second { width:270px!important } .facebook #content-without-menu .first { width:648px!important } .social-media-desc { padding:5px 0px 25px; color:#6f6f6f } .media-block { margin-left:-25px; padding:20px 0 0 20px; min-height:485px; background:url(../images/socialpage/bg-mediablock.png) no-repeat top left } .media-block .left-part { float:left; padding-left:10px } .media-block .right-part { float:right } .media-block .icon { width:90px } .media-block-twitter, .media-block-facebook { min-height:450px!important } .youtube-box { width:100% } .jcarousel-item { width:120px!important; position:relative; padding:4px!important; border:1px #d3d3d3 solid; margin-right:15px!important; background:none!important } .jcarousel-item .video-duration { position:absolute; padding:0 4px; right:5px; bottom:5px; color:#fff; background:#000 } .jcarousel-skin-pipeliner .jcarousel-container-horizontal { width:420px!important } .jcarousel-skin-pipeliner .jcarousel-clip-horizontal { width:420px!important; margin:0 0px!important } .jcarousel-skin-pipeliner .jcarousel-container { border:0px!important; background:none!important } .jcarousel-skin-pipeliner .jcarousel-prev-horizontal { background:url(../images/socialpage/btn-left.png) no-repeat top left} .jcarousel-skin-pipeliner .jcarousel-next-horizontal { background:url(../images/socialpage/btn-right.png) no-repeat top left} /* left column */ .social-left-col { padding-left:10px; width:210px!important; position:relative } .social-left-col .links { padding:30px 0px; text-align:center; background:url(../images/socialpage/bg-left-con-title.png) repeat-x bottom right } .social-left-col .links .space { padding-top:10px } .social-left-col .links a { display:block; padding:20px 0 } .social-left-col .links a:hover { background:#e8f6f9 } .social-left-col .desc { padding:20px 20px 30px; color:#6f6f6f; background:url(../images/socialpage/bg-left-con-title.png) repeat-x bottom right } .social-left-col .divider { height:96px; background:url(../images/socialpage/bg-divider.png) repeat-x top right } .right-part iframe .fbConnectWidgetTopmost { border:none!important } #jcarousel-skin-features-one ol,ul {list-style:none;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Quotation content element */ .quot { padding-top:30px; background:url(../images/quotation/bg-top.png) no-repeat top center } .quot-con { position:relative; padding-bottom:15px; background:url(../images/quotation/bg-bottom.png) no-repeat bottom center } .quot-icon { position:absolute; top:-45px; left:0; width:49px; height:37px; background:url(../images/quotation/icon.png) no-repeat } .quot-desc { padding-bottom:10px; font-size:13px } .quot-author { text-align:right; font-weight:700 } /* Quotation content element */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* footer icons / tools */ .suggest {color:#F0CDCD;display:block;float:right;margin-right: 10px;padding:10px} .feedback {color:#F0CDCD;display:block;float:right;margin-right: 10px;padding:10px} .bookmark {color:#F0CDCD;display:block;float:right;margin-right: 10px;padding:10px} /* footer icons / tools */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* SEARCH FIX */ /* SEARCH FIX for Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0){ #qsearch div.input input {padding-top:3px!important} } @media \0screen { /* SEARCH FIX for ie8 */ #qsearch div.input input {padding-top:5px!important} } /* SEARCH FIX for ie9 */ :root #qsearch div.input input {padding-top:5px\9} /* SEARCH FIX */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */