body {							background: url('img/tausta.jpg'); background-color: #ebebeb; background-repeat: repeat-x; margin: 0 auto; text-align: center; }




.clear {				clear: both; }
.vasen {				float: left; }
.oikea {				float: right; }
.pikkuvali {				height: 10px; font-size: 1px; }



.noframe {				border: 0px; }

.valikko {				width: 100%; margin: 0 auto; text-align: center; height: 50px; background-color: #262626; }
.valikkotasaaja {		width: 730px; margin: 0 auto; text-align: center; height: 50px;}
.valikkotausta {		height: 50px; background: url('img/pikkukaari.jpg'); background-color: #262626; background-position: center; background-repeat: no-repeat; float: left; }
.valikkotausta_no {		height: 50px; background-color: #262626; float: left; }

.nappi {				border-top: solid 10px #262626; border-left: solid 0px; border-right: solid 0px; border-bottom: solid 0px; }


.valko{				width: 780px; margin: 0 auto; text-align: center; background-color: #ffffff; padding-top: 40px; padding-bottom: 40px; }
.valko_pieni{				width: 780px; margin: 0 auto; text-align: center; background-color: #ffffff; padding-top: 10px; padding-bottom: 10px; }
.isokaari{			height: 14px; width: 780px; margin: 0 auto; text-align: center; background: url('img/isokaari.jpg'); background-color: #ffffff; padding: 0; font-size: 1px; }



.kuvanvaihtaja{				margin: 0 auto; text-align: center; background-color: #ffffff; width: 900px;}
.esim {				padding-top: 5px; }
.varjo {			background: url('img/varjo.jpg'); background-color: #ebebeb; margin: 0 auto; text-align: center; height: 5px; width: 780px; margin-bottom: 10px;}

.jako {				width: 780px; margin: 0 auto; background-color: #fff; overflow: auto; }

.jakovasen {		width: 430px; text-align: left; float: left; margin: 5px; font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif; color: #353535; padding: 10px; line-height: 1.7em; font-size: .8em;}
.jakovasen h2 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size:1,5em;	font-weight:normal;	line-height:1.2em;	margin: 0 0 .3em 0;  color: #5f9480;  }
.jakovasen h3 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size: 25px;	font-weight:normal;	margin: 0 0 .3em 0;  color: #3d4240;  }
.jakovasen a {		color: #386e7f; text-decoration: none; }
.jakovasen img {		border: 0px solid; }

.jakooikea {		width: 290px; text-align: left; background-color: #e6edea; float: left; margin: 5px;  font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif; color: #353535; padding: 10px; line-height: 1.7em; font-size: .8em; }
.jakooikea a {		color: #386e7f; text-decoration: none; border: 0px;}
.jakooikea img {		border: 0px;}

.jakooikea h2 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size:1,5em;	font-weight:normal;	line-height:1.2em;	margin: 0 0 .3em 0;  color: #5f9480; }
.jakooikea h3 {		font-family: "Lucida Grande", arial;   font-size: 10px; color: #0076a3; display: inline;  letter-spacing:0.1em; }
.jakooikea h4 {		font-family: "Lucida Grande", arial;   font-size: 14px; color: #273137; display: inline;   }
.jakooikea h5 {		color: #3b7560; font-style: italic; display: inline;  }

.jakovasen_esim {		width: 430px; text-align: justify; float: left; margin: 5px; font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif; color: #353535; padding: 10px; line-height: 1.7em; font-size: .8em;}
.jakovasen_esim h2 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size:1,5em;	font-weight:normal;	line-height:1.2em;	margin: 0 0 .3em 0;  color: #5f9480;  }
.jakovasen_esim h3 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size: 25px;	font-weight:normal;	margin: 0 0 .3em 0;  color: #3d4240;  }
.jakovasen_esim a {		color: #fff; text-decoration: none; }

.jakooikea_esim {		width: 290px; text-align: left; background-color: #e6edea; float: left; margin: 5px;  font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif; color: #353535; padding: 10px; line-height: 1.7em; font-size: .8em; }
.jakooikea_esim a {		color: #386e7f; text-decoration: none; }

.jakooikea_esim h2 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size:1,5em;	font-weight:normal;	line-height:1.2em;	margin: 0 0 .3em 0;  color: #5f9480; }
.jakooikea_esim h3 {		font-family: "Lucida Grande", arial;   font-size: 10px; color: #0076a3; display: inline;  letter-spacing:0.1em; }

.jakooikea_esim img {		margin-bottom: 10px; width: 280px; border: solid 1px #a7ccc8; }

.jakooikea_esim img:hover {		margin-bottom: 10px; width: 280px; border: solid 1px #000; }

.sisalto {		
text-align: left;
width: 760px; margin: 0 auto; background-color: #fff; overflow: auto;  font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif; color: #353535; padding: 10px; line-height: 1.7em; font-size: .8em; }
.sisalto h2 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size:1,5em;	font-weight:normal;	line-height:1.2em;	margin: 0 0 .3em 0;  color: #5f9480;  }
.sisalto h3 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size: 25px;	font-weight:normal;	margin: 0 0 .3em 0;  color: #3d4240;  }
.sisalto img {		border: 1px solid #fff; }

.minival {		padding: 5px; background-color: #1e2525; color: #fff; text-decoration: none;  }
.minival:hover {		padding: 5px; background-color: #4f4f4f; color: #fff; text-decoration: none;  }

.isolinkki {		font-family: "Lucida Grande", arial;   font-size: 15px; color: #fff; display: inline;   text-decoration: none;  padding: 5px; background-color: #77c0a4; }



.vihree {			width: 780px; margin: 0 auto; text-align: center; background-color: #93c7b2; height: 5px; margin-bottom: 10px; margin-top: 10px; }

.ala {			width: 780px; margin: 0 auto; text-align: left; padding-top: 10px;}

.alavasen {		width: 210px; text-align: left; float: left; font-family: arial; font-size:0.6em; letter-spacing:0.2em; color: #656565; position:relative;}
.alavasen a {	color: #6ea3a1; text-decoration: none; }
.alaoikea {		width: 400px; text-align: left; float: left; font-family: arial; color: #656565; position:relative; font-size:0.6em; letter-spacing:0.2em;}
.alaoikea a {	color: #6ea3a1; text-decoration: none; }

.footerlogo {	text-align: left; float: right; font-family: arial; font-size:0.6em; letter-spacing:0.2em; color: #656565; position:relative;}



.oranssi {			text-align: left; background-color: #1d1d1d; margin-bottom: 0px; margin-top: 10px; padding: 10px; color: #fff; }
.sininen {			text-align: left; background-color: #d3e2db; margin-bottom: 10px; margin-top: 0px; padding: 10px; color: #242424;  }
.violet {			text-align: left; background-color: #ededed; margin-bottom: 10px; margin-top: 10px; padding: 10px; color: #242424;  }
.violet2 {			text-align: left; background-color: #cdcdcd; margin-bottom: 10px; margin-top: 10px; padding: 10px; color: #242424;  }

.violet h2 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size:1,5em;	font-weight:normal;	line-height:1.2em;	margin: 0 0 .3em 0;  color: #133a3b;  }
.violet2 h2 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size:1,5em;	font-weight:normal;	line-height:1.2em;	margin: 0 0 .3em 0;  color: #133a3b;  }

.violet img {			border: 0px solid;  }
.violet2 img {			border: 0px solid;  }
.image {
   position: relative;
   width: 100%; /* for IE 6 */
}


.image h2 span {
position: absolute;

   top: 210px;
   left: 0;
   width: 760px;
   color: white;
   font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif; color: #fff; line-height: 1.7em; font-size: 12px;
   letter-spacing: 0,2em;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(111, 165, 143, 0.7);
   padding: 5px;
   text-align: left;

}


.image_2 {
	text-align: center;
   position: relative;
   width: 100%; /* for IE 6 */
}


.image_2 h2 span {
position: absolute;

   top: 170px;
   left: 10;
   width: 730px;
   color: white;
   font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif; color: #fff; line-height: 1.7em; font-size: 12px;
   letter-spacing: 0,2em;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(111, 165, 143, 0.7);
   padding: 5px;
   text-align: left;

}


.neliojako {				width: 790px; margin: 0 auto; overflow: auto; }
.nelio {				width: 363px; overflow: auto; float: left; background-color: #fff; margin: 5px; padding: 10px; text-align: left; font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif; color: #636363;  line-height: 1.7em; font-size: .8em; border: 1px solid #cedfdd;}

.nelio h2 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size:21px;	font-weight:normal;	line-height:1.2em;	margin-top: 10px;  color: #5f9480; display: inline;  }
.nelio h3 {		font-family:"Crimson Text",Georgia,Palatino,"Palatino Linotype",serif;	font-size: 16px;	font-weight:normal;	line-height:1.2em;	margin-top: 0px;  color: #414141; display: inline; }



/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px; margin: 0 auto; text-align: center; width: 840px; height: 250px; line-height: 250px;}
	.coda-slider { background: #fff; height: 250px; line-height: 250px; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 250px; overflow: auto !important; padding-right: 0px;  line-height: 250px; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 780px; height: 250px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 780px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { width: 20px; height: 20px; margin-top: 115px; margin-left: 5px; margin-right: 5px; border: 0px solid;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 5px;}
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 0px 0px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	
	
	
/** 
* Generated by www.formstylegenerator.com 
**/

/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.inputstyle {
	border: 1px solid #53a091;
	/** remember to change image path **/
	background: url(img/inputtausta.png) repeat-x #FFFFFF;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color: #454743;
	width: 300px;
}

.inputstyle:focus {
	border: 1px solid #00aeef;
	/** remember to change image path **/
	background: url(img/inputtausta.png) repeat-x #FFFFFF;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color: #454743;
	width: 300px;
}

/** You can use this style for your LABEL elements **/
.labelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #8fc7b1;
}


.text {
	border: 1px solid #53a091;
	/** remember to change image path **/
	background: url(img/inputtausta.png) repeat-x #FFFFFF;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color: #454743;
	width: 600px;
	height: 150px;
}

.text:focus {
	border: 1px solid #00aeef;
	/** remember to change image path **/
	background: url(img/inputtausta.png) repeat-x #FFFFFF;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color: #454743;
	width: 600px;
	height: 150px;
}

.laheta {
		/** remember to change image path **/
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(img/inputtausta.png) repeat-x left top; 
margin-top: 10px;
}