/* ------------------------------------------------------------ PM Academy Template - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .autor .version 1.0 .url pm-academy.de .timestamp 28/08/2009 .. ------------------------------------------------------------- */ /* ------------------------------------------------------------- pm-academy.de, Inhaltsverzeichnis - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. IMPORTANWEISUNGEN, SCHRIFTEN, BODY, HTML 2. HELFERKLASSEN 2.1 clearfix 3. STRUKTUR 4. NAVIGATIONEN 4.1 navMain, navInfo, #navLang 4.2 5. ELEMENTE 5.1 6. FCE 7. KONTAKTFORMULAR ------------------------------------------------------------- */ /* ------------------------------------------------------------- 1. Importanweisungen, Schriften, body, html - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ------ Reset part ------ */ /* 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;} span.bigText { font-weight: bold; font-size: 16px; } html { background: #ffffff; height: 100%; } body { width: 968px; margin: 0 auto; height: 100%; font-family: arial, verdana, sans-serif; line-height: 18px; color: #3e3d40; font-size: 12px; } #wrap { height: 100%; } body > #wrap { height: auto; min-height: 100%; } /* ------------------------------------------------------------- 2. Helferklassen - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 2.1 clearfix */ .clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clear {display:inline-block;} /* Hide from IE Mac \*/ .clear {display:block;} /* End hide from IE Mac */ /* ------------------------------------------------------------- 3. Struktur - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #navContainer { padding-bottom: 10px; padding-top: 10px; font-size: 11px; } #mainContainer { padding-top: 57px; } #navLeft { width: 199px; float: left; } #contentWrapper { float: right; width: 769px; } #header { width: 769px; /*background: url(../_img/header.jpg) no-repeat left;*/ float: left; margin-bottom: 25px; } #main { width: 769px; padding-bottom: 20px; } #content { width: 569px; float: left; } #sidebar { width: 178px; float: right; } #footer { margin-top: -50px; height: 50px; clear: both; } #watermark { background: url(../_img/watermark.gif) no-repeat; height: 171px; width: 199px; position: fixed; bottom: 0; z-index: 1; } /* ------------------------------------------------------------- 4. Navigationen - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 4.1 navMain, navInfo, #navLang */ #navContainer { background: url(../_img/navContainer_bg.gif) 0 10px repeat-x; clear: both; margin-bottom: 10px; position: absolute; z-index: 5; width: 968px; } #navMain { float: left; } #navLang { float: right; padding-left: 19px; } #navLang li { margin-top: 8px; float: left; background: url(../_img/navInfo_bg.gif) no-repeat right; } #navLang li.last { background: none; padding-right: 7px; } #navLang li a { text-decoration: none; padding: 10px 10px 10px 7px; color: #686f72; } #navLang li a.active, #navLang li a:hover { color: #000; } #navMain li { float: left; } #navMain li a { background: url(../_img/navMain_bg.gif) no-repeat right top; display: block; text-decoration: none; color: #002a68; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 8px 23px 9px 23px; } #navMain li a.active, #navMain li a:hover { color: #fff; background: url(../_img/navMain_bg.gif) no-repeat right bottom; } #navInfo { float: right; } #navInfo li { margin-top: 8px; float: left; background: url(../_img/navInfo_bg.gif) no-repeat right; } #navInfo li.last { margin-right: 0px; background: none; } #navInfo li a { text-decoration: none; padding: 10px 10px 10px 7px; color: #686f72; } #navInfo li a.active, #navInfo li a:hover { color: #000; } /* 4.2 navLeft */ #navLeft { font-size: 11px; } #navSub { width: 184px; position: absolute; z-index: 4; background: url(../_img/navLeft_bg.gif) no-repeat bottom; padding-bottom: 1px; } #navSub li { background: url(../_img/navLeft_bg.gif) no-repeat top; padding: 1px 0 0 0; height: 1%; } #navSub li a { display: block; text-decoration: none; color: #5182bb; text-transform: uppercase; padding: 5px 0 6px 7px; } #navSub li a:hover { background: #e7f4ff; } #navSub li a.active { background: #e7f4ff; font-weight: bold; } #navSub li ul { } #navSub li ul li { padding: 2px 0 2px 6px; } #navSub li ul li a { display: block; background: url(../_img/navSub_bg.gif) 2px 12px no-repeat; color: #002a68; text-transform: none; padding-left: 9px; } #navSub li ul li a:hover { background: url(../_img/navSub_bg.gif) 2px 12px no-repeat; font-weight: normal; } #navSub li ul li a.active { font-weight: normal; background: url(../_img/navSub_bg.gif) 2px 12px no-repeat; } /* ------------------------------------------------------------- 5. Elemente - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 5.1 Überschriften */ h1 { color: #5182bb; font-size: 16px; font-weight: bold; padding-bottom: 18px; line-height: 20px; } h2 { color: #002a68; font-size: 14px; font-weight: bold; padding-bottom: 16px; } p { padding-bottom: 15px; } /* 5.2 logo */ #header img { float: left; } /*#logo { float: right; } #logo img { }*/ /* 5.3 content */ #content a { text-decoration: none; color: #5182bb; } #content a:hover, #content a:active { text-decoration: underline; } #content a.more { padding-right: 7px; font-weight: bold; text-decoration: none; color: #5182bb; background: url(../_img/more_bg.gif) no-repeat right top; } #content a.more:hover { text-decoration: underline; } #content ul { padding-bottom: 25px; } #content ul li { background: url(../_img/content_li_bg.gif) no-repeat 0px 8px; padding-left: 11px; } #content img { padding-bottom: 8px; } /* 5.4 sidebar */ #sidebar div { color: #989898; } #sidebar div a { color: #5182bb; font-weight: bold; text-decoration: none; } #sidebar div a:hover, #sidebar div a.active { color: #002a68; } .downloadBox h1 { padding-left: 20px; padding-bottom: 12px; font-size: 11px; font-weight: normal; color: #3e3d40; text-transform: uppercase; background: url(../_img/download_bg.gif) no-repeat 0px 2px; } .kontaktBox h1 { padding-left: 20px; padding-bottom: 12px; font-size: 11px; font-weight: normal; color: #3e3d40; text-transform: uppercase; background: url(../_img/contact_bg.gif) no-repeat 0px 2px; } .kontaktBox p { color: #3e3d40; } .kontaktBox a { font-weight: normal; } /* 5.5 footer */ #footer img { padding-left: 12px; float: right; } .startImage { position: absolute; z-index: 4; } /* ------------------------------------------------------------- 6. fce3column - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .fce3column { } .firstCol, .secondCol, .thirdCol { width: 171px; padding-right: 27px; float: left; } .thirdCol { padding-right: 0; } .firstCol { } .secondCol { } .fce3column h1 { color: #002a68; font-weight: bold; font-size: 13px; padding-bottom: 7px; } .fce3column p { font-size: 11px; line-height: 16px; color: #474747; } /* ------------------------------------------------------------- 7. Kontaktformular - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #kontakt { width: 490px; } #kontakt legend { display: none; } #kontakt label { float: left; width: 140px; display: block; } #kontakt .tx_powermail_pi1_fieldwrap_html { margin-bottom: 6px; } #kontakt select { border: 1px solid #A5ACB2; padding: 2px; width: 106px; } #kontakt input, #kontakt textarea { border: 1px solid #A5ACB2; padding: 2px; width: 324px; } #kontakt textarea { height: 80px; } #kontakt #powermaildiv_uid10, #kontakt #powermaildiv_uid21, #kontakt .tx_powermail_pi1_fieldwrap_html_submit { margin-left: 140px; } #kontakt #powermaildiv_uid10 { font-size: 11px; } #kontakt .powermail_submit_uid11, #kontakt .powermail_submit_uid22 { width: 120px; } #kontakt .powermail_mandatory_js { margin-left: 140px; color: red; } .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 0; overflow: none; height: auto; }