/*******************************************************************************
 * Ulkoasiainministeriö - Eurooppatiedotus
 * ---
 * Webpage template, global positionings
 *  - Positionings
 *
 * 2007/04/23 * mikko.seppanen@prewise.fi
 * ****************************************************************************/

/* Navigaatioapua piiloon */
#sisaltoon { display: none; }
.lisainfo { display:none; }

/*******************************************************************************
 * CONTENT POSITIONINGS
 * ****************************************************************************/

html {height: 100%;}
body {margin: 0;padding: 0;text-align: left;height: 100%;}
form {margin:0;padding:0;}
img.imagebutton {display: inline;position: relative;top: -3px;cursor: pointer;}
.clear_right {display: block;clear: right;}
.clear_left {display: block;clear: left;}
.centered {vertical-align: middle;text-align: center;}
div#wrapper {position: absolute;width: 944px;padding: 0;margin: 0;z-index: 4;}
div#ylatunniste {width: 100%;height: 153px;position: relative;z-index: 4;}
#ylatunniste h1 { visibility: hidden; }
#ylatunniste h2 { display: none; }
#ylatunniste * { border: 0; }

/*******************************************************************************
 * TOP NAVIGATION
 * ****************************************************************************/
#apunavi {list-style-type: none; min-width: 150px;text-align: right;height: 30px;position: absolute;top: 0;right: 0px;padding: 0px 4px 0px 25px; margin: 0;}
#apunavi li { float: left; height: 25px; padding-top: 5px; padding-left: 4px;}
#apunavi p {display: block;vertical-align: bottom;}
#apunavi form {vertical-align: middle;margin: 0;padding: 0;display: inline;}
#apunavi input {vertical-align: middle;margin: 0;}
#apunavi input[type="text"] {margin-top: 0px;padding: 0 3px;}
#apunavi * { vertical-align: middle; }
#apunavi input#haku-teksti { padding: 0; }
#apunavi #kirjasin-toiminnot { padding-right: 20px; }
#kirjasin-toiminnot img { margin-top: 2px; margin-left: 5px; }
/*******************************************************************************
 * MAIN NAVIGATION
 * ****************************************************************************/
div#paanavigaatioContainer {margin: 0;height: 30px;width: 940px;position: relative;z-index: 4;border-bottom: 6px solid #fde17f;}
div#paanavigaatioContainer #paanavigaatioRounder{position:absolute;display: block;width: 41px;height: 33px;margin: 0;padding: 0;top: -3px;left: 0;z-index: 4;}
div#paanavigaatioContainer div#contentNavigationRounder {position: absolute;display: block;top: 30px;left: 0;z-index: 10;}
div#paanavigaatioContainer div#contentRounder {position: absolute;display: block;top: 36px;left: 229px;z-index: 10;}
body#etusivu #contentRounder { visibility: hidden; }
#paanavigaatio  {padding-right: 14px;margin: 0;list-style-type: none;list-style-position: inside;position: absolute;right: 0;height: 30px;z-index: 6;}
#paanavigaatio  li {display: inline;float: left;margin: 0;padding: 5px 9px;position: relative;height: 100%;}
#paanavigaatio  li img {display: inline;position: absolute;left: -1px;width: 2px;height: 17px;}
.nav_icon {display: inline !important;position: relative;padding: 0 !important;margin: 0 !important;width: auto !important;top: 2px;left: 0;width: 15px;height: 15px;}
#paanavi-etusivu img.behave, #paanavi-forstasidan img.behave, #paanavi-frontpage img.behave  {display: none;}
.clearfix {display: inline-table;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Piilotetaan MAC-IE:lta \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; clear: both;}
/* Lopetataan piilotus */

 /*
  GLOBAL FONTS, COLORS AND BORDERS
 */
 
/*******************************************************************************
 * BASIC SETTINGS
 * ****************************************************************************/
* {font-family: "Trebuchet MS";font-size: 13px;}
h3 {font-size: 14px;font-weight: bold;}
h2 {font-size: 17px;font-weight: bold;}
h1 {font-size: 26px;font-weight: bold;}
strong {font-size: 14px;}
body {background-image: url("canvas.gif");background-color: #f0f0f0;background-position: 0 0;background-repeat: repeat-y;color: #000;}
a {text-decoration: none;}
a:LINK {color: #0033cc;background: transparent;}
a:VISITED {color: #990099;background: transparent;}
a:ACTIVE {color: #0099ff;background: transparent;}
a:HOVER { text-decoration: underline; }
map, area {border: 0;}
input[type="text"], select, textarea {border-color: #7fc7db;border-width: 1px;border-style: solid;color: #003399;font-size: 12px;padding-left: 5px;}
select {color: #0033cc;}
div#wrapper {background-color: transparent;background-position: 0 0;background-repeat: repeat-y;color: #000;}
div#ylatunniste {background-color: #fff;background-image: url("header_background.jpg");background-position: 0 0;background-repeat: no-repeat;color: #ccc;}

/*******************************************************************************
 * TOP NAVIGATION
 * ****************************************************************************/

#apunavi{ color: #ffb000; background-color: transparent; background-image: url("topNavigation_rounder.png"); background-repeat: no-repeat; background-position: 0 0; font-size: 12px;}
#apunavi li { background-color: #fff; }
#apunavi *  {font-size: 12px; border: 0;}
#apunavi div#nav {background-color: #fff;}
#apunavi input#haku-teksti {border-color: #5dbff1;border-style: solid;border-width: 1px;height: 16px;color: #5dbff1;background-color: #fff;font-size: 12px;}
#apunavi a:VISITED {color: #0033cc;}

/*******************************************************************************
 * MAIN NAVIGATION
 * ****************************************************************************/

div#paanavigaatioContainer {background-color: #fff;background-image: url("mainNavC_bg.png");background-position: 0 0;background-repeat: repeat-x;color: #fff;border-top-width: 3px;border-top-style: solid;border-top-color: #fff;}
div#paanavigaatioRounder {background: transparent;color: #fff;}
div#paanavigaatioRounder img {width: 41px;height: 33px;}
#paanavigaatio li {font-size: 14px;font-weight: bold;background-color: transparent;}
#paanavigaatio li:HOVER {background-image: url("mainNavC_bgHov.png");background-position: 0 0;background-repeat: repeat-x;}
#paanavigaatio li.valittu:HOVER {background-image: url("mainNavC_bgSelHov.png");background-position: 0 0;background-repeat: repeat-x;}
#paanavigaatio li.valittu {background-image: url("mainNavC_bgSel.png");background-position: 0 0;background-repeat: repeat-x;}
#paanavigaatio a {color: #fff;text-decoration: none;}

/*******************************************************************************
 * BANNERS & alatunniste
 * ****************************************************************************/
div#wrapper div#alatunniste {border-color: #ffb000;border-style: solid;border-width: 1px 0 0 0;color: #000;background-color: transparent;font-size: 12px;}
div#alatunniste .erotin {color: #ffb000;background: transparent;}
div#alatunniste * {font-size: 12px;}
.nav_icon {border: 0 !important;background-color: transparent; float: none !important;}