/* ------------------------------ */ /* Energieagentur Regensburg */ /* - main style sheet - */ /* eveca GmbH, 2011-03-22 */ /* ------------------------------ */ /* Table of Contents */ /* 1. GENERAL SETTINGS 1.1 BROWSER RESET 1.2 CLEARFIX 1.3 GENERAL STYLES 1.4 CSC 2. STRUCTURE 2.1 HEADER 2.2 MAINBODYWRAP 2.3 MENU1 2.4 CONTENTWRAP 2.5 SIDEBARWRAP 2.6 FOOTER 3. CONTACT 4. LOGIN */ /* ------------------------------ */ /* 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.jpg) repeat-y; } body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 11px; line-height: 18px; } a { color: #000; text-decoration: underline; } a:hover { color: #88aa22; } #mainContent a { color: #88aa22; text-decoration: none; } #mainContent a:hover { text-decoration: underline; } a.mehr-Pfeil { padding: 0px 0px 0px 15px; background: url(../images/content/pfeil_klein.gif) 0px 4px no-repeat; text-decoration: none; color: #88aa22; } a.mehr-Pfeil:hover { text-decoration: underline; } a.nur_Pfeil { background: url(../images/content/pfeil_klein.gif) 0px 4px no-repeat ; } h1 { margin-bottom: 18px; color: #88aa22; font-size: 13px; font-weight: bold; } #sidebarWrap h1 { display: block; width: 150px; height: 30px; margin-bottom: 2px; padding: 6px 10px 0px 10px; background: url(../images/content/bg_sidebar_h1.jpg) no-repeat; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; } h2 { margin-top: 18px; color: #88aa22; font-weight: bold; } p { margin-bottom: 18px; } #sidebarWrap p { width: 156px; padding-left: 5px; font-size: 10px; line-height: 16px; } #mainContent ul, #sidebarContent ul { margin-bottom: 18px; } #sidebarContent ul { margin-left: 5px; } #mainContent ul li, #sidebarContent ul li { padding-left: 15px; background: url(../images/content/pfeil_klein.gif) 0px 5px no-repeat; line-height: 18px; } #sidebarContent ul li { font-size: 10px; line-height: 16px; } #mainContent ul ul, #sidebarContent ul ul { margin: -1px 0px 1px 0px; padding-top: 0; } #mainContent ol { margin: 0px 0px 18px 2px; padding: 0px; } #mainContent ol li { margin-left: 16px; list-style-type: decimal; } .divider { clear: both; display: block; height: 1px; margin: 19px 0px; background: url(../images/content/divider.gif); border: 0; line-height: 0; font-size: 0;} #sidebarWrap .divider { width: 161px; margin-left: 6px; } #sidebarContent p a { text-decoration: none; } #sidebarContent p a:hover { color: #000; text-decoration: underline; } /* 1.4 CSC */ div.csc-textpic img { margin-bottom: 18px; } #mainContent ul li.csc-textpic-image { background: none; padding: 0; line-height: 1;} .contenttable { margin: 18px 0px; } .contenttable td { padding: 0px 0px 9px 0px; vertical-align: top; } .contenttable td p { margin-bottom: 0px; } .contenttable td.td-0 { padding-right: 18px; } table.members td.td-0 { width: 120px; } #mainContent .csc-uploads-fileName a { padding: 0px 0px 0px 15px; background: url(../images/content/pfeil_klein.gif) 0px 4px no-repeat; color: #000; } #mainContent .csc-uploads-fileName a:hover { color: #88aa22; text-decoration: none; } /* ------------------------------ */ /* 2. STRUCTURE */ /* ------------------------------ */ /* 2.1 HEADER */ #header { width: 970px; height: 148px; margin: 0px 0px 0px 18px; background: url(../images/backgrounds/bg_header.png) no-repeat bottom; } #logo { display: block; float: left; width: 338px; height: 77px; margin-top: 19px; margin-left: 50px; background: url(../images/header/energieagentur-regensburg_logo.png) no-repeat; } #logo img { display: none; } #menu0 { float: left; width: 321px; text-align: right; } #menu0 ul { float: right } .menuTop { margin-top: 77px; } .menuTop li { float: left; } .menuTop a { margin-left: 5px; padding-right: 7px; color: #fff; font-size: 9px; text-decoration: none; background: url(../images/header/bg_menuTop.png) right 3px no-repeat; } #menu0 a { text-transform: uppercase; } .menuTop a:hover, .menuTop a.active { text-decoration: none; color: #88aa22; } .menuTop .menuTopLast a { padding-right: 0px; background-image: none; } #menuLanguages { float: right; width: auto; margin-right: 61px; } /* 2.2 MAINBODYWRAP */ #mainbodyWrap { width: 970px; margin-left: 18px; padding-bottom: 27px; background: url(../images/backgrounds/bg_mainbodyWrap.png) repeat-y right; } /* 2.3 MENU1 */ #menu1 { float: left; width: 160px; margin: -18px 45px 20px 20px; } #menu1 li { background: url(../images/content/divider.gif) no-repeat bottom; } #menu1 li.activeSub { background: none; } #menu1 a { display: block; width: 160px; /*height: 25px;*/ padding: 5px 0px 7px 0px; text-decoration: none; text-transform: uppercase; /*white-space: nowrap;*/ } #menu1 li.active a { width: 145px; padding-left: 15px; background: url(../images/content/pfeil_klein.gif) no-repeat 0px 10px; color: #6e8b1e; } #menu1 ul { background: url(../images/content/divider.gif) no-repeat; } #menu1 ul li { width: 145px; margin-left: 15px; } #menu1 ul a { width: 130px; padding-left: 15px; font-size: 11px; text-transform: none; } #menu1 ul a { width: 130px; padding-left: 15px; font-size: 11px; text-transform: none; } #menu1 li.active ul a { background: none; color: #000; } #menu1 li.active ul a:hover { color: #88aa22; } #menu1 li.active ul li.active a{ background: url(../images/content/pfeil_klein.gif) no-repeat 0px 10px; color: #6e8b1e; } /* 2.4 CONTENTWRAP */ #contentWrap { float: left; width: 460px; margin: -14px 0px 0px 0px; padding-right: 27px; background: url(../images/content/dividerContent.gif) repeat-y right -2px; } #contentHeader { width: 460px; height: 140px; margin-bottom: 40px; } #mainContent { min-height: 600px; } /* 2.5 SIDEBARWRAP */ #sidebarWrap { float: right; width: 170px; margin: -14px 59px 19px auto; text-align: center; } #sidebarHeader { width: 161px; height: 184px; } #sidebarHeader table { width: 161px; height: 141px; } #sidebarHeader td { text-align: center; vertical-align: middle; } #sidebarContent { text-align: left; } #ieeLogo { width: 153px; height: 31px; margin: 0px 0px 0px 5px; } #ieeLogo img { width: 153px; height: 31px; } /* 2.6 FOOTER */ #footer { width: 970px; height: 44px; margin-left: 18px; background: url(../images/backgrounds/bg_footer.png) no-repeat; } /* ------------------------------ */ /* 3. CONTACT */ /* ------------------------------ */ #contact { width: 413px; background: #fff; } #contact legend { display: none; } #contact label { clear: both; float: left; width: 100px; display: block; font-weight: bold; } #contact input, #contact textarea { width: 280px; } #contact textarea { height: 150px; } #contact .tx_powermail_pi1_fieldwrap_html_submit { margin-left: 100px; } div.tx_powermail_pi1_fieldwrap_html { margin: 16px 0; } p.tx_powermail_pi1_fieldwrap_html_checkbox_title { display: block; clear: both; margin-left: 100px; font-weight: bold; } .powermail_check_inner { clear: both; width: auto; margin: 5px 0px 5px 100px; } #contact .powermail_check_inner input { float: left; width: auto; margin: 3px 0px 0px 0px; border: none; } #contact .powermail_check_inner label { float: none; display: inline; width: auto; padding-left: 15px; font-weight: normal; } .powermail_mandatory_js { color: red; } #contact .powermail_submit_uid7, #contact .powermail_submit_uid14 { clear: both; width: 100px; } #powermaildiv_uid5, #powermaildiv_uid12 { width: 280px; margin-left: 100px; font-size: 11px; } .error { height: 15px; background-color: #d73636; border: 1px solid #d73636; font-size: 0.9em; color: #fff; padding: 3px 10px 5px 10px; margin-left: -2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 6px #ddd; -webkit-box-shadow: 0 0 6px #ddd; box-shadow: 0 0 6px #ddd; } .error p { margin: 0; font-weight: bold; } .error em { position:absolute; display: block; width: 0; height: 0; bottom:-7px; left:5px; border: 10px solid; border-color: #d73636 transparent transparent; border-bottom: 0 none; } /* ------------------------------ */ /* 4. LOGIN */ /* ------------------------------ */ .formFELogin legend { display: none; } .formFELogin div { margin-bottom: 8px; } .formFELogin label { clear: both; float: left; width: 100px; display: block; } .formFELogin input { width: 150px; } .formFELogin .formFELoginSubmit { margin-left: 100px; width: auto; } .formFEForgot legend { display: none; } .formFEForgot div { margin-bottom: 8px; } .formFEForgot label { clear: both; width: 200px; display: block; } .formFEForgot input { width: 280px; } .formFEForgot .formFEForgotSubmit { width: auto; } .formFEChange h2 { margin-bottom: 8px; } .formFEChange legend { display: none; } .formFEChange div { margin-bottom: 8px; } .formFEChange label { clear: both; float: left; width: 200px; display: block; } .formFEChange input { width: 150px; } .formFEChange .formFEChangeSubmit { margin-left: 200px; width: auto; }