/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | Basics: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* new style: instead of a br or div after the floats, we also can wrap the floats */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden } .clearfix {display: inline-block } /* Hides from IE-mac \*/ * html .clearfix {height: 1% } .clearfix {display: block } /* End hide from IE-mac */ .floatLeft { float: left } .floatRight { float: right } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .clear { clear: both; font-size: 0.1% } .resetX { margin:0; padding:0 } hr { border-top: 1px solid #595d60; margin: 10px 0 10px 0; padding: 0; } html>body hr, * html hr { *margin: 0px 0 9px 0; height: 1px } html>body hr { *margin-top: -7px } * html hr { margin-top: -7px } hr.high { margin: 20px 0 20px 0 } html>body hr.high, * html hr.high { *margin: 18px 0 18px 0 } /* hr { border-top: 1px solid #5b5c60; padding: 10px 0 10px 0; margin: 0; } html>body hr, * html hr { *margin: 0px 0 9px 0; height: 1px } html>body hr { *margin-top: -7px } * html hr { margin-top: -7px } */ hr.high { margin: 20px 0 20px 0 } html>body hr.high, * html hr.high { *margin: 18px 0 18px 0 } .hr-0 { padding: 100px; } .forenWrapper { width: 620px } .forenWrapper * { color: #5b5c60; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 16px } .forenWrapper a { color: #b1b420; text-decoration: none } .forenWrapper a img { border: 0 } #CONTENTWRAPPERBABY .forenWrapper #werbeblock { padding-top:10px; line-height: 0px; } *html #CONTENTWRAPPERBABY .forenWrapper #werbeblock { margin-top:-20px;padding-bottom:20px; } *+html #CONTENTWRAPPERBABY .forenWrapper #werbeblock { margin-top:-20px;padding-bottom:20px; } button { background: #B1B420; color: #fff !important; border-style: solid; border-color: #3E3E3E; border-width: 0 1px 1px 0; font-weight: bold; padding: 3px 1px 3px 1px } * html img { behavior: url("pngbehavior.htc") } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | Section :: icon + Headline | @see: 20071113_lifeline_redesign_expertenrat01-eingangsseite_abmessungen_nis.jpg /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .section { background: #eff0f1; color: #797979; padding: 10px 5px 11px 5px } .section img { background: #B1B420; /* change this dyn inline wittin */ border: 0; height: 36px; width: 36px; margin-right: 10px; float: left } .section h1, .subsection h2 { margin:0; padding: 9px 0 0 0 } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | SectionExp :: Experten rat, Section, teaser, button, search + section IMG | @see: 20071113_lifeline_redesign_expertenrat01-eingangsseite_abmessungen_nis.jpg /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sectionExp { background: #eff0f1; margin-top: 2px; border-spacing:0; /*margin-bottom: 20px*/ } #resetInfoTxt {margin: 0px; padding-bottom: 12px; padding-top:10px;} .sectionExpInner { margin: 6px 5px 0 5px } .sectionExpInner strong { color: #b1b420 } .sectionExp small { font-size: 10px } .sectionExp .floatLeft p { padding-bottom: 20px } .sectionExp h2 { padding-top: 6px; padding-bottom: 6px } .sectionExpBorder { border-right: 2px solid #fff; width: 478px } .sectionExp .floatRight { width: 140px } .sectionExpInnerRight { margin: 5px } .sectionExpInnerRight img { margin: 20px } .sectionExp .search { background-color: transparent; padding:0; border:0; margin-left: 6px; margin-top:0px } * HTML .sectionExp .search { /* ie lg 6 fix*/ margin-left: 8px; margin-top: 1px } html>body .search img { *padding-top: 0px } /* ie 7 fix */ .sectionExp input { width: 126px; border: 1px solid #a4adb4; height: 12px } input.inputSearch { height:auto; } .sectionButton { color: #fff !important; background: #B1B420; border-left: 0; border-top: 0; border-bottom: 1px solid #5B5C60; border-right: 1px solid #5B5C60; font-weight: bold; padding: 3px 10px 3px 10px; margin-right: 10px; display: block; float: left; } * HTML .sectionButton { /* ie 5,6 fix */ float: left; display: block; padding: 3px 8px 3px 8px; white-space: nowrap; width: 10% } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | SectionArticle:: | @see: 20071113_lifeline_redesign_expertenrat01-eingangsseite_abmessungen_nis.jpg /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sectionArticle { margin:0; padding: 5px; padding-bottom: 10px } .sectionArticle H2 { color: #3e3e3e; margin: 0; padding: 0 0 5px 0 } .sectionArticleText { line-height: 18px } .sectionArticleExp { background: #eff0f1; padding: 5px; padding-bottom: 10px } .sectionArticleExp h3 { font-size: 12px; margin: 0; padding: 0 0 5px 0 } .sectionArticleExp p { font-size: 12px; margin: 0; padding: 0 } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | SectionQuest:: forms n stuff | @see: 20071119_lifeline_redesign_expertenrat07-beitragSchreiben_abmessungen_nis /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sectionQuest { margin-bottom: 20px; } .sectionQuest h2 { margin: 0 0 0 0; padding: 0 0 7px 5px; } html>body .sectionQuest h2 { *padding-top: 4px; *padding-bottom: 0; } .sectionQuestWrap { background: #eff0f2; padding: 5px } .sectionQuestWrapEz { padding: 5px; } .sectionQuestWrapEzAuthor { color: #cccc00; font-weight: bold; } .sectionQuest small { font-size: 10px } .sectionQuest input { border: 1px solid #a4abb1; margin: 5px 0 5px 0; padding: 2px 0 2px 2px; width: 273px } .sectionQuest .checkd { border:0; width: auto; margin: 0 6px 0 0 } .sectionQuest .radiob { border:0; width: auto; margin: 0 6px 0 0 } * html .sectionQuest .checkd, html>body .sectionQuest .checkd { margin: 2px 4px } .sectionQuest textarea { height: 113px; margin: 5px 0 5px 0; padding: 0 0 0 2px; width: 460px } .sectionQuest form { margin:0; padding:0; } html>body .sectionQuestWrap button { *margin-right: 5px; } .sectionQuest hr { margin: 10px 0 10px 0; padding:0; } .sectionQuestTable { margin: 10px 0 10px 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | SectionRnser:: forms n stuff | @Note: a.more is pre defined in style.css | @see: 20071119_lifeline_redesign_expertenrat07-beitragSchreiben_abmessungen_nis /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sectionTopicsNew * { line-height: 18px } html>body .sectionTopicsNew { *padding-bottom: 10px; } *html .sectionTopicsNew { padding-bottom: 10px; } .sectionTopicsWrap { padding: 5px; margin: 0 } .sectionTopicsWrapExp { border: 1px solid #B1B420; padding: 5px } .sectionTopicsNew h2 { color: #3e3e3e; font-size: 14px; margin:0; padding: 0 0 10px 0; } .sectionTopicsNew h3 { color: #3e3e3e; font-size: 14px; margin:0; padding: 2px 0 2px 0; } .sectionTopicsWrap h3 a { color: #3e3e3e !important; font-size: 14px; } .sectionTopicsNewAuthor { color: #cccc00; font-weight: bold } .sectionTopicsDate { padding-bottom: 30px; } a.more { /* overriden style from RS */ color: #3d3d3d; font-weight: bold } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | sectionThreads:: forms n stuff | @see: 20071119_lifeline_redesign_expertenrat07-beitragSchreiben_abmessungen_nis /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sectionThreads { padding: 0 5px 12px 5px; margin: 0 } .sectionThreads H2 { font-size: 14px; color: #3e3e3e; margin: -10px 0 0 0; padding: 0 0 8px 0 } html>body .sectionThreads H2 { *margin-top: -3px; } * html .sectionThreads H2 { margin-top: -4px; } .sectionThreads table { margin-top: -2px; } .sectionThreadsPager ul li { float: left; list-style: none; padding: 0 5px 0 5px } .tdSpace { height: 8px !important; font-size: 1px !important } .sectionThreadsEntry td { background: #EFF0F1; padding-right: 5px; padding-top: 3px; padding-bottom: 3px } .sectionThreadsEntry a { color: #5b5c60 } .sectionThreadsEntry .tdId { padding-left: 5px; padding-right: 5px; text-align: right } .sectionViewThread { background: #eff0f1; margin-top: 2px; padding-top: 5px; padding-bottom: 5px; overflow: auto; } * html .sectionViewThread { margin-top:-17px; } html>body .sectionViewThread { *margin-top:-17px; } h2.boardTitle, h3.boardTitle { color: #3e3e3e; font-size: 14px; margin-left: 5px; } h3.boardTitle { margin-top: 15px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | sectionFooter:: footer links /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sectionFooter { margin: 0; padding-left: 5px; padding-top: 30px } .sectionFooter a { font-size: 11px } .sectionFooter ul li { float: left; list-style: none; padding-right: 25px } .sectionFooter a img { border:0; background: #cccc00; vertical-align: baseline } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | sectionNote /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sectionNote { margin: 0; padding: 10px 5px 0 5px} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | sectionExpTeam:: Da experts in da house! /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sectionExpTeam { background: #eff0f1; color: #797979 } .sectionExpTeam * { line-height: 16px } *html .sectionExpTeam { margin-bottom: 10px } *+html .sectionExpTeam { margin-bottom: 10px } .sectionExpTeam h2 { border-bottom: 2px solid #fff; margin-bottom: 2px; padding: 3px 6px 3px 8px } .sectionExpTeam h3 { margin:0; padding: 0 0 2px 0 } .sectionExpTeamWrap { padding: 10px 5px 10px 5px; border-bottom: 2px solid #fff } .sectionExpTeamWrap div {padding-top: 3px; } .sectionExpTeamWrap img {margin-right: 10px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | sectionLegalNote:: /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sectionLegalNote { margin:0; padding:5px; line-height: 18px } .sectionLegalNote a { text-decoration: none } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .subSection { background: #eff0f1; color: #797979 } .subSection h2, .subSection div { border-bottom: 2px solid #fff; margin-bottom: 2px; padding: 3px 6px 3px 8px } .subSection div { padding: 3px 6px 6px 8px } .search img {background:#cccc00} .moreMore { color: #5b5c60 !important; font-weight: bold; } .pagingFix { margin-bottom: 15px; } /* Yavivo Forum (LL) */ div.introText { margin:15px; padding: 1px 0; } div.grayBody { background-color:#EFF0F1; padding:1px 20px 15px; margin:0; } div.grayBody form { margin:0; } div.grayBody table th { text-align:left; font-size:14px; padding:10px 0; } div.grayBody table td { font-weight:bold; padding:2px 0; /*width:15%;*/ font-size:11px; } div.grayBody table td.subject { width:45%; } div.grayBody table td.commentCount { text-align: left; } div.grayBody table td a { color:#5B5C60 !important; font-size:11px; } div.grayBody table td.view_coment { padding-left: 50px; border-bottom:1px solid #90B325; width:530px; } div.grayBody table td.view_coment div.author { text-align:right; font-size:11px; font-weight:normal; margin-bottom:-10px; } div.grayBody table td.view_coment div.spacing { margin:10px 0; } div.grayBody table td.view_coment img.icon { float:left; margin-left:-50px; width:36px; height:36px; background-color:#EFF0F1; } div.grayBody table td.view_coment p { margin:0 0 20px; font-weight:normal; } div.grayBody table td.view_coment hr { margin:10px 0 10px -50px; } div.grayBody table td.view_coment h3 { margin:10px 0 20px; } div.grayBody table td.rating { font-weight:normal; width:auto; padding-top:10px; } div.grayBody table td.radioBox { width:25px !important; } div.grayBody table td.ratingStars { width:50px !important; } div.grayBody table td.ratingStars label { cursor:pointer; } div.grayBody table td.description label { font-weight:normal; font-size:11px; cursor:pointer; } div.grayBody table td.ratingSubmit { padding-top:10px; padding-bottom:20px; *padding-bottom:20px; } div.grayBody table td.trenner { border-bottom:1px solid #EFF0F1; } div.grayBody table td a.sectionButton { color:#fff !important; } div.grayBody table td.small { vertical-align:top; width:20px; } div.grayBody table td.label { font-size:11px; font-weight:normal; } div.grayBody table td.submitButton { text-align:right; } div.grayBody table td input.formNewThread, div.grayBody table td textarea.formNewThread { width: 445px; font-size:11px; }