/*[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] COLORS gray on background = #dadee2 [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][] [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]*/ /* //////////////////// //////////////////// //////////////////// DEFAULT DEFINITIONS //////////////////// //////////////////// */ /* reset margins and paddings */ body, html { margin:0 auto; padding:0; height:100% } /* html background definition */ html { background: url(../images/page-construct/bg-html.png) top repeat-x #dadee2 } /* main page body definitions */ body { font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; text-align:center } /* 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 } /* //////////////////// 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 } /* //////////////////// PAGE HEADER CONTAINER DEFINITION */ #header-con { height:89px; position:relative; background: url(../images/page-construct/bg-header.png) no-repeat bottom left } /* header logo - container definitions */ #logo-header { position:absolute; left:17px; top:44px } /* header language flags - container definitions */ #lang-flags { position:absolute; top:0; right:40px; background: url(../images/page-construct/shadow-inner-lang-flags.png) no-repeat } #lang-flags a { float:right; width:49px; height:38px; margin-left:5px } #lang-flags a.English { background: url(../images/flags/eng.png) } #lang-flags a.English:hover { background: url(../images/flags/eng-hover.png) } #lang-flags a.Deutsch { background: url(../images/flags/de.png) } #lang-flags a.Deutsch:hover { background: url(../images/flags/de-hover.png) } #lang-flags .lang-description { float:right; font-size:11px; color:#dcdcdc; padding-right:3px; line-height:30px; text-transform:uppercase } /* quick search - container definitions */ #qsearch { position:absolute; right:15px; top:43px } #qsearch div.input, #qsearch input[type="image"] { float:left } #qsearch div.input { width:134px; height:39px; background: url(../images/inputs/input-qsearch.png) } #qsearch div.input input { font-size:11px; color:#aaaaaa; padding:5px 0 0 5px; background:none; border:0 } #qsearch div.input input:focus { color:#000 } #qsearch input[type="image"] { padding-left:2px; padding-top:5px } /* header links - container definitions */ #free-download { position:absolute; width:182px; height:61px; left:340px; top:28px; 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 } /* //////////////////// MAIN MENU CONTAINER DEFINITION */ #main-menu-con { height:42px; text-align:right; padding:7px 24px; background: url(../images/page-construct/bg-main-menu-con.png) no-repeat } #main-menu-con a, #main-menu-con .fancy-shadow { height:42px; float:left; line-height:40px; color:#000000; font-size:16px; text-decoration:none; background: url(../images/page-construct/bg-main-menu.png) right top no-repeat; position:relative } #main-menu-con .fancy-shadow { width:109px } #main-menu-con a span { height:42px } #main-menu-con a span.left, #main-menu-con a span.center, #main-menu-con a span.right { float:left } #main-menu-con a span.left, #main-menu-con a span.right { width:16px } #main-menu-con a span.center { padding:0px 18px } #main-menu-con a span.left { position:absolute; top:0; left:-16px } /* hover state */ #main-menu-con a:hover { color:#fff; cursor:pointer } #main-menu-con a:hover span.right { background: url(../images/page-construct/bg-main-menu-hover-right.png) right top no-repeat } #main-menu-con a:hover span.center { background: url(../images/page-construct/bg-main-menu-hover-center.png) top repeat-x } #main-menu-con a:hover span.left { background: url(../images/page-construct/bg-main-menu-hover-left.png) right top no-repeat } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* MAIN MENU styles */ .sf-menu, #main-menu-con ul.sf-menu * { margin:0; padding:0; list-style:none } .sf-menu { line-height:1.0; float:left } /* everything need to be floated left */ .sf-menu li { float:left; position:relative } /* second menu level styles */ .sf-menu ul { position:absolute; top:-999em; width:10em } .sf-menu ul li { width:100%; background:url(../images/page-construct/bg_submenu-li.png) repeat-x } .sf-menu ul li:hover { visibility:inherit; background:url('../images/page-construct/bg_submenu-li-hover.png') repeat-x } .sf-menu ul li.hasSubmenu { background:url('../images/page-construct/bg_submenu-li-hassubmenu.png') no-repeat right } .sf-menu ul li.hasSubmenu:hover { background:url('../images/page-construct/bg_submenu-li-hassubmenu-h.png') no-repeat right } .sf-menu ul li ul li { background:url('../images/page-construct/bg_submenu-li-submenu.png') repeat-x } /* all anchors within menu block */ .sf-menu a { display:block; position:relative } #main-menu-con ul.sf-menu ul.mainmenu-second-level li a { font-size:12px; line-height:normal; height:auto; text-align:left; padding:8px; background:none } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:42px; z-index:9999 } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /* hover font color */ #main-menu-con .sf-menu ul li.sfHover a, #main-menu-con .sf-menu ul li a:hover { color:#fff } /* 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 { color:#000 } #main-menu-con ul.sf-menu ul.mainmenu-second-level li.sfHover ul li a:hover { color:#fff } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background:url(../images/page-construct/bg_submenu-ul.png) transparent no-repeat bottom right; padding-bottom:10px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* nice shadow below menu */ .sf-menu ul { background:url(../images/page-construct/bg_submenu-ul.png) transparent no-repeat bottom right; padding-bottom:10px !important } /* MAIN MENU styles */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* //////////////////// PAGE CONTENT CONTAINER DEFINITION */ /* content with sidemenu */ #content { float:left; width:717px } /* main container definition */ #content-con { padding-bottom:135px; min-height:550px; background: url(../images/page-construct/bg-page-content.png) repeat-x top #fff } /* content without sidemenu */ #content-without-menu { padding: 0 24px } /* 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 with sidemenu and with two columns */ #content .two-columns .second { float:right; width:197px; padding-right:24px } #content .two-columns .first { width:472px; float:left; padding-right:24px } /* content with sidemenu and with only one column */ #content .one-column .first { padding-right: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 } /* fix - text overflowing for second content column */ #content-without-menu .second, #content .second {overflow:hidden} /* page title definition */ #content h1, #content-without-menu h1 { font-size:2.1em; font-weight:400; padding:0 0 11px 0; margin:0 0 16px 0; background: url(../images/page-construct/bg-pagetitle.png) bottom repeat-x } #content .first h1 { font-family:georgia,Verdana,Geneva,Arial,Helvetica,sans-serif } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FRONTPAGE */ /* white divider */ #body-frontpage #content-con .divider { height:10px; background-color:#fff } /* flash teaser */ #flash-teaser { position:relative } #flash-teaser .flash { background:url('../images/frontpage/bg_flashteaser.png') repeat-x top } /* #flash-teaser .logo { position:absolute; width:81px; height:25px; bottom:0px; left:50px; background:url('../images/frontpage/logo_flashteaser.png') no-repeat }*/ /* 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:110px; background:url('../images/frontpage/ico_usp01.png')} #usp-container .ico-two { left:320px; background:url('../images/frontpage/ico_usp02.png')} #usp-container .ico-three { left:550px; 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:25%; text-decoration:none } #usp-container .inner .usp-box:hover { color:#d2ecfa } #usp-container .inner .usp-box .inn { display:block; padding:35px 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:25px; background-color:#f0f0f0 } /* need another styles */ #body-frontpage #content-con #content h1 { font:24px Georgia, Verdana, Tahoma, Arial; color:#636363; padding-bottom:10px; margin:0; background:none } #body-frontpage #content-con #content p { margin-top:0 } /* new FOOTER styles */ #body-frontpage #content-con { padding-bottom:100px } #body-frontpage #footer-con { margin:-100px auto 0 } #body-frontpage #footer-separator { height:3px } /* FRONTPAGE */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BREADCRUMB */ #breadcrumbs { padding:0 0 12px; line-height:normal } #breadcrumbs .breadcrumb-class a, .breadcrumb-spacer { color:#818181; font-size:9px; text-decoration:none } #breadcrumbs .breadcrumb-class a:hover { text-decoration:underline } /* BREADCRUMB */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* //////////////////// LEFT CONTENT COLUMN DEFINITION - SIDE MENU */ .left-sidebar-column { width:248px; float:left } /* side menu definition */ #sidemenu-con { position:relative; padding-top:39px; background: url(../images/page-construct/bg-sidemenu.png) bottom no-repeat } /* side menu header */ .sidemenu-header { position:absolute; top:-7px; left:6px; height:48px; width:236px; padding-left:18px; background: url(../images/page-construct/bg-sidemenu-header.png) no-repeat; color:#fff; font-size:18px; line-height:35px; text-transform:uppercase } /* side menu list definition */ #sidemenu .sidemenu-ul { list-style:none; padding:0; margin:0; padding-right:24px } #sidemenu .sidemenu-ul, .sidemenu-ul a { font-family:arial, verdena, tahoma; color:#294469; font-weight:700; text-decoration:none } #sidemenu .sidemenu-ul a { color:#294469; padding-left:6px } #sidemenu .sidemenu-ul a:hover { text-decoration:underline; color:#a43f1a; background: url(../images/icons/bullet-sidemenu-hover.png) no-repeat 0px 5px } .sidemenu-ul li{ padding:18px 0 14px 18px;background: url(../images/page-construct/divider-sidemenu.png) no-repeat right top } .sidemenu-ul li:first-child{ padding:14px 0 14px 18px; background:none } .sidemenu-ul li:first-child.sidemenu-activ{ padding:14px 0 14px 18px; background:url(../images/page-construct/bg-sidemenu-submenu.png) repeat-y left center } /* hidden white divider line element from activ item */ .sidemenu-ul .sidemenu-fixdivider{ height:4px; width:248px; background:none; padding:0; background: url(../images/page-construct/divider-sidemenu-fix.png) no-repeat left top; position:absolute; bottom:-4px;left:0 } .sidemenu-ul li ul li{ background:none } /* side menu - submenu */ li.sidemenu-activ { background: url(../images/page-construct/bg-sidemenu-submenu.png) left repeat-y; position:relative } #sidemenu li.sidemenu-activ a{ color:#a43f1a } li.sidemenu-activ ul { list-style:none; margin:0; padding:0; padding-top:2px } li.sidemenu-activ ul li, li.sidemenu-activ ul li:first-child { padding:10px 0 0 8px } #sidemenu li.sidemenu-activ ul a { color:#000; font-weight:400; background: url(../images/icons/bullet-sidesubmenu-li.png) no-repeat 0px 5px } #sidemenu li.sidemenu-activ ul a:hover { background: url(../images/icons/bullet-sidesubmenu-li-hover.png) no-repeat 0px 5px } /* side menu close element */ #sidemenu-divider { height:31px; background: url(../images/page-construct/bg-sidemenu-close-element.png) no-repeat } #sidemenu li.sidemenu-activ li.submenu-activ a { color:#a43f1a; font-weight:700} /* //////////////////// PAGE FOOTER CONTAINER DEFINITION */ #footer-con { margin:0 auto; width:966px; text-align:left; margin:-135px auto 0; background:#dadee2; position:relative; clear:both } /* close content element definition */ #footer-separator { height:21px; background-color:#fff } /* footer links definition */ #footer-copyright, #footer-copyright a { font-size:11px; color:#fff } #footer-copyright { height:24px; background: url(../images/page-construct/bg_footer-copyright.png) repeat-x; line-height:23px; padding:0 24px } #footer-copyright span { padding:0 13px } #footer-copyright a { text-decoration:none } #footer-copyright a:hover { text-decoration:underline } #footer-copyright a:first-child { padding-left:0; background:none } /* */ #footer-copyright .footer-links { float:right } /* footer content definition */ #footer { height:70px; background: url(../images/page-construct/bg-footer.png) no-repeat; padding-top:20px } #footer, #footer a { color:#707070; font-size:11px; text-decoration:none } /* footer menu definition */ #footer-menu { padding-bottom:18px } #footer-menu a { padding:0 11px } #footer-menu a:first-child { padding:0 14px 0 0 } #footer-menu a:hover { text-decoration:underline } /* //////////////////// STANDART CONTENT ELEMENTS DEFINITIONS */ /* content links */ #content-con a { color:#a43f1a } #content-con a:hover { text-decoration:none } /* content p tags for first content column*/ #content-con .first p { padding:0 0 18px; margin:0 } /* content p tags for second content column*/ #content-con .second p { padding:0 0 10px; 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-size:13px; padding: 0 0 12px } /* content titles H1 for second content column */ #content-con .second .csc-header h1, #content-con .second .csc-textpic-text h1 { font-size:12px; padding: 0 0 6px } /* content list */ #content-con .first ul, #content-con .second ul { list-style: none; list-style-position: inside; padding: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 0 8px} /* second column content - list - element with background */ #content-con .second ul { margin:0; padding:0 0 13px 0 } /* ///// content layouts definition */ /* layout with background - csc-layout-1 */ #content-con .second .csc-layout-1 { position:relative; margin-bottom: 47px; padding: 13px 0 0 12px; 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:#a43f1a; 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 } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 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 #dfdfdf solid } /* 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:#f58f51 } /* 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:285px; background:url('../images/forms/bg_input290.png') no-repeat left top } /* radio buttons containers */ #form-container .radio-container { display:block; float:left; font-weight:700; padding:15px; margin-bottom:5px; width:95%; background-color:#f5f5f5 } #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:#a43f1a } #form-container .radio-container .radio input { vertical-align:-2px; margin-right:5px } /* error message container */ #form-container .error-box .error { 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 } /* input labels */ #form-container label { display:block; float:left; font-weight:700; padding-bottom:7px; cursor:pointer } #form-container label.widthHALF { width:320px } #form-container label.widthMAX { width:645px } #form-container label:hover { color:#a43f1a } /* required icons */ #form-container .widthHALF.required, #form-container .widthMAX.required { background-image:url('../images/forms/ico_required.png'); background-repeat:no-repeat; background-position:295px 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 } /* SAFARI tweaking */ @media screen and (-webkit-min-device-pixel-ratio:0){ #form-container select { height:22px; line-height:22px } } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* CAPTCHA definitions */ #captcha { position:relative; color:#a43f1a; font-size:12px; padding:10px; margin-top:15px; background-color:#f5f5f5 } #captcha .error-box .error { position:absolute; right:88px; top:55px } #captcha-error .error { 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 } /* 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:455px; 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:130px; margin-top:15px; margin-right:10px; background:url('../images/forms/bg_captcha135.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 orange buttons */ button { border:0; cursor:pointer; font-weight:700; padding:0 35px 0 0; margin-left:10px; text-align:center } button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 35px } button.submitBtn { background:url('../images/forms/btn_lightbox_right.png') right no-repeat; font-size:1.2em } button.submitBtn span { height:30px; line-height:30px; text-transform:uppercase; background:url('../images/forms/btn_lightbox_left.png') left no-repeat; color:#000 } button.submitBtn:hover { background:url('../images/forms/btn_lightbox_right_hover.png') right no-repeat } button.submitBtn:hover span { background:url('../images/forms/btn_lightbox_left_hover.png') left no-repeat } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* submit buttons */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 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:block; font-size:1.25em; color:#4b4b4b; 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 15px; background:none} #content-con .tx-pipelinersitemap-pi1 ul a { padding-left:15px; background:url('../images/bullets/bullet_big.png') no-repeat left 6px } /* second and other levels */ #content-con .tx-pipelinersitemap-pi1 ul ul { padding-bottom:5px } #content-con .tx-pipelinersitemap-pi1 ul ul a { color:#000; font-size:1em; padding-left:10px; background:url(../images/bullets/bullet_rsaquo.png) no-repeat left 7px } #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:#a43f1a } /* SITEMAP */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* TEASERS */ /* style for 1-column page setup */ #content-without-menu #page-teaser { width:966px; margin-left:-24px } #page-teaser { height:169px; padding-bottom:11px; background:url('../images/page-construct/bg_teaser.png') no-repeat bottom right } /* 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:#a43f1a } 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:#a43f1a; 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 } .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:#a43f1a } .csc-searchResultPrevNext a:hover { text-decoration:underline } /* picture borders ... if enabled */ .csc-textpic-border img { border:1px #d0dcec solid }