/* YLEISET MÄÄRITTELYT */

body {
  margin: 0px;
  padding: 0px;
  background: #fff url(../pics/bg.gif) repeat-x;
  width: 100%;
}

ul, ol, li, form, input,table { 
  margin:0px;
  padding:0px;
  }



/* --- HEADER --- */
div#header {
  position:relative;
  left:0px;
  top:0px;
  margin: 0px;
  padding:0px;
  background:transparent url(../pics/header.gif) no-repeat;
  height:113px;
  width: 855px;
}


div#logo {
  position:absolute;
  top: 31px;
  left: 18px;
  margin: 0px;
  padding:0px;
  }
div#logo h1 span { display: none; }
div#logo a { text-decoration: none; }

div#lang {
  position: absolute;
  top: 18px;
  left: 607px;
  margin:0px;
  padding: 0px;
  font: normal normal 11px arial,verdana;
  color:#757575;
}
div#lang a { 
  text-decoration:none;
  color:#757575;
  }
div#lang a:hover { text-decoration: underline;}  
div#lang a span { font-weight: bold; color:#83070C; }

/* --- NAVI --- */
div#navi {
  position:absolute;
  top: 111px;
  left: 0px;
  width:184px;
  height:293px;
  margin: 0px;
  padding: 0px;
  background: transparent url(../pics/bg-navi.gif) no-repeat;
 }
div#navi ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#navi ul.border-top { 
  border-top: 1px solid #ffffff; 
  margin: 0px 0px 0px 0px;
  padding: 0px;
  }
div#navi ul li {
  
  border-bottom: 1px solid #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
}
div#navi ul li ul li {
  list-style-type: none;
  display: block;
  margin:0px 0px 0px 5px;
  padding:0px;
  border: 0px;
  
}
div#navi ul li a {
  font: normal normal 11px arial,verdana;
  font-weight: bold;
  color:#ffffff;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 14px;
}
div#navi ul li ul li a { 
  display: block;
  font: normal normal 11px arial, verdana;
  text-decoration:none;
  padding: 0px 0px 0px 15px;
  margin: 5px 0px;
}
div#navi ul li a:hover { text-decoration: underline; }

ul#prod li{ margin: 0px; padding: 0px;}
div#navi li.products  a {
 padding: 0px 0px 0px 15px;
 margin: 1px 0px;
}

/* --- ETUSIVU --- */

div#main_image {
  position:absolute;
  top:54px;
  left:184px;
  height:402px;
  width:671px;
  margin: 0px;
  padding: 0px;
  background: transparent url(../pics/p-frontpage.jpg) no-repeat;
}

div#right_image {
  position:absolute;
  top: 54px;
  left: 855px;
  width: 364px;
  height:402px;
  background: transparent url(../pics/p-rightimage.jpg) no-repeat;
  margin: 0px;
  padding: 0px;
}

div#contact {
  
  margin:0px;
  padding:0px;
}

div#contact div#frontpage,div#subpage {
  margin: 0px;
  padding:0px;
  }

  div#contact div#frontpage { 
    position: absolute; 
    bottom: 40px;
    left: 250px;
    }
    
  div#contact div#subpage { 
    clear:both;
    position: relative; 
    top: 20px;
    margin: auto;
    padding: auto;
    width: 610px;
   
    }
  
div#contact div#frontpage ul,div#subpage ul {
  list-style-type: none;
  margin:0px 0px 0px 0px;
  padding:10px 0px 0px 0px;
  font: normal normal 11px arial;
  background: transparent url(../pics/ul-contact.gif) 0px 0px no-repeat;
  color:#757575;
  }

div#frontpage li,div#subpage li {
  display: inline;
  border-right: 1px solid #ddd;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 0px 7px;
}

div#contact div#frontpage li span,div#subpage li span { 
  color:#83070C; 
  text-transform: uppercase;
  font: normal bold 12px arial;
  margin: 0px 0px 0px -8px;
  padding: 0em 0em 0em 0.1em;
  
   }
  
div#frontpage li.no-border,div#subpage  li.no-border  { border-right: none;}  

div#frontpage ul.no-background,div#subpage ul.no-background  { background:none;margin-top:-0.5em;}  


