 /*
  Ulkoasiainministeriö - Eurooppatiedotus
  ---
  Webpage template, contentpage model 1
   - Positionings

  2007/04/16 * mikko.seppanen@prewise.fi
 */
 
 
/*******************************************************************************
 * *
 * *    ++ DIMENSIONS AND POSITIONING
 * *
 * ****************************************************************************/

/*******************************************************************************
 * CONTENT
 * ****************************************************************************/

div#sisalto-wrapper {position: relative;top: 0;left: 0;width: 944px;z-index:2;}
div#sisalto-wrapper div#sisalto {float: left;position: relative;top: 30px;left: 25px;margin: 0;padding: 0;width: 680px;}
div#sisalto h2, div#sisalto h3 {margin: 0;}
div#sisalto p {margin: 0 0 20px 0;padding: 0;}
div#sisalto div#dokumenttipolku {width: 663px;float: left;padding:0;margin-right: 0px;}
div#sisalto div#palsta {float: left;display: inline;margin-top: 20px;width: 475px;}
div#sisalto div#palsta-levea {float: left;display: inline;margin-top: 20px;width: 663px;}
#alasivu div#wrapper div#alatunniste, #palvelusivu div#wrapper div#alatunniste {display: block;clear: both;left: 254px;position: relative;width: 663px;padding: 0;margin-top: 30px;padding-bottom: 5px;}
div#palsta img.ensimmainen {padding: 0;margin: 0;border: 0;display: run-in;float: right;}

/*******************************************************************************
 * CONTENT NAVIGATION
 * ****************************************************************************/

div#alanavigaatioContainer {position: relative;float: left;top: 0px;left: 0;width: 229px;height: 100%;z-index:3;}
div#alanavigaatioSizer {position: relative;top: 0px;z-index: 3;}
div#alanavigaatioContainer div#alanavigaatio {position: static;left: 0;width: 100%;padding-top: 30px;display: block;z-index: 3;}
div#alanavigaatio #osionimi {margin: 0px 24px;padding-bottom: 5px;}
div#alanavigaatio ul {margin: 0;padding: 0;padding-top: 20px;list-style-type: none;width: 100%;}
div#alanavigaatio li {padding: 0px;padding-left: 25px;}
div#alanavigaatio ul.level3 {margin: 0;padding: 0;}
div#alanavigaatio ul.level3 li {padding-left: 10px;}
div#alanavigaatioContainer div#alanavigaatioalatunniste {display: block;width: 100%;height: 395px;margin: 0;padding: 0;z-index: 2;}
	
/*******************************************************************************
 * CONTENT: FEEDBACK & FORMS
 * ****************************************************************************/

div#palsta textarea {width: 398px;height: 130px;}
table.raamiton {width: 418px;margin-top: 5px;}
table.raamiton td {vertical-align: top;padding-right: 10px;text-align: left;}
table.raamiton td input[type="text"], table.raamiton td textarea{width: 260px;height: 20px;}
table.raamiton textarea {height: 68px;}
pre.form {margin: 0;padding:0;}
table.form {border-collapse: collapse;}
table.form tr, table.form td {margin: 0;padding: 0;}
table.form span.id {margin: 0px 5px;}
table.form span.desc {margin-left: 5px;}
.lyhyt {width: 40px !important;}
table.lyhyt {width: auto !important;}

/*******************************************************************************
 * CONTENT: Kalenteri TABLE NORMAL
 * ****************************************************************************/

div#kalenteri table.raamiton {text-align: left;width: auto;}
div#kalenteri table.raamiton td {padding: 0 5px;}
table.raamiton input[type="image"] {margin-left: 5px;}
div#kalenteri table.raamiton label {margin: 0;padding: 0;text-align: left;}
div#kalenteri table {display: block;margin-top: 20px;margin-bottom: 20px;position: relative;clear: both;border-collapse: collapse;border-layout: fixed;}
div#palsta #kalenteri table td {width: 100%;}
#kalenteri table td {padding: 0;margin: 0;vertical-align: top;}
#kalenteri table td p {padding: 0 10px;margin: 0;}
#kalenteri table td.sarakeotsikko a {display: block;margin: 2px 5px 0px 12px;padding: 0;padding-right: 15px;text-align: left;width: auto;}
#kalenteri table td.sarakeotsikko {margin: 0;padding: 0;height: 25px;}
#kalenteri table td.sarakeotsikko div.mask {position: absolute;top: 0;left: 0px;}
#kalenteri form input {clear: left;float: right;}
#kalenteri form table input {float: none;margin: auto;}

