@import url(reset.css);
@import url(editor.css);

/* Global
---------------------------------------- */

body, html { background: #f5f2e1 url(/media/ulkoasu/header_bg-repeat.gif) top center repeat-x; }

body#kuvaputki, html#kuvaputki { position: relative; background: #f5f2e1 url(/media/ulkoasu/header_bg_repeat2.jpg) top left repeat-x; }

.wrapper { position: relative; float: none; width: 700px; margin: 0 auto; padding: 0; }

.hr {
        float: none;
        height: 2px;
        margin: 0 0 10px 0;
        border: 0;
        background: url(/media/ulkoasu/hr_small.gif) top left repeat-x;
}
.hr hr { display: none; }

/* Layout
---------------------------------------- */

#HeaderWrapper, #BodyWrapper, #FooterWrapper { min-width: 100%; }
* html #HeaderWrapper, * html #BodyWrapper, * html #FooterWrapper { width: 100%; }

#HeaderWrapper { height: 396px; background: url(/media/ulkoasu/header_bg.jpg) top center no-repeat; }

body#kuvaputki #HeaderWrapper { height: 402px; background: url(/media/ulkoasu/header_bg3.jpg) top center no-repeat; }

#BodyWrapper { background: #faf8eb url(/media/ulkoasu/body_bg-repeat.gif) top center repeat-x; }

#BodyWrapper .BodyWrapperBg { min-width: 100%; background: url(/media/ulkoasu/body_bg.gif) top center no-repeat; }

/* Header 
---------------------------------------- */

#logoFaktor {  float: left; margin: 40px 0 0 30px; }

#navigation {
	float: right;
	padding: 90px 18px 0 0;
}
/*
#navigation ul { width: 394px; height: 34px; margin: 0; background: url(/media/ulkoasu/navigation-bar_bg.gif) top left no-repeat; }
#navigation li { float: left; padding: 0; background: none; }
#navigation a {
	font-size: 80%;
	color: #dbe6cf;
	width: 100px;
	padding: 5px 15px 6px 15px;
	display: block;
}
#navigation a:hover { color: #ffffff; text-decoration: none; }
#navigation li#nav1 a { width: 101px; padding-left: 17px; }
#navigation li#nav3 a { width: 99px; padding-right: 17px; }
#navigation li.current a {
	font-weight: bold;
	color: #ffffff;
	background-image: url(/media/ulkoasu/navigation-bar_bg-current.gif);
	background-repeat: no-repeat;
}
#navigation li#nav1.current a {	background-position: top left; }
#navigation li#nav2.current a { background-position: top center; }
#navigation li#nav3.current a { background-position: top right; }
*/
/* NAVIGATION*/

#navigation ul {
float: right;
width: auto;
height: 30px;
margin: 0;
padding: 0;
background: url(/media/ulkoasu/menu_repeat.jpg) top left repeat-x;
}

#navigation li { 
float: left;
height: 30px;
border-right: solid 1px #666457;
border-left: solid 1px #868577;
background-image: none;
padding: 0;
}

#navigation li.current .item { 
float: left;
height: 30px;
background: url(/media/ulkoasu/menu_repeat_current.jpg) top left repeat-x;
}

#navigation li.first {
border-left: 0;
padding-left: 11px;
background: url(/media/ulkoasu/menu_left.jpg) top left no-repeat;
}

/*#navigation li.first.current {
border-left: 0;
padding-left: 11px;
background: url(/media/ulkoasu/menu_left_current.jpg) top left no-repeat;
}*/


#navigation li.first.currentFirst {
border-left: 0;
padding-left: 11px;
background: url(/media/ulkoasu/menu_left_current.jpg) top left no-repeat;
}

#navigation li.last {
border-right: 0;
padding-right: 11px;
background: url(/media/ulkoasu/menu_right.jpg) top right no-repeat;
}

#navigation li.currentLast .item, #navigation li.last .item  { 
background: url(/media/ulkoasu/menu_repeat_kp.jpg) top left repeat-x;
}

#navigation li.currentLast, #navigation li.last { 
background: url(/media/ulkoasu/menu_right_kp.jpg) top right no-repeat;
}

#navigation li.last a {
	font-weight: bold;
	color: #ffffff;
	background: none;
}

#navigation a {
float: left;
height: 19px;
width: auto;
	font-size: 80%;
	color: #dbe6cf;
	padding: 5px 11px 6px 11px;
	display: block;
}

