@charset "UTF-8";
/* CSS Document */

a {
	color: #000000;
	outline: none;
}
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #cccccc; }
a:active { color: #000000; }

a img { border: solid 2px #f7f7f7; }
a img:link { border: solid 2px #f7f7f7; }
a img:visited { border: solid 2px #f7f7f7; }
a img:hover { border: solid 2px #000000; }
a img:active { border: solid 2px #f7f7f7; }

#image a img { border: none; }

a.menu0 b { height: 25px; /*background: url(images/tie-menu-image-0.jpg) no-repeat;*/}
a.menu1 b { height: 25px; background: url(images/tie-menu-image-1.jpg) no-repeat; }
a.menu2 b { height: 25px; background: url(images/tie-menu-image-2.jpg) no-repeat; }
a.menu3 b { height: 25px; background: url(images/tie-menu-image-3.jpg) no-repeat; }
a.menu4 b { height: 25px; background: url(images/tie-menu-image-4.jpg) no-repeat; }
a.menu5 b { height: 25px; background: url(images/tie-menu-image-5.jpg) no-repeat; }
a.menu6 b { height: 25px; background: url(images/tie-menu-image-6.jpg) no-repeat; }
a.menu7 b { height: 25px; background: url(images/tie-menu-image-7.jpg) no-repeat; }
a.menu8 b { height: 25px; background: url(images/tie-menu-image-8.jpg) no-repeat; }
a.menu9 b { height: 25px; background: url(images/tie-menu-image-9.jpg) no-repeat; }
a.menu10 b { height: 25px; background: url(images/tie-menu-image-10.jpg) no-repeat; }
a.menu11 b { height: 25px; background: url(images/tie-menu-image-11.jpg) no-repeat; }
a.menu12 b { height: 25px; background: url(images/tie-menu-image-12.jpg) no-repeat; }
a.menu13 b { height: 25px; background: url(images/tie-menu-image-13.jpg) no-repeat; }
a.menu14 b { height: 25px; background: url(images/tie-menu-image-14.jpg) no-repeat; }
#menu a { background: #ffffff; color: #000000; display: block; height: 25px; padding: 5px 0 5px 5px; margin-right: 10px; }
#menu a:hover { background: #000000; color: #ffffff; }
/* #menu a.menu1 { height: 40px; } */
#menu a b { float: left; width: 64px; margin-right: 3px; }

a.menu0b div { width: 210px; height: 56px; background: url(images/tie-menu-image-0b.jpg) no-repeat; }
a.menu1b div { width: 210px; height: 56px; background: url(images/tie-menu-image-1b.jpg) no-repeat; }
a.menu2b div { width: 210px; height: 56px; background: url(images/tie-menu-image-2b.jpg) no-repeat; }
a.menu3b div { width: 210px; height: 56px; background: url(images/tie-menu-image-3b.jpg) no-repeat; }
a.menu4b div { width: 210px; height: 56px; background: url(images/tie-menu-image-4b.jpg) no-repeat; }
a.menu5b div { width: 210px; height: 56px; background: url(images/tie-menu-image-5b.jpg) no-repeat; }
a.menu6b div { width: 210px; height: 56px; background: url(images/tie-menu-image-6b.jpg) no-repeat; }
a.menu7b div { width: 210px; height: 56px; background: url(images/tie-menu-image-7b.jpg) no-repeat; }
a.menu8b div { width: 210px; height: 56px; background: url(images/tie-menu-image-8b.jpg) no-repeat; }
a.menu9b div { width: 210px; height: 56px; background: url(images/tie-menu-image-9b.jpg) no-repeat; }
a.menu10b div { width: 210px; height: 56px; background: url(images/tie-menu-image-10b.jpg) no-repeat; }
a.menu11b div { width: 210px; height: 56px; background: url(images/tie-menu-image-11b.jpg) no-repeat; }
a.menu12b div { width: 210px; height: 56px; background: url(images/tie-menu-image-12b.jpg) no-repeat; }
a.menu13b div { width: 210px; height: 56px; background: url(images/tie-menu-image-13b.jpg) no-repeat; }
a.menu14b div { width: 210px; height: 56px; background: url(images/tie-menu-image-14b.jpg) no-repeat; }
#menub a { background: #ffffff; color: #000000; display: block; padding: 5px; margin-right: 10px; font-weight: bold; }
#menub a:hover { background: #000000; color: #ffffff;}

body{
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: #cccccc;
}
#paper{
	margin: 0 0 0 0;
	padding: 10px 0 50px 0;
	background: #ffffff;
}



body.white{
	/*background: #ffffff;
	color: #000000;*/
}
body.white #exhibition-name {
	background: url(images/tie-valkoinen-pieni.jpg) no-repeat right top;
}

body.black{
	background: #111;
	color: #ffffff;
}
body.black #exhibition-name {
	background: url(images/tie-musta-pieni.jpg) no-repeat right top;
}




#page-wrapper{
	/*
	background: lightyellow;
	*/
	background: #ffffff;
	position: relative;
	width: 800px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

#content-wrapper{
/*
	background: pink;
*/
	float: left;
	clear: right;
}

#footer-wrapper{
	background: #cccccc url(images/footer-background.gif) repeat-x top;
	font-size: 11px;
	color: #777777;
	text-align: center;
	padding: 0;
	margin: 0;
}

#footer-content {
	width: 800px;
	margin: auto; 
}



