@charset "ISO-8859-1";

body, html {
	margin: 0; 
	padding: 0;
	font-family: arial, times new roman;
}

body {
	font-size: 62.5%;
	color: #000000;
	background: #0067ac;
	margin-top: 12px;
}

img {
	border: none;
}

p {
	line-height: 14px;
	margin: 0 0 10px;
}

table td {
	vertical-align: top;
}

a {
	color: #0068B2;
}

/***********************************************
*** COMMON
***********************************************/

.clearfloat {
	clear: both;
	height:0px;
    font-size: 1px;
    line-height: 0px;
}

#page {
	position: relative;
	width: 866px;
	margin: 0 auto;
	background: transparent url(../images/bg_page.gif) repeat-y left top;
}

#pageFlash {
	position: relative;
	height: 690px;
	width: 100%;
	overflow: hidden;
	min-width: 866px;
	_width: expression(document.documentElement.clientWidth < 866? "866px": "100%" );
}

#applyHeight {
	width: 866px;
	height: 1px;
	position: absolute;
}

#flashContainer {
	width: 1200px;
	margin-left: 50%;
	left: -600px;
	position: relative;
}

#header {
	position: relative;
	background: transparent url(../images/bg_page_top.gif) no-repeat left top;
	height: 81px;
}

	#header .padding { padding: 23px 29px 0 30px; }

	#header .logo {
		float: left;
		display: block;
		padding: 3px 0 0 0;
	}
	
	#header .contact {
		float: left;
		display: block;
		padding: 0 0 0 29px;
	}
	
		#header .contact a {
			text-decoration: none;
			color: #0068af;
			font-size: 1.3em;
		}
	
	#header .mediaDesigner {
		float: right;
		padding: 0 11px 0 0;
	}
	
		#header .mediaDesigner a {
			display: block;
		}

#navi {
	position: relative;
	padding: 0 11px;
}

	#navi a {
		width: 168px;
		height: 72px;
		float: left;
	}
	
	#navi a span {
		display: none;
	}
	
	#navi a.menu7 { background: transparent url(../images/navi/miksi.gif) no-repeat center top; }
	#navi a.menu1 { background: transparent url(../images/navi/kaanteentekeva.gif) no-repeat center top; }
	#navi a.menu8 { background: transparent url(../images/navi/laadukas.gif) no-repeat center top; }
	#navi a.menu9 { background: transparent url(../images/navi/monipuolinen.gif) no-repeat center top; }
	#navi a.menu10 { background: transparent url(../images/navi/perinteikas.gif) no-repeat center top; }
	
	#navi a.menu22 { background: transparent url(../images/navi/why.gif) no-repeat center top; }
	#navi a.menu23 { background: transparent url(../images/navi/revolutionary.gif) no-repeat center top; }
	#navi a.menu26 { background: transparent url(../images/navi/proven.gif) no-repeat center top; }
	#navi a.menu30 { background: transparent url(../images/navi/versatile.gif) no-repeat center top; }
	#navi a.menu33 { background: transparent url(../images/navi/established.gif) no-repeat center top; }
	
	#navi a.menu37 { background: transparent url(../images/navi/varfor.gif) no-repeat center top; }
	#navi a.menu38 { background: transparent url(../images/navi/revolutionerande.gif) no-repeat center top; }
	#navi a.menu39 { background: transparent url(../images/navi/kvalitetstestat.gif) no-repeat center top; }
	#navi a.menu40 { background: transparent url(../images/navi/mongsidigt.gif) no-repeat center top; }
	#navi a.menu41 { background: transparent url(../images/navi/traditionellt.gif) no-repeat center top; }
	
	/* OTA YHTEYS */
	#navi a.menu12 { display: none; }
	#navi a.menu36{ display: none; }
	#navi a.menu42 { display: none; }
	
	/* MEDIA KIT */
	#navi a.menu59 { display: none; }
	
	/* DESIGNER KIT */
	#navi a.menu60 { display: none; }
	#navi a.menu61{ display: none; }
	#navi a.menu62 { display: none; }
	
	#page #navi a:hover, #page #navi a.active {
		background-position: center bottom;
	}

#breadCrumbs {
	position: relative;
	color: #0068af;
	font-size: 1.2em;
	padding: 8px 35px 0 35px;
}
		
	#breadCrumbs a {
		color: #0068af;
	}
	
	#breadCrumbs a.menu-current {
		font-weight: bold;
		text-decoration: none;
	}

#main {
	position: relative;
	padding: 17px 19px 2px 35px;
}