/* --- ALASIVU --- */

div#back {
  position: absolute;
  top: 18px;
  left: 236px;
  margin: 0px;
  padding: 0px;
  font: normal bold 11px arial;
}
div#back a { 
  text-decoration: none;
  color:#757575;
}
div#back a:hover { text-decoration: underline; }
div#back span { color:#BB0014; }

div#max-width {
  position:relative;
  top: 0px;
  margin-left: 184px;
  width: 665px;
  /* mac ie fix \*/
    left:184px;
    margin: 0px;
  /* end fix */
  padding: 0px;
  border-right: 3px solid #B5B5B5;
  border-left:  3px solid #B5B5B5;
  background: #fff; 
  min-height: 300px;
  height: auto;
  _height: 300px;
}

div#content {
  position:relative;
  margin: 0px;
  padding: 0px;
  width: 665px;
  background: #fff; 
 
}

div#content h1 {
  font: normal bold 24px arial;
  color:#414E9B;
  margin: 0px 37px 10px 37px;
  padding: 0px 37px 10px 0px;
  background: transparent url(../pics/page-h1.gif) left bottom repeat-x; 
}


div#content h1 span {
  background: transparent url(../pics/page-square.gif) 0px 10px no-repeat;
  text-indent: 10px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
}
div#content h2 {
  font: normal bold 16px arial;
  color:#414E9B;
  margin: 20px 37px 0px 37px;
  padding: 0px 37px 10px 0px;
  
}

div#content p {
  font: normal normal 12px arial;
  color:#757575;
  margin: 5px 37px 0px 37px;
  padding: 0px 0px 5px 0px;
 }


div#content a { text-decoration: none; color:#83070C; font-weight:bold; padding: 0em 0.2em;} 
div#content table {
   margin: 5px 37px 0px 37px;
   padding: 0px;
} 
div#content img { 
  border: 1px solid #B5B5B5;
  padding: 2px;
}

div#content ul, div#content ol { 
  font: normal normal 12px arial;
  color:#757575;
  list-style-position: outside; 
  margin: 5px 37px 0px 60px;
  padding: 0px;
  }
 
div#content ul { list-style-image: url(../pics/li-square.gif); }  
div#content li { 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div#content ul ul, div#content ol ol { margin: 0px 0px 0px 10px; padding: 0px; }
div#content img.draft { border: none; }
div#content img.align_right_no_border { 
	float:right;
	margin:0em 1em;
	border:none;
}
div#content-footer {
 clear:both;
  position:relative;
  margin-left: 184px;
  /* mac ie fix \*/
    left: 184px;
    margin: 0px;
  /* end fix */
  width: 671px;
  height:79px;
  padding:0px;
  background: transparent url(../pics/content-footer.gif) no-repeat;
}

/* yhteydenotto-sivu */
div#contact_left {
	float:left;
	width:45%;
	margin:0px;
	padding:0px;
	margin-left:2em;
}
div#contact_right {
	float:left;
	width:45%;
	margin:0px;
	padding:0px;
}
div#contact_left img.email,div#contact_right img.email { border:none; }
div#contact_left p { margin:0px;padding:0px; }
div#contact_right p { margin:0px;padding:0px; }

/* --- FOOTER --- */

div#footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  heigth: 25px;
  width: 100%;
  /* mac ie fix \*/  
    background: transparent url(../pics/footer.gif) repeat-x;
  /* end fix */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
  
/* -- form -- */
fieldset { border: 0px solid; }
fieldset input { width: 220px; border: 1px solid #B5B5B5;} 
fieldset input:focus { border: 2px solid #B5B5B5; background:#F7F7F7; }
fieldset option { }
fieldset textarea { width: 90%; border: 1px solid #B5B5B5;} 
fieldset input.button { background: #F1F1F1; border: 1px solid #B5B7B6; width: 50px; color:#83070C; font-weight: bold;}
/* -- Mac Safari min-height hack -- */

.prop {
	 float:right;
	 width: 1px;
	}
.height {
    height: 350px;
  }
  
/* --  yleiset class-määrittely -- */ 

.clear { clear:both; }