/* Project: Master Kampagne Version 2 Author: Marc Haunschild Bundesanstalt für Landwirtschaft und Ernährung (BLE) Copyright: Bundesministerium für Ernährung, Landwirtschaft und Verbraucherschutz (BMELV) * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Stand: 11.10.2011 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * - Contents - - - - - - - - - - - - 1. General Colors 2. Resets and general rules 3. The Layout 4. Banner 4.1 Title 4.2 Service Navigation 4.3 Search 5. Navigation 5.1 General Styles 5.2 2nd and 3rd level 6. Article 6.01 General Styles 6.02 Internal Page Navigation 6.03 Teaser 6.04 Quotation 6.05 Infobox 6.06 Link list 6.07 Images 6.08 Table Data 6.09 Teaser List of News 6.10 Teaser List of Articles 6.11 Fake Teaser List 6.12 Events 6.13 Forms 6.13.1 Mail Form 6.13.2 LogIn Form 6.14 Contents 6.14.1 First Level 6.14.2 Second Level 6.15 Page Contents 6.16 Search Results 6.17 Page Navigation 6.18 RMS 7. Marginal Column 7.1 WAI Specials 7.2 Tag Cloud 7.3 Link Lists 7.4 Downloads 7.5 Images 7.6 News 7.7 Links 8. Footer 9. Picture Gallery 10. Resetting temporarily generated CSS - - - - - - - - - - - - - - - - - - ----------------------------------- 1. General Colors - - - - - - - - - - - - - - - - - - */ body { background-color: #fff; color: #000; } #page { background-color: #fff; } #mainWrapper { background-color: #fff; } #navigation { background-color: #fff; color: #ccc; } #contentWrapper { background-color: #fff; } #marginal { background-color: #fff; color: #333; } /* ----------------------------------- 2. Resets and general rules - - - - - - - - - - - - - - - - - - */ html, body, h1, h2, h3, h4, ol, ul, li, p, div, input, img { margin: 0; padding:0; border: 0; } #page { font-size: 100%; /* font-size not set for , so that min-width-expression still can be used for IE 6 */ font-family: Arial, Helvetica, "Lucida sans", Geneva, sans-serif; } .sr-hint { display:inline; position:absolute; left:-9999px; top:-9999px; height:0; width:0; } .sr-hint a:focus { display:block; position:absolute; left:10049px; top:9956px; width:20em; line-height:5em; text-align: center; border:0.5em double #00a; padding:0.5em; background-color:#ffffaa; } a { text-decoration: none; } a:active, a:focus, a:hover { text-decoration: underline; } #navigation h2, /* hidden Elements - - - - - - - */ #marginal h2 { left: -9999px; position: absolute; } /* ----------------------------------- 3. The Layout - - - - - - - - - - - - - - - - - - */ #page { max-width:60em; min-width: 45em; margin:0 auto; padding-bottom: 35px; background-image: url(../img/bottomLine.png); background-position: 0 bottom; background-repeat: repeat-x; } #mainWrapper { margin-left:14.6875em; } #main { /* wraps #contentWrapper and #navigation */ float:left; width: 100%; margin-right:-15.1875em; } #contentWrapper { float: right; width: 100%; margin-left:5px; border-left:2px solid #e5e5e5; background: transparent; } #content { min-width: 10em; margin-right: 14.625em; border-right:2px solid #e5e5e5; background-color: #fff; padding: 1px .625em; /* padding-top and padding-bottom avoids Collapsing Margins */ } *:first-child+html #content { /* IE7-Hack */ width: 29em; } *:first-child+html #content { /* IE7-Hack */ width: 29em; } #navigation { float: left; width: 14.0625em; margin-left:-15.4375em; } #article { overflow:hidden; border-top:2px solid #e5e5e5; } #marginal { position: relative; float: right; width: 14.0625em; } #mainWrapper hr { clear: both; height: .1px; border: none; visibility: hidden; } /* ----------------------------------- 4. Banner - - - - - - - - - - - - - - - - - - */ #banner { position: relative; /* IE <= 6: hasLayout needed for containing block */ overflow:hidden; height:12.1875em; border-bottom: 1.125em solid #fff; background-image: url(../img/imagebildFolge.jpg); background-repeat: no-repeat; background-position: center top; background-color: #f2f2f2; } .start #banner { /* Home page gets a bigger image, so the header must be higher */ background-image: url(../img/imagebildStart.jpg); height:22.1875em; } #banner hr { display: none; } #banner #logo { padding-left:6px; } /* 4.1 Title - - - - - - - - - - */ #banner #title { position:absolute; left: 245px; bottom: 20px; width: 27.5em; min-height: 4.6875em; padding: 15px; background-image: url(../img/opacity.png); } #banner #title h1 { font-size:1.875em; line-height: 1.16667em; color:#5b7a2e; } #banner #title p { font-size: .9375em; line-height: 1.33333em; font-weight:bold; color:#333; } /* 4.2 Service Navigation - - - */ #service { position: absolute; top: 0em; right: 15.315em; } #service ul { list-style-type: none; margin-left:246px; } #service li { float:left; /* instead of display:inline, so that paddings can still be used for top and bottom */ margin-left:2px; background-image: url(../img/opacity.png); } #service li a { display:block; padding:4px 10px 7px 10px; font-size: .6875em; color:#000; } #service li a[href]:active, #service li a[href]:focus, #service li a[href]:hover { text-decoration: underline; } #service li:first-child { border: none; } #service strong { display:block; padding:4px 10px 7px 10px; font-size: .6875em; } /* 4.3 Search - - - - - - - - - */ #banner #search { position:absolute; top: 0; right: 0; } #banner input { padding: 5px 10px 4px 10px; font-size: .8125em; background-color: transparent; } #banner input[type=text] { position: relative; left: 4px; top: 0; width: 153px; color: #638132; background-image:url("../img/opacity.png"); } #banner input[type=submit] { text-transform: uppercase; color:#fff; background-color: #d05403; padding: 4px 10px 3px 10px; cursor: pointer; } *:first-child+html #banner #search input[type="text"] { /* IE7-Hack */ left: 16px; top: -2px; height: 16px; } *:first-child+html #banner #search input[type="submit"] { /* IE7-Hack */ position: relative; top: -2px; height: 24px; } /* ----------------------------------- 5. Navigation - - - - - - - - - - - - - - - - - - 5.1 General Styles - - - - - - */ #navigation ul { border: none; list-style-type: none; background-color: #fff; } #navigation ul#menu { width: 14.0625em; border-top: 2px solid #e5e5e5; } #navigation ul li { border: none; padding:0; background-color: #fff; } #navigation strong, #navigation a { display:block; border-bottom: 2px solid #e5e5e5; padding: .6923em 5px .3846em 5px; font-size: .8125em; line-height: 1.53846em; text-decoration: none; color:#638132; } #navigation li a:active, #navigation li a:focus, #navigation li a:hover { background-color: #f2f2f2; } #navigation strong { color: #000; background-color: #f2f2f2; } #navigation li.level1>a { font-weight:bold; } /* 5.2 2nd and 3rd level - - - */ #navigation ul ul { margin-left: 15px; } #navigation li li a { color: #4c4c4c; } /* ----------------------------------- 6. Article - - - - - - - - - - - - - - - - - - 6.01 General Styles - - - - - - - */ .ceWrap { overflow: hidden; } #article h2 { padding: .5em 0 .5909em 0; text-indent: 40px; font-size: 1.375em; line-height: 1.625em; font-weight:bold; color:#333; background-image: url(../img/h2EyeCatcher.png); background-repeat:no-repeat; background-position: 0 20px; } #article h3 { margin-top: 1.375em; margin-bottom: .4375em; font-size: 1em; line-height: 1.625em; font-weight:bold; color:#4c4c4c; } #article h4 { margin-top: 1.4615em; margin-bottom: .3846em; font-size: .8125em; line-height: 1.5385em; font-weight:bold; color:#191919; } #article li, #article p { margin-bottom: .76923em; font-size: .8125em; line-height: 1.5385em; color:#595959; } *:first-child+html ol { margin-left: 4px; } #article ul { list-style-type: disc; } #article ul li { margin: 0 0 0 15px; padding: 0 0 0.3846em 5px; } #article ol li { margin: 0 0 0 20px; padding: 0 0 0.3846em 0; } #article li li, #article li h4, #article li p { font-size: 100%; } #article li h3, #article li p { margin-bottom: 0; } #article a { padding-left: 13px; color:#c44f03; text-decoration: none; background-image:url("../img/internalLink.png"); background-repeat: no-repeat; background-position: 3px 4px; } #article a.download { background-image:url("../img/downloadLink.png"); background-position: 1px 4px; } #article a:active, #article a:focus, #article a:hover { text-decoration: underline; } /* Some links in the article area must NOT have a link icon Removing them... */ #article h3 a, #article .newsImage a, #article #inPageNavigation a, #article .csc-textpic-image dt a, #article .csc-textpic-imagewrap a:link, #article .csc-textpic-imagewrap a:visited, #article ul.contents li a, #article div.tx-chgallery-pi1 a { background-image: none; padding-left: 0; } /* Some links in the article area must have a darker color to fit AAA-Accessibility Level... */ #article ul.contents>li>a, #article .infobox a, #article blockquote a, #article ul#inPageNavigation a, #article table a, #article p.csc-linkToTop a { color: #bc4808; } #article p.csc-linkToTop { padding-left:5px; background-color: #f2f2f2; } #article p.csc-linkToTop a { display:block; background-image:url("../img/up.png"); background-position:0 3px; background-repeat:no-repeat; padding: 2px 20px; } /* 6.03 Teaser - - - - - - - - - */ .teaser { margin-bottom: .8125em; padding: .3125em 0 .125em 0; font-weight:bold; } /* 6.04 Quotation - - - - - - - - */ #article blockquote { margin: .8125em 0; padding: .3125em 10px .125em 62px; background-image: url(../img/quotationMark.png); background-repeat:no-repeat; background-color: #f2f2f2; } #article .quotation p { margin-top:0.76923em; } /* 6.05 Infobox - - - - - - - - */ #article .infobox { margin-top: .8125em; margin-bottom: .8125em; padding: .3125em 10px .125em 62px; background-image: url(../img/exclamationMark.png); background-repeat:no-repeat; background-color: #faece3; } #article .infobox p { margin-top:0.76923em; } /* 6.06 Link Lists - - - - - - - - */ #article div.linkList ul { list-style-image: url(../img/go.png); list-style-type: none; } #article div.linkList ul li { margin-left:2.0769em; padding-left: 0; } #article div.linkList ul li a { background-image: none; padding-left: 0; } /* 6.07 Images - - - - - - - - - */ /* General image styling */ dl.csc-textpic-image { margin:0; margin-bottom:5px; } #article .news-single-item .news-single-img p, dl.csc-textpic-image .csc-textpic-caption { padding:0; font-size: .6875em; line-height: 1.81818em; color: #4c4c4c; } dl.csc-textpic-image dt { width: 225px; overflow: hidden; border-bottom:2px solid #fff; } dl.csc-textpic-image dd { margin:0; } /* Images on the right */ .csc-textpic-intext-right .csc-textpic-imagewrap { float:right; margin-left: 20px; margin-bottom: 10px; padding-top: 5px; } /* Images on the left */ .csc-textpic-intext-left .csc-textpic-imagewrap { float:left; margin-right: 20px; margin-bottom: 10px; padding-top: 5px; } /* Images at the top */ .csc-textpic-above dl.csc-textpic-image { margin-bottom: 1.25em; } .csc-textpic-above .csc-textpic-imagewrap { margin-bottom: 1.25em; margin-bottom: 10px; } .csc-textpic-above dl.csc-textpic-image dt { width: 470px; overflow: hidden; } /* 6.08 Table Data - - - - - - - */ #article table { width: 29.375em; margin: .8125em 0; } #article table caption { border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 5px 10px; font-size: .8125em; line-height: 1.53846em; text-align: left; font-weight: bold; color:#fff; background-color: #d5651c; } #article table th { vertical-align: top; padding: 5px 10px; font-size: .6875em; line-height: 1.53846em; text-align: left; color: #4c4c4c; background-color: #faece3; } #article table td { padding:5px 10px; font-size: .6875em; line-height: 1.36364em; color:#333; background-color: #ededed; } #content #article table th p, #content #article table td p { font-size:1em; width: auto; } #article table td a { color: #bc4808; } /* 6.09 Teaser List of News - - - */ #article ul.news-list-container { list-style-type: none; } #article ul.news-list-container a { padding-left: 0; background-image: none; } #article ul.news-list-container li { margin-left: 0; padding-left: 0; } #article ul.news-list-container li h3 { font-size: 1.23077em; margin-top: 2px; margin-bottom: .9375em; padding-left: .625em; background-color: #ededed; } #article ul.news-list-container li h3 a { display: block; padding-top: 4px; color: #333; } #article ul.news-list-container li h3 a:active, #article ul.news-list-container li h3 a:focus, #article ul.news-list-container li h3 a:hover { text-decoration: underline; } #article ul.news-list-container li img { float: left; margin-right: 20px; padding: 4px 0 10px 0; } #article ul.news-list-container li p { } #article p.newsDate, #article ul.news-list-container li p.newsDate { background-color: #eff3ea; margin: 0 0 2px 0; padding:0 0 0 .7692em; } #article p.newsSummary { margin: .1538em 0 1.53854em 0; font-weight: bold; } #article p.newsSingleDate { padding: .384615em .384615em .384615em .7692em; font-weight: bold; background-color: #f2f2f2; } #article div.news-single-img { float: left; width:225px; overflow:hidden; margin-right: 20px; } #article div.news-single-img img { padding-top: 4px; } #article div.news-single-img a { padding-left: 0; background-image: none; } /* 6.10 Teaser List of Articles */ #article ul.article-list-container { list-style-type: none; } #article ul.article-list-container li { margin-left: 0; padding-left: 0; } #article ul.article-list-container li h3 { font-size: 1.23077em; margin-bottom: .9375em; padding: 0 .625em; background-color: #ededed; } #article ul.article-list-container li h3 a { display: block; padding-top: 4px; color: #333; } #article ul.article-list-container li h3 a:active, #article ul.article-list-container li h3 a:focus, #article ul.article-list-container li h3 a:hover { text-decoration: underline; } #article ul.article-list-container li .newsImage { float: left; margin-right: 20px; width: 225px; overflow: hidden; } #article ul.article-list-container li .newsImage img { padding-top: 4px; } /* 6.11 Fake Teaser List (manually generated) - - - - */ #content #article div.teaserWide h3, #content #article div.teaserNarrow h3 { margin: 0 0 .625em 0; padding:0; font-size: 0.6875em; text-transform: uppercase; background-color: #fff; } #content #article div.teaserWide img, #content #article div.teaserNarrow img { width: 200px; margin-top: 10px; overflow: hidden; } #content #article div.teaserWide h3 a, #content #article div.teaserNarrow h3 a { padding:0; } #content #article div.teaserWide a, #content #article div.teaserNarrow a { background-image: url("../img/go.png"); background-position: 0 0; background-repeat: no-repeat; padding-left: 20px; } .start #article .article-list-container .newsImage a, .start #article .article-list-container h3 a { background-image: none; padding-left: 0; } #content #article div.teaserNarrow { float: left; overflow:hidden; } #content #article div.teaserNarrow div.innerWrap { width: 199px; } #content #article div.teaserWide div.innerWrap, #content #article div.teaserNarrow div.innerWrap { margin-bottom: 10px; padding: 10px 10px 0; border: 5px solid #ededed; } #content #article div.ceWrap + div.teaserNarrow, #content #article div.teaser + div.teaserNarrow, #content #article div.teaserWide + div.teaserNarrow, #content #article .teaserNarrow:first-child { margin-right: 10px; clear: left; } #content #article div.teaserNarrow img { width: 199px; overflow: hidden; margin: 10px 0 0 15px; } #content #article div.teaserNarrow .csc-textpic-imagewrap { margin-right: 10px; } #content #article ul.article-list-container .teaserNarrow a { padding: 0; } #content #article div.teaserWide { clear: left; } #content #article div.teaserWide div.innerWrap { width: 438px; } #content #article .teaserWide .csc-textpic-imagewrap { margin-left: 15px; margin-right: 38px; } /* 6.12 Events - - - - - - - - - */ #article .agendaTitle { position: relative; margin-top: .625em; } #article .agendaTitle h3, #article .agendaSpecial h3 { margin-top: .7692em; } #article .agendaTitle h3 { margin-bottom:0; padding: .3846em 5px .3846em 6.3942em; background-color: #e0edd0; font-size: .8125em; } #article .agendaTitle h3 strong { position: absolute; left: .7692em; top: .3846em; } #article .agendaItem { margin-top: -0.3846em 0 0 0; border-top: .3846em solid #e0edd0; background-color: #f0f6e8; } #article .agendaItem p { margin:0; padding: .3846em 5px .3846em 6.3942em; } #article .agendaItem ul { padding: .3846em 5px .3846em 5.4567em; list-style-image: url(../img/listStyleImageEvent.png); } #article .agendaSpecial { position: relative; margin-top: .625em; } #article .agendaSpecial h3 { margin-bottom:0; padding: .3846em 5px .3846em 6.3942em; background-color: #f2f2f2; font-size: .8125em; } #article .agendaSpecial h3 strong { position: absolute; left: .7692em; top: .3846em; } /* 6.13 Forms - - - - - - - - - */ label { cursor:pointer; } /* 6.13.1 Mail Form */ #article .tx-thmailformplus-pi1 { margin-top: 1em; background-color: #e6e6e6; } #article .tx-thmailformplus-pi1 form { padding: 15px; } #article .tx-thmailformplus-pi1 label { display: block; margin: 20px 10px 0 5px; padding: 0; font-size: .8125em; } #article .tx-thmailformplus-pi1 input { width: 419px; margin: 5px 10px 0 5px; padding: 5px; } #article .tx-thmailformplus-pi1 textarea { font-family: Arial,Helvetica,"Lucida sans",Geneva,sans-serif; width: 419px; margin: 5px 10px 0 5px; border: 0; padding: 5px; font-size: .8125em; } #article .tx-thmailformplus-pi1 input.csc-mailform-submit { width: 6.81818em; padding: 5px .4545em; margin: 30px 0 5px 5px; text-transform: uppercase; color: #fff; background-color: #d05403; } /* Error-Output */ #article .tx-thmailformplus-pi1 span { display: block; padding: 10px 0 0 10px; font-size: .8125em; color:#f00; } #article .tx-thmailformplus-pi1 br { display: none; } /* 6.13.2 LogIn Form */ #article div form .csc-loginform { background-color:#e6e6e6; padding:8px 8px 16px 4px; } #article div form .csc-loginform .csc-mailform-field { padding: 5px; font-size: .8125em; } #article div form .csc-loginform .csc-mailform-field label { display: block; padding: 5px; } #article div form .csc-loginform .csc-mailform-field input[type="password"], #article div form .csc-loginform .csc-mailform-field input[type="text"] { width:32.75em; padding: 7px 4px 7px 5px; } #article div form .csc-loginform input[type="submit"] { margin-top: 10px; padding:4px 10px 3px; text-transform:uppercase; color:#fff; background-color:#d05403; cursor:pointer; } /* 6.14 Contents - - - - - - - - - 6.14.1 First Level */ #article ul.contents { list-style-type: none; list-style-image: url(../img/go.png); background-color: #f2f2f2; } #article ul.contents li { margin-left:2.0769em; padding: 0; font-weight: bold; } #article ul.contents li a { display: block; padding-top: .53846em; padding-bottom: .2308em; margin-bottom: .3846em; } *:first-child+html #article ul.contents, *:first-child+html #article ul.contents ul { list-style-type: none; list-style-image: none; } *:first-child+html #article ul.contents li a { position:relative; left: -25px; top: 0; padding-left: 25px; background-image: url(../img/go.png); background-position: 2px 7px; } /* 6.14.2 Second Level */ #article ul.contents ul { margin-left: -2.0769em; padding-left:2.0769em; list-style-image: url(../img/internalLink.png); background-color: #fff; } #article ul.contents li li a { margin-bottom: 0em; } *:first-child+html #article ul.contents ul li a { background-image: url(../img/internalLink.png); background-position: 2px 11px; } /* 6.14.3 Third Level */ #article ul.contents li li li a { font-weight: normal; } /* 6.15 Page Contents - - - - - */ #article ul#inPageNavigation { margin-bottom: .9375em; padding: 5px 5px 0 0; list-style-type: none; list-style-image: url(../img/down.png); background-color: #f2f2f2; } #article ul#inPageNavigation li { margin-left:2.0769em; padding-left: 0; } #article ul#inPageNavigation li ul { list-style-image: url(../img/downloadLink.png); } #article p.toContents { background-color: #f2f2f2; } #article p.toContents a { padding-left: 20px; background-image: url(../img/up.png); background-repeat: no-repeat; } /* 6.16 Search Results - - - - */ #article .tx-indexedsearch-whatis { font-size: .8125em; font-weight: bold; } /* 6.17 Page Navigation - - - - */ #pageNavigation { clear: both; height: .5625em; margin-top:1.875em; border-top:2px solid #f2f2f2; padding: 0.5384em 0 2em 0; } #pageNavigation p { position:relative; } #pageNavigation a { color:#c44f03; text-decoration: none; } #pageNavigation a.top { float: left; padding-left:20px; background-image: url(../img/up.png); background-repeat: no-repeat; background-position: 0 0; } #pageNavigation a.print { position:absolute; right:0; padding-left:20px; background-image: url(../img/go.png); background-repeat: no-repeat; background-position: 0 0; } /* 6.18 RMS - - - - - - - - - - */ #article div#rms * { font-family: Arial, Helvetica, Geneva, "Lucida sans", sans-serif; } #article div#rms h4 { top:0; margin-top: 0; } #article div#rms #rmsPflichtfeldHinweise p { color: #c44f03; } #article div#rms #rmsPflichtfeldHinweise ul li label { padding-left:0; color: #c44f03; } #article div#rms ul { list-style-type: none; } #article div#rms ul li { padding-left:0; margin-left:0; } #article div#rms li h3 { margin-top: 0; } #article div#rms ul li label { padding-left: 5px; } #article div#rms table { background-color: #ededed; padding: 10px 0; } #article div#rms table.ContentTable { padding: 0; } #article div#rms table th { width: 50%; border-bottom: 2px solid #fff; white-space: nowrap; font-size: .8125em; background-color: #ededed; } #article div#rms table td { border-bottom: 2px solid #fff; vertical-align: top; font-size: .8125em; } #article div#rms table td li { font-size: 100%; } #article div#rms table td b { visibility: hidden; } #article div#rms table th label { display:block; text-align: left;; } #article div#rms table tr td ul li label strong { font-weight: normal; } #article div#rms table td input[type=text] { padding: 4px; font-size: 100%; width: 322px; } #article div#rms table td select { padding: 4px; font-size: 100%; width: 330px; } #article div#rms table td ul { width: 338px; } #article div#rms table td textarea { width: 330px; border: none; } #article div#rms table td select[name=inst_krz_tag], #article div#rms table td select[name=inst_krz_monat], #article div#rms table td select[name=inst_krz_jahr] { width: 107px; } #article div#rms input[type=submit] { background-color:#638132; color:#FFFFFF; cursor:pointer; padding:4px 10px 3px; text-transform:uppercase; } #article div#rms div[align=center] { position:relative; padding:15px 0; } #article div#rms div[align=center] input[type=submit] { position:absolute; left:0; } #article div#rms .appointment ul { padding-bottom: 10px; } #article div#rms .appointment ul label { padding-left: 0; } #article div#rms ul li p select { margin-top: 10px; } #article div#rms form div ul li h4, #article div#rms form div ul li h4 strong { font-weight: normal; font-size: 100%; } /* ----------------------------------- 7. Marginal Column - - - - - - - - - - - - - - - - - - */ #marginal { border-top:2px solid #e5e5e5; } /* Some links in the marginal area must NOT have a link icon Removing them... */ #marginal .csc-textpic-image dt a { background-image: none; padding-left: 0; } #marginal div { border-bottom:2px solid #e5e5e5; padding-bottom:10px; min-height:10px; } #marginal div.csc-textpic-imagewrap{ padding-bottom: 0; } #marginal div div { border-bottom: 0; } #marginal h3 { margin-top: .72727em; margin-bottom: .54545em; font-size: .6875em; line-height: 1.81818em; text-transform: uppercase; color:#333; } #marginal h4 { margin-top: .72727em; margin-bottom: .54545em; font-size: .6875em; line-height: 1.81818em; color:#333; } #marginal p, #marginal li { font-size: .8125em; line-height: 1.81818em; color:#333; } #marginal li { margin-left: 1.81818em; } #marginal li li, #marginal li p, #marginal li a { font-size: 1em; } /* 7.1 WAI Specials - - - - - */ #marginal #waiSpecial { } #marginal #waiSpecial ul { border-top:10px solid #fff; padding:5px 0; list-style-type: none; background-color: #f2f2f2; } #marginal #waiSpecial ul li { line-height: 2.84615em; font-size:0.8125em; margin:0 0 0 5px; padding:0 0 0 5px; } #marginal #waiSpecial ul li a { display:block; height: 2.84615em; padding-left:42px; color:#bc4808; background-repeat: no-repeat; background-position: 0 0; } #marginal #waiSpecial ul li.dgs a { background-image: url(../img/dgs.png); } #marginal #waiSpecial ul li.easyLang a { background-image: url(../img/easyLang.png); } /* 7.2 Tag Cloud - - - - - - - - */ #marginal .infobox { margin-bottom: 10px; } #marginal .infobox p { padding:5px; font-size: 1em; line-height:1.5625em; background-color: #f2f2f2; } #marginal .infobox p a { color: #bc4808; padding-left: 0; background-image: none; } #marginal .infobox p a.importance1 { font-size:1.475em; } #marginal .infobox p a.importance2 { font-size:1.275em; } #marginal .infobox p a.importance3 { font-size: .9125em; } #marginal .infobox p a.importance4 { font-size: .8125em; } #marginal .infobox p a.importance5 { font-size: .7125em; } /* 7.3 Link List - - - - - - - - - - */ #marginal .linkList ul { list-style-type:none; padding-left:0; margin-left:0; } #marginal .linkList ul li { margin-left:0; margin-bottom: .54545em; font-size: .6875em; } #marginal .linkList ul li a { display:block; padding-left: 23px; font-size: 1.1818em; color: #c44f03; background-image: url(../img/go.png); background-repeat: no-repeat; background-position: 0 2px; } #marginal .linkList ul li h4 { font-weight: normal; font-size: 100%; } /* 7.4 Downloads - - - - - - - - */ #marginal div.downloadList ul { list-style-type: none; margin-top: .384615em; } #marginal div.downloadList ul li { margin-left: 0; padding: 0 0 5px 25px; text-indent: -23px; line-height: 1.53846em; } #marginal div.downloadList a { display:block; color: #666; text-decoration: none; text-transform: uppercase; padding-left: 0; background-image:none; font-size: .84615em; } #marginal div.downloadList a strong { padding-left: 23px; font-size: 1.1818em; font-weight: bold; color: #c44f03; background-image: url(../img/down.png); background-repeat: no-repeat; font-weight: normal; text-transform: none; } #marginal div.downloadList a:active, #marginal div.downloadList a:hover, #marginal div.downloadList a:focus { text-decoration: underline; } /* 7.5 Images - - - - - - - - - */ #marginal .csc-textpic-text { padding-bottom:0; } #marginal .csc-textpic dl { margin-bottom:0; } #marginal .csc-textpic dl dd { margin-left:0; } #marginal .csc-textpic-clear { border-bottom:none; min-height:2px; padding-bottom:0; } #marginal .csc-textpic a.extern { display:block; padding-left: 23px; line-height: 1.81818em; font-weight: bold; color: #c44f03; background-image: url(../img/go.png); background-repeat: no-repeat; } /* 7.6 News - - - - - - - - - - */ #marginal .news ul { list-style-type:none; } #marginal .news ul li { margin-left:0; margin-bottom: .54545em; font-size: .6875em; } #marginal .news ul li a { display:block; padding-left: 23px; font-size: 1.1818em; color: #c44f03; background-image: url(../img/go.png); background-repeat: no-repeat; background-position: 0 2px; } /* 7.7 Links - - - - - - - - - - */ #marginal a { padding-left: 13px; color:#c44f03; text-decoration: none; background-image:url("../img/internalLink.png"); background-repeat: no-repeat; background-position: 3px 4px; } #marginal a.download { background-image:url("../img/downloadLink.png"); background-position: 1px 4px; } #marginal a:active, #marginal a:focus, #marginal a:hover { text-decoration: underline; } /* ----------------------------------- 8. Footer - - - - - - - - - - - - - - - - - - */ #footer { clear:both; margin-top:20px; padding-left:15.3125em; background-color:#f0f0f0; } #footer p { padding-top: 1.3125em; padding-bottom: .25em; } #footer p a { font-size: .75em; line-height: 1.66667em; font-weight:bold; color:#638132; } #footer ul { padding-bottom:25px; border-top: 2px solid #dedede; width:29.0625em; list-style-type: none; } #footer ul li { border-bottom: 2px solid #dedede; } #footer ul li a { display:block; padding-top: .66667em; padding-bottom: .33333em; font-size: .75em; line-height: 1.66667em; color:#666; } /* ----------------------------------- 9. Picture Gallery - - - - - - - - - - - - - - - - - - */ /* SINGLE view - - - - - - - - - */ .tx-chgallery-pi1 .bigimg { text-align:center; } /* CATEGORY view - - - - - - - - */ .tx-chgallery-pi1 .chgallery-list { padding:0; margin:5px 10px; list-style:none; border:1px solid #D2DCE4; border-bottom:0; } /* LIST element */ .tx-chgallery-pi1 .chgallery-list li { padding:5px; border-bottom:1px solid #D2DCE4; } .tx-chgallery-pi1 .chgallery-list .itemodd { background-color:#E7EDF1; } .tx-chgallery-pi1 .chgallery-list .itemodd .img img { border:1px solid #ececec; } .tx-chgallery-pi1 .chgallery-list .itemeven { background-color:#f4f4f4; } .tx-chgallery-pi1 .chgallery-list .itemeven .img img { border:1px solid #E7EDF1; } .tx-chgallery-pi1 .chgallery-list .title a { font-weight:bold; } .tx-chgallery-pi1 .chgallery-list .img { float:left; width:120px; padding-left:2px; } .tx-chgallery-pi1 .chgallery-list .text { float:left; width:400px; } .tx-chgallery-pi1 .chgallery-list .clr { clear:both; } /* GALLERY view - - - - - - - - */ /* Directory browser */ .tx-chgallery-pi1 .info { margin:5px 10px 15px 10px; padding:3px 6px; border:1px solid #D2DCE4; background-color:#E7EDF1; } .tx-chgallery-pi1 .info .position { float:right; font-size:35px; font-style: italic; font-family:Georgia; color:#b8c9d6; margin-right:5px; } .tx-chgallery-pi1 .info .position span { font-size:20px; } .tx-chgallery-pi1 .info span { font-weight:bold; } /* Pagebrowser */ .tx-chgallery-pi1 .pagebrowser { padding:3px 0; margin:2px 0; } .tx-chgallery-pi1 .pagebrowser .text span, .tx-chgallery-pi1 .pagebrowser a { font-size: .8125em; } .tx-chgallery-pi1 .pagebrowser .prev { width:20%; float:left; } .tx-chgallery-pi1 .pagebrowser .text { width:60%; float:left; text-align:center; } .tx-chgallery-pi1 .pagebrowser .next { width:20%; float:right; text-align:right; } .tx-chgallery-pi1 .clr { clear:both; } /* GALLERY single element */ .tx-chgallery-pi1 .single { width:141px; overflow: hidden; background-color:#f3f4f6; float:left; padding:5px; margin: 5px 5px 0 0; } .tx-chgallery-pi1 .single .img { width:141px; height:126px; padding: 0; line-height:126px; position:relative; background-color: #fff; } .tx-chgallery-pi1 .act .img { background-image:url(../img/bgact.gif); background-repeat: no-repeat; } .tx-chgallery-pi1 .single .img .align { width:160px; height:126px; position:absolute; top:50%; left:50%; text-align:center; display:block; margin-top:-58px; margin-left:-80px; } .tx-chgallery-pi1 .single span { display:block; margin:1px 5px; width:140px; font-size: .6875em; line-height:1.81818em; } .tx-chgallery-pi1 .single span small { font-size:10px; } * html .tx-chgallery-pi1 .single span { height:20px; } /* small version */ .tx-chgallery-pi1 .singlesmall img{ float:left; padding:0 1px 2px 1px; margin:0 5px ; } /* Settings for ajax mode */ .tx-chgallery-pi1 .hide { display:none; } .tx-chgallery-pi1 #chgalleryimg { padding:0 20px; } /* Ajax loading icon */ .tx-chgallery-pi1 #chajax { background:#fff url(../img/ajaxloading.gif) no-repeat center center; position:absolute; height:490px; width:550px; z-index:999; margin:10px 0 0 10px opacity: 0.8; -moz-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } /* accord */ #chgallery-list { border:1px solid #D2DCE4; border-top:0; } .tx-chgallery-pi1 .chgallery-title { padding:5px 10px; cursor:pointer; font-weight:bold; border-top:1px solid #D2DCE4; } .tx-chgallery-pi1 .chgallery-content2 { border-top:1px solid #eee; padding:10px 5px; } /* ----------------------------------------- 10. Resetting temporarily generated CSS - - - - - - - - - - - - - - - - - - - - - */ .level1, .level2, .level3 { background-color:transparent; border-left:0; padding:0; }