/* CSS Document */

html, body {
	
	font-family: Tahoma, Trebuchet MS;

		text-align: left;
		margin-left:0px;
		margin-top:70px;
min-height: 100%;
width: 100%;
height: 100%;
margin: 0;
margin-bottom:0;
		background-color:#ececec;
		
}
#content{
	overflow:hidden;
	width:862px;
	background-color:white;
	position:relative;
	height:350px;
	float:left;
}

.section{
	width:6900px;
	position:relative;
}


#wrapper{
position:absolute;
width:1000px;
background-color:#FFFFFF;
left:50%;
margin-left: -500px;
min-height:700px;
height:700px;
padding: 0;
margin-top:70px;
}
#wide {
      width: 862px;
	  background-color:#FFFFFF;
margin-bottom: 5em;
margin-left:70px;
height:430px;
margin-top:90px;

	padding: 0;
	

    }
	
 #wide2 {
      width: 862px;
	  height:39px;
	  text-align:left;
	  margin-left:0px;
	  margin-right:0px;
	  margin-bottom:80px;
	  padding:0;
	  background-image:url(images/Donetti_logo.jpg);
	  background-repeat:no-repeat;
	  vertical-align:bottom;
	  
    }

#etu {
float: left;
width: 502px;
height:300px;
margin-left:0px;
padding-left:4px;
margin-top:0px;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:17px;
font-weight:normal;
color:#949494;
line-height:22px;


}
#palvelut {
float: left;
width: 800px;
height:300px;
margin-right:300px;
margin-left:0px;
padding-left:4px;
margin-top:0px;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:17px;
font-weight:normal;
color:#949494;
line-height:22px;


}
#tuotteet {
float: left;
width: 800px;
height:300px;
margin-right:300px;
margin-left:0px;
padding-left:4px;
margin-top:0px;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:17px;
font-weight:normal;
color:#949494;
line-height:22px;


}
#referenssit {
float: left;
width: 850px;
height:315px;
margin-right:300px;
margin-left:0px;
padding-left:4px;
margin-top:0px;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:17px;
font-weight:normal;
color:#949494;
line-height:22px;


}

#yhteys {
float: left;
width: 302px;
height:300px;
margin-left:0px;
padding-left:4px;
margin-top:0px;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:17px;
font-weight:normal;
color:#949494;
line-height:22px;


}

#oikea {
float: left;
width: 210px;
margin-left:85px;
margin-top:0px;
margin-right:300px;
font-family:Tahoma, Trebuchet MS, Arial;
font-size:14px;
line-height:22px;
color:#747474;

}
#lomake {
float: left;
width: 410px;
height:420px;
margin-left:65px;
margin-top:0px;
margin-right:300px;
font-family:Tahoma, Trebuchet MS, Arial;
font-size:14px;
line-height:22px;
color:#747474;

}
#uutispvm {

font-family: Tahoma, Arial;
color:#747474;
font-size:16px;
font-weight:normal;
line-height:22px;
}



 
/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack
#
 * Stupid hack lets IE see 100%, others see 70%.
#
 */

#footer {
\width: 100%;
w\idth: 70%;

}

#footer {

bottom: 0;
height:71px;
/* See note below */
text-align: center;
padding: 0 15%;
color:#FFFFFF;
font-family: Tahoma, Arial;
font-size:12px;
line-height:16px;
padding-top:11px;
font-weight:normal;
background-image:url(images/Footer_bg.jpg);
background-repeat:repeat-x;

}


#info {

text-align: left;
color:#747474;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:12px;
line-height:16px;
padding-top:11px;
font-weight:normal;

}

#info2 {

text-align: left;
color:#747474;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:12px;
line-height:16px;
padding-top:11px;
font-weight:normal;

}

#info3 {

text-align: left;
color:#747474;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:12px;
line-height:16px;
padding-top:11px;
font-weight:normal;

}
#info4 {

text-align: left;
color:#747474;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:12px;
line-height:16px;
padding-top:11px;
font-weight:normal;

}
#info5 {

text-align: left;
color:#747474;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:12px;
line-height:16px;
padding-top:11px;
font-weight:normal;

}
#info6 {

text-align: left;
color:#747474;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:12px;
line-height:16px;
padding-top:11px;
font-weight:normal;

}

	 #menu {
	  height:48px;
	  width:882px;
	  margin-top:8px;
	  margin-left:142px;
	  padding-left:20px;
	  background-image:url(images/menutausta.jpg);
background-repeat: no-repeat;
    }
	
ul {
list-style-type: none;
padding: 0;
margin-top:0;
margin-left:0px;
padding:0;
float:right;
text-align:left;
display:inline;
     
}
	
li.menu{
	  margin-top:0px;
	  margin-bottom:0px;
	  margin-left:0px;
	  margin-right:30px;
	  padding-top:12px;
	  height:24px;
      float: left;
      text-align: left; 
  	font-family: Tahoma, Trebuchet MS, Arial;
	font-size: 14px;

	list-style-type: none
    }

