/* Template - EikonFilm.de - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Umsetzung der Webseite mit Typo3: Dosdall IT - IT-Dienstleistungen in Berlin: Administration :: Consulting :: Netzwerke :: Schulungen :: Webdesign mit Typo3 Neuendorfer Str. 81 13585 Berlin Tel.: +49.30.32 52 06 81 WWW: www.dosdall-it.de MAIL: info@dosdall-it.de - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Template Layout */ body { /*margin-top:3%;*/ font-family:Arial, Helvetica, sans-serif, Sans; text-align:left; background:#FFFFFF; } #container { border:1px solid #000000; width:800px; height: 542px; margin:0 auto; text-align:left; } #header{ clear:both; text-align:left; padding:0px; top:0px; left:0px; /*width:900px; height:119px; background:url(../grafiken/eikon.logo.header.gif) 0 0 no-repeat; position:relative; */ width:800px; height:116px; background:url(../grafiken/header_bg.gif) 0 0 no-repeat; position:relative; width:800px; height: 116px; background-color: #100b41; z-index: 10; } #logo { float:left; margin-left:10px; margin-top:-19px; } #left-content { float:left; width:255px; height: 297px; position:relative; padding-top:13px; padding-left:15px; overflow:hidden; /*background-color:#339933;*/ } #wrapper { float:right; width:530px; height: 297px; margin-top:13px; /*background-color:#339966;*/ } #main-content { float:right; width:445px; height: 297px; position:relative; /*margin-top:15px; padding-top:15px;*/ padding-right:10px; padding-left:5px; text-align:justify; overflow:auto; /*background-color:#999999;*/ } /* Dies ist der schmale Mittel-Bereich! */ #right-content { float:left; width:60px; height:297px; /*margin-top:-6px; padding-top:15px;*/ padding-left:10px; position:relative; /*background-color:#999933;*/ } #footer{ clear:both; text-align:center; font-size:10px; background:#FFFFFF; height:114px; width:800px; /* width:800px; height:120px; position:relative; background-position:center; */ } #sprachauswahl { margin-left:692px; margin-top:-21px; } #icons { margin-left:670px; margin-top:65px; } #icon_suche, #icon_druck { padding-left: 4px; padding-right: 4px; } #impressum { margin-top: 3px; float:right; font-family:Arial, Helvetica, sans-serif, Sans; font-size: 10px; line-height: 16px; text-align:right; vertical-align:middle; background:#FFFFFF; } /* Untermenue in der Mitte */ .vertnav4 a:link { display:block; white-space:nowrap; font-size:12px; color:#012967; text-decoration:none; width:60px; } .vertnav4 a:visited { display:block; white-space:nowrap; font-size:12px; color:#012967; text-decoration:none; width:60px; } .vertnav4 a:active { display:block; white-space:nowrap; font-size:12px; color:#012967; text-decoration:underline; width:60px; } .vertnav4 a:hover { display:block; white-space:nowrap; font-size:12px; color:#012967; text-decoration:underline; width:60px; } .vertnav4-act a:link { display:block; white-space:nowrap; font-size:12px; color:#012967; text-decoration:underline; width:60px; } .vertnav4-act a:visited { display:block; white-space:nowrap; font-size:12px; color:#012967; text-decoration:underline; width:60px; } .vertnav4-act a:active { display:block; white-space:nowrap; font-size:12px; color:#012967; text-decoration:underline; width:60px; } .vertnav4-act a:hover { display:block; white-space:nowrap; font-size:12px; color:#012967; text-decoration:underline; width:60px; } /***************************/ /* Allgemeiner Inhalt */ /***************************/ H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:arial, helvetica; color:#666666; font-size:13px; } PRE { font-family:monospace; } A { color:#000000; text-decoration:none; font-weight:bold;} A:hover { color:#478ADC; text-decoration:none; font-weight:bold;} FORM { margin:0px 0px 0px 0px;} P, PRE { margin:0px 0px 0px 0px; } P, TD, UL, OL { font-size:13px; } INPUT, TEXTAREA, SELECT textarea { font-family:arial, helvetica, sans-serif; color:#000000; border:#7EBFD8 1px solid; font-size:13px; } /********************************/ /* Frames, spacing, link-to-top */ /********************************/ P.csc-linkToTop { text-align:right; } P.csc-linkToTop A { font-weight:bold; } DIV.csc-frame { border:0px; } DIV.csc-frame-invisible {} DIV.csc-frame-rulerBefore { border-top:1px solid #333333; } DIV.csc-frame-rulerAfter { border-bottom:1px solid #333333; } DIV.csc-frame-indent { padding-left:100px; } DIV.csc-frame-indent3366 { padding-left:33%; } DIV.csc-frame-indent6633 { padding-right:33%; } DIV.csc-frame-frame1 { background-color:#EDEBF1; padding:2px 4px 2px 4px; border:1px solid #333333; } DIV.csc-frame-frame2 { background-color:#FFFFFF; padding:4px 0px 8px 0px; border-bottom:1px dotted #FF6000; margin-bottom:12px; margin-top:5px; font-size:13px; } DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top:2px; } DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top:2px; } /******************/ /* Headers, plain */ /******************/ H1 { font-size:18px; color:#000000; } H2 { font-size:18px; color:#186900; } H3 { font-size:18px; color:#FF6000; font-weight:normal;} H4 { font-size:14px; color:#8A0020; } H1, H2, H3, H4, H5, H6 { margin:0px 0px 0px 0px; margin-top:10px; margin-bottom:8px; } H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; } /* Headers, with link */ H1 A, H2 A, H3 A, H4 A, H5 A { color:#000000; text-decoration:none; } H2 A { color:#186900; } H3 A { color:#10007B; } H4 A { color:#8A0020; } H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; } /* Header date */ P.csc-header-date { font-size:10px; color:#186900; } /* Subheader, general */ P.csc-subheader { font-style:italic; background-color:#EDEBF1; } /* Subheader, specific */ P.csc-subheader-0 { font-style:normal; } P.csc-subheader-1 { color:#186900; } P.csc-subheader-2 { color:#10007B; } P.csc-subheader-3 { color:#8A0020; } /*******************/ /* RTE / Bodytext:*/ /*******************/ P.bodytext { font-size:13px; color:#000000; } P.bodytext A { color:#000000; text-decoration:none; font-weight:bold;} P.bodytext A:hover { color:#478ADC; text-decoration:none; font-weight:bold;} P.align-center { font-size:13px; color:#000000; text-align:center; } /* RTE / Bulletlists */ UL { margin-top:0px; } UL UL LI { font-size:10px; } OL { margin-top:0px; } /* LI { margin-top:0px; margin-bottom:0px; padding-top:2px; } */ LI {list-style-image:url(../../../../../media/bullets/dot.gif); margin-top:0px; margin-bottom:0px; margin-left:15px; margin-right:0px; } /* RTE / Table styling */ TABLE.contenttable { border:0px #333333 solid; margin:10px 0px 10px 0px; width:100%; } TABLE.contenttable TR TD { padding:0px 3px 0px 3px; } TABLE.contenttable TR TD P.bodytext { font-size:10px; } TABLE.contenttable TR { background-color:#EDEBF1; } /**********/ /* Images */ /**********/ /* Images / Captions */ P.csc-caption { font-size:10px; font-style:italic; } DIV.csc-textpic-imagewrap { margin-top: 2px; margin-bottom: 2px;} DIV.csc-textpic-imagerow {margin-top: 5px; margin-bottom: 5px;} /* Images / Tables / Floating text */ TABLE.imgtext-table { border:0px; } /* Images / Tables / Wrapped text */ /* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here:*/ TABLE.imgtext-nowrap { border:0px; } TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top:0px; } /***************/ /* Bulletlists */ /***************/ /* Bulletlists, general */ UL.csc-bulletlist LI { color:#8A0020; list-style-image:url(../../../../../media/bullets/dot.gif); } /* Bulletlists, specifically */ UL.csc-bulletlist-0 { color:#8A0020; list-style-image:url(../../../../../media/bullets/dot.gif); } UL.csc-bulletlist-1 { color:#186900; list-style-type :decimal; } UL.csc-bulletlist-2 { color:#10007B; list-style-position :inside; } UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); } /*********************/ /* Tables, generally */ /*********************/ TABLE.contenttable P { font-size:11px; } TABLE.contenttable TR TD { vertical-align:top; } /* Tables, specifically */ TABLE.contenttable-0 P { color:#000000; } TABLE.contenttable-1 P { color:#186900; } TABLE.contenttable-1 TR.tr-0 TD P { font-weight:bold; } TABLE.contenttable-1 TR.tr-0 TD { background-color:#D1D2E4;} TABLE.contenttable-2 P { color:#10007B; } TABLE.contenttable-2 TR TD.td-0 { background-color:#F5FFAA;} TABLE.contenttable-2 TR TD.td-0 P { font-weight:bold; } TABLE.contenttable-3 P { color:#8A0020; } TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color:#D1D2E4;} TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight:bold; } /************************/ /* Filelinks, generally */ /************************/ TABLE.csc-uploads { border:0px; } TABLE.csc-uploads TR TD P { background-color :transparent; font-size:12px; } TABLE.csc-uploads TR TD { vertical-align :top; } TABLE.csc-uploads TR.tr-even { background-color:#EDEBF1; } TABLE.csc-uploads TR.tr-odd { background-color:#D8D7DC; } TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left:6px; padding-right:6px; width:1%; text-align:center; vertical-align:middle; } TABLE.csc-uploads TR TD.csc-uploads-fileName { width:80%; padding-left:5px; } TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight:bold; } TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style:italic; } TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space:nowrap; padding-left:6px; padding-right:6px; } /* Filelinks, specifically */ TABLE.csc-uploads-1 { border-color:#186900; } TABLE.csc-uploads-2 { border-color:#10007B; } TABLE.csc-uploads-3 { border-color:#8A0020; } TABLE.csc-uploads-3 TR TD { vertical-align:middle; } TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border:2px solid #333333; } TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border:2px solid #333333; } /*****************/ /* Various Forms */ /*****************/ /* Email, Login and Search forms generally:*/ FORM TABLE TR TD { padding-left:5px; padding-right:20px; } FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color:#D8D7DC; } FORM TABLE TR TD.csc-form-fieldcell { background-color:#EDEBF1; } FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border:1px solid #333333; } FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight:bold; } /* Email form, specifically */ FORM TABLE.csc-mailform TR TD.csc-form-labelcell {padding: 0 40px; } /* Rahmen um das gesamte Formular! */ fieldset.csc-mailform { border: 0; } fieldset.csc-mailform .csc-mailform-field label { display: block; } /* Search form, specifically */ FORM TABLE.csc-searchform { width:100%; } FORM TABLE.csc-searchform TR TD { padding:5px 5px 5px 5px; } FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight:bold; } FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width:100%; } /* Login form, specifically */ FORM TABLE.csc-loginform { width:70%; } /*****************/ /* Search result */ /*****************/ /* Search Result, result information box:*/ TABLE.csc-searchResultInfo { margin-left:0px; margin-top:10px; width:100%;} TABLE.csc-searchResultInfo TR { background-color:#EDEBF1; } TABLE.csc-searchResultInfo TR TD P { padding:0px 5px 0px 5px;} TABLE.csc-searchResultInfo TR TD.csc-searchResultRange P { font-weight:bold; } TABLE.csc-searchResultInfo TR TD.csc-searchResultPrevNext { text-align:right; } /* Search Result, header + abstract:*/ H3.csc-searchResultHeader A { color:#186900; } H3.csc-searchResultHeader { background-color:#EDEBF1; font-size:14px; padding-left:5px; } P.csc-searchResult { font-style:italic; margin-left:20px;} /* Search word markup */ SPAN.csc-sword { font-weight:bold; color:red; } /*****************************/ /* Menu / Sitemap, generally */ /*****************************/ DIV.csc-menu { margin-left:10px; } DIV.csc-menu P { font-size:11px; font-weight:bold; margin:1px 0px 0px 0px; padding:2px 2px 2px 10px; background-color:#EDEBF1; } DIV.csc-menu P A { color:#000000; text-decoration:none; } DIV.csc-menu P A:hover { color:#660000; text-decoration:underline; } DIV.csc-menu P.csc-section { font-weight:normal; margin-left:20px; font-style:italic; } /* Menu / Sitemap, "Menu of these pages" */ DIV.csc-menu-def P { } /* Menu / Sitemap, "Menu of subpages to these pages" */ DIV.csc-menu-1 { } /* Menu / Sitemap, "Sitemap" */ DIV.csc-menu-2 { } DIV.csc-menu-2 P.csc-sitemap { } DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left:20px; } DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left:40px; } DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left:60px; } DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left:80px; } DIV.csc-menu-2 P.csc-sitemap-level1 A { color:#000000; } DIV.csc-menu-2 P.csc-sitemap-level2 A { color:#186900; } DIV.csc-menu-2 P.csc-sitemap-level3 A { color:#10007B; } DIV.csc-menu-2 P.csc-sitemap-level4 A { color:#8A0020; } /* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */ DIV.csc-menu-3 { } DIV.csc-menu-3 P.csc-section { margin-left:0px; } DIV.csc-menu-3 P.csc-section A { color:#186900; } /* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */ DIV.csc-menu-4 { } DIV.csc-menu-4 P { margin-top:2px; } DIV.csc-menu-4 P.csc-abstract { font-weight:normal; font-style:italic; margin-top:0px; padding:0px 2px 2px 20px; } /* Menu / Sitemap, "Recently updated pages" */ DIV.csc-menu-5 { } /* Menu / Sitemap, "Related pages (based on keywords)" */ DIV.csc-menu-6 { } /* Menu / Sitemap, "Menu of subpages to these pages + sections" */ DIV.csc-menu-7 { } DIV.csc-menu-7 P { font-weight:bold; } DIV.csc-menu-7 P.csc-section A { color:#186900; } /****************************************/ /* Frontend editing / TYPO3 Admin Panel */ /****************************************/ IMG.frontEndEditIcons { vertical-align:middle; margin:0px 2px 0px 2px; } /* Default styles for the Admin Panel */ TABLE.typo3-adminPanel { border:1px solid black; background-color:#F6F2E6;text-align:left; } TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color:#9BA1A8;text-align:left; } TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color:#ABBBB4;text-align:left; } TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border:0px; } TABLE.typo3-adminPanel TD FONT { font-family:verdana; font-size:10px; color:black; } TABLE.typo3-adminPanel TD A FONT { font-family:verdana; font-size:10px; color:black; } TABLE.typo3-editPanel { border:1px solid black; background-color:#F6F2E6; } TABLE.typo3-editPanel TD { border:0px; } /*************/ /* Debugging */ /*************/ /* H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border:1px dotted #999999;} TD TABLE { border:1px dotted #000099;} DIV { border:1px dotted #990000;} IMG.spacer-gif { border:1px solid black; } */