a, img {outline: none; border: 0;}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 13px;
	text-align: center;
	color: #414141;
}

body {
	background: url('as/1/ulkoasu/tausta/01tausta.jpg') #ffffff 50% 0px repeat;
	text-align: center;
}

a:link, a:visited {
	color:  #CD7103;
}

a:hover, a:active {
	color:  #ea7214;
}

#ev {
	border-left: 0px solid #b9b9b9;
}


#runko {
	background: url('-') #ffffff 0px 9px repeat;
	width: 702px;
	padding: 0px;
	margin: 0 auto 10px auto;
	position: relative;
	text-align: center;
	top: 0px;
	border: 0px solid #b9b9b9;
}

#banneri {
	background: url('as/1/ulkoasu/banneri/kotisivuttanaan.png') #ffffff -5px 0px repeat;
	width: 702px;
	height: 119px;
	border: 0px solid #b9b9b9;
	margin: 0 auto 0px auto;
	position: relative;
	text-align: left;
	display: block;
}

#banneriefekti {
		width: 100%;
	height: 100%;
}

* html #banneriefekti {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='.png', sizingMethod='scale');
}

#banneriefekti2 {
		width: 100%;
	height: 100%;
}

* html #banneriefekti2 {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='.png', sizingMethod='scale');
}

h1, h2{
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

h3, h4 {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}

#banneri h1 {
	font-weight: normal;
	font-size: 50px;
	color: #ffffff;
	font-family: Georgia;
	display: inline;
	position: relative;
	}

#navi {
	background: url('as/1/ulkoasu/valikko/navi.png') #eaeaea 0px 0px repeat;
	width: 702px;
	border: 0px solid #b9b9b9;
	margin: 0 auto 0px auto;
	text-align: left;
	}

#vas_navi {
	background: url('as/1/ulkoasu/vasen/navi.jpg') #eaeaea 0px 0px repeat;
}

#sisalto {
	background: url('as/1/ulkoasu/sisalto/footeri.png') #ffffff 0px 5px repeat-x;
	color: #414141;
	font-family: Trebuchet MS;
	min-height: 190px;
	text-align: center;
	margin: 0 auto 0px auto;
}

#tekstit {
	margin: 0 auto;
	position: relative;
	top: 10px;
	text-align: left;
}

#footer {
	background: url('as/1/ulkoasu/footer/footeri.png') #ffffff 0px 0px repeat;
	width: 702px;
	min-height: 35px;
	border: 0px solid #b9b9b9;
	margin: 0 auto;
	text-align: center;
	color: #888888;	display: block;
	position: relative;
}

* html #footer {
	height: 35px;
}

#footer div {
	padding: 4px 0 3px 0;
	text-align: center;
	width: 100%;
	min-height: 20px;
	position: relative;
	top: 3px;
	}

#footer div a {
	text-decoration: none;
	}

td {
	vertical-align: top;
	font-size: 13px;
}

#vasen {
	width: 120px;
	margin-right: 10px;
	text-align: left;
	float: left;
	position: relative;
	left: 1px;
	}

#oikea {
	width: 120px;
	text-align: left;
	float: left;
	margin-left: 5px;
	position: relative;
}

#txt {
	float: left;
	min-height: 100px;
	position: relative;
	z-index: 1;
}

.clear {
	clear: both;
}

p {
	margin: 0;
}

a.mnappi {
	font-size: 12px;
	border: 1px solid #909090;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	padding: 0 2px 0 2px;
	display: block;
	float: left;
	background: url('/images/valintapalkki.png');
	height: 18px;
	margin-right: 5px;
	margin-bottom: 5px;
}

a.mnappi:hover, a.mnappi:active {
	background: url('/images/valintapalkki_hover.png');
}

ul#kg, ul#kg li, ul#vg, ul#vg li {
	list-style:none;
	list-style-type:none;
	float:left;
	margin: 0;
	padding: 0;
}

table#ostoskori {
	border-collapse: collapse;
	width: 100%;
}