a.ylamenu:hover { text-decoration: none; border-bottom:2px solid #ee7c17; color: #7f7f7f; font-size:17px; font-family:Tahoma, Trebuchet MS, Arial;}
a.ylamenu { text-decoration: none; font-family: Tahoma, Trebuchet MS, Arial; font-size:17px; color: #7f7f7f; }

a.ylamenuov:hover { text-decoration: none;  border-bottom:2px solid #ee7c17; color: #7f7f7f; font-size:17px; font-family:Tahoma, Trebuchet MS, Arial;}
a.ylamenuov { text-decoration: none; font-family: Tahoma, Trebuchet MS, Arial; font-size:17px; color: #7f7f7f; }


a:hover { padding-left:0px; text-decoration: none; border-bottom:2px solid #747474;  color: #ee7c17; font-size:17px; font-family:Tahoma, Trebuchet MS Arial;}
a { padding-left:0px;text-decoration: none; font-family: Tahoma, Trebuchet MS, Arial; color: #ee7c17; font-size:17px; }

a.uutislinkki:hover { padding-left:0px; text-decoration: none; border-bottom:2px solid #747474; color: #ee7c17; font-size:12px; font-family:Tahoma, Trebuchet MS Arial;}
a.uutislinkki { padding-left:0px;text-decoration: none; font-family: Tahoma, Trebuchet MS, Arial; color: #ee7c17; font-size:12px; }

a.uutinen:hover { padding-left:0px; text-decoration: none; border-bottom:2px solid #747474; color: #ee7c17; font-size:14px; font-family:Tahoma, Trebuchet MS Arial;}
a.uutinen { padding-left:0px;text-decoration: none; font-family: Tahoma, Trebuchet MS, Arial; color: #ee7c17; font-size:14px; }

a.referenssi:hover { padding-left:0px; margin-right:10px; text-decoration: none; border-bottom:2px solid #747474; color: #ee7c17; font-size:12px; font-family:Tahoma, Trebuchet MS Arial;}
a.referenssi { padding-left:0px;text-decoration: none; margin-right:10px; font-family: Tahoma, Trebuchet MS, Arial; color: #ee7c17; font-size:12px; }


a.lomakelinkki:hover { padding-left:0px; text-decoration: none; border-bottom:2px solid #747474; color: #ee7c17; font-size:12px; font-family:Tahoma, Trebuchet MS Arial;}
a.lomakelinkki { padding-left:0px;text-decoration: none; font-family: Tahoma, Trebuchet MS, Arial; color: #ee7c17; font-size:12px; }

#oikeaviiva {
border: 0pt none;
color: #cccccc; 
background-color: #cccccc;
height: 1px; 
margin-top: 10px;
margin-bottom:10px;
}

h1 {
  font-size: 1.3em;
  color:#7f7f7f;
  font-weight: bold;
  font-family:Tahoma, Trebuchet MS;
  padding-left: 0px;
  padding-top:0px;
  margin-top:0px;
}


h2 {
  font-size: 1.0em;
  color:#7f7f7f;
  font-weight: bold;
  font-family:Tahoma, Trebuchet MS;
  padding-left: 0px;

}
TEXTAREA, INPUT {
  font-size: 12px;
  height: 20px;
  width: 300px;
  color:#4c4c4c;
  font-family:Tahoma, Trebuchet MS;
  font-weight:normal;
  border:1px #666666 solid;
  padding-top:5px;
  padding-left:3px;
  }
SELECT, OPTION {
  font-size: 12px;
  height: 20px;
  width: 300px;
  color:#4c4c4c;
  font-family:Tahoma, Trebuchet MS;
  font-weight:normal;
  border:1px #666666 solid;
  padding-top:1px;
  padding-left:3px;
  


 }
.accordion {
width: 800px;
margin-right:300px;
margin-left:0px;
padding-left:0px;
margin-top:0px;
font-family: Tahoma, Trebuchet MS, Arial;
font-size:17px;
font-weight:normal;
color:#949494;
line-height:12px;
}
.accordion h3 {
	background: #ffffff url(images/nuoli.jpg) no-repeat left -55px;
	padding-left: 25px;
	padding-top:0px;
	padding-bottom:0px;

	margin:0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #ffffff;
	padding-top:0px;
	padding-bottom:0px;

}
.accordion h3.active {
	background-position: left 1px;
	padding-top:0px;
	padding-bottom:0px;

}
.accordion p {
	background: #ffffff;
	margin: 0;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:25px;
	display:none;
	font-size:14px;
	line-height:22px;

}

.refimage {

  padding:4px;
  margin-right:23px;
  margin-bottom:23px;
  border:4px solid #dbdbdb;
}


#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

.tippi {
font-size:12px;
	line-height:20px;

}