/* CSS for biobraendstof.com, media:screen */ /* Reset */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img {margin: 0; padding: 0;} h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;} ul,ol {list-style: none;} fieldset,img {border: none;} caption,th {text-align: left;} table {border-collapse: collapse; border-spacing: 0;} /* General html elements and fonts */ body {padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#cfcfbf url(/media/biofuel/CssImages/BackgroundRepeat.png) repeat-x top; color:#4a4a4a;} body, thead, tbody, h1, h2, h3 {} h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif; font-weight:bold;} h1 {font-size:24px; color:#ff6815;} h2 {font-size:1.4em;} h3 {font-size:1.2em;} h4 {font-size:1.1em;} h5 {font-size:1.0em;} a {text-decoration:none; color:#4a4a4a;} a:hover {text-decoration:none;} a img {border:none} p {padding-bottom:10px;} ul {} li {} strong {font-weight:bold;} em {font-style:italic;} :focus{-moz-outline-style: none;} img { behavior: url(/scripts/iepngfix.htc) } /* Document elements */ #stage {width:950px; margin:0 auto; background:#fff;} #header, #content, #footer {width:950px; text-align:left; position:relative; display:block;} /* Document elements - header */ #header {height:175px; overflow:hidden; background:#3c3c3c;} #logo {position:absolute; top:20px; left:2px; color:#fff;} .frontpage-header #logo {left:-17px !important; top:50px !important;} #menu {width:900px; height:34px; padding:0 25px; position:absolute; bottom:0; left:0; background:url(/media/biofuel/CssImages/MenuBackground.png) no-repeat top left; } #menu ul {border-right:1px solid #b3b3b3; float:left;} #menu li {float:left;} #menu li a {padding:8px 13px; float:left; display:block; text-align:center; color:#fff; border-left:1px solid #b3b3b3; font-size:15px; font-weight:bold;} #menu li a:hover {/*background:#6aa331;*/ background:#3c3c3c;} #menu li.current a {background:#477c18;} #menu li.last {} #menu li.last a {} #menu li.first {} #menu li.first a {} #menu li.current {} .submenu {width:100%; min-height:12px; height:auto !important; height:12px; overflow:visible; font-size:12px; font-weight:bold;} .submenu ul {} .submenu li {margin-bottom:5px;} .submenu li a {width:160px; overflow:hidden; padding:7px 10px; display:block; background:#e8ebdd; color:#508c1b; border-top:1px solid #7ab249;} .submenu li a:hover, .submenu li.current a {background:#508c1b; color:#fff;} .submenu li.last {} .submenu li.last a {} .submenu li.first {} .submenu li.first a {} .submenu li.first a:hover, .submenu li.first a.current {background:#508c1b; color:#fff;} .submenu li.current {} .submenu li.current a {} .submenu li ul li {margin-bottom:0;} .submenu li.current ul a {width:160px !important; padding:4px 5px 4px 15px; background:#e8ebdd; color:#508c1b; border-top:none;} .submenu li.current ul a:hover, .submenu li.current ul li.current a {background-color:#c8d7b4; color:#508c1b;} .submenu li ul li.last {} .submenu li ul li.last a {} .submenu li ul li.first {} .submenu li ul li.first a {} .submenu li ul li.current {} .submenu li ul li.current a {} .submenu li ul {} .submenu li.current ul li.current ul a {width:150px !important; padding:4px 5px 4px 25px; background:#e8ebdd !important; color:#508c1b !important; border-top:none;} .submenu li.current ul li.current ul a:hover, .submenu li.current ul li.current ul li.current a {background-color:#c8d7b4 !important;} .submenu li ul li.last {} .submenu li ul li.last a {} .submenu li ul li.first {} .submenu li ul li.first a {} .submenu li ul li.current {} .submenu li ul li.current a {} #languages {padding:8px 8px 7px; position:absolute; top:20px; right:26px; background:#DDDDD0; border:1px solid #fff;} #languages a {padding-right:10px; color:#3aa613; font-weight:bold;} #languages a:hover {color:#ff5518;} /* Document elements - content */ #content {min-height:200px; height:auto !important; height:200px; padding:35px 0 25px; float:left;} .content {margin-top:-5px; line-height:1.4;} .content img {margin-top:5px;} .content a {color:#508c1b;} .content a:hover {color:#ff5518;} .content ul {list-style-image:url(/media/biofuel/CssImages/Bullit.gif); padding-left:20px;} .content a.arrow {padding-right:20px; background:url(/media/biofuel/CssImages/ExternalLink.gif) no-repeat right;} /* Document elements - footer */ #footer {height:15px; overflow:hidden; padding:15px 0; position:relative; background:#cdcfbe; clear:both; font-size:11px; text-align:center;} #footer a {color:#ff5518 !important;} #footer address {} #footer #footer-menu {position:absolute; right:0; top:15px;} #footer #footer-menu ul {float:left;} #footer #footer-menu li {float:left;} #footer .separator {padding:0 10px;} #footer #copyright {position:absolute; left:0; top:15px;} /* Search specific */ #header form {display:inline;} #header .search-box input, .search-button input {font-size:10px; line-height:1.4;} #header .search-box {margin-bottom:4px; padding:2px; border:1px solid #4a4a4a; background:#fff; display:inline;} #header .search-box input {width:100px; border:none; background:none;} #header .search-button {padding:2px; border:1px solid #b5b5b5; background:#4a4a4a; display:inline;} #header .search-button input {border:none; background:none; color:#fff;} #content .search-box input, .search-button input {font-size:10px; line-height:1.4;} #content .search-box {margin-bottom:4px; padding:2px; border:1px solid #4a4a4a; background:#fff;} #content .search-box input {width:100%; border:none; background:none;} #content .search-button {padding:2px; border:1px solid #b5b5b5; background:#4a4a4a; display:inline;} #content .search-button input {border:none; background:none; color:#fff;} .xsltsearch_result {margin-bottom:5px; border-bottom:1px solid #afafaf;} .xsltsearch_result_title {padding-bottom:0; font-size:14px;} #xsltsearch_navigation {} #xsltsearch_navigation #previous {} #xsltsearch_navigation #previous.disabled, #xsltsearch_navigation #next.disabled {display:none;} #xsltsearch_navigation #next {} #xsltsearch_navigation a, #xsltsearch_navigation strong {padding-right:5px;} /* Helper classes */ .wide, .narrow {float:left;} .full {} .wide {width:470px; padding:0 35px;} .narrow {width:180px;} .last {padding-right:0 !important;} .frontpage-header {height:340px !important;} .frontpage {padding:0 25px;} .frontpage-menu {} .frontpage-focus {margin:0 0 20px; float:left; line-height:1.6;} .frontpage-focus li {width:280px; margin-right:30px; overflow:hidden; float:left; cursor:pointer; } .frontpage-focus li.last {margin-right:0;} .frontpage-focus li.over p {color:#ff5518;} .frontpage-focus li .read-more {display:none;} .frontpage-focus h2 {margin:0 0 10px; padding:0 0 5px; border-bottom:2px solid #bee181; font-size:1.8em; font-weight:normal !important;} .frontpage-focus img {margin:0 10px 10px 0; float:left;} .textpage {padding:0 25px;} .page-header {padding:0 0 10px 240px;} .page-header-full {padding:0 50px 10px;} .focus-panel {margin-bottom:5px; background:#d3d3c3; font-size:11px; line-height:1.4; } h2.focus-panel {margin-bottom:0 !important; padding:2px 10px; background:#4a4a4a; color:#fff; font-size:11px; font-weight:bold;} p.focus-panel {padding:10px;} .focus-panel a {color:#508c1b;} .focus-panel a:hover {color:#ff5518;} div.focus-panel {padding:10px;} .focus-pages {padding-top:10px; padding-left:0 !important; list-style-image:none !important;} .focus-pages li {width:470px; padding:5px 0; float:left; border-top:1px solid #afafaf; font-size:11px;} .focus-pages li.last {border-bottom:none;} .focus-pages .image {width:160px; margin-right:10px; overflow:hidden; float:left;} .focus-pages .text-image {width:300px; float:right;} .focus-pages .text {width:100%; float:left;} .focus-pages h2 {font-size:1.0em; font-weight:bold; text-transform:uppercase;} .focus-pages h2 a {padding-right:20px; background:url(/media/biofuel/CssImages/ExternalLink.gif) no-repeat right;} .errorpage {padding:20px 50px;} .sitemap {} .sitemap li {} .sitemap li a {padding-right:0 !important; background:none !important;} /* FAQ specific classes */ #faq {} #faq .faq {margin-bottom:10px; cursor:pointer; } #faq .faq .question {padding:5px; background:#ddd;} #faq .faq .answer {padding:5px; border:1px solid #ddd; background:#eee; display:none;} #faq .over .question {background:#ccc;} #faq .over .answer {border-color:#ccc;} /* Blog specific */ .blog {width:720px; float:left;} #commentform textarea {width:400px;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */