/* ============================= KARTENHAUS KOLLEKTIV Style Sheet written by eveca GmbH 2011-07-05 ============================= */ /* ------------------------------ TABLE OF CONTENTS 1. GENERAL SETTINGS 1.1 BROWSER RESET 1.2 CLEARFIX 1.3 GENERAL STYLES 1.4. CSC 2. STRUCTURE 2.1 LOGO 2.2 TOPBAR 2.3 HEADER 2.4 MAINBODYWRAP 2.5 MAINBODYSTART 2.6 MAINBODYLEFT 2.7 MAINBODYCENTER 2.8 MAINBODYRIGHT 2.9 FOOTER 3. TT_NEWS 3.1 LATEST START 3.2 LIST 3.3 SINGLE 3.4 PAGEBROWSER 4. CON_AJAXSCROLLER 5. POWERMAIL 5.1 FORMS 5.2 SWFUPLOAD 6. FELOGIN 7. FILE_EXPLORER 8. RGSLIDESHOW 9. RGSMOOTHGALLERY ------------------------------ */ /* ------------------------------ 1. GENERAL SETTINGS ------------------------------ */ /* 1.1 BROWSER RESET */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*because legend doesn't inherit in IE */ legend{color:#000;} /* 1.2 CLEARFIX */ .clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clear { display:inline-block; } /* hide from IE Mac \*/ * html .clearfix { height: 1%; } .clear { display:block; } /* 1.3 GENERAL STYLES */ html { background: url(../images/backgrounds/bg_body.png); text-align: center; overflow-y: scroll; } body { color: #58585a; font-family: "Trebuchet MS", Verdana, Helvetica, freesans, sans-serif; font-size: 13px; line-height: 16px; } .divider { clear: both; display: block; height: 1px; margin: 18px 0px; background: url(../images/content/divider.gif); border: 0; line-height: 0; font-size: 0;} a { color: #58585a; text-decoration: underline; } a:hover { color: #af6e08; } a:focus { outline: 0; } #mainContent a { color: #1f94ba; font-weight: bold; text-decoration: none; } #mainbodyRight a { color: #1f94ba; text-decoration: none; } #mainContent a:hover, #mainbodyRight a:hover { color: #1f94ba; text-decoration: underline; } a.more, a.mehr-Pfeil, .ttnewsMore a { margin: 0px; padding-left: 10px; background: url(../images/content/more_blue.gif) 0px 6px no-repeat; color: #1f94ba; font-size: 12px; text-decoration: none; } a.more:hover, a.mehr-Pfeil:hover, .ttnewsMore a:hover { text-decoration: underline; } a.back, a span.back, span.back a, a.zurueck-Pfeil { margin: 0px; padding-left: 10px; background: url(../images/content/back_blue.gif) 0px 6px no-repeat; color: #1f94ba; font-size: 12px; text-decoration: none; } a.back:hover, a:hover span.back, span.back a:hover, a.zurueck-Pfeil:hover { text-decoration: underline; } h1 { margin-bottom: 12px; color: #af6e08; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; line-height: 123%; font-weight: normal; } h2 { /*margin: 12px 0px 12px 0px;*/ margin: 12px 0px 6px 0px; color: #af6e08; font-family: "Trebuchet MS", Verdana, Helvetica, freesans, sans-serif; font-size: 17px; line-height: 123%; font-weight: normal; } h2 + h3 { margin-top: 6px; } h3 { margin: 12px 0px 0px 0px; color: #58585a; font-family: "Trebuchet MS", Verdana, Helvetica, freesans, sans-serif; font-size: 13px; line-height: 16px; font-weight: bold; } p { margin-bottom: 16px; } #mainbodyCenter ul { margin-bottom: 16px; } #mainbodyCenter ul li { background: url(../images/content/list_level1.png) 0px 6px no-repeat; margin-bottom: 2px; padding-left: 17px; line-height: 18px; } #mainbodyCenter ul ul { margin-top: -1px; margin-bottom: 1px; padding-top: 0; } #mainbodyCenter ul li li { background: url(../images/content/list_level2.png) 2px 10px no-repeat; padding-left: 9px; font-size: 11px; line-height: 18px; } #mainbodyCenter ol { margin: 0px 0px 16px 2px; padding: 0px; } #mainbodyCenter ol li { margin-left: 16px; list-style-type: decimal; } /* 1.4 CSC */ /*images*/ #mainbodyCenter .csc-textpic-imagewrap ul li { margin: 0px 18px 18px 0px; padding: 0; background: none; } .csc-textpic-lastcol { margin: 0px 0px 18px 0px; } .csc-textpic-above .csc-textpic-imagewrap { margin-bottom: 14px; } /*sitemap*/ #mainContent .csc-sitemap a, #mainContent .csc-menu a { color: #58585a; } #mainContent .csc-sitemap a:hover, #mainContent .csc-menu a:hover { color: #1f94ba; } #mainbodyCenter .csc-sitemap ul { margin-bottom: 0px; } /* ------------------------------ 2. STRUCTURE ------------------------------ */ #wrap { position: relative; width: 980px; margin: 8px auto; text-align: left; } /* 2.1 LOGO */ #logo { position: absolute; z-index: 10; width: 374px; height: 116px; top: 15px; right: -2px; } #logo img { width: 374px; height: 116px; } /* 2.2 TOPBAR */ #topbar { width: 956px; height: 16px; margin-top: 8px; } #menuInfo { float: left; width: auto; } #menuInfo { float: left; } #menuInfo li { float: left; } #menuInfo a { display: block; padding: 0px 12px; color: #fff; text-decoration: none; background: url(../images/topbar/bars.gif) left 4px no-repeat; font-family: "Trebuchet MS", Verdana, Helvetica, freesans, sans-serif; font-size: 12px; line-height: 16px; } #menuInfo a:hover, #menuInfo a.active { text-decoration: none; color: #147493; } #bars { float: left; width: 340px; margin-top: 4px; height: 10px; background: url(../images/topbar/bars.gif) repeat-x; } #menuLogin { float: right; width: auto; } #menuLogin li { padding-right: 18px; background: url(../images/topbar/bars.gif) right 4px no-repeat; } #menuLogin a { display: block; padding: 0px 0px 0px 9px; color: #147493; text-decoration: none; background: url(../images/topbar/more_login.gif) left 7px no-repeat; font-family: "Trebuchet MS", Verdana, Helvetica, freesans, sans-serif; font-size: 12px; line-height: 16px; } #menuLogin a:hover { text-decoration: underline; } /* 2.3 HEADER */ #header { width: 980px; height: 90px; margin-top: 23px; background: url(../images/backgrounds/bg_header.png) no-repeat; } #menu1 { margin-left: 19px; } #menu1 li { float: left; } #menu1 a { display: block; height: 66px; overflow: hidden; background: no-repeat 0px 0px; text-indent: 999em; white-space: nowrap; outline: none; } #menu1 a:hover, #menu1 a.active { background-position: 0px -66px; } #menuFEUser { margin-left: 19px; padding-top: 24px; font-size: 14px; color: #fff;} #menuFEUser a { color: #ecdcbd;} #menuFEUser a:hover { color: #af6e08; } /* 2.4 MAINBODYWRAP */ #mainbodyWrap { width: 980px; background: url(../images/backgrounds/bg_mainbodyWrap.png) repeat-y; } /* 2.5 MAINBODYSTART */ #mainbodyStart1 { float: left; width: 616px; height: 318px; margin-left: 13px; background: url(../images/backgrounds/bg_mainbodyStart1.png) no-repeat; } #mainbodyStart1Wrap { position: relative; width: 616px; height: 318px; } #mainbodyStart1Text { position: absolute; z-index: 12; width: 306px; height: 238px; left: 26px; top: 25px; overflow: hidden; } #mainbodyStart1 h1 { color: #58585a; margin-bottom: 4px; font-size: 36px; } #mainbodyStart1 h2 { margin: 0px; color: #58585a; margin-bottom: 17px; font-size: 20px; } #mainbodyStart1 p { margin-bottom: 20px; } #mainbodyStart1 a.mehr-Pfeil { font-size: 13px; } #mainbodyStart1Image { position: absolute; z-index: 11; top: -23px; right: 2px; } #mainbodyStart2 { float: left; width: 315px; height: 318px; overflow: hidden; background: url(../images/backgrounds/bg_mainbodyStart2.png) no-repeat; } #mainbodyStart3 { clear: both; width: 931px; margin-left: 13px; } /* 2.6 MAINBODYLEFT */ #mainbodyLeft { float: left; width: 237px; margin-left: 13px; } #menu2Top { width: 237px; height: 10px; background: url(../images/menu/bg_menu2Top.png) no-repeat; } #menu2 { width: 237px; padding-top: 2px; background: url(../images/menu/bg_menu2.png) repeat-y;} #menu2 li { width: 203px; margin-left: 10px; } #menu2 li.active { background: #fff; } #menu2 a { display: block; width: 190px; height: 19px; margin-left: 12px; padding-top: 4px; background: url(../images/menu/menu2Border.png) no-repeat 0px bottom; font-weight: bold; font-size: 13px; line-height: 13px; text-transform: uppercase; text-decoration: none; } #menu2 a.current { color: #af6e08; } #menu2 ul { margin-bottom: 0px; margin-left: 2px; padding-bottom: 9px; } #menu2 ul li.active { background: none; } #menu2 ul a { margin-left: 1px; height: auto; background: none; font-weight: normal; text-transform: none; } #menu2Bottom { width: 237px; height: 36px; margin-bottom: 18px; background: url(../images/menu/bg_menu2Bottom.png) no-repeat; } #citation { width: 210px; margin-left: 7px; background: url(../images/backgrounds/bg_citation.png) no-repeat; } .statement { color: #989898; margin-bottom: 10px; margin-left: 16px; padding-top: 29px; font-size: 16px; font-weight: bold; line-height: 115%; font-style: italic; } .customer { color: #989898; margin-left: 16px; font-size: 11px; } /* 2.7 MAINBODYCENTER */ #mainbodyCenter { float: left; width: 465px; } .pullUp { margin-top: -12px; } #mainContent { width: 408px; margin: 0px 0px 0px 21px; } .mainContentTwoCols { clear: both; width: 100%; margin-left: 5px; } .mainContentColLeft { float: left; width: 210px; } .mainContentColRight { float: left; width: 198px; } .teaserbox { width: 198px; height: 110px; margin-bottom: 8px; background: url(../images/backgrounds/bg_teaserbox.png) no-repeat; } .teaserbox h1 { width: 175px; height: 22px; margin: 0; padding: 6px 0px 0px 16px; color: #fff; font-size: 12px; font-family: Georgia, helvetica, Arial, sans-serif; } #mainContent .teaserbox h1 a { color: #fff; } .teaserbox img { width: 191px; height: 72px; } /* 2.8 MAINBODYRIGHT */ #mainbodyRight { float: right; width: 254px; margin-right: 11px; } .infobox { width: 254px; } .infobox p { width: 210px; margin: 0px; padding-left: 14px; font-size: 12px; } .infobox a { display: block; margin: 0px; padding-left: 25px; background: url(../images/content/more_blue.gif) 15px 6px no-repeat; /* color: #1f94ba;*/ font-size: 12px; text-decoration: none; } .infobox p a, .infoboxAnsprechpartner a { padding-left: 10px; background-position: 0px 6px; } .infobox a:hover { text-decoration: underline; } .infoboxContent { margin-top: 0px; padding-bottom: 10px; } .infoboxTop { width: 254px; height: 37px; } .infoboxTop h1, .infoboxAnsprechpartner h1, .infoboxFarbfaecher h1 { margin: 0; padding: 13px 30px 14px 14px; color: #fff; font-weight: bold; font-size: 11px; line-height: 1; text-transform: uppercase; letter-spacing: 2px; } .infoboxProdukte .infoboxTop h1 { padding-top: 14px; } .infoboxAnsprechpartner h1 { padding: 12px 30px 6px 14px; } .infoboxFarbfaecher h1 { padding: 13px 0px 11px 14px; } .infoboxDownloads .infoboxTop { background: url(../images/backgrounds/bg_infoboxTop_downloads.png) no-repeat; } .infoboxProdukte .infoboxTop { background: url(../images/backgrounds/bg_infoboxTop_produkte.png) no-repeat; } .infoboxFaq .infoboxTop { background: url(../images/backgrounds/bg_infoboxTop_faq.png) no-repeat; } .infoboxAnfragen .infoboxTop { background: url(../images/backgrounds/bg_infoboxTop_anfragen.png) no-repeat; } .infoboxFlexibleBlue .infoboxTop { background: url(../images/backgrounds/bg_infoboxTop_flexibleBlue.png) no-repeat; } .infoboxFlexibleGreen .infoboxTop { background: url(../images/backgrounds/bg_infoboxTop_flexibleGreen.png) no-repeat; } .infoboxContent { background: url(../images/backgrounds/bg_infoboxContent.png) repeat-y; } .infoboxFlexibleGreen .infoboxContent { background: url(../images/backgrounds/bg_infoboxContentGreen.png) repeat-y; } .infoboxBottom { width: 254px; height: 11px; background: url(../images/backgrounds/bg_infoboxBottom.png) no-repeat; } .infoboxFarbfaecher { height: 98px; padding-top: 0px; background: url(../images/backgrounds/bg_infobox_farbfaecher.png) no-repeat; } .infoboxAnsprechpartner { height: 125px; padding-top: 0px; background: url(../images/backgrounds/bg_infobox_ansprechpartner.png) no-repeat; } .infoboxAnsprechpartner img { float: left; width: 111px; height: 82px; } .infoboxAnsprechpartner .infoboxRightContent { float: left; width: auto; margin-top: 27px; } /* 2.9 FOOTER */ #footer { width: 980px; height: 70px; background: url(../images/backgrounds/bg_footer.png) no-repeat; } #start #footer { height: 75px; background-image: url(../images/backgrounds/bg_footer_start.png); } #footer img { float: left; width: 43px; height: 48px; margin: 19px 9px 0px 10px; } #start #footer img { margin-top: 24px; } #footer .address { float: left; width: 880px; margin: 37px 0px 0px 0px; color: #363636; } #start #footer .address { margin-top: 41px; } #footer .address a { color: #147493; } #footer a.more { background-image: url(../images/topbar/more_login.gif); } /* ------------------------------ 3. TT_NEWS ------------------------------ */ .ttnewsMore a { display: block; margin-top: 8px; } /* 3.1 LATEST START */ #ttnewsLatestStartTop { width: 931px; height: 52px; padding-top: 25px; background: url(../images/backgrounds/bg_mainbodyStart3_top.png) no-repeat; } #ttnewsLatestStartTop h1 a { margin-left: 28px; color: #58585a; font-size: 20px; line-height: 1; text-decoration: none; } #ttnewsLatestStartTop h1 a:hover { color: #af6e08; } #ttnewsLatestStartContent { width: 931px; background: url(../images/backgrounds/bg_mainbodyStart3_middle.png) repeat-y; } .ttnewLatestArticle { float: left; width: 252px; } .ttnewLatestArticle1 { margin-left: 28px; } .ttnewLatestArticle2 { margin-left: 50px; } .ttnewLatestArticle3 { margin-left: 45px; } .ttnewLatestArticle h2 { margin: -3px 0px 0px 0px; } .ttnewLatestArticle h2 a { color: #af6e08; text-decoration: none; } .ttnewLatestArticle h2 a:hover { text-decoration: underline; } .ttnewLatestArticle p { margin: 0px; } .ttnewLatestArticle img { margin: 8px 0px 10px 0px; border: 5px solid #fff; } #ttnewsLatestStartBottom { width: 906px; height: 25px; padding: 32px 25px 4px 0px; background: url(../images/backgrounds/bg_mainbodyStart3_bottom.png) no-repeat; text-align: right; } #ttnewsLatestStartBottom a.rss { float: right; height: 22px; padding: 8px 31px 0px 0px; font-size: 11px; text-decoration: none; background: url(../images/_extensions/tt_news/rss-feed.png) no-repeat right 0px; } #ttnewsLatestStartBottom a.facebook { float: right; display: block; overflow: hidden; width: 24px; height: 22px; margin-left: 4px; background: url(../images/_extensions/tt_news/facebook.png) no-repeat right 0px; white-space: nowrap; text-indent: 999em; } /* 3.2 LIST */ .ttnewsList { clear: both; margin-bottom: 25px; } .ttnewsList h2 { margin-bottom: 9px; } .ttnewListImg { float: left; width: 207px; margin-top: 3px; } .ttnewListSubheader { float: left; width: 198px; } /* 3.3 SINGLE */ .ttnewsSingle { margin-bottom: 12px; } .ttnewsSingleSubheader { color: #af6e08; font-weight: bold; } .ttnewsSingleDate { margin: 0; } .ttnewsSingle .divider { margin: 18px 0px; } /* 3.4 PAGEBROWSER */ #mainbodyCenter ul.browsebox li { float: left; width: auto; margin: 0; padding: 0px 14px 0px 0px; background: none !important; } #mainbodyCenter ul.browsebox li.active { text-decoration: underline; } #mainbodyCenter ul.browsebox li.disabled { display: none; } /* ------------------------------ 4. CON_AJAXSCROLLER ------------------------------ */ #startGallery { position: relative; width: 315px; height: 318px; text-align: center; } #startGalleryLeft { position: absolute; top: 124px; left: 5px; width: 29px; height: 33px; } #startGalleryLeft img { width: 29px; height: 33px; } #startGalleryCenter { position: absolute; top: 12px; left: 34px; width: 232px; height: 280px; padding-top: 9px; padding-left: 9px; background: url(../images/_extensions/con_ajaxscroller/bg_image.png) no-repeat; } .ajaxscroller_content { text-align: left !important; } #startGalleryCenter img { width: 215px; height: 215px; margin-bottom: 8px; } #startGalleryCenter div.startGalleryCenterSubtitle { width: 215px; height: 35px; overflow: hidden; font-size: 12px; } #startGalleryRight { position: absolute; top: 124px; right: 16px; width: 24px; height: 33px; } #startGalleryRight img { width: 24px; height: 33px; } .ajaxscroller_loading { color: #d2d6b1; } /* ------------------------------ 5. POWERMAIL ------------------------------ */ /* 5.1 FORMS */ .tx-powermail-pi1 form { padding-top: 0px; } .tx-powermail-pi1 fieldset { padding: 0px; } .tx-powermail-pi1 legend { display: none; } .tx_powermail_pi1_fieldwrap_html { clear: both; margin-bottom: 5px; } .powermail_mandatory_js { color: red; display: block; margin-top: 4px; font-size: 13px; margin-left: 112px; } .tx-powermail-pi1 label { display: block; float: left; width: 112px; clear: both; font-size: 13px; color: #58585a; } .tx-powermail-pi1 input, .tx-powermail-pi1 textarea { width: 264px; background: #f2f6f9; border: 1px solid #a5acb2; padding: 2px; } .tx-powermail-pi1 textarea { height: 88px; } .tx-powermail-pi1 select { width: auto; padding: 2px; border: 1px solid #a5acb2; color: #58585a; } .tx_powermail_pi1_fieldwrap_html_submitgraphic input, input.powermail_submit { width: 86px; height: 29px; margin: 0px 0px 18px 0px; border: none; background: none; } p.tx_powermail_pi1_fieldwrap_html_radio_title { display: block; float: left; width: 112px; } div.powermail_radio_inner { float: right; width: 296px; margin-bottom: 3px; } div.powermail_radio_inner input { float: left; width: auto; margin: 1px 5px 0px 0px; padding-top: 3px; border: none; background: none; } div.powermail_radio_inner label { float: right; display: inline; width: 256px; margin-right: 15px; } div.tx_powermail_pi1_fieldwrap_html_check { margin-bottom: 38px; } p.tx_powermail_pi1_fieldwrap_html_checkbox_title { margin-bottom: 3px; } .powermail_check_inner input { float: left; width: auto; margin-top: 9px; border: none; } .powermail_check_inner label { display: block; float: right; width: 360px; margin: -16px 24px 0px 0px; } /*name*/ #powermaildiv_uid2 { padding-top: 25px; } /*required info*/ #powermaildiv_uid11, #powermaildiv_uid29 { font-size: 11px; } /*street*/ #powermaildiv_uid5, #powermaildiv_uid22, #powermaildiv_uid126, #powermaildiv_uid168 { float: left; width: 293px; } input.powermail_street { width: 175px; } /*number*/ #powermaildiv_uid6, #powermaildiv_uid23, #powermaildiv_uid127, #powermaildiv_uid169 { clear: none; float: right; width: 72px; margin-right: 26px; } #powermaildiv_uid6 label, #powermaildiv_uid23 label, #powermaildiv_uid127 label, #powermaildiv_uid169 label { width: 30px; } input.powermail_number { width: 36px; } .tx-powermail-pi1 #advice-required-uid6, .tx-powermail-pi1 #advice-required-uid23, .tx-powermail-pi1 #advice-required-uid127, .tx-powermail-pi1 #advice-required-uid169 { margin-left: 0px; } /*cip*/ #powermaildiv_uid7, #powermaildiv_uid24, #powermaildiv_uid128, #powermaildiv_uid170 { float: left; width: 154px; } input.powermail_cip { width: 36px; } /*city*/ #powermaildiv_uid8, #powermaildiv_uid25, #powermaildiv_uid129, #powermaildiv_uid171 { clear: none; float: right; width: 211px; margin-right: 26px; } #powermaildiv_uid8 label, #powermaildiv_uid25 label, #powermaildiv_uid129 label, #powermaildiv_uid171 label { width: 32px; } input.powermail_city { width: 173px; } .tx-powermail-pi1 #advice-required-uid8, .tx-powermail-pi1 #advice-required-uid25, .tx-powermail-pi1 #advice-required-uid129, .tx-powermail-pi1 #advice-required-uid171 { margin-left: 0px; } /*privacy*/ #powermaildiv_uid14 p.tx_powermail_pi1_fieldwrap_html_checkbox_title, #powermaildiv_uid32 p.tx_powermail_pi1_fieldwrap_html_checkbox_title { padding-top: 9px; font-weight: bold; } #advice-validate-one-required-powermaildiv_uid14, #advice-validate-one-required-powermaildiv_uid32 { clear: both; margin-left: 0px; padding-top: 5px; } /*description*/ div.tx_powermail_pi1_fieldwrap_html img.icon_info { padding: 2px 2px 0 2px; } div.tx_powermail_pi1_fieldwrap_html label a dfn, div.tx_powermail_pi1_fieldwrap_html p a dfn { display: none; text-decoration: none; } div.tx_powermail_pi1_fieldwrap_html label a:hover dfn, div.tx_powermail_pi1_fieldwrap_html p a:hover dfn { display: block; position: absolute; width: 250px; padding: 5px; background-color: #e2e4ce; border: 1px solid #9fa6a6; color: #58585a; font-size: 11px; text-decoration: none; } /* 5.2 SWFUPLOAD */ #powermaildiv_uid42 { padding-top: 21px; } #powermaildiv_uid48 { margin-bottom: 8px; } #txtFileName { width: 240px; } .uploadMaxSize { display: block; font-size: 11px; } .swfupload { vertical-align: top; margin-top: 2px; } #powermaildiv_uid47 input {display: block; background: url(../images/content/button_absenden.png) 0px 0px no-repeat; color: #fff; font-size: 0; line-height: 0; text-indent: -200px; overflow: hidden; white-space: nowrap; } #powermaildiv_uid47 input[disabled]{ background-image: url(../images/content/button_absenden_disabled.png); } .progressWrapper { width: 270px; overflow: hidden; } .progressContainer { margin: 5px 0px; padding: 2px; background: #f2f6f9; border: 1px solid #a5acb2; overflow: hidden; } .message { margin: 5px 0; padding: 10px 20px; border: solid 1px #a5acb2; background: #f2f6f9; overflow: hidden; } /* Error */ .red { border: solid 1px #b50000; background-color: #ffebeb; } /* Current */ .green { border: solid 1px #ddf0dd; background-color: #ebffeb; } /* Complete */ .blue { border: solid 1px #759096; background-color: #f0f5ff; } .progressName { font-size: 11px; width: 264px; text-align: left; white-space: nowrap; overflow: hidden; } .progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 4px; background-color: #759096; margin-top: 2px; } .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } .progressBarError { width: 100%; background-color: red; visibility: hidden; } .progressBarStatus { margin-top: 2px; width: 264px; white-space: nowrap; } #advice-validate-one-required-powermaildiv_uid45 { clear: both; margin-left: 0px; padding-top: 5px; } /* ------------------------------ 6. FELOGIN ------------------------------ */ .txFeloginWelcome { display: none; } .tx-felogin-pi1 form { padding-top: 0px; } .tx-felogin-pi1 fieldset { padding: 0px; } .tx-felogin-pi1 legend { display: none; } .feloginFieldwrap { clear: both; margin-bottom: 5px; } .tx-felogin-pi1 label { display: block; float: left; width: 112px; clear: both; font-size: 13px; color: #58585a; } .tx-felogin-pi1 input { width: 164px; background: #f2f6f9; border: 1px solid #a5acb2; padding: 2px; } .tx-felogin-pi1 .feloginSubmit { width: 86px; height: 29px; margin: 0px 0px 18px 111px; border: none; background: none; } /* ------------------------------ 7. FILE_EXPLORER ------------------------------ */ .fileExplorerHeader { display: block; clear: both; margin: 13px 0px 26px 0px; padding-bottom: 13px; } .fileExplorerHeaderRow { display: block; clear: both; padding: 4px 0px; } .fileExplorerHeaderLeft { float: left; width: 22px; height: 22px; margin-right: 10px; } .fileExplorerHeaderRight { float: left; width: auto; } .fileexplorer_windowContent { display: block !important; clear: both !important; margin: 0px 0px; } /* ------------------------------ 8. RGSLIDESHOW ------------------------------ */ .rgslideshow { border: 1px solid #e0e0e0 !important; } .rgslideshow .rgsnest, .rgslideshow .rgstitle, .rgslideshow .rgsdescription { display: none; } /* ------------------------------ 9. RGSMOOTHGALLERY ------------------------------ */ .tx-rgsmoothgallery-pi1 { margin-left: 1px; background: #fff url(../images/_extensions/rgsmoothgallery/loading-bar-white.gif) center center no-repeat !important; } #externalthumbs { clear: both; width: 426px !important; margin-top: 10px; margin-left: -7px; text-align: left; } #externalthumbs .label { display:none; } .carouselInner { clear: both; width: 426px !important; } .carouselInner .thumbnail { float:left; margin-bottom: 10px; margin-right: 0px; padding: 0px; border: 1px solid #e0e0e0; } .carouselInner .thumbnail:hover { border: 1px solid #1f94ba; } .myGallery { border: 1px solid #e0e0e0 !important; } .jdGallery .slideElement { background-color: #fcfcfc !important; } .jdGallery .slideInfoZone { background-color: #333 !important; } .jdGallery .slideInfoZone, .jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p { color: #fff !important; font-size: 13px !important; line-height: 130%; } .jdGallery .loadingElement { background: #fff url(../images/_extensions/rgsmoothgallery/loading-bar-white.gif) !important; } .jdGallery a.left { background-image: url(../images/_extensions/rgsmoothgallery/prev.gif) !important; } .jdGallery a.right { background-image: url(../images/_extensions/rgsmoothgallery/next.gif) !important; } .jdGallery a.open:hover { background-image: url(../images/_extensions/rgsmoothgallery/plus.gif) !important; } .rglbLoading { background-image: url(../images/_extensions/rgsmoothgallery/loading-bar-white.gif) !important; } #rglbOverlay { background-color: #fff !important; } #rglbCenter, #rglbBottom { background-color: #fff !important; } #rglbDescription #rglbTitle { margin-top: 10px; } #rglbPrevLink:hover { background-image: url(../images/_extensions/rgsmoothgallery/prev.gif) !important; } #rglbNextLink:hover { background-image: url(../images/_extensions/rgsmoothgallery/next.gif) !important; } #rglbCloseLink { width: 30px !important; height: 26px !important; background: url(../images/_extensions/rgsmoothgallery/close.png) 0px 0px no-repeat !important; } #rglbCloseLink:hover { background-position: 0px -47px !important; }