* {
	margin: 0; padding: 0; text-align: left;
}

/* Hides from IE5-mac \*/
* html { margin-top: -15px; padding: 0; font-family: arial;}
/* End hide from IE5-mac */



/* commented backslash hack v2 \*/
*>html { margin-top: 0; }
/* end hack */


body {
	background: url("images/tausta.gif") repeat-x top left; font-size: 76%; text-align: center; margin: 0; padding: 0; font-family: "helvetica neue", arial, sans-serif; background-color: #e5e5e5;
}
a {
	color: #575757; text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

table.taulukko {
	margin: 0 auto; padding: 0; width: 1000px !important; 
}
table .oikea {
	background-color: #cccccc; 
	border-bottom: 41px solid #e5e5e5; /* purk */
}
p {
	line-height: 1.5em; margin: 0; padding: 0; margin-top: 10px; padding-bottom: 5px;
}
h1, h3, h4 {
	color: #7b7b7b; text-transform: uppercase; font-size: 1.2em; padding-bottom: 5px;
}
h2 {
	text-transform: uppercase; font-size: 1em; font-weight: normal; padding-left: 10px;
}
h3 {
	font-size: 1.1em; font-weight: normal; margin-top: 20px; padding-bottom: 0;
}
h4 {
	font-size: 1em; font-weight: bold; margin-top: 20px; padding-bottom: 3px;  border-top: 1px solid #e2e2e2; padding-top: 15px;
}
h4.small {
	font-weight: normal; font-size: 0.9em; text-transform: lowercase; margin-top: 0 !important; border-top: 0; padding-top: 0 !important;
}
#big {
	width: 774px; background-color: #ffffff;
}

#header {
	height: 85px; vertical-align: bottom; 
}
#logo {
	float: right; padding-top: 15px;
}
#menu {
	  width: 650px; height: 85px; background-color: #ffffff;
}
.ryhma, .linkit {
	/* border-left: 2px solid #0b6cac; */ height: 85px; float: left; width: 195px; 
}
.linkit {
	height: 20px; border: 0; padding-left: 20px; width: 240px;  
}
.navi {
	 padding: 0; margin: 0; 
}
.navi img {
	 margin: 2px 0 0 0; display: inline; float: left; 
}
.navi1 {
	margin-top: 21px;
}
.linkit .navi {
	float: left; margin-top: 0; 
}
.linkit .navi img { margin-top: 2px; }
#banneri { }
#content {
	border-right: 1px solid #fff; padding-left: 2px; width: 770px;
}
#mainpic {
	background-color: #ffffff;
}
.maintext {
	background: #fff url("images/tekstitausta.gif") repeat-x bottom left; padding: 17px 6px 18px 6px; color: #3c3c3c; 
}
.maintext_pitka {
	min-height: 150px; padding-left: 16px;
}
.maintext .vasenpalsta {
	width: 370px; float: left; 
}
.maintext .oikeapalsta {
	width: 370px; float: right;
}
td.kolme {
	padding-right: 30px;
	width: 550px;
}
td.nelja {
	border-left: 1px solid #ececec; padding-left: 10px; padding-right: 7px;
}
td.kaks {
	width: 50%; padding-right: 27px;
}
td.jakaks {
	border-left: 1px solid #ececec; padding-left: 20px; padding-right: 7px;	
}
p.small {
	font-size: 0.9em;
}
p.small img {
	margin-right: 3px; position: relative; top: 1px;	
}
#flashit {
	padding-top: 7px; 
}
.flashipala {
	border: 1px solid #dddddd; padding: 0; margin: 0; width: 188px; margin-top: 10px;
}

.maintext img.tekstikuva{
	float: left; margin-right: 10px; border: 1px solid #adadad;
}
.maintext p b {
	color: #575757;
}
.iso {
	text-transform: uppercase;
}
.vasenpalsta p, .oikeapalsta p, .vasenpalstaiso p {
	padding-right: 30px; padding-bottom: 10px;
}
form p {
	padding-top: 0 !important; margin: 0 !important; padding-bottom: 10px;
}
form {
	margin-top: 20px;
}
form.extranet input {
	margin-right: 5px;
}

