/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#20263a url(images/body_bg.gif) top repeat-x;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.813em;
		line-height:1.154em;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#106fb8; text-decoration:none;}
a:hover{text-decoration: underline;}
p {padding-top:15px;}
.p {padding-top:23px;}
/* ============================= main layout ====================== */

.more {background:url(images/more_bg.gif) no-repeat 0 0; padding-left:24px; font-weight:bold;}

.send {background:url(images/list_bg.gif) no-repeat 0 0; padding-left:24px; font-weight:bold;}

h1 {background:url(images/logo.gif) top left no-repeat; text-indent:-10000px; height:38px; line-height:1.25em; font-size:0.75em;}
h2 {font-size:2em; font-family:tahoma; font-weight:normal; margin-bottom:20px;}

li { background:url(images/list_bg.gif) no-repeat 0 5px; padding-left:31px;}
li a { line-height:1.846em;}

.imgindent {margin:0 20px 0 0; float:left;}
.blue {color:#1c9ed5;}

/* ============================= middle ====================== */

#middle { width:100%;}
#middle .mainindent {padding:0 15px 0 17px;}
#middle .left_bg {background:url(images/middle_br.gif) bottom right no-repeat;}
#middle .right_bg {background:url(images/middle_bl.gif) bottom left no-repeat #ffffff;}
#middle .indent {padding:7px 0 23px 0;}

/* ============================= footer ====================== */

#footer {color:#ffffff; font-size:0.923em;}
#footer .indent {padding:7px 0 0 20px;}
#footer a {color:#1171ba;}

/* ============================= index ============================= */

#index .t1 {margin-bottom:25px;}
#index .t3 {margin-bottom:22px;}

#index .column1 .padding {padding:14px 20px 22px 20px;}

#index .column2 .padding {padding:14px 0 0 19px;}
#index .column2 ul {margin:16px 0 28px 1px;}

#index .column3 .padding {padding:14px 20px 0 18px;}

/* ============================= index-1 =========================== */

#index_1 .t1 {margin-bottom:21px;}
#index_1 .t2 {margin-bottom:13px;}

#index_1 .column1 .padding {padding:14px 20px 15px 20px;}

#index_1 .column2 .padding {padding:14px 20px 0 19px;}
#index_1 .column2 ul {margin:12px 0 11px 1px;}


/* ============================= index-2 =========================== */

#index_2 .t1 {margin-bottom:21px;}
#index_2 .t2 {margin-bottom:18px;}
#index_2 .t3 {margin-bottom:12px;}

#index_2 .column1 .padding {padding:14px 20px 22px 20px;}

#index_2 .column2 .padding {padding:14px 0 0 17px;}

#index_2 .column3 .padding {padding:14px 20px 0 16px;}
#index_2 .column3 ul {margin:0 0 28px 1px;}


/* ============================= index-3 =========================== */

#index_3 .t1 {margin-bottom:20px;}
#index_3 .t2 {margin-bottom:16px;}

#index_3 .column1 .padding {padding:14px 20px 22px 20px;}

#index_3 .column2 .padding {padding:14px 40px 0 18px;}


/* ============================= index-4 =========================== */

#index_4 .t1 {margin-bottom:24px;}
#index_4 .t2 {margin-bottom:23px;}
#index_4 .t3 {margin-bottom:17px;}

#index_4 .column1 .padding {padding:14px 20px 20px 20px;}
#index_4 .column1 .cont {padding:13px 0 0 4px;}
#index_4 .column1 .padding a {color:#106fb8; text-decoration:none;}
#index_4 .column1 .padding a:hover {text-decoration:underline;}

#index_4 .column2 .padding {padding:14px 0 0 19px;}
#index_4 .column2 ul {margin:16px 0 28px 1px;}

#index_4 .column3 .padding {padding:14px 20px 0 18px;}

#form {padding:0 15px 0 0;}
#form .rowi {height:26px;}
#form .rowt {height:150px;}

#form .input {width:193px; height:20px; padding:0 0 0 5px; font-size:0.86em; color:#8c8c8c; font-family:tahoma;}

#form .div {text-align:right; padding:10px 7px 0 0;}

/* ============================= index-5 =========================== */

#index_5 .t1 {margin-bottom:21px;}
#index_5 #middle .indent {padding:21px 20px 38px 20px;}
#index_5 #middle a {color:#106fb8;}

/* ============================= omat tyylit =========================== */
.alalinkit { color: #000000; font: 10px Arial; text-decoration: none ; }
.vertailuteksti { color: #000000; font: 12px Arial; text-decoration: none ; }
.vertailuhinta { color: #090; font: 16px Arial; text-decoration: none ; font-weight: bold;}
.vertailuvihr { color: #090; font: 16px Arial; text-decoration: none ; font-weight: bold;}
.tekstikentat{ color: #000000; font: 12px Arial; text-decoration: none ; }
.otsikot{ color: #106eb7; font: 25px Arial; text-decoration: none ; }
.rekrytointi { color: #000000; font: 13px Arial; text-decoration: none ; }
.linkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #000000;
}
.contactotsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.kuvankehys { border: solid 1px #272727; }
.ajankohtaista {
	font-family: Verdana;
	font-size: 15px;
	font-style: normal;
	line-height: 100%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #069;
	text-decoration: none;
}
.pakettipun {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	line-height: 100%;
	font-weight: 500;
	font-variant: normal;
	text-transform: none;
	color: #c5000b;
	text-decoration: none;
}
.paketti {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	line-height: 100%;
	font-weight: 500;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.ajankpaiv { color: #069; font-size: 13px; font-family: "Trebuchet MS"; line-height: 135%; }
.linkkiaj { color: #F00; font: 12px Verdana; text-decoration: none ; }
.linkkiaj a:link { color: #F00; font: 12px Verdana; text-decoration: none ; }
.linkkiaj a:visited { color: #F00; font: 12px Verdana; text-decoration: none ; }
.linkkiaj a:hover { text-decoration:underline; }