/* CSS Document */

body{
background: #1f2024;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #8d9397;
line-height: 15px;
}

html {
  height: 100%;
}

/*DESIGN*/

#banneri1 {
	position: absolute;
	left: 730px;
	top: 100px;
	height: 250px;
	width: 160px;
}

#banneri2 {
	position: absolute;
	left: 760px;
	top: 335px;
	height: 600px;
	width: 160px;
}

#etusivu_banneri{
padding-left: 20px;
widht: 400px;
height: 100px;
}

#ots_nega{
margin-top: -10px;
}

#up {
  width: 646px;
  height: 100px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 76px;
}

#ylaban{
padding-left: 196px;
}

#logo_haku {
  width: 646px;
  height: 56px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 76px;
  top: 100px;
}

#logo {
  width: 196px;
  height: 56px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
}

#haku_pohja {
  width: 450px;
  height: 56px;
  margin: 0;
  padding: 0;
  background: #3b4043;
  position: absolute;
  top: 0px;
  left: 196px;
}

#aaa{
position: absolute;
left: 10px;
top: 13px;
z-index: 999;
}

#menu_header {
  width: 646px;
  height: 171px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 156px;
  left: 76px;
}

#menu {
  width: 196px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #3b4043;
}

#header {
  width: 450px;
  height: 171px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 196px;
  background: #3b4043;
}

#keski {
  width: 646px;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 327px;
  left: 76px;
}

#keski_bg {
background: #3b4043;
}

#vasen {
  width: 196px;
  margin: 0;
  padding: 0;
  background: #3b4043;
}

#oikea {
  width: 450px;
  margin: 0;
  padding: 0;
  background: #272b2e;
}

#sisennys {
  width: 182px;
  margin: 0;
  padding: 0;
  padding-top: 14px;
  padding-left: 14px;
  background: #3b4043;
}

#content {
  width: 420px;
  padding-left: 20px;
  padding-right: 10px;
  background: #272b2e;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #8d9397;
  line-height: 15px;
}

#tarjoustuotteet {
  padding-left: 20px;
  background: #272b2e;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #8d9397;
  line-height: 15px;
}

#tarjoustuotteet_vari {
  background: #3b4043;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
  #tarjoustuotteet_content {
  padding-left: 10px;
  }

#footer {
   height: 62px;
   background: #3b4043 url('pics/footer.png') no-repeat;
}

#copyright {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #8d9397;
  position: relative;
  left: 220px;
  top: 23px;
}

#muut_header_pohja {
  width: 450px;
  height: 83px;
  background: #3b4043 url('pics/muut_header.png') no-repeat;
}

#muut_header {
  padding-left: 28px;
  padding-top: 27px;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}

/* SEKALAISTA */

#haku {
  position: absolute;
  top: 17px;
  left: 212px;
}

#haku_teksti {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#haku_input {
	width: 100px;
}

#ajankohtaista b{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #69a117;
}

#ajankohtaista a{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #f6f6f6;
}

#ajankohtaista a:hover{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #8d9397;
}

#alamenu a{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #f6f6f6;
	text-transform: uppercase;
}

#alamenu a:hover{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #8d9397;
	text-transform: uppercase;
}

#alamenu2 a{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #f6f6f6;
	padding-left: 25px;
	text-transform:lowercase;
}

#alamenu2 a:hover{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #8d9397;
	padding-left: 25px;
	text-transform:lowercase;
}

#content h1{
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: #06ccf0;
  padding-left: 4px;
  line-height:20px;
}

#content b{
  font-weight: bold;
}

#content a{
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #8d9397;
  text-decoration: underline;
  line-height: 15px;
}

#content a:hover{
  color: #fff;
}

.haku{
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: #06ccf0;
  padding-left: 24px;
  line-height: 20px;
}

td {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #8d9397;
  line-height: 15px;
}

a{
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #8d9397;
  text-decoration: underline;
  line-height: 15px;
}

a:hover{
  color: #d8d8d8;
}