table.palautelomake td.selite {
	width: 150px;	
}
td.kentta {
	width: 240px;
}
td.kentta, td.selite {
	padding-bottom: 5px;
}
td.kentta input, textarea.viesti, form.extranet input.teksti {
	width: 210px; border: 1px solid #cecece; border-left-color: #e1e1e1; border-top-color: #e1e1e1;
}
form.palaute p input {
	margin-left: 10px; margin-right: 3px;
}
table.palautelomake {
	margin-left: 10px;
}
table.asennuskalusteet {
	width: 188px; margin-top: 15px;
}
td.kytkinikonit {
	text-align: right; width: 34px; padding-top: 13px; border-bottom: 1px solid #e1e1e1;
}
td.kytkinkuva {
	width: 21px; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #e1e1e1;
}
td.kytkinnimi {
	padding-left: 7px; font-size: 1em; padding-top: 13px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e1edf5;
}
td.kytkinnimi a{
	color: #000; text-decoration: none;
}
td.kytkinnimi a:hover {
	color: #ff6e17;
}
td.kytkinkuvavalittu, td.kytkinnimivalittu, td.kytkinikonitvalittu {
	border-top: 1px solid #adadad; border-bottom: 1px solid #adadad;
}
td.kytkinkuvavalittu {
	background: url("images/kuvavalittu_tausta.gif") repeat-y #fff;
}
td.kytkinnimivalittu {
	background: url("images/nimivalittu_tausta.gif") repeat-y #fff;
}
#uutiset {
	padding-top: 98px; color: #000000; background-color: #e5e5e5;
}

#right_column {
	padding-top: 98px; color: #000000; background-color: #dadada;
}

.uutinen {
	padding-bottom: 17px; text-align: left;
}
.uutinen p {
	padding-left: 10px;	line-height: 1.2em;	font-size: x-small;	margin-top: 5px; padding-right: 10px;
}
#uutiset a {
	color: #000000; text-decoration: none;
}
.uutinen:hover, #uutiset a:hover {
	color: #ff6e17;	
}
#footer {
	padding-top: 30px; background: #fff !important; width: 770px; margin-left: 2px; 
}
#footer .pala {
	float: left; margin-right: 3px; width: 188px; background: #fff !important; margin-bottom: 20px; border: 1px solid #cecece;
}
.palaviim {
	margin: 0 !important; 
}
#alafooteri, .mediakolmio {
	font-size: 0.9em;
	width: 770px;
	padding-top: 20px;
	text-align: left;
	padding-bottom: 20px;
	color: #3b3c3c;	
}
.mediakolmio {
	padding-top: 10px;
	text-align: left;
	color: #acb0b5;	
}
.mediakolmio a {
	color: #acb0b5; text-decoration: underline;
}
.mediakolmio a:hover {
	text-decoration: none;
}
#alafooteri div, .mediakolmio div {
	padding-left: 17px;
}
div.artikkelitable {
	padding-bottom: 10px; margin-bottom: 10px;
}
div.artikkelikuva {
	 margin: 0; padding: 0; float: left; padding-right: 10px; margin-bottom: 10px;
}
div.artikkelikuva img {
	border: 1px solid #adadad;
}
.clear {
	clear: both; height: 0; font-size: 0px; visibility: hidden;
}
p.extrat {
	margin-bottom: 0; padding-bottom: 0; clear: left;
}

table.alasivu {
	width: 700px; margin-top: 20px;
}
table.alasivu th {
	font-size: 0.9em; color: #2e2e2e; font-weight: bold; padding: 5px 0; text-align: right; padding-right: 20px;
}
th.vasen {
	text-align: left !important; 
}
td.hoo {
	font-weight: bold; color: #2e2e2e; text-transform: uppercase; font-size: 1.1em; width: 200px; background-color: #c7c8ca; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px; vertical-align: middle:
}
td.hintakeski, td.hintaoikea {
	text-align: right; padding-right: 20px; background-color: #e0e1e2; border-bottom: 1px solid #ffffff;
}
.listaus {
	border-top:1px solid #929497;
	border-right:1px solid #929497;
	padding:20px 10px 10px 10px;
	float:left;
	width:250px;
	margin:10px 20px 0 0;	
}
.listaus li{
	margin:12px 0 0 12px;
	list-style-image: url(images/markkeri.gif);
list-style-type: circle

}

