/* * General style definitions for webbrowsers * * General elements * header * logo * country selection * main navigation * page * left column * subpage navigation * bulletins * right column * imageplace * content area * pagename * headings * text-styles * footer * group logo * sitemap * * Other Modules * Bulletin Manager 2 * */ /* { margin:0;padding:0;} resets all margins */ /* clears all the margins and paddings for elements, expect for tables */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0;padding:0;} blockquote { margin-left: 20px;} span.strong { background: yellow;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } a { outline: none;} /* removes all outlines from the links for Firefox */ body { font-family: arial,verdana,serif; font-size: 12px; background:#f08821 url(/pics/leipurin/body.gif) repeat-y; width: 100%; } #wrapper { position:relative; width: 100%; background: url(/pics/leipurin/wrapper.png) left top no-repeat;} #headerWrapper { position: relative; width: 978px; margin: 0 auto; height: 132px;background: url(/pics/leipurin/header.png) no-repeat;} #header { position: relative; width: 952px; margin: 0 auto; height: 106px; top: 20px;} #header #logo { position: absolute; width: 210px; height: 73px; background: url(/pics/leipurin/logo.gif) no-repeat; left: 27px; top: 26px; text-indent: -999999px; } #tools { position: absolute; right:2em; top:1.5em; width: 320px; text-align: right; } #tools ul { list-style-type: none; padding-top:0.3em;} #tools li { position:relative; display: inline; padding: 0 0.5em; border-right: 1px solid #ddd;} #tools li a { font-size: 11px; color: #4D4D4D; font-size: 11px; text-decoration: none;} #tools li.currentLanguage a { text-decoration: underline;} #tools form { margin-left: 1em;float:left;} #tools select { vertical-align: top;border:1px solid #B8B8B8;color: #4D4D4D;font-size: 11px;} #mainMenu { position: absolute; width: 708px; height: 23px; top:89px; left:240px; overflow: hidden; background: #e7e7e7; } #mainMenu ul { list-style-type: none; padding-top:0.3em; } #mainMenu li { padding: 0 .6em; padding-top: 0.2em; padding-bottom: 0.4em; display:inline; border-left: 1px solid #919396; } #mainMenu li:first-child { border:none;} #mainMenu li a { color: #3a3a3a;text-decoration: none;} #mainMenu a:hover { text-decoration: underline;} #mainMenu a#selected { color:#e54322;} #pageWrapper { position: relative; width: 978px; margin: 0 auto; background: url(/pics/leipurin/wrapperArea.png) repeat-y;} #page { position: relative; width: 952px; left: 9px; min-height: 550px;} .frontpage {} #leftCol { float: left; width: 243px; } #subNav { position: relative; display:block;width:80%;margin-left:35px;} #subNav ul { list-style-type: none;} #subNav li { margin:0.5em;} #subNav li a { color:#aa3d8e;text-decoration:none;} #subNav ul ul { margin-left: 0.5em;} #subNav ul li ul li { } #subNav a#subSelected { color:#000;font-weight: bold;} #subNav a:hover { text-decoration: underline;} #greyBox { width: 243px; height: 179px; background: #e7e7e7; } #bulletins { position: relative; width: 90%; margin: 0 auto;margin-top:1em;} #bulletins ul { list-style-type: none; } #bulletins li span.date { /* color:#aa3d8e; */ color:#000; font-size:11px;} #bulletins li { color:#000;margin-bottom: 1em;} #bulletins a { color:#aa3d8e; text-decoration: none;} #rightCol { float: left; width: 708px;} #imageplace { width: 708px; height: 179px; background:#e7e7e7; } #contentCol { position: relative; padding-top:1em; padding-left: 18px; width: 440px; } /* pagename */ #contentCol #pageName { font-size: 18px; color:#e54422;font-weight: normal;} /* headings */ #contentCol h1, #contentCol h2 { font-size: 18px; color:#e54422;font-weight: normal; margin-bottom: 0.5em; } #contentCol h3, #contentCol h5, #contentCol h6 { font-size: 16px; font-weight:normal;margin-bottom:0.5em;} /* text-styles */ #contentCol p, #content_col_wide p { margin-bottom: 1em;} #contentCol a { color:#aa3d8e; } #contentCol ul,#contentCol ol { margin-left: 2em;} #contentCol li { margin-bottom:.5em;} #contentCol ul ul,#contentCol ol ol { margin-left:1em;} #content_col_wide { position: relative; padding-top:1em; padding-left: 18px; width: 440px; } #content_col_wide h3 { margin:20px 0 8px; } /* images */ #contentCol img {} #contentCol img.align_left { float:left; margin-right: 1em;} #contentCol img.align_right { float:right; margin-left: 1em;} #contentCol img.align_left_bordered { float:left; margin-right: 1em; border: 3px solid #b2b2b2; padding:2px; } #contentCol img.align_left_bordered { float:right; margin-left: 1em; border: 3px solid #b2b2b2; padding:2px; } #contentCol img.border_not_aligned { border: 3px solid #b2b2b2; padding:2px; } /* tables */ #contentCol td.otsikko { font-weight:bold; color:#ffffff; background:#d95318; } #contentCol td.reunaviivat { border:1px solid #8c9db3;} #contentCol tr.otsikkorivi { background:#d95318; color:#ffffff;} #contentCol tr.harmaarivi { background:#d9d9d9;} /* table styles */ #contentCol td.otsikko, #content_col_wide td.otsikko { font-weight:bold; color:#ffffff; background:#d95318; } #contentCol td.reunaviivat,#content_col_wide td.reunaviivat { border:1px solid #8c9db3; } #contentCol tr.otsikkorivi, #content_col_wide tr.otsikkorivi { background:#d95318; color:#ffffff; } #contentCol tr.harmaarivi, #content_col_wide tr.harmaarivi { background:#d9d9d9; } #contentCol table.eirakoja, #content_col_wide table.eirakoja { border-collapse:collapse; } #contentCol table.eirakoja p, #content_col_wide table.eirakoja p { margin:0;} #contentCol tr.esl-otsikkorivi, #content_col_wide tr.esl-otsikkorivi { background:#3994d2;color:#fff;font-weight:bold; } #contentCol tr.esl-sinertava_rivi, #content_col_wide tr.esl-sinertava_rivi { background:#d0ebff; } #footerWrapper { position: relative; width: 978px; height: 76px; margin: 0 auto; background: url(/pics/leipurin/footerWrapper.png) repeat-y; } #footer { position: relative; width: 952px; left: 9px; padding-top: 10px;} #footerLogo { float: left; width: 200px; margin-left: 40px; } #footerLogo h3 { width: 173px; height: 27px; text-indent: -999999px; background: url(/pics/leipurin/logo-group.gif) no-repeat; margin-top:0.5em;} #footerNav { float: left; width: 691px; } #footerNav h3 { font-size: 11px; color: #999; border-bottom: 1px solid #acacac; text-indent: 1em; padding-bottom:0.5em; font-weight: normal; } #footerNav ul { list-style-type: none;margin-top:0.5em;margin-left:1em;} #footerNav li { display: inline; margin-right:1.5em;} #footerNav li a { color: #999;text-decoration: none; font-size: 11px;} #footerNav a:hover { text-decoration: underline;} /* * Other modules * **************************** */ /* Bulletin Manager 2 */ #bm2 { padding:20px; } #bm2 ul { list-style-type: none;margin:0;} #bm2 a.bulletinLink { float: right;font-size: 11px;margin-top:-1.5em;} #bm2 h2 { font-size: 14px;} /* * Table presets * ************** * */ .content table.partner_description { border-collapse:collapse; margin:0;padding:0;} .content table.partner_description td.td-orange-left-top { background: url(/pics/leipurin/tables/td-orange-left-top.gif) no-repeat; width:32px; height: 34px;} .content table.partner_description td.td-orange-middle-top { background: url(/pics/leipurin/tables/td-orange-middle-top.gif) repeat-x; height: 34px;} .content table.partner_description td.td-orange-right-top { background: url(/pics/leipurin/tables/td-orange-right-top.gif) no-repeat; width:42px; height: 34px;} .content table.partner_description td.td-orange-left-middle { background: url(/pics/leipurin/tables/td-orange-left-middle.gif) repeat-y; width:32px; } .content table.partner_description td.td-orange-right-middle { background: url(/pics/leipurin/tables/td-orange-right-middle.gif) repeat-y; width:42px; } .content table.partner_description td.td-orange-left-bottom { background: url(/pics/leipurin/tables/td-orange-left-bottom.gif) no-repeat; width:32px; height: 39px;} .content table.partner_description td.td-orange-middle-bottom { background: url(/pics/leipurin/tables/td-orange-middle-bottom.gif) repeat-x; height: 39px; } .content table.partner_description td.td-orange-right-bottom { background: url(/pics/leipurin/tables/td-orange-right-bottom.gif) repeat-x; width:42px; height: 39px; } #contentCol table.partner_description p, #content-col-wide table.partner_description p { margin:0;}