@charset "utf-8";
/* CSS Document */
body  {font-size: 75%;}
* {margin: 0;font-family: Arial, sans-serif;color:#333333; }
a, a:link, a:visited, a:active {font-family: Arial, sans-serif; color: #fd5f0f; font-size: 1.1em; text-decoration:none;}
a strong , a:link strong , a:visited strong , a:active strong  {font-family: Arial, sans-serif; color: #fd5f0f; font-size: 1.0em;}
p a, p a:link, p a:visited, p a:active {
	font-family: Arial, sans-serif;
	color: #fd5f0f;
	font-weight:bold;
	text-decoration:none;
	background-image: url(/images2/blue_nuoli.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:10px;
}

/* dimensions start*/
.header {
	width: 100%;
	height: 98px;
	background-image: url(/images3/head_bg.gif);
	background-repeat: repeat-x;
	padding-top:8px;
}

div.wrap {
	margin: auto;
	width: 960px;
}

.header_content {
	width: 957px;
	height: 52px;
	text-align:center;
	margin-top:12px;
	float:left;
}
.slogan{
	width: 390px;
	height: auto;
	float:left;
	margin-top: 9px;
	color: #CCC;
	margin-left: 11px;
	text-align:left;
}

.title_h {
	float: left;
	height: auto;
	width: 390px;
}

.logo {
	width: 250px;
	height: 39px;
	float:left;
}
.logo img {
	border:none;
}

.language_links{
	width: 300px;
	height: 23px;
	float: left;
	text-align: right;
}

.right_column {
	float: left;
	width: 190px;
	margin-top: 25px;
}

.middle_column {
	float: left;
	width: 500px;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom:10px;
}

.middle_box {
	background-color: #f7fafc;
	width: 455px;
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #cccccc;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-radius:0.3em;
}

.uutta {
	padding: 7px;
	height: auto;
	width: 470px;
	margin-top: 2px;
	margin-bottom: 13px;
	border: 1px solid #CCC;
	border-radius:0.3em;
}

.left_column {
	width:200px;
	height: 400px;
	margin-top: 15px;
	float: left;
	margin-right: 40px;
}
.footer_new  {width: 960px;}
.footer_left_column {width: 218px;}
.footer_right_column {width: 218px;}

/*dimensions end*/








.date_select input {
margin-top:3px;
margin-right:5px;
padding-top:3px;
}
.price-row {
	width:330px;
	height:23px;
	padding-bottom:0px;
}

.footer_new a {font-family: Arial, sans-serif; color: #505050; font-size: 1.0em;}


p a:hover {font-family: Arial, sans-serif; color: #1361af;  font-weight:bold;}
a:hover {font-family: Arial, sans-serif; color: #1361af;}
.soppari a, .soppari a:link {color: #505050; font-size: 0.9em; margin-left:0px;}
.soppari {color: #505050; font-size: 0.9em; margin-left:150px;}
.alv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #505050;
}
.alv a, .alv a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0b4885;
}

h1 {
	font-size: 1.6em;
	font-weight: bold;
	/*color: #094580;*/
	color:#0b4885;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
	color:#505050;
	margin-top: 19px;
	padding-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	
	
	/*color: #094580;*/
}
.facebook-plugin{width:200px;}
h3 {
	font-size: 1.2em;
	color: #505050;
	margin-top: 7px;
	padding-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-weight: bold;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #094580;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
	color: #094580;
	padding-bottom: 0px;
}




.laheta_btn {
	color:#FFF;
	font-weight:bold;
	background-image: url(/images/send_bg.png);
	background-repeat: no-repeat;
	width:114px;
	height: 37px;
	padding-top: 13px;
	margin-bottom: 4px;
	border:none;
	border-width:0px;
}

.m-luokka {
	background-image: url(/images/m-kortti-icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 37px;
	height: 30px;
	padding-top: 13px;
	margin-bottom: 4px;
}

.t-luokka {
	background-image: url(/images/t-kortti-icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 37px;
	height: 30px;
	padding-top: 13px;
	margin-bottom: 4px;
}

.a-luokka {
	background-image: url(/images/a-kortti-icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 37px;
	height: 30px;
	padding-top: 13px;
	margin-bottom: 4px;
}

.b-luokka {
	background-image: url(/images/b-kortti-icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 37px;
	height: 30px;
	padding-top: 13px;
	margin-bottom: 4px;
}

.facebook_like {
	float: right;
	height: 40px;
	width: 99px;
}

.facebook_link {
	background-image: url(/images3/f_logo.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 39px;
	display: block;
}


.language_links ul li{
	color: #FFF;
	list-style-type: none;
	list-style-image: none;
	float: right;
	display: block;
	width: auto;
	margin-right: 11px;
}
.language_links ul li a{
	color: #FFF;
	text-decoration:none;
}
/* NAVIGATION */

.navigation {
	background-color:#0b4885;
	height: 33px;
	width: 958px;
	-moz-border-radius: 0.5em;
	border-radius:0.5em;
	padding:0px;

}
.navigation ul {
margin-left:0px;

}
.navigation ul a{
	text-decoration:none;
	font-weight:bold;
	font-size: 1.2em;
	padding-top:5px;
	padding-bottom:8px;
	padding-left:7px;
	padding-right:7px;
	-moz-border-radius: 0.4em;
	border-radius:0.4em;
	color:#ffffff;
}

.navigation li {
margin-left:8px;
margin-right:8px;
}

.navigation ul a:hover{
	text-decoration:none;
	font-weight:bold;
	font-size: 1.2em;
	padding-top:5px;
	padding-bottom:6px;
	padding-left:7px;
	padding-right:7px;
	background-color: #093e72;	
}
.navigation ul li a:hover{
color:#b4e7ff;
}


.menu {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	list-style-type: none;
	list-style-image: none;
	display: block;
	float: left;
	width: auto;
	margin-right:33px;
	margin-top: 8px;
}


.footer_new {
	height:99px;
	background-color: #d2d2d2;
	margin: auto;
	margin-top:50px;
	-moz-border-radius: 0.5em;
	margin-bottom:20px;
	border-radius:0.5em;

background: -webkit-gradient(
linear, center top, center bottom,
color-stop(0%, #dedfdf),
color-stop(30%, #ededed),
color-stop(40%, #ededed),
color-stop(100%, #dedfdf));
background: -moz-linear-gradient( top, #dedfdf, #ededed 30%, #ededed 40%, #dedfdf 100%);

}
.footer_left_column {
	margin: 8px;
	float: left;
	height: auto;
}
.footer_right_column {
	margin: 8px;
	float: left;
	height: auto;
	width: 300px;
}
.footer_right_column ul {
	/* [disabled]display:block; */
	list-style-type:none;
	list-style-image:none;
	margin: 4px;
}
.footer_right_column li, footer_left_column li{
	margin-left:-28px;
	margin-right:8px;
}


.footer_left_column ul {
	display:block;
	float:left;
	margin-right:14px;
	list-style-type:none;
	list-style-image:none;
	margin-top:8px;
	margin-bottom:10px;
	margin-left:-20px;
}
.footer_left_column ul li{
	display:block;
}


.footer_left_column ul a, .footer_left_column li{
	font-size:11px;
	color:#6f6f6f;
	text-decoration:none;
}
.footer_new .footer_right_column ul a, .footer_right_column li a{
	font-size:12px;
	text-decoration:none;
}
.footer_right_column h4{
	font-size:12px;
	text-decoration:none;
	color:#696969;
	margin: 0px;
	padding: 0px;
	display: block;
	width: auto;
}




/* CONTENT */



.small_box_container3 {
	background-color:#0B4885;
	height: auto;
	width: 185px;
	font-size: 1.2em;
	color:#FFFfff;
	font-weight: normal;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	-moz-border-radius: 0.5em;
	margin-bottom: 15px;
	border-radius: 0.5em;
}
.small_box_container3 h2 {
	font-size: 1.1em;
	color:#FFFfff;
	font-weight: bold;
	margin-top:2px;
	margin-bottom:4px;
	padding-top:2px;
	padding-bottom:4px;
}
.small_box3_content {
	padding-top:4px;
	height: auto;
	width: 170px;
	padding-left: 5px;
	padding-bottom: 3px;
}
.small_box3_content ul {
	padding:0px;
	list-style-type: none;
	margin: 0px;
}
.small_box3_content ul li  {
	padding-bottom:4px;
	margin-bottom:4px;
	background-image: url(../images2/white_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right:8px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1361af;
}
.small_box3_content ul li a {
	font-size: 1.0em;
	color:#FFFfff;
	font-weight: normal;
	text-decoration:none;
	display: block;

}
.small_box3_content ul li a:hover {
	font-size: 1.0em;
	color:#089fff;
	font-weight: normal;
	text-decoration:none;
}

.small_box3_bottom {
background-image: url(/images2/leftbox3_bot.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 170px;
	height:4px;
	font-size: 1.0em;
	color:#FFFfff;
	font-weight: normal;
	padding-left: 15px;
	margin-bottom:7px;
	
}

/*navi*/
.sec_navigation {
	background-color:#ffffff;
	height: auto;
	width: 185px;
	font-size: 1.0em;
	color:#0f5fb0;
	font-weight: normal;
	padding-left:0px;
	padding-bottom: 10px;
	padding-top: 10px;
	-moz-border-radius: 0.5em;
	margin-bottom: 15px;
	border-radius:0.5em;
}

.sec_navi_content {
	padding-top:4px;
	height: auto;
	width: 170px;
	padding-left: 5px;
	padding-bottom: 3px;
}
.sec_navi_content ul {
	padding:0px;
	list-style-type: none;
	margin: 0px;
}
.sec_navi_content ul li  {
	padding-bottom:4px;
	margin-bottom:4px;
	background-image: url(../images2/blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right:8px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #abb3ff;
}
.sec_navi_content ul li a {
	font-size: 1.0em;
	color:#0f5fb0;
	font-weight: bold;
	text-decoration:none;
	display: block;

}
.sec_navi_content ul li a:hover {
	font-size: 1.0em;
	color:#089fff;
	font-weight: bold;
	text-decoration:none;
}

/*sec navi end */

.small-box-container h3 {
	font-size: 1.3em;
	height: auto;
	width: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	color:#fd5f0f;
}
.small-box-container img {
	margin-left: 50px;
	margin-top: 13px;
	margin-bottom: 20px;
	border:none;
}

.small-box-container {
	border: 1px solid #CCCCCC;
	height: auto;
	width: 185px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 15px;
	padding-bottom: 2px;
	-moz-border-radius: 0.5em;
	border-radius:0.5em;
}
.wd136{width:136px;}
.wd296{width:296px;}


.title_row td {
	color: #FFF;
	background-color: #0a539c;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	
	height:22px;
}
.title_row  {
margin:5px;
padding:5px;
}
.form-table2 .title_row td {
	color: #FFF;
	background-color: #fff;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	height:22px;
}
.form-table  td {
	padding-left:15px;
}

.form-table  td {
	padding-top:3px;
	padding-bottom:3px;

}


.form-table2 #title1{
	font-size:1.3em;
	color:#0c59a5;
	height: 35px;
	padding-left:45px;	
	padding-top:7px;
	background-image: url(/images/title_1.png);
	background-repeat: no-repeat;
	background-position: left 0px;
}
.form-table2 #title2{
	font-size:1.3em;
	color:#0c59a5;
	height: 35px;
	padding-left:45px;	
	padding-top:7px;
	background-image: url(/images/title_2.png);
	background-repeat: no-repeat;
	background-position: left 0px;
}

form {
	margin:0px;
	padding:0px;
	
}


.form-table  {
	background-color: #dedfdf;
	padding: 1px;
	width:550px;
}



.form-table input:focus, .form-table textarea:focus{
	background-color: #fbffb6;
	padding:2px;
	border:1px solid #06C;
}
.form-table input .form-table textarea{
background-color: #FFF;
border:thin;
}
.form_odd {
	background-color: #e9eaea;
}


/* uus taulu */

.form-table2  {
	background-color: #fff;
	padding: 1px;
	width:650px;
	background-image: url(/images/form_bg.png);
	background-repeat: repeat-x;
}

.form-table2 input:focus, .form-table2 textarea:focus{
	background-color: #fff9a1;
	padding:2px;
	border:1px solid #ec8619;

	padding:7px;
}
.form-table2 input, .form-table2 textarea{
background-color: #f2f2f2;
border:1px solid #8d8d8d;
padding:7px;
margin-right:4px;
font-size:1.2em;
}
.form-table2 .form_odd {
	background-color: #ffffff;
}





.plussat_small {
	padding-left: 3px;
	list-style-image: url(/images2/plussat_icon2.gif);
	list-style-type: none;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom:2px;
	margin-top:2px;
	list-style-position: inside;
	font-size:0.9em;
	background-color:#EBEBEB;
	border:#CCC;
	margin-left:0px;
	border-radius:0.3em;
}
.plussat_small ul li, plussat_small li {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}


.plussat {
	padding-left: 4px;
	list-style-image: url(/images2/plussat_icon.gif);
	list-style-type: none;
	padding-top: 2px;
	list-style-position: inside;
	margin-top:14px;
}


.plussat_small {
	padding-left: 0px;
	list-style-image: url(/images2/plussat_icon2.gif);
	list-style-type: none;
	padding-top: 2px;
	list-style-position: inside;
	font-size:1.0em;
	background-color:#EBEBEB;
	border:#CCC;
	margin-left:0px;
}
.plussat_small ul li, plussat_small li {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}


.kommentti {
	font-size: 1.0em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
	margin-top:15px;
}
.signature {
	font-size: 1.0em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
	margin-top:5px;
	font-style: bold;
}



.uutta h2 {
	padding: 0px;
	margin: 0px;

}
.facebook_link {
	background-image: url(images3/f_logo.png);
	background-repeat: no-repeat;
	height: 33px;
	width: auto;
}





.middle_box2 {
	background-color: #f7fafc;
	width: 200px;
	padding: 15px;
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #cccccc;
}

.link2 {
	background-image: url(/images3/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	display: block;
}

.middle_column p{
margin-top:7px;
margin-top:7px;
}


/* valinnat */

.valinta_container {
	width: 450px;
	height: 130px;
	float: none;
	background-color: #F8F6F7;
	margin-top: 10px;
}
.valinta_container h2, .valinta_container h2 a {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	background-color: #034581;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 14px;
	padding-left: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration:none;
}
.valinta_content {
	width: 120px;
	height: auto;
	float: left;
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 29px;
}
.valinta_content_right {
	width: 220px;
	height: auto;
	float: right;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-right: 16px;
	margin-left: 12px;
}
.valinta_container .valinta_content a {
	font-size: 1.2em;
	font-weight: bold;
}

/* tilaus */
.price_holder {
	background-image: url(/images/form/unselected_price_bg.png);
	background-repeat: no-repeat;
	height: 121px;
	width: 151px;
	margin-right: 7px;
	padding-top: 15px;
	float: left;
	text-align:center;
}
.price_holder:hover {
	background-image: url(/images/form/hover_price_bg.png);
	background-repeat: no-repeat;
	height: 121px;
	width: 151px;
	margin-right: 7px;
	cursor:pointer;
	
}
.price_holder-selected {
	background-image: url(/images/form/selected_price_bg.png);
	background-repeat: no-repeat;
	height: 121px;
	width: 151px;
	margin-right: 7px;
	padding-top: 15px;
	float: left;
	cursor:pointer;
	text-align:center;
	
}
.price_holder h1, .price_holder-selected h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #085987;
	margin-left: 0px;	
	margin-top: 0px;
	margin-bottom: 4px;
}
.price_holder:hover h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #09C;
	margin-left: 0px;	
	margin-top: 0px;
	margin-bottom: 4px;
}
.price_holder h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #085987;
	margin-top: 0px;

	margin-left: 0px;
	font-weight: normal;
	margin-bottom: 8px;
	
}

.price_holder-selected h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #085987;
	margin-top: 0px;
	font-weight: bold;
	margin-bottom: 8px;
}

.price_holder h3 , .price_holder-selected h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	margin-top: 0px;

	font-weight: normal;
	margin-bottom: 4px;
}
.price_holder-selected h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffffff;
	margin-top: 8px;
	padding-top: 4px;
	font-weight: normal;
	margin-bottom: 0px;
}
.price-container {
	height: 125px;
	width: auto;
	float: left;
	
}
#ohje_layer {
	height: 125px;
	width: auto;
	visibility:hidden;
	position:absolute;
	left:3px;
	right:44px;
}


.ohje_layer_link {
	height: 22px;
	width: 23px;
	background-image: url(/images/help_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 779px;
	top: 175px;
	right: 33px;
	bottom: 33px;
}
input.roundbutton {
	background-color: #f89934;	
	background: -webkit-gradient(
            linear,
            center top, center bottom,
            color-stop(0%, #f89934),
            color-stop(100%, #fe8604)
          );
	background: -moz-linear-gradient(
            top, #f89934, #fe8604
          );

	border: solid 2px white;
	padding: 3px;
	padding-left: 14px;
	padding-right: 14px;
	border-radius: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
	color: white;
	font-weight:bold;
	text-shadow: 1px 1px 1px #505050;
	font-family: "Arial", "Myriad pro", Arial, sans-serif;
	font-size: 11pt;
}
input.roundbutton:active {
	background-color: #f89934;
	margin-bottom:2px;
	border-width: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 3px;
	padding-left: 14px;
	padding-right: 14px;
	-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	background: -webkit-gradient(
            linear,
            center top, center bottom,
            color-stop(100%, #f89934),
            color-stop(0%, #fe8604)
          );
	background: -moz-linear-gradient(
            top, #fe8604, #f89934
          );
		  	background: -webkit-gradient(
            linear,
            center top, center bottom,
            color-stop(0%, #f89934),
            color-stop(100%, #fe8604)
          );

}
input.roundbutton:focus {
	background-color: #f89934;
	margin-bottom:2px;
	border-width: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 3px;
	padding-left: 14px;
	padding-right: 14px;
	-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	background: -webkit-gradient(
            linear,
            center top, center bottom,
            color-stop(100%, #f89934),
            color-stop(0%, #fe8604)
          );
	background: -moz-linear-gradient(
            top, #fe8604, #f89934
          );
		  	background: -webkit-gradient(
            linear,
            center top, center bottom,
            color-stop(0%, #f89934),
            color-stop(100%, #fe8604)
          );

}

input.styled:focus {
	box-shadow: 0px 1px 6px rgba(0,64,255,0.7);
	-webkit-box-shadow: 0px 1px 6px rgba(0,64,255,0.7);
	-moz-box-shadow: 0px 1px 6px rgba(0,64,255,0.7);
	outline: none;
	-webkit-focus-ring-color: none;
}