/*******************************************************************************
 * CONTENT: AJANKOHTAISTA
 * ****************************************************************************/

div#sisalto div#ajankohtaista-linkit {position: relative;display: block;width: 680px;left: 0;}
div#ajankohtaista-linkit div.linkki-wrapper {float: left;display: block;position: relative;padding: 0;border-bottom: 30px solid #fff;}
div.linkki-wrapper div.linkkilaatikko {float: left;display: inline;margin: 0;padding-right: 0px;border-top: 15px solid #fff;border-right: 20px solid #fff;position: absolute;left: 342px;top: 0;}
div.linkki-wrapper div.vasen-clear {position: static;}
div.linkkilaatikko h4 {height: 20px;width: 304px;display: block;text-align: left;padding-left: 18px;padding-top: 2px;margin-top:0;behavior: url("/public/gfx/gfx_5/ET/iepngfix.htc");}
div.linkkilaatikko div{width: 294px;height: 306px;display: block;text-align: left;padding-left: 18px;line-height: 17px;overflow: hidden;}
div.vasen-clear div {
/*   height: 103px;  */
  height: auto; }
div.linkki-wrapper div.wide h4 {width: 479px;}
div.linkki-wrapper div.wide div, #palsta div.wide div {padding-left: 0px;height: auto !important;width: 479px;}
div.linkkilaatikko ul {list-style-type: none;list-style-position: outside;padding: 0;margin: 0 0px 10px 0;position: relative;}
div.linkkilaatikko li {display: block;clear: both; line-height: 17px;  } /* height: 35px;overflow: hidden; */
div.vasen-clear li { text-align: right;}
div.linkkilaatikko li a {float: right;display: inline;width: 225px;text-align: left;margin-bottom: 3px;padding-left: 5px;}
div.vasen-clear li a {padding-left: 0 !important;float: left !important;} /* width: 230px !important; */
div.linkki-wrapper div.wide li {height: 100% !important;overflow: visible !important;text-align: right;}
div.linkki-wrapper div.wide li a {padding-left: 15px !important;float: right !important;width: 390px !important;}
div.linkkilaatikko div.lisaa {position: relative;height: 20px !important;text-align: right;}
div.linkki-wrapper div.wide div.lisaa {padding-left: 15px;width:460px;}
div.linkkilaatikko div.lisaa a.vasempaan {float: left;display: inline;text-align: left;}
div.image_right {float: right;margin-left: 15px;text-align: left;}
div.linkki-wrapper div.wide * {overflow: visible;}
div.haku {clear: both;margin-bottom: 20px;}
div.haku input {position: relative;vertical-align: middle;}
div.haku input.submit {top: -2px;}


/*******************************************************************************
 * CONTENT EXTRA
 * ****************************************************************************/

div#sisalto div#tyokalut {float: left;width: 180px;height: 100%;padding-top: 10px;margin-right: 0px;margin-left: 8px;text-align: right;}
#tulosta-icon img, #laheta-icon img {border:0;margin: 0 0 10px 5px;}
div#tyokalut div {width: 165px;margin: 0;padding-left: 15px;}
div#tyokalut h4 {behavior: url("/public/gfx/gfx_5/ET/iepngfix.htc");display: block;width: 164px;padding-left: 6px;height: 17px;text-align: left;margin: 0;}
div#tyokalut form {width: 163px;padding: 10px 0 0 0;text-align: left;}
div#tyokalut ul {width: 163px;padding: 10px 0;margin: 0 0 10px 0;text-align: left;list-style-type: disc;list-style-position: outside;}
div#tyokalut ul li {padding: 0;margin-left: 24px;line-height: 15px;}
div#tyokalut li a {position: relative;left: -3px;}
div#tyokalut input {margin-left: 5px;margin-bottom: 3px;}
div#tyokalut input[type="text"] {width: 124px;}
div#tyokalut div#tyokalualatunniste {text-align: right;margin-top: 0;}
img.tyokalulaatikko_map {display: block;position: relative;margin: 0 auto;top: -5px;border: 0;}



/*******************************************************************************
 * *
 * *    ++ FONTS, COLORS AND BORDERS
 * *
 * ****************************************************************************/


/*******************************************************************************
 * CONTENT CONTAINER
 * ****************************************************************************/

div#sisalto-wrapper {background-color: transparent;}
div#sisalto {background-color: transparent;}
div#sisalto h1 {font-style: italic;}
div#sisalto div#dokumenttipolku {border-color: #bfe3ed;border-style: solid;border-width: 0 0 1px 0;}
div#sisalto div#dokumenttipolku a {font-size: 12px;}
div#sisalto div#dokumenttipolku a:LINK, div#sisalto div#dokumenttipolku a:VISITED {color: #0033cc;}
div#sisalto .ingress {font-style: italic;font-size: 14px;}
#alasivu div#wrapper div#alatunniste, #palvelusivu div#wrapper div#alatunniste {border-color: #ffb000;border-style: solid;border-width: 1px 0 0 0;color: #000;background-color: transparent;font-size: 12px;}
#alasivu div#alatunniste .erotin, #palvelusivu div#alatunniste .erotin {color: #ffb000;background: transparent;}
div.image_right span {font-size: 12px;}

#palsta .kuvitusoikealla, #palsta-levea .kuvitusoikealla { float: right; margin: 1.3em 0.2em 1em 2em; width: 215px; font-size: 90%; color: #555555; line-height: 1.1em; }
#palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla { float: left; margin: 1.3em 2em 1em 0; padding-right: 0.1em; width: 215px; font-size: 90%; color: #555555; line-height: 1.1em; }
#palsta .kuvituskeskella, #palsta-levea .kuvituskeskella { float: none; margin: 1.3em auto; font-size: 90%; color: #555555; text-align: center;; line-height: 1.1em; }
#palsta .kuvituskeskella img { margin: 0 auto; }
#palsta .kuva, #palsta-levea .kuva { display: block; float: none; border: none; margin: 0; padding-bottom: 0.5em }

#sitemap ul { list-style-type: none; padding-left:25px; }

/*******************************************************************************
 * CONTENT NAVIGATION
 * ****************************************************************************/

div#wrapper div#alanavigaatioContainer {background-color: #d1f2ef;color: #fff;}
div#alanavigaatioContainer div#alanavigaatio {background-color: #fde17f;}
div#alanavigaatio #osionimi {font-size: 18px;color: #7fc7db;background: #fde17f;font-weight: bold;}
div#alanavigaatio a:VISITED, div#alanavigaatio a:ACTIVE {color: #0033cc;}
div#alanavigaatio ul{border-color: #fff;border-width: 0px 0px 1px 0px;border-style: solid;}
div#alanavigaatio ul.level3 {border: 0;}
div#alanavigaatio ul li{border-color: #fff;border-width: 1px 0px 0px 0px;border-style: solid;color: #0033cc;background: transparent;}
div#alanavigaatio ul li.valittu {background-color: #fef3cc;color: #0033cc;}
div#alanavigaatioContainer div#alanavigaatioalatunniste {border: 0;border-top-width: 9px;border-top-color: #fde17f;border-top-style: solid;background-color: #d2f2ef;background-image: url("contentNavigation_footer.jpg");background-position: 0 0;background-repeat: no-repeat;}

/*******************************************************************************
 * CONTENT: TABLE NORMAL
 * ****************************************************************************/
#kalenteri table {border: 0;border-bottom-width: 1px;border-bottom-color: #F5C72B;border-bottom-style: solid;}
#kalenteri table td {border-right-width: 1px;border-right-color: #F5C72B;border-right-style: solid;border-left-width: 1px;border-left-color: #F5C72B;border-left-style: solid;}
#kalenteri table .yellow {background-color: #FFF3CD;color: #333;}
#kalenteri table td.sarakeotsikko {border-right-width: 1px;border-right-color: #F5C72B;border-right-style: solid;border-left: 0;background-color: #FFF3CD;background-image: url("fp_box_otsikko_yellow.gif");background-position: 0 0;background-repeat: repeat-x;color: #333;}
#kalenteri td.sarakeotsikko a, #kalenteri td.sarakeotsikko a:VISITED{font-style: italic;font-size: 15px;font-weight: bold;color: #0033cc;background-image: url("icon_arrow_down.png");background-position: center right;background-repeat: no-repeat;}
table.raamiton, table.raamiton td, table.raamiton tr, table.raamiton tbody {border: 0 !important;}

/*******************************************************************************
 * CONTENT: FACTBOX
 * ****************************************************************************/
#info0 {border:1px solid #F5C72B; background-color: #FFF3CD;color: #333; float: right; width: 215px; padding: 5px; margin: 12px 0px 12px 5px;}

/*******************************************************************************
 * CONTENT: AJANKOHTAISTA
 * ****************************************************************************/

div.linkkilaatikko {background-image: url("fp_box_otsikko_lightblue.gif");background-repeat: repeat-x;background-position: 0 0;background-color: #E1F7F5; margin-bottom: 15px;}
div.linkkilaatikko h4 {background-image: url("fp_box_otsikko_mask_left.png");background-repeat: no-repeat;background-position: 0 0;color: #003399;font-size: 16px;font-weight: bold;font-style: italic;}
div.linkkilaatikko div {background-color: #E1F7F5;color: #333;padding-bottom: 10px;}
div.linkkilaatikko div table * {font-size: 13px;line-height: 15px;background-color: #E1F7F5;}

/*******************************************************************************
 * CONTENT EXTRA
 * ****************************************************************************/

div#tyokalut div#tyokalualatunniste *{font-size: 12px;color: #4bb8d6;background: transparent;}
div#tyokalut h4 {background-image: url("content_tyokalulaatikko_otsikkobg.gif");background-repeat: no-repeat;background-position: 0 0;color: #FFF;font-size: 13px;font-weight: bold;}
div#tyokalut form {border-left: 1px solid #7fc7db;border-right: 1px solid #7fc7db;}
div#tyokalut ul {border-left: 1px solid #7fc7db;border-right: 1px solid #7fc7db;border-bottom: 1px solid #7fc7db;}
div#tyokalut ul li {color: #ffb000;}
div#tyokalut li span {color: #333;}
div#tyokalut ul li * {font-size: 12px;}

/*******************************************************************************
**++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++**
*******************************************************************************/

/*******************************************************************************
 * *
 * * ++ FRONTPAGE DIMENSIONS AND POSITIONING
 * *
 * ****************************************************************************/ 

/*******************************************************************************
 * CONTENT POSITIONINGS
 * ****************************************************************************/
#etusivu div#paanavigaatioContainer {border-bottom: 0px solid #fde17f;}
#etusivu #wrapper { left: 0; }
#etusivu div#sisalto-wrapper {position: relative;margin: 0;padding: 0;height: auto;width: 940px;left: 0px;top: 0px;}
#etusivu div#sisalto-wrapper div#sisalto {position: absolute;margin: 0;padding: 0;height: 100%;left: 344px;top: 25px;width: 596px;}
#etusivu div#sisalto h2, #etusivu div#sisalto h3 {margin: 0;}
#etusivu div#sisalto p {margin: 0 0 20px 0;padding: 0;}
div#etusivun-nostot-wrapper {position: static;width: 944px;height: 546px;top: 29px;left: 0;overflow: visible;z-index: 2;}
#etusivu img.book {width: 44px;height: 32px;}
#etusivu img.logo_small {width: 30px;height: 31px;}
#etusivu p,#etusivu li {line-height: 17px;}

/*******************************************************************************
 * CONTENT LEFT
 * ****************************************************************************/

div#etusivun-nostot-wrapper div#nostot-vasen {width: 319px;position: absolute;top: 29px;padding-left: 25px;}
#etusivu div#nostot-vasen #news_item1, #etusivu div#nostot-vasen #news_item2, #etusivu div#nostot-vasen #laatikko-uutiset {padding: 10px 15px 25px 0px;margin: 0;height: 151px;overflow: hidden;}
#etusivu div#nostot-vasen #laatikko-uutiset {height: 136px;}
#etusivu #news_item1 img.newspic, #etusivu #news_item2 img.newspic, #etusivu div#nostot-vasen img {float: right;clear: none;margin: 0;margin-bottom: 5px;padding: 0;}
#etusivu div#nostot-vasen h2, #etusivu div#nostot-vasen h3,  #etusivu div#nostot-vasen p{margin: 0;padding: 0;}
#etusivu div#nostot-vasen p {display: inline;line-height: 17px;}
#etusivu div#nostot-vasen h2 {margin-bottom: 5px;line-height: 1;}
#etusivu div#laatikko-uutiset table#news_table {width: 100%;border-collapse: collapse;margin: 0;margin-bottom: 10px;}
#etusivu #news_table td:first-child {vertical-align: top;padding-right: 5px;}
#etusivu div#nostot-vasen ul {margin: 0; padding: 0; list-style-type: none; width: 100%;}
#etusivu div#nostot-vasen li {padding: 0px; padding-left: 0px; line-height: 17px; text-indent: -5em; margin-left: 5em;}
#etusivu div#nostot-oikea ul {margin: 0; padding: 5px 5px 5px 15px; list-style-type: none; xwidth: 100%;}
#etusivu div#nostot-oikea li {margin: 0; padding: 0px; line-height: 17px; text-indent: -50px; margin-left: 50px;}

/*******************************************************************************
 * CONTENT CENTER
 * ****************************************************************************/

div#etusivun-nostot-wrapper div#nostot-keskella {width: 218px;position: absolute;left: 363px;top: 29px;height: 100%;}
div#nostot-keskella div.nostolaatikko {position: relative;top: 0;left: 0;margin-bottom: 15px;}
#etusivu div#nostot-keskella div.nostolaatikko_otsikko {width: 218px;height: 25px;position: relative;display: block;z-index: 9;margin: 0;}
div#nostot-keskella div.center_otsikko_sisalto {position:relative;display: block;top: 0;margin: 0;}
#etusivu div.nostolaatikko_otsikko h2 {padding-left: 15px;padding-top: 2px;margin: 0;}
div#nostot-keskella div.nostolaatikko_mask {position: absolute;display: block;top: 0;left: 0;width: 19px;height: 20px;margin: 0;padding: 0;}
div#nostot-keskella div.nostolaatikko_image {position: absolute;display: block;z-index: 10;margin: 0;padding: 0;}
#julkaisu_otsikko div.nostolaatikko_image {top: 5px;right: 5px;}
#esilla_otsikko div.nostolaatikko_image {top: 5px;right: 5px;}
#hyodyllista_otsikko div.nostolaatikko_image {top: 5px;right: 10px;}
div#nostot-keskella div.nostolaatikko_sisalto {position: relative;top: 0px;left: 0;width: 218px;height: 147px;margin: 0;padding: 0;z-index: 8;overflow: hidden;}
div#nostot-keskella div.nostolaatikko_sisalto * {margin: 0;}
#etusivu div.nostolaatikko_sisalto p {padding: 10px 5px 25px 15px;line-height: 17px;}
#etusivu div.nostolaatikko_sisalto ul {list-style-type: disc;xlist-style-position: inside;marker-offset: auto;padding: 15px 5px 25px 25px;}

/*******************************************************************************
 * CONTENT RIGHT
 * ****************************************************************************/
div#etusivun-nostot-wrapper div#nostot-oikea {width: 316px;position: absolute;left: 601px;top: 29px;height: 100%;}
div#nostot-oikea div.nostolaatikko {position: relative;top: 0;left: 0;margin-bottom: 15px;}
div#nostot-oikea div.nostolaatikko_otsikko {width: 316px;height: 25px;position: relative;display: block;z-index: 9;margin: 0;}
div#nostot-oikea div.right_otsikko_sisalto {position:relative;display: block;top: 0;margin: 0;}
#etusivu div.nostolaatikko_otsikko h2 {padding-top: 2px;padding-left: 15px;margin: 0;}
div#nostot-oikea div.nostolaatikko_mask {position: absolute;display: block;top: 0;left: 0;width: 19px;height: 20px;margin: 0;padding: 0;}
div#nostot-oikea div.nostolaatikko_image {position: absolute;display: block;z-index: 10;margin: 0;padding: 0;}
#tapahtumat_otsikko div.nostolaatikko_image {top: 10px;right: 10px;}
div#nostot-oikea div.nostolaatikko_sisalto {position: relative;top: 0px;left: 0;width: 316px;margin: 0;padding: 0;z-index: 8;overflow: hidden;}
div#nostot-oikea div.nostolaatikko_sisalto * {margin: 0;}
div#nostot-oikea div.nostolaatikko #tapahtumat_sisalto{height: 187px;}
#etusivu div.nostolaatikko_sisalto p {padding: 10px 5px 25px 15px;line-height: 17px;}
#etusivu div.nostolaatikko_sisalto div.table {padding: 10px 5px 10px 15px;}
#etusivu div.nostolaatikko_sisalto table#tapahtumatable {margin: 0;padding: 0;border-collapse: collapse;border: 0;}
#etusivu div.nostolaatikko_sisalto #tapahtumatable tr {margin: 0;border: 0;padding: 0;}
#etusivu div.nostolaatikko_sisalto #tapahtumatable td{vertical-align: top;text-align: center;padding: 0px 3px 0px 0px;margin: 0;}
#etusivu div.nostolaatikko_sisalto #tapahtumatable td:first-child {text-align: left;}
#etusivu table#tapahtumatable td.text {padding-left: 5px;line-height: 17px;text-align: left;}
#tapahtumatable td.text a {padding-left: 0;margin: 0;}
#etusivu div.nostolaatikko_sisalto p.links {padding-top: 0px;padding-bottom: 10px;}
div#nostot-oikea div.nostolaatikko #asiakaspalvelupisteet_sisalto{height: 161px;overflow: visible;z-index:20;}
div#asiakaspalvelupisteet_sisalto_content {width: 195px;padding: 0;}
div#asiakaspalvelupisteet_sisalto_content p {padding-right: 0;padding-bottom: 10px;margin-right: 0;}
div#asiakaspalvelupisteet_sisalto_map {position: absolute;left: 195px;top: -40px;z-index: 21;}
div#asiakaspalvelupisteet_sisalto_map img{height: 210px;width: 109px;}
div#nostot-oikea div.nostolaatikko #mielipide_sisalto{height: 93px;}
div#mielipide_sisalto_kysymys {width: 195px;padding: 0;}
div#mielipide_sisalto div#mielipide_sisalto_gallup {position: absolute;top: 0;left: 195px;width: 121px;float: right;}
div#mielipide_sisalto_gallup div#yesno div#yes{position: relative;float: left;}
div#mielipide_sisalto_gallup div#yesno div#no {position: relative;float: right;}
div#yes, div#no {width: 60px;text-align: center; padding-top: 10px;}
div#stats {width: 121px;text-align: center;}
div#stats p, div#yes p, div#no p {margin: 0;padding: 0 0 5px 0px !important;}

/*******************************************************************************
 * bannerit & alatunniste
 * ****************************************************************************/
#etusivu div#bannerit {padding-top: 50px;padding-bottom: 17px;margin: 0;text-align: center;}
#etusivu div#bannerit img {margin: 0px 10px;}
#etusivu div#alatunniste {position: relative; left: 0;margin: 20px 25px 10px 25px; text-align: left;}



/*******************************************************************************
 * *
 * * ++ FRONTPAGE FONTS, COLORS & BORDERS
 * *
 * ****************************************************************************/
 
/*******************************************************************************
 * CONTENT CONTAINER
 * ****************************************************************************/

body#etusivu {background-image: none;}
#etusivu div#wrapper {background-image: none;background-color: #fff;}
#etusivu div#sisalto-wrapper {background-color: #fff;}
div#etusivun-nostot-wrapper {background-image: url("fp_navgradient.gif");background-repeat: no-repeat;background-position: 0 0;background-color: #fff;}
#etusivu div#sisalto {background-color: #fff;}

/*******************************************************************************
 * CONTENT LEFT
 * ****************************************************************************/

div#wrapper div#etusivun-nostot-wrapper {background-color: #fff;color: #333;}
div#etusivun-nostot-wrapper div#nostot-vasen {background-color: #D1F2EF;background-image: url("fp_navbggradient_short.gif");background-repeat: repeat-x;background-position: 0 0;}
div#nostot-vasen #news_item1, div#nostot-vasen #news_item2, div#nostot-vasen #laatikko-uutiset {border-top-width: 1px;border-top-style: solid;border-top-color: #fff;color: #333;font-size: 13px;}
div#nostot-vasen #news_item1 {background-image: url("fp_navbggradient_short.gif");background-repeat: repeat-x;background-position: 0 0;}
div#nostot-vasen h3 {font-size: 13px;color: #003399;background: transparent;font-style: italic;font-weight: normal;}
div#nostot-vasen h2 {font-size: 16px;color: #003399;background: transparent;font-style: italic;font-weight: bold;}
div#nostot-vasen h2 a {color: #003399;font-size: 16px;}
table#news_table .date {font-style: italic;}
/*
#etusivu div#nostot-vasen .date {font-style: italic; width: 80px;}
#etusivu div#nostot-oikea .date {width: 80px;}
*/

/*******************************************************************************
 * CONTENT CENTER
 * ****************************************************************************/
div#etusivun-nostot-wrapper div#nostot-keskella {background-color: #fff;color: #333;}
#etusivu div.nostolaatikko_otsikko {background-image: url("fp_box_otsikko_yellow.gif");background-repeat: repeat-x;background-position: 0 0;}
#etusivu div.nostolaatikko_otsikko h2, #etusivu div.nostolaatikko_otsikko a {font-size: 16px;font-weight: bold;font-style: italic;color: #003399;}
#etusivu div.nostolaatikko_sisalto {background-color: #FEF3CC; color: #333333;}

/*******************************************************************************
 * CONTENT RIGHT
 * ****************************************************************************/
div#etusivun-nostot-wrapper div#nostot-oikea {background-color: #fff;color: #333;}
#etusivu div.nostolaatikko #tapahtumat_otsikko {background-image: url("fp_box_otsikko_green.gif");background-repeat: repeat-x;background-position: 0 0;}
#etusivu div#tapahtumat_sisalto {background-color: #E7F9E1;}
#etusivu div.nostolaatikko_sisalto p.links {color: #FF9900;}
#etusivu div.nostolaatikko #asiakaspalvelupisteet_otsikko {background-image: url("fp_box_otsikko_blue.gif");background-repeat: repeat-x;background-position: 0 0;}
#etusivu div#asiakaspalvelupisteet_sisalto {background-color: #e1e9f7;}
#etusivu div.nostolaatikko #mielipide_otsikko {background-image: url("fp_box_otsikko_purple.gif");background-repeat: repeat-x;background-position: 0 0;}
#etusivu div#mielipide_sisalto {background-color: #ece7f8;}
#etusivu div#stats p {font-size: 12px;}
#etusivu div#yes p,#etusivu  div#no p {font-weight: bold;}
#etusivu div#yesno .number {font-size: 20px;}
#etusivu div#yes .number {color: #ffb000;background: transparent;}
#etusivu div#no .number {color: #df3c8f;background: transparent;}

/*******************************************************************************
 * bannerit & alatunniste
 * ****************************************************************************/
#etusivu div#bannerit *{background-color: #fff;color: #333;border: 0;}