#navigation li.current a {
	font-weight: bold;
	color: #ffffff;
	background: none;
}

#headerImg { position: absolute; top: 149px; left: 0; }
#headerImg p { margin: 0; }

body#kuvaputki #headerImg  { 
top: 29px;
position: relative;
width: 700px;
height: 178px;
padding: 0px 0px 70px 0px;
}

body#kuvaputki #headerImg h1 { 
font-size: 160%;
margin-bottom: 10px;
}

body#kuvaputki #headerImg a { 
font-size: 90%;
}

body#kuvaputki #ylateksti  {
position: absolute;
top: 30px;
left: 30px;
width: 350px;
height: 143px;
z-index: 1000;
}

body#kuvaputki #ylateksti p {
margin: 10px 0px;
}

#languages {
	position: absolute;
	top: 5px;
	right: 0px;
}
#languages .languageText {
	font-size: 11px;
	color: #DBE6CF;
}
#languages ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#languages ul li {
	background: none;
	float: left;
	margin: 0;
	padding-left: 15px;
}

body#kuvaputki #selectLang-EN a {
display: none;
}

/* Body
---------------------------------------- */

/* Main */

#Main, #Sidebar { min-height: 390px; }
* html #Main, * html #Sidebar { height: 390px; }

#Main { 
	width: 430px;
	padding: 30px 30px 20px 20px;
	background: url(/media/ulkoasu/sidebar_shadow.gif) top right no-repeat;
}
#Main.long { width: 660px; padding: 30px 20px 20px; background: none; }
#Main img { border: 3px solid #d5d5d2; }
#Main .LinkWithArrow {
        padding: 0 0 5px 45px;
        background: url(/media/ulkoasu/arrow_large.gif) no-repeat 15px 3px;
	display: block;
}

#Main .date {
	font-size: 85%;
	text-transform: capitalize;
	color: #b3af98;
	margin: 0 0 10px 0;
	display: block;
}
#Main table .date { margin: 0; }
#Main table td { padding: 2px 5px; border-bottom: 1px dashed #e5e3d3; }
#Main .tableTools { margin: 0 0 10px 0; }
#Main .tableTools td { border: 0; }
#Main .tableNews td { width: 50%; }
#Main .pagination { float: none; margin: 10px 0 0 0; }
#Main .pLinksHolder {
	float: none;
	font-family: "Georgia", sans-serif;
	font-size: 150%;
	padding: 0 5px;
}

/* Comments */

.tableComments { width: auto; margin: 10px 20px 15px 20px; }
.tableComments .col1 { width: 100px; }
.tableComments .col2 { width: 550px; }
.tableComments .formTextinput, .tableComments .formTextarea { width: 510px; }
.tableComments .formTextarea { height: 100px; }

.commentHolder { padding: 20px 20px 10px 20px; }
.commentHolder.even { background: #F5F2E1; }
.commentHolder p { font-size: 80%; line-height: 130%; }

/* Form */

.formEmailinput, .formTextinput, .formTextarea {
	font-family: "Verdana", sans-serif;
	font-size: 85%;
        width: 422px;
        padding: 3px;
	border-width: 1px;
	border-style: solid;
        border-top-color: #e5e2cf;
        border-left-color: #e5e2cf;
        border-right-color: #f5f2e1;
        border-bottom-color: #f5f2e1;
}
.formTextarea {
	height: 150px;
}
input[type=submit] {
	font-family: Verdana, sans-serif;
	font-size: 80%;
	color: #ffffff;
	width: 84px;
	height: 26px;
	margin: 10px 0 0 0;
	border: 0;
	background: url(/media/ulkoasu/submit.gif) top left no-repeat;
	cursor: pointer;
}

form table { width: 100%; }
form table td {
	text-align: left;
	vertical-align: top;
        border: 0!important;
        padding: 0 0 5px 0!important;
}
form label { padding: 5px 2px; display: block; }

#rekisteroidy {
margin-top: 20px;
}

#rekisteroidy .formEmailinput, #rekisteroidy .formTextinput, #rekisteroidy .formTextarea {
width: 200px;
}

#rekisteroidy .check label { padding: 0px 2px;  }

/* Sidebar */

#Sidebar { 
	float: right;
	font-size: 80%;
	line-height: 130%;
	width: 170px;
	padding: 30px 35px 20px 15px;
	background: url(/media/ulkoasu/sidebar_bg-repeat.gif) top left repeat-y;
}
#Sidebar h1, #Sidebar h2, #Sidebar h3, #Sidebar h4, #Sidebar h5, #Sidebar h6 { padding: 0 10px; }
#Sidebar h2 { font-size: 170%; }
#Sidebar p { padding: 0 10px; }
#Sidebar .menu { margin: 0 0 10px 0; }

