/*-----------------
 body
------------------*/

* { padding: 0; margin: 0; }

img { border: 0; }

body {
 font-family: Arial, Sans-serif;
 font-size: 13px;
 background: #BBB url(img/topbg.gif) top center repeat-x;
}



/*-----------------
 top
------------------*/

#top {
 font-family: Arial, Sans-serif;
 margin: 0px auto;
 height: 40px;
 width: 990px;
 padding: 0px;
}
#top p { 
 color: #222;
 font-size: 16px;
 font-weight: normal;
 text-align: center;
 padding: 12px 0px 0px 0px;
 margin: 0px;
}
#top a { 
 color: #222;
 text-decoration: none;
 margin: 0px 10px;
}
#top a:hover { 
 color: #222;
 text-decoration: underline;
}



/*-----------------
 wrapper
------------------*/

#wrapper { 
 margin: 0px auto;
 padding: 0px;
 border: 1px solid #999;
 width: 990px;
 background: #FFF /*url(img/bgmain.gif) top center repeat-y*/;
 /*clear: both;*/
}



/*-----------------
 header
------------------*/

#header {
 width: 990px;
 height: 150px;
 padding: 0px;
 /*border: 10px solid #FFF;*/
 border-top: 1px solid #DDD;
 margin: 0px 0px 0px 0px;
 color: #333;
 background: #EEE url(img/header2a.jpg) bottom left no-repeat;
 clear: both;
}
#header p {
 /*float: right;*/
 color: #FFF;
 /*text-align: right;*/
 margin: 30px 10px 10px 0px;
}



/*-----------------
 left
------------------*/

#leftcolumn { 
 color: #333;
 border-top: 10px solid #555;
 /*background: #FFF;*/
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 400px;
 width: 220px;
 float: left;
}

.dropdown {display:block; position:relative; }
.dropdown dt {width:210px; border:0px solid #9ac1c9; font-weight:normal; cursor:pointer; /*text-transform: uppercase;*/ font-size: 14px;  color: #77643F; background: #004A93;}
.dropdown .upperdd {border-bottom:none}
.dropdown dt:hover { color: #333; }
.dropdown dd {position:absolute; top:0; overflow:hidden; width:207px; display:none; background:#fff; opacity:0}
.dropdown ul {width:205px; border:1px solid #BBB; list-style:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#FFF; text-decoration:none; background:#1E6FBF; width:199px}
.dropdown a:hover {background:#2C81D4; color: #FFF;}
.dropdown .underline {border-bottom:1px solid #b9d6dc}

#leftcolumn a.norm, .dropdown a.norm:active, .dropdown a.norm:visited {
 display:block; 
 padding: 7px 11px 7px 10px;
 font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
 font-size: 13px;
 color: #FFF; text-decoration:none; 
 background: #004A93; 
 border-bottom: 1px solid #BBB; 
}
#leftcolumn a.norm:hover {
 background: #0152A3;
}
#leftcolumn a.bott, .dropdown a.bott:active, .dropdown a.bott:visited {
 display:block; 
 padding: 7px 11px 7px 10px;
 font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
 font-size: 13px;
 color: #FFF; text-decoration:none; 
 background: #004A93 url(img/navbot.png) bottom right no-repeat;
}
#leftcolumn a.bott:hover {
 background: #0152A3 url(img/navbot.png) bottom right no-repeat;
}

#upnav {
 display:block; 
 padding: 10px;
 font-family: Arial, Sans-serif;
 font-size: 13px;
}
#upnav h1 { 
 margin: 0px 0px 0px 0px;
 padding: 5px 10px 5px 10px;
 font-size: 18px;
 font-weight: bold;
 color: #004A93;
}
#upnav a { 
 color: #002850;
 text-decoration: none;
 padding: 5px 5px 5px 5px;
 margin: 0px 0px 0px 5px;
 line-height: 20px;
}
#upnav a:hover { 
 text-decoration: underline;
}



/*-----------------
 right
------------------*/

