p.error { color: #500; border: 1px solid #f88; font-size: 0.8em; margin: 0px; padding: 0px; }

/* Styles the body. */

body{
 background: #777675 url(img/bg.png) repeat-x;
 font: 12px arial, sans-serif;
 color: #000;
 margin: 0; padding: 0;
 margin-bottom: 50px;
}


/* The design-holder. */

#holder{
 position: relative;
 left: 50%; top: 0;
 width: 750px; height: auto;
 margin-left: -375px; margin-bottom: 50px;
 padding-bottom: 25px;
 background-color: #F5F7F9;
 border-left: 2px #436C78 solid; border-right: 2px #436C78 solid; border-bottom: 2px #436C78 solid;
}


/* Gives all the below id's the same values. */

#header, #menu, #undermenu, #content, #footer{
 position: relative;
 left: 0; top: 0;
 width: 100%;
}

#undermenu { clear: both; }

#menu {
	margin: 0% 0% 0% 29%;
	width: 70%;
	padding: 0px;
	border: 0px solid red;
}

/* language bar */
#lang_nav {
	float: left;
	position: relative;
	border: 0px solid red;
	padding-top: 3px;
	padding-left: 5px;
	width: 15%;
	height: auto;
	background-color: transparent; 
}

ul#lang_list { border: 0px solid green; margin: 0px; padding: 0px; background-color: transparent; }
ul#lang_list li { display: inline; }
ul#lang_list a { border: 0px solid black; }
ul#lang_list img.iselection { border: 1px solid white; }
ul#lang_list img.iselection:hover { border: 1px solid black; }
ul#lang_list img.iactive { border: 1px solid white; }


/* The header (with homepage name..). */

#header{
 height: 160px;
 background: url(img/top.jpg) ;
}


/* "Homepage name..." text above (bright coloured). */

#header h1{
 position: absolute;
 left: 20px; bottom: 20px;
 margin: 0;
 font: 1.4em georgia, serif;
 color: #fff;
 z-index: 1;
}


/* "Homepage name..." text below (dark coloured). */

#header h2{
 position: absolute;
 left: 21px; bottom: 19px;
 margin: 0;
 font: 1.4em georgia, serif;
 color: #3E515E;
 z-index: 0;
}


/* The menu. */

#menu{
 height: 18px;
 padding-top: 2px;
 text-align: right;
 font: 1em arial, sans-serif;
}

 /* Fixes the links colours and such in the menu. */
   #menu a{ color:#7A96A7; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; }
   #menu a:hover{ color:#000; text-decoration:none; margin-left:10px; margin-right: 10px; }


/* The fade-thingie below the menu. */

#undermenu{
 height: 24px;
 background: url(img/menu-bottom-bg.png) repeat-x;
}


/* The content holder */

#content{
 height: auto;
 background-color: transparent;
}




div.itemrow {
	border: 0px solid green;
	clear: both;
	height: 140px;
	margin: 0px 0px 0px 60px;
}
div.itemthumb img { border: 0px solid black; }
div.itemthumb {
	border: 0px solid red;
	width: 200px;
	float: left;
}
div.itemthumb p {
	margin: 0px; padding: 0px;
	text-align: center;
}
div.itemthumb a {
	border: 0px solid black;
	color: #000;
	text-decoration: none;
}




/* Styles the 'p'-tag. */

p{
 margin: 25px 30px 10px 30px;
 padding: 0;
 text-align: justify;
 font: 1em arial, sans-serif;
 line-height: 1.5em;
 color: #3E515E;
}


/* Use this (with the 'h4'-tag as header) if you want to quote something. */

.quote{
 margin: 0 30px 10px 50px;
 font: italic 0.8em verdana, sans-serif;
 background-color: #fff;
 padding: 5px;
 text-indent: 0;
 border: 1px #aaa dotted;
}


/* Use this if you don't want first lines on all paragraph to be moved 15px inn */

.noindent{
 text-indent: 0;
}


/* The biggest font. */

h1{
 font: 2em "times new roman", serif;
 margin: 25px 0 0 30px;
 padding: 0;
 color: #3E515E;
}


/* The font below the biggest font. */

h2{
 font: 0.8em georgia, serif;
 margin: -3px 0 0 35px;
 padding: 0;
 color: #aaa;
}


/* Use this for paragraph titles. */

h3{
 font: 1.4em verdana, serif;
 text-decoration: underline;
 margin: 20px 0 0 30px;
 padding: 0;
 color: #3E515E;
}


/* Use this on all paragraphs (but not #quote) wich are part of the article/documentation/etc.. */

.text{
 margin: 15px 30px 10px 30px;
}


/* The title to be used when displaying a quote with '#quote'. */

h4{
 font: 1.2em georgia, serif;
 margin: 0 0 0 50px;
 padding: 0;
 color: #3E515E;
}


/* Italic text. */

i{
 font: 1em arial, sans-serif;
 font-style: italic;
 color: #000;
}


/* Bold text. */

b{
 font-weight: bold;
 color: #3E515E;
}


/* The list ('li') holder. */

ul{
 background-color: #fff;
}


/* Lists. */

li{
 margin: 0 0 0 5px;
 padding: 0;
}


/* Styles all links on the page (without the menu, wich allready have been styled). */

a{
 color: #000;
 font-weight: bold;
 text-decoration: underline;
}


/* Same as above, exept this is the hover (mouse-over) effect. */

a:hover{
 color: #3E515E;
 text-decoration: none;
}



styled). */

a{
 color: #000;
 font-weight: bold;
 text-decoration: underline;
}


/* Same as above, exept this is the hover (mouse-over) effect. */

a:hover{
 color: #3E515E;
 text-decoration: none;
}



: #3E515E;
 text-decoration: none;
}



e-over) effect. */

a:hover{
 color: #3E515E;
 text-decoration: none;
}



#3E515E; {
 text-decoration: none;
}

div#tuotelista {
	text-align: center;
	border: 0px solid blue;
	display: block;
	padding: 10px;
}
	div#tuotelista ul {
		list-style: none;
		background: transparent;
	}
	div#tuotelista ul li {
		display: inline;
		border: 0px solid #8f8;
		white-space: nowrap;
	}
	div#tuotelista a {
		padding: 10px 25px 10px 25px;
		border: 0px solid #f88;
		border: 1px solid #aaf;
	}
	div#tuotelista a:hover {
		border: 1px solid #eef;
	}

/* valmistus-sivu */
div.valmistus {
	text-align: center;
}
.valmistus p {
	margin: 0px 180px 35px 180px;
}
.valmistus img {
}