/* Start of CMSMS style sheet 'kalasatama_CSS' */
body{padding:0;margin:0;font:13px Georgia, serif;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font-size:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}

#pagewrapper
{
width: 960px;
padding: 0;
margin: auto;
}

#logo_div
{
height: 50px;
margin-top: 40px;
margin-bottom: 18px;
}

#menu_div
{
height: 19px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-bottom: 4px;
}

#menu_div a
{
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
color: #000;
}

#menu_div a.selected, 
#left_div a.selected,
#menu_div a:hover, 
#content_div a:hover
{
color: #5e8dbc;
}

#menu_div li a.menuactive 
{
color: #5e8dbc;
}


#menu_div ul
{
list-style: none outside;
}

#menu_div li
{
display: block;
float: left;
padding-right: 18px;
line-height: 19px;
}

#content_menu_div
{
float:left;
}

#content_menu_div a
{
}

#content_menu_div ul
{
margin-left: 20px;
}

#content_menu_div ul li
{
font-size: 14px;
font-style: italic;
float: left;
}

#lang_menu_div
{
float:right;
}

#lang_menu_div a
{
font-size: 10px;
font-weight: normal;
}

#content_menu_div ul
{
list-style: none outside;
margin-left: 20px;
}

#content_menu_div li
{
font-style: normal;
float: right;
padding-right: 16px;
}

#content_submenu_div li
{
line-height: 18px;
padding: 4px;
padding-left: 20px;
border-bottom: 1px solid #000;
}

#content_submenu_div ul li a
{
text-decoration: none;
color: #000;
font-size: 12px;
text-transform: uppercase;
}

#picture_div
{
height: 102px;
clear: both;
}

#picture_div_ETUSIVU
{
background-color: #000;
clear: both;
}

div.stage
{
  background-color: #000;
  color: #fff;
  height: 473px;
}

div.slogan
{
position: relative;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;
}

div.slogan p
{
margin: 0;
}

div.slogan_text
{
position: absolute;
left: 0px;
top: 20px;
z-index: 10;
width: 650px;
margin: 0px 20px;
font-size: 94px;
line-height: 114px;
}

.slogan_text p.slogan span:first-child, .slogan_text p.slogan span:first-child + span
{
color: #ccc;
text-decoration: underline;
}

.slogan_text p.slogan span
{
  display: block;
  color: #5e8dbc;
  text-decoration: underline;
}

div.welcome_list
{
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
margin: 20px 20px;
width: 191px;
}

.welcome_list p
{
text-align: right;
color: #ccc;
font-size: 30px;
line-height: 36px;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;
}

.welcome_list p a
{
color: #ccc;
}

.welcome_list p a:hover, .welcome_list p span:first-child a
{
color: #5e8dbc;
}

div.slideshow_and_caption
{
  position: relative;
  height: 473px;
  display: none;
}

.kalasatama-online div.slideshow_and_caption
{
  position: relative;
  height: 473px;
  display: block;
}

.slideshow
{
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
}

.slideshow img
{
/* width: 920px; */
/* height: 433px; */
margin: 20px;
}

div.photo_caption
{
position: absolute;
left: 0px;
top: 413px; /* 473 - 20 - 20 = 433; 433-40= 393 */
z-index: 15;
background: url('/uploads/black_opacity50.png');
color: #fff;
width: 960px;
height: 40px;
padding: 0;
}

.photo_caption p
{
line-height: 20px;
font-style: italic;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
margin: 0px 30px;
padding: 10px;
}

#h1_div
{
clear: both;
height: 22px;
margin: 4px 0px 10px 255px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0px 2px 0px 2px;
}

h1
{
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
}

#left_div
{
float: left;
width: 235px;
margin-right: 20px;
}

#right_div
{
float: right;
width: 115px;
margin-left: 80px;
height: 141px;
}


#right_div img
{
margin-top: -5px;
margin-right: 47px;
float: right;
height: 91px;
width: 91px;
}

#content_div
{
margin-left: 255px;
width: 510px;
line-height: 18px;
}

#content_div ul
{
list-style-type: disc;
padding-left: 30px;
margin-bottom: 10px;
}