#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 background: url(img/bgcontenttop.gif) top left repeat-x;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 /*height: 350px;*/
 width: 770px;
}
#rbox {
 /*background: #EAEAEA;*/
 padding: 0px;
 /*border: 1px solid #BBB;*/
 margin: 0px 30px 0px 30px;
 clear: both;
 height: 100%;
}
#rboxflash {
 text-align: center;
 /*background: #EAEAEA;*/
 padding: 0px;
 /*border: 1px solid #BBB;*/
 margin: 0px 30px 0px 30px;
 clear: both;
 height: 100%;
}
#rightcolumn h1 { 
 font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
 margin: 0px 0px 0px 0px;
 padding: 5px 10px 5px 10px;
 font-size: 20px;
 font-weight: normal;
 color: #003D79;
}
#rightcolumn h2 { 
 margin: 0px 0px 0px 0px;
 padding: 25px 10px 0px 20px;
 font-size: 16px;
 font-weight: normal;
 clear: both;
}
#rightcolumn h3 { 
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 15px 0px;
 font-size: 16px;
 font-weight: normal;
 clear: both;
}
#rightcolumn img { 
 float: left;
 margin: 5px 35px 3px 15px;
 padding: 0px;
 /*border: 4px solid #CCC;*/
}
#rightcolumn img.right { 
 float: right;
 margin: 5px 15px 3px 35px;
 padding: 0px;
 /*border: 4px solid #CCC;*/
}
#rightcolumn img.line { 
 float: left;
 margin: 25px 10px 25px 10px;
 padding: 3px;
 border: 0px;
 clear: both;
}
#rightcolumn img.kartta { 
 /*float: left;*/
 margin: 5px 0px 15px 0px;
 padding: 0px;
 /*border: 4px solid #CCC;*/
}
#rightcolumn p { 
 color: #004A93; /*oli #333*/
 font-size: 15px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 3px 10px 3px 10px;
 line-height: 24px;
}
#rightcolumn p.right { 
 clear: both;
 /*text-align: right;*/
 color: #333;
 font-size: 12px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 5px 10px 5px 10px;
 line-height: 20px;
 /*letter-spacing: 0.5px*/
 /*padding: 10px;*/
 /*background: #F9F9F9;*/
}
#rightcolumn a { 
 color: #003D79;
 font-weight: bold;
 text-decoration: none;
 /*margin: 3px 10px 3px 10px;*/
}
#rightcolumn a:hover { 
 color: #FF0000;
 text-decoration: underline;
}
#rightcolumn a.kartta { 
 color: #003D79;
 font-weight: bold;
 text-decoration: none;
 margin: 0px 0px 0px 10px;
 padding: 0px;
}
#rightcolumn a.kartta:hover { 
 color: #FF0000;
 text-decoration: underline;
}



/*-----------------
 footer
------------------*/

#footer { 
 /*width: 790px;*/
 /*height: 130px;*/
 color: #333;
 /*border-bottom: 10px solid #FFF;*/
 background: #A4BDDB /*#A4BDDB*/ url(img/botbg.gif) top center repeat-x;
 margin: 0px;
 padding: 5px 0px 5px 0px;
 clear: both;
}
#footer p { 
 color: #002850;
 font-size: 12px;
 text-align: center;
 padding: 8px 0px 0px 0px;
 margin: 10px 250px 0px 0px;
}
#footer p.right { 
 clear: both;
 font-size: 6px;
 border: 0px;
 margin: 0px;
 padding: 0px;
}
#footer a { 
 color: #002850;
 text-decoration: none;
 padding: 0px 5px 0px 5px;
}
#footer a:hover { 
 text-decoration: underline;
}
#footer a.wm { 
 color: #002850;
 text-decoration: none;
 padding: 0px 5px 0px 5px;
 margin: 0px 0px 0px 0px;
}
#footer a.wm:hover { 
 text-decoration: none;
}
#footl {
 float: left;
 padding: 0px 15px 0px 30px;
 text-align: left;
}
#footl p {
 clear: both;
 text-align: left;
 margin: 0px;
 padding: 0px;
}
#footr {
 float: right;
 padding: 0px 30px 0px 15px;
 text-align: left;
}
#footr p {
 clear: both;
 text-align: left;
 margin: 0px;
 padding: 0px;
}



/*-----------------
 inputs
------------------*/

textarea.text { font-size: 15px; font-family: Arial, Sans-serif; width: 600px; color: #004A93; /*oli #333*/}
textarea.heds { font-size: 20px; font-weight: normal; color: #003D79; font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif; width: 600px; }

textarea.palaute {
 padding: 3px;
 font-size: 13px;
 font-family: Arial, Sans-serif;
 width: 400px;
 height: 100px;
 border: 1px solid #999;
 background: #FFF url(img/contactbox.gif) top left repeat-x;
 color: #333;
}
/*textarea.palaute:hover { border: 1px solid #0195DB; }*/
input.palaute {
 margin: 0;
 padding: 3px;
 width: 400px;
 border: 1px solid #999;
 background: #FFF url(img/contact.gif) top left repeat-x;
 color: #333; 
}
/*input.palaute:hover { border: 1px solid #0195DB; }*/
input.qa {
 margin: 0;
 padding: 3px;
 width: 45px;
 border: 1px solid #999;
 background: #FFF url(img/contact.gif) top left repeat-x;
 color: #333; 
}
input.field {
 margin: 0;
 padding: 3px;
 width: 100px;
 border: 1px solid #999;
 background: #FFF url(img/contact.gif) top left repeat-x;
 color: #333; 
}



/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }