/* CSS RESET & GLOBALS */
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, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
br { line-height: 14px; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #ffffff; font: 11px Verdana, Helvetica, sans-serif; line-height: 15px; color: #808284; }

.picBorder { border: 1px solid #a6a6a6; }
.txtBig { font: 16px Calibri, Arial, sans-serif; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 10px; color: #7e8082; }
.txtRed { color: #d71920; }

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }

ul.linkList1 { margin: 0; padding: 0; list-style: none; }
ul.linkList1 li { background:url(img/divider_horizontal.png) repeat-x left bottom; padding: 5px 0; }

ul.linkList2 { margin: 0; padding: 0; list-style: none; }
ul.linkList2 li { display: inline; background: url(img/divider_vertical.png) no-repeat left top; padding: 0 4px 0 8px; }
ul.linkList2 .first { background: none; padding: 0 4px 0 0; }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #c4c6d0; padding: 5px 5px; font-size: 11px; }
.searchbox { width: 160px; margin: 0 10px 0 0; vertical-align: middle; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }
.btn { background: url(img/btnBgnd.gif) no-repeat 0 0; margin: 4px 0 0 0; padding: 0 0 0 10px; border: none; display: inline-block; vertical-align: middle;cursor: pointer; }
.btn a { border: none; height: 24px; background: url(img/btnBgnd.gif) no-repeat right top; padding: 5px 10px 0 0; white-space: nowrap; font: 11px Arial, sans-serif; display: inline-block; text-transform: uppercase; font-weight: bold; }
.btn a:link, .btn a:active, .btn a:visited { color: #d9dffe; }
.btn a:hover { color: #ffffff; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #d71920; }
a:hover { color: #808284; }

a.linkSmall:link, a.linkSmall:active, a.linkSmall:visited { color: #808284; font: 11px Tahoma, Geneva, sans-serif; }
a.linkSmall:hover { color: #d71920; font: 11px Tahoma, Geneva, sans-serif; }
a.linkSmall img { vertical-align: middle; margin: 0 8px 0 0; }

a.linkGrey:link, a.linkGrey:active, a.linkGrey:visited { color: #808284; }
a.linkGrey:hover { color: #d71920; }

.euprojekti td a:link, .euprojekti td a:active, .euprojekti td a:visited { color: #333333; }
.euprojekti td a:hover { color: #d71920; }

.euprojekti td a.linkGrey2:link, .euprojekti td a.linkGrey2:active, .euprojekti td a.linkGrey2:visited { color: #808284; }
.euprojekti td a.linkGrey2:hover { color: #d71920; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }
.marginLeft1 { margin: 0 0 0 15px; }

.header { width: 940px; height: 150px; margin: 0 auto; }
.logoContainer { width: 275px; }
.logoContainerEN { width: 275px; }
.logoContainer div, .logoContainerEN div { background: url(img/divider_vertical.png) repeat-y right top; padding: 0 0 0 20px; height: 58px; }
.headerMain { vertical-align: bottom; text-align: right; }

.middleWrapper { width: 900px; margin: 0 auto; background: #ffffff; border-top: 13px solid #dcddde; border-right: 10px solid #dcddde; border-bottom: 13px solid #dcddde; border-left: 10px solid #dcddde; padding: 10px; }

.pageTop { width: 100%; }
.pageTop th { width: 690px; text-align: left; }
.pageTop td { background: #d71920; padding: 20px; vertical-align: top; }

.menuTop { width: 100%; margin: 10px 0 0 0; }
.menuTopMain { text-transform: uppercase;  }
.menuTopRight { width: 55px; text-align: right; padding: 0 10px 0 0; font: 11px Tahoma, Geneva, sans-serif; vertical-align: top; }

.middle { width: 100%; margin: 15px 0 0 0; }
.left { width: 210px; background: url(img/divider_vertical.png) repeat-y right top; vertical-align: top; }
.leftContainer { width: 195px; }
.main { padding: 0 15px; vertical-align: top; }
.right { width: 210px; background: url(img/divider_vertical.png) repeat-y left top; vertical-align: top; }
.rightContainer { width: 195px; position: relative; left: 15px; }

.leftMenu { width: 100%; }
.leftMenu td { background: url(img/divider_horizontal.png) repeat-x left bottom; text-transform: uppercase; padding: 9px 0 9px 2px; }
.leftMenu .first { background: url(img/divider_horizontal.png) repeat-x left bottom; text-transform: uppercase; vertical-align: top; padding: 0 0 9px 2px; }
.leftMenu a:link, .leftMenu a:active, .leftMenu a:visited { display: block; color: #808284; padding: 0 0 0 23px; background: url(img/leftMenuBullet.gif) no-repeat left center; }
.leftMenu a:hover { display: block; color: #d71920; padding: 0 0 0 23px; background: url(img/leftMenuBullet.gif) no-repeat left center;  }
.leftMenu a.active { color: #d71920; }

.submenu { margin: 5px 0 0 12px; padding: 0; list-style: none; }
.submenu li { background: none; font: 11px Tahoma, Geneva, sans-serif; text-transform: none; margin: 3px 0; }
.submenu a:link, .submenu a:active, .submenu a:visited { color: #808284; padding: 0 0 0 12px; background: url(img/bullet_arrow.gif) no-repeat 0px 5px; }
.submenu a:hover { display: block; color: #d71920; padding: 0 0 0 12px; background: url(img/bullet_arrow.gif) no-repeat 0px 5px;  }
.submenu .active a { color: #d71920; }

.rightBox { padding: 0 12px 0 15px; }

.rightMenu { width: 100%; }
.rightMenu td { background: url(img/divider_horizontal.png) repeat-x left bottom; padding: 13px 0; }
.rightMenu .first { background: url(img/divider_horizontal.png) repeat-x left bottom; vertical-align: top; padding: 0 0 13px 0; }

.searchWrapper { background: url(img/searchBgnd.png) no-repeat 0 0; height: 40px; margin: 10px 0; }
.searchbox { width: 145px; background: none; border: none; height: 17px; color: #808284; margin: 5px 0 0 7px; vertical-align: middle; font: 11px Tahoma, sans-serif; }
.searchBtn { background: none; border: none; width: 40px; height: 40px; vertical-align: middle; }

.newsWrapper { margin: 18px 0 0 0; }
.newsWrapper div { font: 12px Tahoma, Geneva, sans-serif; color: #d71920; }
.news { margin: 0; padding: 0; list-style: none; }
.news li { padding: 8px 0 10px 0; font: 11px Tahoma, Geneva, sans-serif; line-height: 14px; background: url(img/divider_horizontal.png) repeat-x left bottom; }

.newsDivider { background: url(img/divider_horizontal.png) repeat-x left center; height: 23px; }

.euTitle { font: 30px 'FedraSansProLight', Arial, sans-serif; background: url(img/divider_horizontal.png) repeat-x left bottom; padding: 8px 0 15px 5px; letter-spacing: -0.025em;  }
.euTitle span { color: #d71920; }
.euprojekti { width: 98%; margin: 20px auto 0 auto; }
.euprojekti td { width: 160px; background: url(img/eu_arrow.gif) no-repeat 0 7px; vertical-align: top; padding: 0 0 10px 0; }
.euprojekti td div { padding: 0 0 0 22px; font: 15px 'FedraSansProLight', Arial, sans-serif; line-height: 22px; }
.euprojekti td p { height: 31px; background: url(img/divider_horizontal.png) repeat-x left center; }
.euprojekti th { background: url(img/divider_vertical.png) repeat-y center top; }

.main h1 { font: 15px Verdana, Geneva, sans-serif; color: #d71920; text-transform: uppercase; }
.pageContent { padding: 10px 0 10px 0; }
.pageContent p { margin: 0 0 13px 0; }
.pageContent td p { margin: 0; }

.footer { width: 900px; margin: 0 auto; }
.footer td { padding: 10px 0; font-size: 11px; }
.footerMain { font: 11px Tahoma, Geneva, sans-serif; text-transform: none; }
.footerRight { width: 175px; text-align: right; }