#footer-wrapper a {
	color: #999999;
	outline: none;
	text-decoration: none;
}
#footer-wrapper a:link { color: #999999; }
#footer-wrapper a:visited { color: #999999; }
#footer-wrapper a:hover { color: #000000; text-decoration: underline; }
#footer-wrapper a:active { color: #999999; }

#footer-wrapper .link-gallery {
	background: url(images/kartta--tie-nayttely-kasvihuoneilmiossa--bw.gif) no-repeat center 25px;
	display: block;
	width: 800px;
	height: 170px;
	padding-top: 10px;
}
#footer-wrapper a.link-gallery:hover {
	background: url(images/kartta--tie-nayttely-kasvihuoneilmiossa--color.gif) no-repeat center 25px;
}
#footer-wrapper a.link-pictrex {
	background: url(images/pictrex-logo-pieni.gif) no-repeat center 27px;
	display: block;
	width: 800px;
	height: 120px;
	padding-top: 7px;
}

#footer-wrapper a img { border: solid 0px #cccccc; text-decoration: none; }
#footer-wrapper a img:link { border: solid 0px #cccccc; text-decoration: none; }
#footer-wrapper a img:visited { border: solid 0px #cccccc; text-decoration: none; }
#footer-wrapper a img:hover { border: solid 0px #000000; text-decoration: none; }
#footer-wrapper a img:active { border: solid 0px #cccccc; text-decoration: none; }

#footer-content .hr{
	background: url(images/hr.gif) repeat-x;
	width: 760px;
	height: 2px;
}

#header{
	padding-left: 160px;
}













#exhibition-name{
	/*
	background: #CCFFCC;
	*/
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 0 0 0;
	width: 140px;
	height: 90px;
	font-size: 100px;
	font-weight: bold;
}

h1{
	/*background: #CCFF99;*/
	margin: 0;
	padding: 0;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
}

#page-info{
	position: relative;
	height: 60px;
	/*
	background: #33CC99;
	*/
	margin-bottom: 10px;
}
#part-number-box{
	float: left;
	background: #000000;
	color: #ffffff;
	text-align: center;
	width: 60px;
	height: 60px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 10px;
}
#part-number{
	font-size: 48px;
	line-height: 37px;
}
#page-info .heading{
	
}
#page-info h2{/*
	background: pink;
	*/
	position: absolute;
	left: 60px;
	bottom: 0;
	vertical-align: bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	
	font-size: 24px;
	font-weight: bold;
}
#page-info .extension{
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 2px;
}
#page-info p{
	margin: 0;
	padding: 0 0 0 70px;
	font-size: 11px;
}

#page-description{
	font-size: 12px;
}
#image-description{
	margin-top: 2px;
	text-align: center;
}
#image-number-box{
	display: inline;
	color: #000000;
	font-size: 9px;
	font-weight: normal;
	padding-right: 15px;

	/*float: left;
	background: #000000;
	color: #ffffff;
	text-align: center;
	width: 60px;
	height: 16px;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;*/
}
#image-description p {
	margin: 0;
	padding: 0 0 0 70px;
	font-size: 12px;

}
.small{
	font-size: 9px;
}