.pdf_icon {
	text-decoration: none;
	margin-bottom: -5px;
	padding-right: 8px;
	border: none !important;
}

.tab {
	position: relative;
	top: 0;
	left: 0;
	width:350px;
	overflow: auto;
	
}


/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/




/*UI tabs*/
.ui-tabs-nav {
	/*resets*/
	/*
	margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	*/
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #d3d3d3;
	bottom: -1px;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #d3d3d3;
	border-right: none;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #757677;
	background: #eaecee url(images/e5e5e5_40x100_textures_01_flat_75.png) 0 50% repeat-x;
}
.ui-tabs-nav li a:hover {
	background: #cccccc url(images/cccccc_40x100_textures_01_flat_75.png) 0 50% repeat-x;
	color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #c0c5cb;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #fff url(images/c0c5cb_40x100_textures_01_flat_65.png) 0 50% repeat-x;
	color: #222222;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	/*
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;

	*/
	clear:left;
	border: 1px solid #d3d3d3;
	background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #222222;
	padding: 1.5em 1.7em;	
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #555555;
	background: #e5e5e5 url(images/e5e5e5_40x100_textures_01_flat_75.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #d3d3d3;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #212121;
	background: #cccccc url(images/cccccc_40x100_textures_01_flat_75.png) 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
	color: #222222;
	background: #c0c5cb url(images/c0c5cb_40x100_textures_01_flat_65.png) 0 50% repeat-x;
	border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/* Kilpailu */
.kilpailuKysymys {
	margin: 0 0 20px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ececec;
}

.kilpailuKysymys p {
	font-weight: bold;
	margin-bottom: 10px;
}

.kilpailuKysymys input {
	margin-bottom: 8px;
	margin-right: 5px;
	margin-left: 15px;
}

.kilpailuYhteystiedot input {
	margin-left: 20px;
	width: 200px !important;
}

.kilpailuYhteystiedot {
	margin-bottom: 20px;	
}

.kilpailuLaheta {
	margin-top: 8px;
	margin-bottom: 10px;
}

.kilpailuIngressi {

}

.kilpailuCheckboxit input {
	margin-right: 5px;
	margin-bottom: 5px;
}

.vastaukset {
	border-bottom: 1px solid #ececec;
	margin-bottom: 15px;
	margin-top: 15px;	
}

#kilpailuehdot {
	border-top: 1px solid #ececec;
	font-size: 0.90em;
	color: #5a5959;
	padding-top: 28px;
	margin-top: 17px;
}

#kilpailuehdot p {
	padding-left: 10px;	
}

.esiterivi {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 10px;
}

.esite {
	float: left;
	width: 149px;
}

.esite img {
	border: 1px solid #c0c5cb;	
}

.toinen {
	margin-left: 40px;
}

.kolmas {
	margin-left: 40px;
}

.neljas {
	margin-left: 40px;
}

.esitenimi {
	font-weight: bold;
	font-size: 14px;
	margin: 0; 
	padding: 0;
	padding-top: 10px;
	padding-left: 2px;
	line-height: 15px;
}

.esitekoko {
	margin: 0;
	padding: 0;
	padding-left: 2px;
	font-size: 12px;
}

.lataa {
	margin: 0;
	padding: 0;
	font-size: 12px;
	margin-top: -10px;
}

.lataa a {
	margin: 0;
	margin-left: -3px;
}

h2.valiotsikko {
	margin: 0;
	padding: 0;	
	margin-top: 25px;
	color: #7b7b7b;
	font-weight: bold;
	margin-bottom: -10px;
	width: 718px;
	font-size: 12px;
	border-bottom: 1px solid #c0c5cb;
	
}


