/*+------------------------------+*/
/*| VANAJANLINNAN VERKKOPALVELUN |*/
/*|    PANORAAMA-SIVUN TYYLIT    |*/
/*+------------------------------+*/

/*+---------------------+*/
/*| YLEISET MÄÄRITYKSET |*/
/*+---------------------+*/
body {
  margin:0px;
  padding:0px;
  font-family:arial,verdana,serif;
  font-size:12px;
  color:#ffffff;
  background:transparent url(/pics/bg.gif) repeat;
}

p,ol,ul,li,table,tbody,tr,td  { margin:0px;padding:0px;}

/* tyhjennys div */
div.clear { clear:both;}

/* --- KOKO SIVUA YMPÄRÖIVÄ DIV --- */
div#all {
  position:relative;
  left:0px;
  top:0px;
  margin:0px;
  padding:0px;
  width:100%;
  }

/*+--------------+*/
/*| YLÄTUNNSITE  |*/
/*+--------------+*/

div#header { 
  position:relative;
  height:200px;
  width:100%;
  margin:0px;
  padding:0px;
}

div#lang {
right:80px;
text-align: left;
position:absolute;
top: -2em;

}
div#lang a {
color: #fff; 
font-weight:bold;
font-size:10px;
text-decoration:none;
}
div#lang a:hover { text-decoration:underline;}
div#lang a.current { color:#F7B219;text-decoration:underline;}
a#portal { position:absolute;position:absolute;top:50px;left:120px;height:118px;;width:275px;border:none;cursor:pointer;background:transparent url(/pics/logo-fp.gif) no-repeat;  }
a#portal h3 { font:normal bold 16px arial,verdana,serif;color:#000;margin:0px;padding:0px;}
a#portal h3 span { display:none;}

/* - logo - */  
div#logo {
  float:left;
  width:275px;
  height:118px;
  margin:auto;
  padding:0px;
  }
div#logo a { cursor:pointer;}
div#logo h3 { position:absolute;top:50px;left:100px;height:118px;;width:275px;font:normal bold 16px arial,verdana,serif;color:#000;margin:0px;padding:0px;background:transparent url(/pics/logo-fp.gif) no-repeat;}
div#logo h3 span { display:none;}
div#logo img { border:none; }

/*+-------------+*/
/*| SISÄLTÖALUE |*/
/*+-------------+*/
div#page {
  position:relative;
  width:900px;
  margin:auto;
  padding:0px;
}

/* keskipalsta */
div#page_center {
  float:left;
  width:495px;
  margin:0px;
  padding:0px;
}

/* panoraama */
div#panorama { 
  position:relative;
  height:365px;
  width:495px;
  margin:0px;
  padding:0px; 
  background:#6B0B25; 
  text-align:center;
  border:5px solid #52081C;
}
div#panorama p { font:normal normal 8pt arial,verdana,serif;color:#ffffff;margin:0.5em 0em; }
div#panorama a { color:#F7B219;font-weight:bold;}
div#panorama h1 { font:normal bold 12pt arial,verdana,serif;text-transform:uppercase;margin:0.5em 0em;padding:0em;color:#ffffff;}
/* oikeapalsta */
div#page_right {
  float:left;
  width:300px;
  margin-left:15px;
  padding:0px;
  background:#6B0B25;
  font-family:arial,verdana,serif;
  color:#ffffff;
  border:5px solid #52081C;
  height:365px;
}

/* navigointi */
div#navi {
  position:relative;
  clear:both;
  margin:0px;
  padding:0.5em;
}
/* otsikot */
div#navi h3 { font:normal bold 10pt arial,verdana,serif;text-transform:uppercase;margin:0.5em 0em;padding:0em;}
div#navi h4 { font:normal bold 8pt arial,verdana,serif;text-transform:uppercase;margin:0.5em 0em;padding:0em;}
div#navi h4 a { text-decoration:none;color:#ffffff; }
div#navi h4 a:hover { text-decoration:underline;color:#ffffff; }
div#navi ul {  margin-left:2em;}
div#navi li a { text-decoration:none;font:normal normal 8pt arial,verdana,serif;color:#ffffff; }
div#navi li a:hover { text-decoration:underline; }
div#navi a.active { font-weight:bold;color:#FFF9BB;text-decoration:underline;}
div#navi p a { color:#F7B219;font-weight:bold; font-size: 10px;}