/* Basic elements */
/* HUOM: keskitys hoidetaan divvien sivujen marginaaleilla, ylä-valys tulee bodysta */


/* Header bar */
#Header_bar {
	background-color: white;
	background-image: url(images/header-color.jpg);
	background-repeat: repeat;
	width: 800px;
	position: relative;
	z-index: 1;

	text-align: right;
	
	border-width: 0px;
	border-color: black;
	border-style: none;
	border-right-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	}

/* Language bar */
#Language_bar {
	background-color: none;
	width: 800px;
	position: relative;
	z-index: 1;
	
	text-align: right;
	color: black;
	font-family: tahoma, arial;
	font-size: 10px;
	
	border-width: 0px;
	
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 5px;
	}

/* Main menu */
#Main_menu {
	background-image: url(images/menupalkki-tausta.jpg);
	width: 800px;	/*HUOM: tablen leveys lasketaan eri tavalla, pitää olla 2px divviä leveempi, niin rendaa samalla tavalla */
	height: 22px;
	position: relative;
	z-index: 1;
	
	border-spacing: 0px; 
	border-width: 0px;
	border-color: black;
	border-style: none;
	
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	
	border-right-width: 1px;
	border-left-width: 1px;
	}

/* Content, vertically flexible */
#Content {
	background-color: white;
	width: 800px;
	position: relative;
	z-index: 1;
	
	min-height: 267px; /*HUOM: min-height tarvitaan, koska floatilla oleva kuvituskuva ei lukeudu divvin korkeuteen > div päättyy ennen kuvan alareunaa */
	overflow: hidden;

	border-width: 0px;
	border-color: black;
	border-style: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	}

/* Content, vertically flexible */
#Top-content-home {
background-color: white; background-image:  url(images/kuva-home.jpg); background-repeat: no-repeat; width: 800px; position: relative; z-index: 1; min-height: 356px; overflow: hidden; border-width: 0px; border-color: black; border-style: none; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px;
	}
#Top-content-products {
background-color: white; background-image:  url(images/kuva-keittioturva.jpg); background-repeat: no-repeat; width: 800px; position: relative; z-index: 1; min-height: 293px; overflow: hidden; border-width: 0px; border-color: black; border-style: none; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px;
	}

#Top-content-system {
background-color: white; background-image: url(images/kuva-jarjestelma.jpg); background-position: top; background-repeat: no-repeat; width: 800px; position: relative; z-index: 1; min-height: 550px; overflow: hidden; border-width: 0px; border-color: black; border-style: none; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px;
	}

#Top-content-guide {
background-color: white; background-image:  url(images/kuva-products.gif); background-repeat: no-repeat; width: 800px; position: relative; z-index: 1; min-height: 293px; overflow: hidden; border-width: 0px; border-color: black; border-style: none; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px;
	}
#Top-content-collection {
background-color: white; background-image:  url(images/kuva-products-collection.jpg); background-repeat: no-repeat;	width: 800px; position: relative; z-index: 1; min-height: 293px; overflow: hidden; border-width: 0px; border-color: black;	border-style: none;	border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0px; margin-left: auto;	margin-right: auto; padding: 0px;
	}
#Top-content-references {
background-color: white; background-image:  url(images/kuva-references.jpg); background-repeat: no-repeat;	width: 800px; position: relative; z-index: 1; min-height: 293px; overflow: hidden; border-width: 0px; border-color: black; border-style: none; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px;
	}
#Top-content-retailers {
background-color: white; background-image:  url(images/kuva-retailers.jpg); background-repeat: no-repeat; width: 800px; position: relative; z-index: 1; min-height: 293px; overflow: hidden; border-width: 0px; border-color: black; border-style: none; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px;
	}
#Top-content-index-com {
background-color: white; background-image:  url(images/kuva-index-com.jpg); background-repeat: no-repeat; width: 800px; position: relative; z-index: 1; min-height: 293px; overflow: hidden; border-width: 0px; border-color: black; border-style: none;	border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px;
	}
#Top-content-contact {
background-color: white; background-image:  url(images/kuva-contact.jpg); background-repeat: no-repeat;	width: 800px; position: relative; z-index: 1; min-height: 293px; overflow: hidden; border-width: 0px; border-color: black;	border-style: none;	border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px;
	}

/* Image rotator */

