/* ------------------------------------------------------------------------------------------------- Cascading StyleSheet www.weinart.at */ * { padding:0px; margin:0px; font-size:1em; } html { height:100%; overflow-y:scroll; margin-bottom:1px; } body { height:100%; font:0.7em/1.45em Arial,Verdana,Tahoma,Helvetica,sans-serif; color:#3d3d3d; background:#ffffff; } /* ------------------------------------------------------------------------------------------------- BASIC LAYOUT */ #container { width:970px; margin:0px auto; padding:15px; } #header { height:105px; padding-bottom:15px; } #header a { display:block; width:970px; height:105px; background:none; } #header span { display:none; } #header img { display:none; } #header address { display:none; } .header1 { background:url('../img/headLogo1.jpg') no-repeat; } .header2 { background:url('../img/headLogo2.jpg') no-repeat; } .header3 { background:url('../img/headLogo3.jpg') no-repeat; } .header4 { background:url('../img/headLogo4.jpg') no-repeat; } .header5 { background:url('../img/headLogo5.jpg') no-repeat; } .header6 { background:url('../img/headLogo6.jpg') no-repeat; } .header7 { background:url('../img/headLogo7.jpg') no-repeat; } #toolbar { padding:1px 0px; border-top:1px solid #d2d4d6; border-bottom:1px solid #d2d4d6; background:#f6f8fa; } #login { float:left; width:510px; padding-left:230px; } #login div { float:left; padding-right:3px; } #login div.box1 { padding-right:8px; } #login div.box2 { padding-left:24px; padding-right:0px; width:120px; } #login input { margin-bottom:0px; border:none; padding:0px 1px 0px 2px; width:90px; color:#999999; } #login input.dark { color:#3d3d3d; } #login input.submit { background:#ffffff; width:75px; color:#3d3d3d; } #print { float:right; width:200px; } #screen { display:none; } #content { padding:30px 0px; } /* menu */ #contentLeft { float:left; width:200px; } #contentLeft ul { border-bottom:1px solid #d2d4d6; list-style-type:none; margin-left:0px; } #contentLeft ul li { border-top:1px solid #d2d4d6; padding-top:0px; } #contentLeft ul ul { border-bottom:none; } #contentLeft a { color:#3d3d3d; text-decoration:none; display:block; padding:2px 0px 1px 0px; padding-left:30px; width:170px; background:#ffffff; } #contentLeft a:hover { color:#0073e6; text-decoration:none; background-color:#fcfdfd; } #contentLeft ul ul a { padding-left:50px; width:150px; background:#f6f8fa; } #contentLeft ul ul a:hover { background-color:#f0f3f5; } #contentLeft a.active { background:url('../img/linkArrow.gif') no-repeat 12px 7px #f6f8fa; /*#ffffff*/ color:#0073e6; font-weight:bold; } #contentLeft a.active:hover { background-color:#f0f3f5; /*#fcfdfd*/ } #contentLeft li li a.active { background:url('../img/linkArrow.gif') no-repeat 32px 7px #f6f8fa; color:#0073e6; } #contentLeft li li a.active:hover { background-color:#f0f3f5; } /* contentbereich */ #contentMain { float:left; width:510px; padding-left:30px; text-align:justify; } #contentMain td { text-align:left; } #contentMain label { text-align:left; } .contentbox { border-top:1px solid #d2d4d6; border-bottom:1px solid #d2d4d6; background:#f6f8fa; padding:6px 10px; } .warning { padding:16px 12px 16px 72px; background:url('../img/flashInfo.gif') no-repeat 13px 10px #f6f8fa; } .loading { padding:16px 12px 16px 72px; background:url('../img/ajaxLoading.gif') no-repeat 20px 16px #f6f8fa; } .searchLeft { float:left; width:200px; } .searchLeft div.input label { width:65px; font-weight:bold; padding-top:4px; } .searchRight { float:right; width:270px; } .searchRight label.input { width:70px; font-weight:bold; padding-top:4px; } .searchRight div.input { display:inline; } .searchRight div.column { padding-right:10px; display:inline; } .searchRight .margin { margin-left:98px; } #searchLoad { position:absolute; left:210px; width:78px; top:13px; height:78px; border:1px solid #d2d4d6; background:url('../img/ajaxLoading.gif') no-repeat center center #f6f8fa; filter:alpha(opacity=92); -moz-opacity:0.92;opacity:0.92; z-index:20; } .warenkorbContainer { position:relative; } .warenkorbAction { position:absolute; left:-42px; top:-150px; width:480px; background:url('../img/iconBasket.gif') no-repeat 19px 17px #ffffff; border:1px solid #d2d4d6; } .warenkorbText { padding:20px 0px 20px 75px; background:url('../img/iconBasketLarge.gif') no-repeat 96% 80%; } .warenkorbText label.input { width:60px; } .warenkorbEdit { position:absolute; top:-6px; left:80px; width:270px; background:#ffffff; border:1px solid #d2d4d6; } .warenkorbAnzahl { padding:8px 16px; } .warenkorbAnzahl label.input { width:60px; } .warenkorbAnzahl input.margin { margin-left:60px; margin-top:6px; } /* rechts */ #contentRight { float:right; width:190px; background:#e5eef6; padding:5px; } #contentRight a { padding-left:12px; background:url('../img/linkArrow.gif') no-repeat 0px 6px; display:block; width:150px; } #contentRight div { border-top:1px solid #e5eef6; background-color:#ffffff; padding:10px; width:170px; overflow:hidden; } #footer { border-top:1px solid #d2d4d6; } #footer ul { float:right; list-style-type:none; margin-left:0px; } #footer li { float:left; padding:0px 5px; } #footer a { color:#a0a2a4; text-decoration:none; padding:2px 10px 0px 10px; display:block; background:none; } #footer a:hover { color:#3d3d3d; text-decoration:none; } /* ------------------------------------------------------------------------------------------------- BASIC DEFINTIONS */ h1 { } h2 { font-size:1.6em; font-weight:normal; padding-bottom:12px; } h3 { padding:3px 10px 6px 10px; } h4 { padding-top:2em; padding-bottom:1em; font-size:1.2em; } img { vertical-align:top; border:0px; } /* small { font-size:0.8em; }*/ ul { margin-left:2.2em; list-style-type:circle; } ol { margin-left:2.8em; } li { padding-top:0.7em; } .left { float:left; } .right { float:right; } .clear { clear:both; } .light { color:#999999; }/* .space { padding-bottom:0.6em; } /* ------------------------------------------------------------------------------------------------- LINKS */ a { color:#3366ff; text-decoration:none; padding-left:12px; background:url('../img/linkArrow.gif') no-repeat 0px 5px; } a:hover { color:#0055a5; text-decoration:underline; } a.noicon { padding:0px; background:none; } /* links with icons */ a.print { padding-left:20px; background:url('../img/linkPrint.gif') no-repeat 0px 1px; } a.basket { padding-left:20px; background:url('../img/linkBasket.gif') no-repeat 0px 1px; } a.mail { padding-left:20px; background:url('../img/linkMail.gif') no-repeat 0px 1px; } a.add { padding-left:20px; background:url('../img/linkAdd.gif') no-repeat 0px 1px; } a.kalender { padding-left:20px; background:url('../img/linkKalender.gif') no-repeat 0px 1px; } a.tooltip { padding-left:20px; background:url('../img/linkTooltip.gif') no-repeat 0px 1px; } a.delete { padding-left:20px; background:url('../img/linkDelete.gif') no-repeat 0px 1px; } /* show hide links * a.open { padding-left:10px; background:url('../img/arrowOpen.gif') no-repeat 0px 4px; } a.closed { padding-left:10px; background:url('../img/arrowClosed.gif') no-repeat 0px 4px; } /* paginator */ div.paginator { padding:20px 0px 1px 0px; } div.paginator a { padding:1px 5px; border:1px solid #d2d4d6; background:#ffffff; } div.paginator a:hover { background:#f6f8fa; text-decoration:none; } div.paginator span { padding:1px 5px; border:1px solid #d2d4d6; background:#f0f3f5; color:#999999; } /* ------------------------------------------------------------------------------------------------- FORMS */ fieldset { padding:0px 12px 10px 12px; margin-bottom:1.6em; border:1px solid #ebe9e5; } fieldset.nospace { margin-bottom:0px; } fieldset.update { padding:12px 12px 12px 72px; background:url('../img/fieldsetAjaxUpdate.gif') no-repeat 16px 10px; } legend { padding:2px 6px; margin-bottom:10px; color:#cc6600; font-weight:bold; } div.input label, label.input { width:100px; float:left; padding-top:2px; clear:left; } div.required label, label.required { font-weight:bold; } div.error-message { padding:0px 0px 2px 100px; font-size:0.8em; color:#c80000; } div.inputset { float:left; display:block; } div.inputset div { display:inline; } div.inputset div.error-message { display:block; padding-left:0px; } div.inputset div.input label { display:inline; float:none; border-bottom:2px solid #ffffff; } input, select, textarea { font:1em Arial,Verdana,Tahoma,Helvetica,sans-serif; color:#3d3d3d; border:1px solid #d2d4d6; padding:1px 1px 1px 2px; margin-bottom:1px; } .form-error { border:1px solid #c80000; background:#fcf2f2; } input.submit { font:bold 0.9em Verdana,Arial,Tahoma,Helvetica,sans-serif; background-color:#f7f6f4; margin-bottom:0px; margin-top:1px; padding:0px 10px; } input.margin { margin-left:100px; } input.chkbox { width:15px; height:15px; cursor:hand; border:none; padding:0px; margin:0px; } input.img { vertical-align:top; cursor:hand; padding:0px; margin:0px; border:none; } input.w20, textarea.w20 { width:15px; } select.w20 { width:20px; } input.w40, textarea.w40 { width:35px; } select.w40 { width:40px; } input.w65, textarea.w65 { width:60px; } select.w65 { width:65px; } input.w80, textarea.w80 { width:75px; } select.w80 { width:80px; } input.w120, textarea.w120 { width:115px; } select.w120 { width:120px; } input.w160, textarea.w160 { width:155px; } select.w160 { width:160px; } input.w200, textarea.w200 { width:195px; } select.w200 { width:200px; } input.w250, textarea.w250 { width:245px; } select.w250 { width:250px; } input.w300, textarea.w300 { width:295px; } select.w300 { width:300px; } input.w350, textarea.w350 { width:345px; } select.w350 { width:350px; } input.w400, textarea.w400 { width:395px; } select.w400 { width:400px; } input.w500, textarea.w500 { width:495px; } select.w500 { width:400px; } label { cursor:hand; } /* ------------------------------------------------------------------------------------------------- FLASH MESSAGES */ #flashMessage { width:100%; } #flashMessage div { background-color:#f6f8fa; padding:16px 12px 16px 72px; border-top:1px solid #d2d4d6; border-bottom:1px solid #d2d4d6; margin-bottom:18px; } /* icons */ div.info { background:url('../img/flashInfo.gif') no-repeat 13px 10px; } div.error { background:url('../img/flashError.gif') no-repeat 13px 10px; } div.deleted { background:url('../img/flashDeleted.gif') no-repeat 13px 10px; } div.saved { background:url('../img/flashSaved.gif') no-repeat 13px 10px; } div.added { background:url('../img/flashAdded.gif') no-repeat 13px 10px; } /* ------------------------------------------------------------------------------------------------- TABLES */ /*table.margin { margin:0.6em 0px 1.6em 0px; }*/ table.border { border-top:1px solid #d2d4d6; } table { border-collapse:collapse; } table.std th { padding:0px 8px 4px 8px; text-align:left; border-bottom:1px solid #d2d4d6; } table.std th.sum { padding:4px 8px; text-align:left; border-bottom:1px solid #d2d4d6; background:#e5eef6; font-weight:bold; } table.std td { padding:5px 8px; border-bottom:1px solid #d2d4d6; } table.suche { border-top:1px solid #d2d4d6; } table.suche th.main { padding:3px 6px; text-align:left; border-bottom:1px solid #d2d4d6; background:#e5eef6; font-weight:bold; } table.suche th { padding:3px 6px; text-align:left; border-bottom:1px solid #d2d4d6; background:#f6f8fa; font-weight:normal; } table.suche td { padding:3px 6px; border-bottom:1px solid #d2d4d6; } table.small th { padding:0px 6px 1px 6px; text-align:left; border-bottom:1px solid #d2d4d6; } table.small td { padding:2px 10px 2px 6px; border-bottom:1px solid #d2d4d6; } td.middle { vertical-align:middle; } td.center { text-align:center; } th a { padding:0px; background:none; color:#3d3d3d; } td { vertical-align:top; } tr.row1 td { background:#f6f8fa; } tr.row2 td { background:#ffffff; }