#content_takuuprosessi {
border-right: 1px solid #fff; padding-left: 2px; width: 770px;

}	

#content_takuuprosessi h1{

	color: #006ab3; text-transform: uppercase; font-size: 1.2em; padding-bottom: 5px;
}


#content_takuuprosessi h3 {
	color: #006ab3; font-size: 1.1em; font-weight: normal; margin-top: 20px; padding-bottom: 0;
}


div.image_container {
border-top:1px solid #ececec;

	padding: 18px 0 0px 0px;
	margin:15px 0 0 0 ;
}
a.selected {
	text-decoration: none !important;
	background: url(images/valittunuoli.gif) center bottom no-repeat;
display:inline;
	display: block;
float:left;
	padding: 1px 0 9px 0;


}
div.select_color_btn span{
	padding: 0 8px 0 8px;
	display:block;
	float:left;
	
}
a.unselected:hover {
	text-decoration: underline !important;
}

a.unselected {
	text-decoration: none;	
	display: block;
	float:left;
	padding: 1px 0 9px 0;
	
}
div.select_color_container{
	padding: 0 0 0px 0px;
	border-top: 1px solid #ececec; 
	border-bottom: 1px solid #ececec;
	margin-bottom:20px;

	margin-top: 20px;
	background: url("images/nimivalittu_tausta.gif") repeat-y #fff;
}
div.empty_select_color_container{
	padding: 0 0 0px 0px;
	border-top: 1px solid #ececec; 

	margin-bottom:20px;
	margin-top: 20px;

}
	

div.select_color_container div{

	padding: 9px 0 0px 7px;


}
span.select_color {
	font-weight: bold;


color: #575757;
	
}

.nosto_header_container {
	line-height: 18px;
	margin: 0 20px 0 20px;
	font-size: 14px;
}

.nosto_header_container span{
	font-weight: bold;

}
.nosto_container {
	padding-bottom: 17px; text-align: left;
	width: 290px;
	min-height: 340px;
}
.nosto_container p {
	padding-left: 20px;
	line-height: 1.4em;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-right: 20px;
}

.nosto_content {
	margin: 20px 0 0 0;

}
.toimiva_toteutus {
	margin: 0px 0 20px 0;
	overflow: hidden;
}

.item_container {
	padding: 0 14px;
}

.image_left {
	width: 180px;
	float: left;

}


.image_right {
	width: 180px;
	float: right;

}


.maintext_container {
	background: #fff url("../images/tekstitausta.gif") repeat-x bottom left; padding: 17px 15px 18px 15px; color: #3c3c3c; 

}
#takuuprosessi_menu {
	padding: 62px 0 0 18px;

}

#takuuprosessi_menu a{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

#takuuprosessi_menu a:hover{
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
}

#nosto1 img,#nosto2 img{
	behavior: url(js/iepngfix.htc);
}
.menu1 {
	float:left;
	padding: 0 15px 0 0;
}
.menu2 {
	float:left;
	padding: 0 15px 0 0;
}
.menu3 {
	float:left;
	padding: 0 0px 0 0;
}


.menu1.selected a, .menu2.selected a, .menu3.selected a{
	color: #006ab3 !important;
}


div.sertification_container {
	padding: 20px;

	border: 1px solid #d0d0d0;
	
}

div.sertification_row {
	margin: 0 0 20px 0;
	overflow: hidden;


}
div.sertification_row.last{
	overflow: hidden;
	margin: 0 0 0px 0 !important;
}
	div.sertification_row .item{
		width: 157px;
		float: left;
		margin: 0 20px 0 0;

	}
		div.sertification_row .item.last{
			width: 157px;
			float: left;
			margin: 0 0px 0 0 !important;
		}
	div.sertification_row .item h5{
		font-size: 13px;
		margin: 0 !important;
		padding: 0 0 5px 0 !important;
		
	}
	div.sertification_row .item p {
	
		margin: 0 !important;
		padding: 0 !important;		
		
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}