/* rotator in-page placement */
    div.rotator {
	position:relative;
	height:150px;
	margin-left: 0px;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	border:none;
	padding: 0px;
	background: #FFF;
}
    div.rotator ul li.show {
	z-index:500;
}


	
/* Footer bar */
#Footer_bar {
	background-color: none;
	width: 800px;
	position: relative;
	z-index: 1;
	
	text-align: center;
	color: #d3d3d3;
	font-family: tahoma, arial;
	font-size: 10px;
	
	border-width: 0px;
	
	margin: 0px;
	
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	}

body {
	background-color: #222222;
	background-image: url(images/bg-image.jpg);
	background-repeat: repeat;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 40px;
	border: 0px;
	margin: 0px;
	}

	img { border: 0px; padding: 0px; margin: 0px; }
	tr { border: 0px; padding: 0px; margin: 0px; }
	td { border: 0px; padding: 0px; margin: 0px; }
	table { border: 0px; padding: 0px; margin: 0px; }
	div { border: 0px; padding: 0px; margin: 0px; }

/* Links control */
	a:link { color: #cc3333; text-decoration: none; }
	a:visited { color: #cc3333; text-decoration: none; }
	a:hover { color: black; text-decoration: none; }
	a:active { color: #cc3333; text-decoration: none; }

/* ******************************** Fonts ******************************* */

p {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;

	margin: 0px;
	border: 0px;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	}

.p {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	}

ul {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	padding-right: 15px;
	margin-left: 25px;
	}

.list-ingressi {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	border: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	padding-right: 15px;
	}

hr {
	width: 55%;
	color: #FFFFFF;
	}

/* Heading */

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: lighter;
	color: #000000;
	
	margin: 0px;
	border: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 25px;
	}

h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px; 
	text-align: left;
	font-style: normal;
	font-weight: lighter;
	color: #000000;
	
	margin: 0px;
	border: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 0px;
	}

h3 { /* Uutisten pvm */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	
	margin-bottom: 0px;
	margin: 0px;
	border: 0px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000; 
	margin: 0px;
	padding-left: 65px;
	padding-top: 15px;
	padding-bottom: 0px;
	}
	
h5 { /* Uutisten otsikot */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px; 
	text-align: left;
	font-style: normal;
	font-weight: lighter;
	color: #000000;
	
	margin: 0px;
	border: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 0px;
	}

/* Language bar text */
	.Language_text {color: white; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff; }

/* Main menu buttons */
	.Menu_normal { width: 140px; text-align: center; margin: 0px; border: 0px; padding: 0px; }
	.Menu_highlight { width: 140px; background-color: #cc3333; text-align: center; margin: 0px; border: 0px; padding: 0px; }
	.Menu_language { width: 240px; text-align: right; margin: 0px; border: 0px; padding: 0px; }
	.Menu_text { color: white; font-family: Tahoma; font-size: 11px; font-weight: bold; }


/*tuote-sivun taulukko, yhden solun määrittely*/
.Product_table_cell {
	width: 33%; /* Change the left-most cell to 278px */
	border-color: #AAAAAA;
	border-right-width: 1px;
	border-right-style: dotted;
	padding-left: 0px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-top: 0px;
	vertical-align: top;
	}
 /* Products table */
 
#Product_table {
	width: 800px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	clear: both;
	}

.Product_table_img {
	float: left;
	margin-left: 15px;
	margin-top: 12px;
	}

.User_table_img {
	float: left;
	margin-left: 15px;
	margin-top: 0px;
	}

.tick_img {
	float: center;
	margin: 0px;
	padding: 0px;
	height: 18px;
	}

.targetgroup_img {
	float: left;
	margin-left: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 27px;
	}

.Text_img {
	float: left;
	margin-left: 0px;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding-right: 10px;
	border-right: 1px dotted #aaaaaa;
	}

.Vcard_img {
	float: left;
	margin-left: 0px;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 0px;
	}

#Comparison_table {
	width: 490px;
	font-family: tahoma, Tahoma;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-left: 15px;
	vertical-align: middle;
	}

.Comparison {
	border-color: #AAAAAA;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 18px;
	}
	
.Comparison-tick {
	border-color: #AAAAAA;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	text-align: center;
	vertical-align: top;
	}

.Icon-more {
	vertical-align: middle;
	padding: 0px;
	}
 
/* Logo */
#logo {
	margin: 15px;
	margin-top: 20px;
	padding: 0px;
	border: 0px;
	}

/* Picture at top of the content */
.Content_image {
	float: right;
	z-index: 1;

	margin: 0px;
	border: 0px;
	padding-left: 15px;
	padding-bottom: 30px;
	}

/* News pane */
.News_pane {
	width: 278px;
	position: relative;

	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	padding-top: 30px;	
	}