#content_div li
{
line-height: 18px;
margin-bottom: 5px;
}

#content_div li a, #content_div a
{
text-decoration: none;
color: #000;
}

#content_div strong
{
font-weight: 900;
}


#footer
{
clear: both;
width: 960px;
font-size: 10px;
color: #999999;
border-top: 1px solid #000;
line-height: 16px;
padding-top: 5px;
margin-top: 4px;
}

#footer p
{
margin: 0;
}

#footer #contact_info
{
float: left;
margin-left: 20px;
}

#footer #ns
{
float: right;
margin-right: 20px;
}

#footer #ns a
{
text-decoration: none;
color: #999999;
}

#map
{
width: 450px;
height: 290px;
clear: both;
margin-left: 255px;
}

.henkilo_lista
{
clear: none;
margin: 0;
padding: 0;
margin-top: 40px;
}

.henkilo_listalla
{
width: 160px;
padding: 0px 10px 5px 0px;;
float: left;
margin-bottom: 10px;
height: 120px;
}

.henkilo_listalla p
{
font-size: 12px;
line-height: 18px;
margin: 0;
}

.henkilo_listalla p.kuva
{
height: 56px;
margin-bottom: 10px;
width: 56px;
}

.henkilo_listalla p.nimike
{
font-size: 11px;
}

div.henkilo
{
width: 510px;
}


/* kuvat */
div.henkilo_listalla div:first-child, div.henkilo div:first-child
{
position: relative;
height: 56px;
margin-bottom: 10px;
width: 56px;
}

.henkilo div:first-child
{
float:left;
height: 114px;
margin-bottom: 10px;
width: 114px;
}

.henkilo_listalla div img
{
position: absolute;
bottom: 0px;
left: 0px;
}

div.henkilo div + div
{
margin-left: 130px;
width: 380px;
}

.henkilo p
{
margin-top: 0;
margin-bottom: 1em;
font-size: 12px;
}

.henkilo p.nimi
{
margin-bottom: 0;
font-weight: bold;
}

.clearance
{
clear: both;
height: 40px;
}

.clearfix
{
clear: both;
}

.firstInRow
{
clear: left;
}

/* ------------  Menu  ROOT  ------------ */
.menuwrapper {}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
ul#primary-nav {
}
ul#primary-nav li {
}
ul#primary-nav li a,
ul#primary-nav li a span {
}
ul#primary-nav li a {
}
ul#primary-nav li a:hover,
ul#primary-nav li a:active {
	color: #5e8dbc;
}
ul#primary-nav li a span {
}
ul#primary-nav li a.menuparenth,
ul#primary-nav li a.menuactive,
ul#primary-nav li a:hover,
ul#primary-nav li a:focus,
ul#primary-nav li a:active {
}
ul#primary-nav li a {
}
ul#primary-nav li a.menuactive span,
ul#primary-nav li a:hover span,
ul#primary-nav li a:focus span,
ul#primary-nav li a:active span {
color: #5e8dbc;
}
ul#primary-nav li a span {
}
ul#primary-nav .sectionheader,
ul#primary-nav li a:link.menuactive,
ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
ul#primary-nav li span,
ul#primary-nav li a,
ul#primary-nav li a:hover,
ul#primary-nav li a:focus,
ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html ul#primary-nav {
	display: inline-block;
}
*:first-child+html ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */

#primary-nav {
}
#primary-nav ul {
        z-index: 1001;
	list-style: none;
	margin: 0px 0px 0px;
	padding: 0px;
	width: 220px;
}
#primary-nav li ul {
	/* background-color: #fff; */
	background-image: url('/uploads/fff_opacity90.png');
  z-
}
#primary-nav li {
}

/* Styling the basic appearance of the menu elements */

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}

#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}


/*************** End Menu *****************/


ul#nav {
	list-style: none;
}

#nav li li a {
	display: block;
}

li {
	position: relative;
	cursor: default;
}

li#first {
}

li#last {
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
}

#primary-nav li ul li {
	font-size: 11px;
	line-height: 18px;
        font-style: normal;
}

#primary-nav li ul li
{
  padding: 2px 12px;
}



/* End of 'kalasatama_CSS' */