#menu,
#menub {
	/*background: lightblue;*/
	float: left;
	width: 220px;
	padding: 3em 0 4em 10px;
	clear: left;
}
#menu ul,
#menub ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#menu ul li,
#menub ul li {
	margin: 0 0 0 0;
	line-height: 15px;
	padding: 0 0 0 0;
	clear: both;
}
#menu img,
#menub img {
	float: left;
	padding: 0 5px 0 0;
	align: middle;
}









.main-images {
	/*border: 1px solid red;
*/
	background: #ffffff;
	float: left;
	width: 365px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.main-images div {
	float: left;
	margin: 0 0 15px 0;
	padding: 30px 30px 30px 30px;
	background: #f7f7f7;
}
.main-images p {
	/*background: silver;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 11px;
	/*clear: both;*/
}





div.additional-images {
	/*border: 1px solid blue;*/
	/*background: lightgreen;
	*/
	background: #ffffff;
	float: left;
	width: 200px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.additional-images div {
	float: left;
	margin: 0 0 12px 10px;
	padding: 10px 10px 10px 10px;
	background: #f7f7f7;
}
	

.additional-images p {
	/*background: silver;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 9px;
	/*clear: both;*/
}




.text-content {
	width: 570px;
}




.image_wrapper_800x450 {
	width: 304px;
	height: 173px;
}
.image_wrapper_800x450 img {
	width: 300px;
	height: 169px;
}


.image_wrapper_800x285 {
	width: 304px;
	height: 108px;
}
.image_wrapper_800x285 img {
	width: 300px;
	height: 104px;
}


.image_wrapper_800x490 {
	width: 314px;
	height: 224px;
}
.image_wrapper_800x490 img {
	width: 310px;
	height: 220px;
}


.image_wrapper_750x500 {
	width: 304px;
	height: 204px;
}
.image_wrapper_750x500 img {
	width: 300px;
	height: 200px;
}


.image_wrapper_500x667 {
	width: 229px;
	height: 304px;
}
.image_wrapper_500x667 img {
	width: 225px;
	height: 300px;
}


.image_wrapper_444x667 {
	width: 204px;
	height: 304px;
}
.image_wrapper_444x667 img {
	width: 200px;
	height: 300px;
}


.image_wrapper_353x530 {
	width: 204px;
	height: 304px;
}
.image_wrapper_353x530 img {
	width: 200px;
	height: 300px;
}




.image_wrapper_474x267 {
	width: 173px;
	height: 101px;
}
.image_wrapper_474x267 img {
	width: 165px;
	height: 93px;
}



.image_wrapper_400x300 {
	width: 164px;
	height: 123px;
}
.image_wrapper_400x300 img {
	width: 160px;
	height: 120px;
}


.image_wrapper_400x267 {
	width: 164px;
	height: 111px;
}
.image_wrapper_400x267 img {
	width: 160px;
	height: 107px;
}


.image_wrapper_356x267 {
	width: 164px;
	height: 117px;
}
.image_wrapper_356x267 img {
	width: 160px;
	height: 113px;
}


.image_wrapper_300x300 {
	width: 164px;
	height: 164px;
}
.image_wrapper_300x300 img {
	width: 160px;
	height: 160px;
}


.image_wrapper_225x300 {
	width: 124px;
	height: 164px;
}
.image_wrapper_225x300 img {
	width: 120px;
	height: 160px;
}



.image_wrapper_200x300 {
	width: 111px;
	height: 164px;
}
.image_wrapper_200x300 img {
	width: 107px;
	height: 160px;
}







#image-background{
	background: #f7f7f7;
	margin-left: auto;
	margin-right: auto;
}


#image-border-top{
	position: relative;
	clear: both;
	text-align: left;
	height: 32px;
	line-height: 16px;
	margin: 10px 0 2px 0;
}
#image-selector a {
	padding: 0 3px;
}
#image-selector b {
	font-weight: normal;
	padding: 0 3px;
	background: #000000;
	color: #ffffff;
}
#image-selector-prev {
	position:absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	cursor: normal;
}
#image-selector-next {
	position:absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	cursor: normal;
}
#image-selector-prev a,
#image-selector-next a {
	display: block;
	height: 100%;
	text-decoration: none;
}
#image-selector-prev a:hover {
	background: url(images/edellinen-musta.jpg) no-repeat left 100px;
	cursor: pointer;
}
#image-selector-next a:hover {
	background: url(images/seuraava-musta.jpg) no-repeat right 100px;
	cursor: pointer;
}
#part_selector {
	clear: both;
}


#image {
	background: #eeeeee;
}