table#ostoskori td {
	border: 1px solid #000;
	padding: 3px;
}

table#ostoskori tr {
	background: #fff;
}

table#ostoskori tr:hover {
	background: #f7f7f7;
}

table#ostoskori tr#head, table#ostoskori tr#head:hover {
	background: #efefef;
	font-weight: bold;
}

* html #ueditori {
	position: absolute;
}

* html #ueditorip {
	position: absolute;
}

.navi { width:100%; min-height:35px; position:relative; left: -1px; top: 0px; border: 0; z-index: 100; white-space: nowrap;}
/* hack to correct IE5.5 faulty box model */
* html .navi { width:100%; w\idth:100%; height: 27px; position:relative; left: 5px; top: 0px; border: 0; z-index: 100; position: relative; left: -1px; }
/* remove all the bullets, borders and padding from the default list styling */
.navi ul { padding:0; margin:0; list-style-type:none; }
.navi ul ul { width:200px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navi li { float:left; position:relative; }
/* style the links for the top level */
.navi a, .navi a:visited { border-left: 1px solid #b9b9b9; display:block; font-size:13px; text-decoration:none; height:27px; background-image: url('/images/blank.gif'); background-repeat: repeat-x; padding: 8px 8px 0 8px; font-weight:normal; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .navi a, * html .navi a:visited { width:15px; w\idth:15px; height: 27px; }

.navi ul ul a { border: 1px solid #b9b9b9; border-top: 0;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navi ul ul { visibility:hidden; position:absolute; height:0; top:35px; left:0px; width:200px; border-top:0px solid #000; }
/* another hack for IE5.5 */
* html .navi ul ul { top:34px; t\op:35px; }
 
/* position the third level flyout menu */
.navi ul ul ul{ left:223px; top:-1px; width:200px; }
 
/* position the third level flyout menu for a left flyout */
.navi ul ul ul.left { left:-200px; }
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.navi table { position:absolute; top:0; left:0; border-collapse:collapse; }
 
/* style the second level links */
.navi ul ul a, .navi ul ul a:visited { line-height: 16px; height:auto; padding:5px 10px; width:202px; border-width:0 1px 1px 1px; }
/* yet another hack for IE5.5 */
* html .navi ul ul a, * html .navi ul ul a:visited { width:203px; w\idth:203px; position: relative; top: 0px; }
 
/* make the second level visible when hover on first level list OR link */
.navi ul li:hover ul,
.navi ul a:hover ul{ visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.navi ul :hover ul ul{ visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.navi ul :hover ul :hover ul{ visibility:visible; }

a.link {
	color: #;
}

a.link:hover, .navi :hover > a.link, #valhover {
			}
.navi ul ul a.drop, .navi ul ul a, .navi ul ul a.drop:visited, .navi ul ul a:visited, #alvalmalli1, #alvalmalli2, #alvalmalli3 {
	color: #;
		background-color: #fff;
}

.navi ul ul a.drop:hover, .navi ul ul a:hover, .navi ul ul :hover > a.drop, #alvalhover {
			background-color: #fff;
}
a.activelink {
			}
#lada {
	position: fixed;
	top: 0;
	left: 0;
}
* html #lada {
	position: absolute;
	top: 0;
	left: 0;
}
* html #tekstit {
	position: relative;
	top: 10px;
	left: 11px;
}
.smalltxt * {
	font-size: 12px;
}
.hid {
	position: relative;
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}

#ulkoasueditori hr {
	border: 0;
	color: #a9a9a9;
	background-color: #a9a9a9;
	height: 1px;
	width: 400px;
	text-align: left;
	margin: 0;
}
#u_editori hr {
	border: 0;
	color: #a9a9a9;
	background-color: #a9a9a9;
	height: 1px;
	text-align: left;
	margin: 8px 0 5px 0;
	clear: both;
}

#ueditori, #ueditori td, #u_editori, #u_editori td {
	font-family: 'Arial';
	font-size: 12px;
}

#u_editori a {
	color: #0062cb;
}