/* *********************************************** * General styles for most common webbrowsers *********************************************** */ /* 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, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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;} /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } a { outline: none;} span.strong { background: yellow;} /* highlight color for CE */ blockquote { margin-left: 20px;} /* text-indent for CE */ body { background:#00678f;font-family: Arial, Verdana, sans-serif; font-size: 12px;} #wrapper { position: relative; width: 100%; height: 100%; background: #fff url(/pics/innotawast/body.gif) repeat-x; } #wrapperContainer { position: relative; width: 970px; margin: 0 auto; background:#fff; min-height: 600px; z-index: 10;} #header { position: relative; width: 950px; margin: 0 auto; height: 107px; background: url(/pics/innotawast/header.gif) repeat-x;} #header a#logo { position: absolute; z-index: 2; width: 237px; height: 107px; background: url(/pics/innotawast/logo.gif) no-repeat; text-indent: -99999px;} #mainMenu { position: absolute; left: 237px; top: 65px; height: 42px; overflow: hidden; width: 713px;} #mainMenu ul { list-style-type: none;} #mainMenu li { display: inline; } #mainMenu li.active a { background: url(/pics/innotawast/navi-li.gif) repeat-x; color:#00678f;} #mainMenu li a { font-family: Arial Narrow, Helvetica Neue,Arial; font-size: 24px; color:#fff; text-decoration: none; float: left; height: 35px; padding: 0 0.5em; padding-top: 7px;} #logoBackground { position: absolute; z-index: 10; left: 12px; width: 237px; height:47px; background: url(/pics/innotawast/logoFooter.png) center top no-repeat;} #page { position: relative; width: 950px; margin: 0 auto; padding-top: 10px;} /* Frontpage */ .row { position: relative; margin-bottom: 10px; clear:both;} .row h2, .row h1, .row h3, .row h4 { font-family: Arial Narrow, Helvetica Neue, arial; font-size: 28px; font-weight: normal; color:#00678f; margin-bottom: 0.25em;} .row p { line-height: 1.25em; margin-bottom: 1em;} .row p strong { color:#00678f; } .row a { color: #8a2316; } #fpCurrently { float: left; width: 335px; height: 214px; background:#f4f4f4; padding:0 10px; padding-top: 20px;} #fpMainImageArea { float: left; margin-left: 10px; width: 585px; height: 234px; overflow: hidden;} #googleMap { float: left; width: 355px; text-align:center;} .openTBWindow {color: #8a2316; font-weight: bold; } #additionalTextArea { float:left; margin-left: 10px; width: 298px; padding:0 10px; padding-top: 10px; min-height: 315px; background:#f5f5f5 url(/pics/innotawast/additionalTextArea.gif) left bottom repeat-x;} #fpContactInformation { float: left; width: 257px; margin-left: 10px;} /* Subpages */ #leftCol { float: left; width: 644px;padding-left: 30px;} #content { position: relative; width: 652px; padding-top: 30px;} #pageTitle { border-bottom: 1px solid #a6ce39; width: 100%; margin-bottom: 20px; } /* page title */ #pageTitle h1 { float:left;font-family: Arial Narrow, Helvetica Neue, arial; font-size: 28px; font-weight: normal; color:#00678f; width: 60%;} #cookiepath { float:left; width: 40%; text-align: right; color: #00678f; margin-top: 1em; } #cookiepath a { color: #8a2316; text-decoration: none;} #cookiepath a:hover { text-decoration: underline;} #cookiepath strong { color:#000;} /* headings */ #content h1, #content h2 { font-family: Arial Narrow, Helvetica Neue, arial; font-size: 22px; font-weight: normal; color:#00678f; margin-bottom: 0.25em;} #content h3 { font-family: Arial Narrow, Helvetica Neue, arial; font-size: 18px; font-weight: normal; color:#00678f; margin-bottom: 0.25em;} /* paragraps */ #content p { margin-bottom: 1em; line-height: 1.25em;} /* images */ #content img.tasattu_vasemmalle { float:left;margin:0.5em 0;margin-right: 1em; border: 1px solid #eee;} #content img.tasattu_oikealle { float:right;margin:0.5em 0;margin-left: 1em; border: 1px solid #eee;} #content img.email { position:relative;margin:0;padding:0;top:2px; left: -0.25em; margin-right:-0.2em;} /* lists */ #content ul { margin-left: 2em;} #content ul ul { margin-left: 1em;} /* links */ #content a { color: #8a2316; } #rightCol { float: left; margin-left: 30px; width: 239px;} #subNav { position: relative; width: 220px; top: 48px;} #subNav ul { list-style-type: none; } #subNav li { margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 1px solid #d8dbd1;} #subNav li a { font-weight: bold; font-size: 14px; color:#8a2316; display: block; text-decoration: none; background: url(/pics/innotawast/icon-subNav.gif) no-repeat; padding-left: 20px;} #subNav li a:hover { text-decoration: underline;} #subNav ul ul {} #subNav li li { border:none; padding-bottom: 0; margin:0.25em 0;} #subNav li li a { background:none; color:#000; font-size: 12px; font-weight: normal; } #subNav ul ul ul { margin-left: 1em;} #subNav a#selected { color:#00678f;} #background-ribbon { position: absolute; bottom:0px; width: 100%; height: 180px; background: url(/pics/innotawast/background-gradient.gif) repeat-x;} #background-hexagon { position: absolute; top: 46px; width: 100%; height: 135px; background: url(/pics/innotawast/background-hexagon.gif) bottom center no-repeat;} #footer { position: relative; width: 100%; background: url(/pics/innotawast/footer.gif) repeat-x; height: 176px;} #footerContainer { position: relative; width: 970px; margin: 0 auto; height: 55px; background: url(/pics/innotawast/footerContainer.gif) left top repeat-x;} #copyright { position: absolute; width: 237px; left: 10px; height: 39px; background: url(/pics/innotawast/copyright.png) 0 -1px no-repeat;} #copyright p { font-size: 11px; color:#000; margin: 0.75em;} #footerImages { position: relative; text-align: right; width: 1030px; margin: 0 auto; top: -330px; z-index: 200; margin-top: 0px; height: 1px;} /* Additional module style definitions ************************************ */ /* * Form Designer /pagetemplates/pan-formdesignerform.jps ***************************************** */ #fd {} #fd fieldset { border: none; margin-bottom: 1em;} /* * Error pages /errorpages/www.innotawast.fi/404.jsp ***************************************** */ #errorpages { position: relative; top: 100px; width: 50%; margin: 0 auto; border: 1px solid #a6ce39; padding: 2em; } #errorpages h1, #errorpages h2 { font-family: Arial Narrow, Helvetica Neue, arial; font-size: 22px; font-weight: normal; color:#00678f; margin-bottom: 0.25em;} #errorpages a { color: #8a2316; font-weight: bold;} /* * Login Page /login.jsp /category_login.jsp /noaccess.jsp ***************************************** */ #login { position: relative; top: 100px; width: 25%; margin: 0 auto; border: 1px solid #a6ce39; padding: 2em;} #login h1, #login h2 { font-family: Arial Narrow, Helvetica Neue, arial; font-size: 22px; font-weight: normal; color:#00678f; margin-bottom: 0.25em;}