#mainLeft {
	float: left;
	width: 164px;
}

	#mainLeft .padding { padding-right: 35px; }

	#mainLeft h1 {
		font-size: 2.3em;
		color: #0068b2;
		margin: 0 0 14px;
		line-height: 1.1em;
		font-family: helvetica, arial;
	}
	
	#mainLeft a {
		text-decoration: none;
		font-size: 1.2em;
		color: #0068b2;
		line-height: 1.4em;
	}
	
	#mainLeft a.menu-current {
		font-weight: bold;
	}
	
	#mainLeft img {
		display: block;
		padding: 0 0 18px 0;
	}
	
	#mainLeft a span {
		float: left;
		display: block;
		width: 10px;
	}
	
	#mainLeft a span.text {
		width: 100px;
	}

#mainContent {
	float: left;
	width: 450px;
}

	#mainContent .leftCol {
		float: left;
		width: 180px;
	}
	
		#mainContent .leftCol .padding { padding-right: 15px; }
	
	#mainContent .rightCol {
		float: left;
		width: 270px;
	}

	#mainContent h1 {
		font-size: 2.3em;
		color: #0068b2;
		margin: 0 0 14px;
		line-height: 1.1em;
		font-family: helvetica, arial;
		font-weight: normal;
	}
	
	#mainContent h2 {
		font-weight: bold;
		font-size: 1.2em;
		margin: 0 0 14px;
		line-height: 1.15em;
	}
	
	#mainContent p {
		font-size: 1.2em;
	}
	
	#main ul {
		padding-left: 13px;
	}
		
	#main ol {
		padding-left: 13px;
	}
	
	#main li {
		font-size: 1.2em;
		margin: 4px 0;
		padding-left: 2px;
	}
	
	#animFlash {
		width: 159px;
		height: 159px;
		background: #cccccc;
	}
	
	#main a.animLink {
		background: transparent url(../images/bg_anim_link.gif) no-repeat 2px top;
		font-size: 1.2em;
		color: #000000;
		text-decoration: none;
		padding: 3px 0 3px 30px;
		display: block;
		margin: 13px 0;
	}
	
	#main a.animLink:focus{ outline:none; }

	
#mainContentWide {
	float: left;
	width: 648px;
}

	#mainContentWide h1 {
		font-size: 2.3em;
		color: #0068b2;
		margin: 0 0 14px;
		line-height: 1.1em;
		font-family: helvetica, arial;
		font-weight: normal;
	}
	
	#mainContentWide h2 {
		font-weight: bold;
		font-size: 1.2em;
		margin: 0 0 14px;
		line-height: 1.15em;
	}
	
	#mainContentWide p {
		font-size: 1.2em;
	}

#mainRight {
	float: right;
	width: 159px;
}

#footer {
	position: relative;
	background: #0067ac url(../images/bg_page_bottom.gif) no-repeat left top;
	font-size: 1.1em;
	color: #ffffff;
	text-align: right;
	padding: 14px 10px 0 0;
	z-index: 10;
}

#miksi {
	width: 648px;
	height: 412px;
	background: #ffffff url(../images/bg_miksi.jpg) no-repeat left top;
	position: relative;
}

.eng #miksi {
	background: #ccccff url(../images/bg_why.jpg) no-repeat left top;
}

.swe #miksi {
	background: #ccccff url(../images/bg_miksi_se.jpg) no-repeat left top;
}

	#miksi a {
		position: absolute;
		width: 38px;
		height: 38px;
		display: block;
		text-decoration: none;
		color: #ffffff;
	}
	
	#miksi a.link1 {
		right: 165px;
		top: 56px;
	}
	
	#miksi a.link2 {
		right: 160px;
		top: 128px;
	}
	
	#miksi a.link3 {
		right: 218px;
		top: 173px;
	}
	
	#miksi a.link4 {
		right: 274px;
		top: 220px;
	}
	
	#miksi a.link5 {
		right: 105px;
		top: 253px;
	}
	
	#miksi a.link6 {
		right: 105px;
		top: 303px;
	}


	#miksi .popup {
		position: absolute;
		background: transparent url(../images/bg_miksi_popup.png) no-repeat right top;
		right: 0px;
		top: 0px;
		width: 393px;
		overflow: hidden;
		display: none;
		z-index: 999;
	}
	
		#miksi .popup .content {
			float: right;
			width: 167px;
			overflow: hidden;
		}
		
			#miksi .popup .content .padding { padding: 4px 30px 0 11px; }
			
			#miksi .popup .content ul {
				margin: 0;
				padding: 2px 0 0 10px;
			}
			
			#miksi .popup .content li {
				font-size: 1.1em;
				margin: 4px 0 0;
				line-height: 1.1em;
			}
			
			#miksi .popup .content h2 {
				font-size: 1.2em;
				margin: 0;
			}
		
		#miksi .popup .image {
			float: right;
			width: 0px;
			overflow: hidden;
			text-align: right;
		}
		
			#miksi .popup .image img {
				padding: 0;
				margin: 0;
				float: right;
			}
			
#miksiContent {
	width: 190px;
	position: absolute;
	top: 130px;
}
			
.swe #miksiContent {
	width: 190px;
	position: absolute;
	top: 105px;
}

#noflash {
	padding: 15px 172px;
}