@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* 1. General HTML elements */ /* -------------------------------------------------------------------------- */ /* If you are using the font size toggler (fontsize.js) either by itself or by using the linktoolbar tile, font size provided here will be overriden by the javascript. Remember to set the default font size as the smallest font size in the font size selector javascript configuration. See fontsize.js for more detals. */ html { height: 100%; } body { height: 100%; font: 12px verdana, sans-serif; margin: 0; padding: 0; background-color: #efefef; background: #000; } a:visited, a:link { color: #000; text-decoration: none;} a:hover { color: #CF3E2E; text-decoration: underline;} a img { border: 0; } h1 { font-size: 2em; font-weight: normal; margin:0 0 12px 0; color:#CF3E2E; line-height: 1em;} h2 { font-size: 1.3em; } h3, h4 { font-size: 1.2em; } fieldset { margin-bottom: 10px; padding: 15px 10px 10px 10px; } .digest {font-size: 12px; font-weight:bold; font-family: arial, sans-serif;} /* -------------------------------------------------------------------------- */ /* 2. Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { display: block; margin: 0px auto 30px auto; width: 1000px; } #placeholder-top { display: block; float: left; width: 998px; background-color: #fff; } #end-of-header { display: block; clear: both; width: 1000px; height: 27px; background: url(images/endofheader.png) top center no-repeat;} #content-wrapper { background-color: #fff; float: left; display: block; clear: both; width: 998px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;} #placeholder-left { clear:both; float: left; width: 213px; margin: 0 0px 20px 0; } #placeholder-right { float: right; width: 213px; margin: 0 0 20px 0; } #placeholder-content { float: left; padding: 20px 10px 10px 25px; margin-bottom: 20px; width:530px;} #placeholder-content-no-right { float: left; width: 550px; border: 1px solid #c2c2c2; margin: 50px 0px 20px 10px; padding:10px;} /* @TODO New bottom is ready but content is missing. Commenting out relevant CSS for now */ /*#placeholder-bottom { clear: both; padding: 10px 10px 0px 0px; height:295px; background:#000; color:#fff;}*/ #placeholder-bottom { clear: both; padding: 10px 10px 0 10px; margin-left: 175px;} #content-link { display: none; } .tile-common, .tile-content { display: block; float: left;} /* ECCO LOGO AND HEADER */ #placeholder-top .page-header { display: block; float: left; padding: 5px 0 0 15px; margin-top: 20px; } #placeholder-top .page-header p, #placeholder-top .small-articledisplay p, #placeholder-top .small-articledisplay-nolayout p { margin: 0; } #placeholder-top .small-articledisplay, #placeholder-top .small-articledisplay-nolayout { display: block; } #placeholder-top .small-articledisplay {float: right; padding: 5px 10px 5px 0;} #placeholder-top .small-articledisplay-nolayout {float: right;} /* -- HORIZONTAL MENU TOP IN TOP PLACEHOLDER -- */ #placeholder-top .horizontal-menu { height:20px;clear: right; font-weight: bold; margin-bottom: 10px; margin-top: 10px; margin-right: 0px; display: block; float: right; white-space: nowrap;} #placeholder-top .horizontal-menu h3 { display: none; } #placeholder-top .horizontal-menu a { font-size:10px; color: #000; text-decoration: none; text-transform: uppercase;} #placeholder-top .horizontal-menu ul { list-style-type: none; padding: 0; margin: 0; } #placeholder-top .horizontal-menu li { border-right: 1px solid #000; padding: 0 8px 0 5px; display: inline; } #placeholder-top .horizontal-menu li.last { border-right: none; } #placeholder-top .vertical-menu {clear: both;} /* -- HORIZONTAL MENU FLAG IN TOP PLACEHOLDER -- */ #placeholder-top .vertical-menu {font-size: 12px; clear: right; font-weight: bold; margin: 0px; display: block; white-space: nowrap;background-color:#fff; width:100%; height:20px; padding-top:5px;} #placeholder-top .vertical-menu .tile-content {float:right;} #placeholder-top .vertical-menu h3 { display: none; } #placeholder-top .vertical-menu a { font-size:10px; color: #000; text-decoration: none; text-transform: uppercase;} #placeholder-top .vertical-menu ul { list-style-type: none; padding: 0; margin: 0; } #placeholder-top .vertical-menu li { border-right: 1px solid #000; padding: 0 8px 0 5px; display: inline; } #placeholder-top .vertical-menu li.last { border-right: none; } #placeholder-top .vertical-menu {clear: both;} /* -- LANGUAGE SELECTOR IN TOP PLACEHOLDER -- */ #placeholder-top .language-selector { font-family: verdana; display: block; float: right; width: 300px;} #placeholder-top .language-selector h3 { display: none;} #placeholder-top .language-selector a { color: #000; text-decoration: none; text-transform: uppercase;} #placeholder-top .language-selector ul { list-style-type: none; padding: 0; margin: 0; } #placeholder-top .language-selector li { border-right: 1px solid #000; padding: 0 8px 0 5px; display: inline; } #placeholder-top .language-selector li.last { border-right: none; } /* LEFT SIDE NAVIGATION */ #placeholder-left .vertical-menu { background:#EFEFEF; width: 213px; border: 1px solid #d7d7d7; font-size: 0.9em; margin-top:20px;} #placeholder-left .vertical-menu .tile-content { clear:both; margin: 0; padding: 0px 0px 20px 10px;} #placeholder-left .vertical-menu h3 { font-weight: normal; font-family: verdana; font-size: 10px; text-transform: uppercase; color: white; margin: 0; padding: 0; position: relative; left: 0px; top: -10px; } #placeholder-left .vertical-menu h3 span { margin-left: 10px; display: block; float: left; background-color: #CF3E2E; padding: 2px 6px 3px 6px; display: block; width: auto;} #placeholder-left .vertical-menu ul { margin: 0; padding: 0; list-style-type: none; } #placeholder-left .vertical-menu ul ul { padding-left: 0px; padding-top: 5px; padding-bottom: 5px;} #placeholder-left .vertical-menu li { padding-top: 5px;} #placeholder-left .vertival-menu ul ul li { } #placeholder-left .vertical-menu a { color:#fff; padding-left:5px;margin-left: 7px; margin-right: 25px;display: block; font-weight:normal; text-transform: uppercase; background:#CF3E2E;} #placeholder-left .vertical-menu a:hover { text-decoration:none;} #placeholder-left .vertical-menu li.active a { color:#fff; } #placeholder-left .vertical-menu li li.active a { color:#CF3E2E; } #placeholder-left .vertical-menu li.active li a { color:#000; } #placeholder-left .vertical-menu ul ul a { background: url(images/angang_bullet.png) left center no-repeat; color:#000; padding-left:20px; margin-left: 7px; margin-right: 7px;display: block; font-weight:normal; text-transform: none;} #placeholder-left .vertical-menu ul ul a:hover { color:#CF3E2E; text-decoration:none;} #placeholder-right .small-articledisplay, #placeholder-left .small-articledisplay {display: block; float: left; clear: both; width: 193px; border: 1px solid #d7d7d7; margin-bottom: 10px; margin-top:50px; background-color: #efefef;} #placeholder-right .small-articledisplay h3, #placeholder-left .small-articledisplay h3 { font-weight: normal; font-family: verdana; font-size: 10px; text-transform: uppercase; color: white; margin: 0; padding: 0; position: relative; left: 0px; top: -10px; } #placeholder-right .small-articledisplay h3 span, #placeholder-left .small-articledisplay h3 span { margin-left: 10px; display: block; float: left; background-color: #CF3E2E; padding: 2px 6px 3px 6px; display: block; width: auto;} #placeholder-right .small-articledisplay h3 a, #placeholder-left .small-articledisplay h3 a { color: white; } #placeholder-right .small-articledisplay .tile-content, #placeholder-left .small-articledisplay .tile-content { width: 175px;display: block; float: left; clear: both; padding: 0 10px 10px 10px;} /* -- NEWS ARTICLE LIST RIGHT COLUMN -- */ #placeholder-right .small-articlelist { display: block; float: left; clear: both; width: 193px; border: 1px solid #d7d7d7; margin-bottom: 10px; margin-top: 20px; background-color: #efefef;} #placeholder-right .small-articlelist h3 { font-weight: normal; font-family: verdana; font-size: 10px; text-transform: uppercase; color: white; margin: 0; padding: 0; position: relative; left: 0px; top: -10px; } #placeholder-right .small-articlelist h3 span { margin-left: 10px; display: block; float: left; background-color: #CF3E2E; padding: 2px 6px 3px 6px; display: block; width: auto;} #placeholder-right .small-articlelist h3 a { color: white; } #placeholder-right .small-articlelist .tile-content { display: block; float: left; clear: both; padding: 0 10px 10px 10px;} #placeholder-right .small-articlelist ul { list-style-type: none; margin: 0; padding: 0;} #placeholder-right .small-articlelist ul li { margin-bottom: 7px; } .newsarchivelink { text-align: right; } .newsarchivelink a { color: #cf3e2e; } /* -- RSS TILE -- */ #placeholder-right .small-rsslist h3 {color: white;} #coretrek-colofon {display: none;} /* FRONTPAGE CONTENT BANNERS */ .frontpage #placeholder-content .small-articledisplay { display: block; float: left; border: 1px solid #d7d7d7; width: 234px; margin-top: 20px;} .frontpage #placeholder-content .small-articledisplay h3 { font-weight: normal; font-family: verdana; font-size: 10px; text-transform: uppercase; color: white; margin: 0; padding: 0; position: relative; left: 0px; top: -10px; } .frontpage #placeholder-content .small-articledisplay h3 span { margin-left: 10px; display: block; float: left; background-color: #cf3e2e; padding: 2px 6px 3px 6px; display: block; width: auto;} .frontpage #placeholder-content .small-articledisplay h3 a { color: white; } .frontpage #placeholder-content .small-articledisplay img { display: block; margin-left: auto; margin-right: auto;} .frontpage #placeholder-content .small-articledisplay .tile-content { width: 234px; } .frontpage #placeholder-content .small-articledisplay ul { list-style-type: none; list-style-position: outside;} .frontpage #placeholder-content .small-articledisplay li { background: url(images/angang_bullet.png) left center no-repeat; padding-left: 10px;} .full-articledisplay { line-height: 1.4em; } .frontpage .full-articledisplay { display: block; float: left; margin: 0px 0px 0px 0px;} .frontpage .full-articledisplay ul { list-style-type: none; list-style-position: outside; padding:0;} .frontpage .full-articledisplay li { background: url(images/angang_bullet.png) left center no-repeat; padding-left: 10px;} .addthis_button {padding-top:20px; float:right;} .sitemap { display: block; float: left; margin: 0px 20px 0px 20px;} .sitemap ul { list-style-type: none; list-style-position: outside; padding:0px 0px 10px 0px;} .sitemap li { background: url(images/angang_bullet.png) left 5px no-repeat; padding-left: 10px; padding-bottom:3px;} .sitemap li li { background:none; padding-left: 10px;} /* @TODO New bottom is ready but content is missing. Commenting out relevant CSS for now */ #placeholder-bottom a {/*color:#fff;*/} #placeholder-bottom h3 {font-size:10px; padding-left:40px; padding-bottom:0px; margin-bottom:0px;text-transform:uppercase;} #placeholder-bottom li {list-style-type:none; background:#222;margin:0;padding:0;} #placeholder-bottom li a {background:url(images/squere.png) no-repeat scroll 12px 50% transparent;color:#fff;display:block;padding:5px 45px 5px 25px;font-size:11px;} #placeholder-bottom li a:hover {background:url(images/squerewhite.png) no-repeat scroll 12px 50% transparent; background-color:#333;} #placeholder-bottom h5 {padding-left:175px; padding-top:40px;}