/*

#00cccc -> #00b6cc
#006666 -> #00718e
#ff6600 -> #f58028
#ffffff
*/

body {
	text-align: left;
	margin: 0 auto;
	color: #ff6600;
	font-family: verdana;
	font-size: small;
	background-color: #00b6cc;
}

p { text-align: left; }
p.center { text-align: center; }

.center { text-align: center; }

.xtop, .xbottom {margin: 0 auto; width:903px; display:block; background:transparent; font-size: 1px; }
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#00718e; border-left:1px solid #444444; border-right:1px solid #444444;}
.xb1 {margin:0 5px; background:#444444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.container {
	margin: 0 auto;
	width: 900px;
	display:	block; 
	background: #cccddd; 
	border: 0 solid #444444; 
	border-width: 0 1px;
}

div.supercontainer {
	overflow: hidden;
}

div.maincontent {
	overflow:	hidden;
	margin-top:	18px;
	margin-bottom:	18px;
	line-height: 	18px;
	background-color: #FFFFFF;
	color: #444444;
	border-left:	1px solid #444444;
	border-right:	1px solid #444444;
	border-bottom:	1px solid #444444;
	width:		585px;
}

div.content {
	z-index: 4;
	margin-left: 	25px;
	min-height:	600px;
}

.ytop { clear: left; float: left; width:244px; display:block; background:transparent; margin-right: 18px; }
.ybottom { float: left; width:244px; display:block; background:transparent; font-size:18px;}
.yb1, .yb2, .yb3, .yb4 {display:block; overflow:hidden;}
.yb1, .yb2, .yb3 {height:1px;}
.yb2, .yb3, .yb4 {background:#eeeeff; border-left:1px solid #444444; border-right:1px solid #444444;}
.yb1 {margin:0 5px; background:#444444;}
.yb2 {margin:0 3px; border-width:0 2px;}
.yb3 {margin:0 2px;}
.yb4 {height:2px; margin:0 1px;}
.zbottom { float: left; width:244px; margin-bottom: 18px; display:block; background:transparent; font-size:18px;}

div.sidekick {
	float: left;
	line-height: 14px;
	background-color: #eeeeff;
	border-left:	1px solid #444444;
	border-right:	1px solid #444444;
	width:	242px;
	height: 100%;
	color: #444444;
	font-size: 11px;
}


div.sidecontent {
	margin: 6px;
	background-color: #eeeeff;
	width:	236px;
	height: 100%;
}

div.credits1 {
	float: left;
	margin-right: 5px;
	text-align: right;
	line-height: 14px;
	width:	75px;
	color: #444444;
	font-size: 11px;
}

div.credits2 {
	margin-right: 6px; 
	margin-left: 5px;
	overflow: hidden;
	text-align: left;
	line-height: 14px;
	color: #444444;
	font-size: 11px;
}

div.credits1en {
	float: left;
	margin-right: 5px;
	text-align: right;
	line-height: 14px;
	width:	105px;
	color: #444444;
	font-size: 11px;
}

div.credits2en {
	margin-right: 6px; 
	margin-left: 5px;
	overflow: hidden;
	text-align: left;
	line-height: 14px;
	color: #444444;
	font-size: 11px;
}

div.header {
	color:		white;
	background-color: #00718e;
	clear:		left;
	line-height:	80px;
	height:		80px;
	border-bottom:	1px solid #444444;
}

div.footer {
	z-index:	4;
	text-align:	center;
	color:		#AAAAAA;
	background-color: #00718e;
	clear:		left;
	line-height:	40px;
	border-top:	1px solid #444444;
}

div.imageright { background-color: #eeeeff; border: 1px solid #444444; float: right; margin-bottom: 18px; margin-left: 8px; text-align: center; font-size: 11px; }
img.borderbottom { border-bottom: 1px solid #444444; }
img.title { border-width: 0; float: left; margin-left: 45px; margin-top: 5px; }
img.bigpicture { margin: 3px; border: 1px solid #444444; }
img.sidekick { margin: 6px; border: 1px solid #444444; }
img.titlepic { float: right; margin-left: 5px; margin-right: 30px; }
div.titlecenter { margin-left: 290px; text-align: center; width: 420px; height: 80px; line-height: 80px; position: absolute; }

a		{ color: #FFFFFF; text-decoration: none; }
a:hover		{ text-decoration: underline; }
a.menu		{ color: #FFFFFF; text-decoration: none; }
a.menu:hover 	{ text-decoration: underline; }
a.sidekick	{ color: #444444; text-decoration: underline; }
a.sidekick:hover { color: #444444; text-decoration: none; }
a.sidekick2	{ color: #444444; text-decoration: underline; }
a.sidekick2:hover { color: #444444; text-decoration: none; }

div.h2 { margin: 0px; border-top: 1px solid #444444; border-bottom: 1px solid #444444; line-height: 25px; background-color: #f58028; }
h2 { margin: 0px; margin-left: 30px; letter-spacing: 4px; font-size: 18px; color: #ffffff; background-color: #f58028; }

div.h3 { margin: 0px; margin-top: 4px; line-height: 16px; background-color: #f58028; }
h3 { margin: 0px; margin-left: 5px; letter-spacing: 2px; font-size: 12px; color: #ffffff; background-color: #f58028; }

div.textc { text-align: center; margin: 18px; }
div.text { text-align: left; margin: 18px; }
div.text2 { text-align: left; margin: 6px; }
div.kuvateksti { text-align: center; margin-left: 6px; margin-right: 6px; }
.pikkutab { margin-left: 30px; }
.b { font-width: strong; }

.c { text-align: center; }
.right { text-align: right; margin-top: 2px; }

.testi { margin: 0 auto; position: fixed; background-color: #00b6cc; width: 100%; height: 100px; bottom: 0px; z-index: -1; }

div.all { margin: 0 auto; margin-top: 30px; margin-bottom: 30px; width: 100% height: 100%; background-color: #00b6cc; z-index: -3;}