body#kuvaputki #Sidebar .menu {
float:left;
width: 170px;
margin: 0;
}

#Sidebar .menu li {
	padding: 0 10px;
	border-bottom: 1px solid #edebdf;
	border-top: 1px solid #ffffff;
	background: none;
}

body#kuvaputki #Sidebar .menu li {
float:left;
width: 150px;
}

#Sidebar .menu li.first { border-top: 0; }
#Sidebar .menu li.last { border-bottom: 0; }
body#kuvaputki #Sidebar .menu li.last { border-bottom: 1px solid #edebdf; }
#Sidebar .menu a { 
	font-size: 110%;
	color: #c4151c;
	padding: 5px 0;
	display: block;
}

body#kuvaputki #Sidebar .menu a {
	font-size: 110%;
	color: #c4151c;
	padding: 5px 0px 5px 15px;
	display: block;
float:left;
	background: url("/media/ulkoasu/arrow_small.gif") left center no-repeat;
}


#Sidebar .menu .current a { font-weight: bold; text-decoration: none; }
#Sidebar .LinkWithArrow {
        padding: 0 16px 0 0;
        background: url(/media/ulkoasu/arrow_small.gif) center right no-repeat;
	display: inline;
}

body#kuvaputki #Sidebar .LinkWithArrow, body#kuvaputki #headerImg .LinkWithArrow  {
        padding: 0 0 0 16px;
        background: url(/media/ulkoasu/arrow_small.gif) center left no-repeat;
	display: inline;
}

/* Footer 
---------------------------------------- */

#FooterWrapper .wrapper {
	text-align: center;
	color: #ccc9ad;
	padding: 30px 0;
}

.fi .taustakuva {
        background: url(/media/ulkoasu/aaa_logo_fi.jpg) 430px center no-repeat;
}

.en .taustakuva {
        background: url(/media/ulkoasu/aaa_logo_en.jpg) 430px center no-repeat;
}

/* Kuvaputki */

#SidebarTop {
	float: left;
	width: 170px;
padding: 15px 0px;
border-bottom: solid 1px #edebdf;
border-top: solid 1px #ffffff;
}

#SidebarBottom {
	float: left;
	width: 170px;
padding: 15px 0px;
border-top: solid 1px #ffffff;
}

#Main #kysymykset td {
padding: 10px 5px;
}


body#kuvaputki #Main #kysymykset td h2 {
cursor: pointer;
font-size: 120%;
}

body#kuvaputki #Main #kysymykset td img.nuoli, body#kuvaputki #Main #kysymykset td img.nuolialas {
cursor: pointer;
}

#Main #kysymykset img {
border: 0;
}

/* ZOOM */

body#kuvaputki #Main table.zoomTable td { border-bottom: 0; }

body#kuvaputki #Main table.zoomTable img { border: 0; margin: 0px 0px 5px 0px; }

body#kuvaputki #Main table.zoomTable td p { margin: 0; }

body#kuvaputki #Main table.zoomTable td.zoomTd {
        height: 145px;
        padding-top: 10px;
        background: url(/media/ulkoasu/zoom_bg.gif) no-repeat center top;
}

body#kuvaputki #Main .zoomLink {
        padding: 0 0 5px 20px;
        background: url(/media/ulkoasu/zoom_icon.gif) no-repeat 0px 2px;
}

#window-shade {
	background-color: #000000;
	display: none;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
	float: none;
}

body#kuvaputki #window {
	display: none;
	float: none;
	background-color: #fff;
	overflow: hidden;
	position: absolute;
	width: 530px;
	height: 310px;
	z-index: 150;
}

body#kuvaputki #viewer {
	float: left;
	position: relative;
	width: 530px;
	height: 310px;
}

#close-button {
	background-color: #fff;
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 12px;
	color: #c4151c;
	font-weight: bold;
}

#lisatietoa {
width: 155px;
}

#lisatietoa .formTextinput, #lisatietoa .formEmailinput {
width: 155px;
color: #66634C;
font-size: 100%;
}

#lisatietoa .formTextarea {
width: 155px;
height: 100px;
color: #66634C;
font-size: 100%;
}

#lisatietoa input[type="submit"]  {
font-size: 100%;
}