html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background-color:#FFFFFF;	
font-family:Arial, Helvetica, sans-serif;
color:#001F58;
font-size:14px;
}

h1 {
color:#0742AE;
font-size:18px;
margin:0 0 10px 0; 
}

h2 {
font-size:18px;
font-weight:bold;
color:#0742AE;
}

h3 {
font-size:18px;
font-weight:bold;
color:#0742AE;
margin:0 0 8px 0;
}

h4 {
color:#001F58;
font-size:16px;
margin:0 0 5px 0; 
}

p {
margin:0 0 10px 0;
font-size:14px;
}

.center {
margin:0 auto;
width:780px;
}

.clr {clear:both; height:1px;}

#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:1010px;
background:#FFFFFF;	
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

#header {
background-image:url("img/header.jpg");
background-repeat:no-repeat;
height:250px;
width:895px;
margin:0 auto;
padding-bottom:5px;
}

#navi {
position:relative;
top:225px;
left:75px;
}

#navi a {
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#0742AE;
margin-right:10px;
text-decoration:none;
}
#navi a:hover {
color:#FE942F;
}
#navi a.active {
color:#FE942F;
}

#content {
padding:0 1em 5em; /* bottom padding for footer */
}

/*#content .isobox {
margin-bottom:10px;
}*/
#etusivubox {
width:778px;
height:242px;
margin-bottom:10px;
background:url("img/aurinkopaneelit.jpg") top left no-repeat;
}
#etusivubox a {
width:130px;
height:95px;
display:block;
position:relative;
top:115px;
left:200px;
}

#content a {
color:#D56A03;
text-decoration:none;
}
#content a:hover {
color:#CB5A06;
text-decoration:underline;
}

#tuotecont {
width:590px;
float:right;
}

.imgleft {
float:left;
margin-right:10px;
border:0;
}

.trbg {
background-color:#eee;
}
.trbg2 {
background-color:#ccc;
}

.tuotebox {
background-image:url("img/line.jpg");
background-repeat:no-repeat;
background-position:top left;
height:80px;
padding-top:15px;
}

.tuotebox_single {
background-image:url("img/line.jpg");
background-repeat:no-repeat;
background-position:top left;
padding-top:15px;
padding-bottom:10px;
}

.tuotelink {
font-size:18px;
color:#0742AE;
position:absolute;
left:410px;
}

#tuotenavi {
float:left;
width:180px;
}
#tuotenavi ul {
margin:0;
padding:0 0 0 0;
list-style-type:none;
}
#tuotenavi li a {
color:#0742AE;
text-decoration:none;
font-weight:bold;
font-size:15px;
padding-left:22px;
display:block;
}
#tuotenavi li a.liactive {
color:#FE942F;
background-image:url("img/li_active.gif");
background-repeat:no-repeat;
background-position:left;
}
#tuotenavi li a:hover {
color:#FE942F;
text-decoration:none;
}

/*-------------- 3col -------------*/
#leftcol {
float:left;
width:215px;
padding-left:18px;
}
#centercol {
float:left;
width:280px;
margin-left:20px;
}
#rightcol {
float:left;
width:215px;
margin-left:20px;
}
.f14px {
font-size:14px;
}


#lomake {
float:right;
width:350px;
}
#lomake input.txtbox {
width:330px;
padding:4px 3px 4px 3px;
background-color:#1752BE;
color:#FFFFFF;
}
#lomake textarea {
width:330px;
height:100px;
overflow:auto;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#1752BE;
color:#FFFFFF;
}
#lomake .submitbtn {
background-image:url("img/submitbtn_bg.jpg");
background-repeat:no-repeat;
background-position:left;
background-color:#1752BE;
color:#FFFFFF;
height:26px;
padding:3px 3px 3px 45px;
cursor:pointer;
}
#lomake .error {
color:#CC3300;
font-weight:bold;
position:relative;
top:15px;
}

.submitbtn2 {
background-color:#1752BE;
color:#FFFFFF;
height:26px;
padding:3px 30px 3px 30px;
cursor:pointer;
}

/*-----------------------TABLET-------------------------*/

#table1 {
border:1px solid #0742AE;
margin-bottom:10px;
width:100%;
}
#table1 td {
border:1px solid #ccc;
}
#table1 tr:hover {
background-color:#f5f5f5;
}
#table1 .smallf {
font-size:10px;
text-align:center;
}

#table2 {
width:500px;
border:1px solid #0742AE;
margin-bottom:10px;
}
#table2 .fff {
color:#FFFFFF;
padding:3px;
}
#table2 .borderright {
border-right:1px solid #000;
padding-right:10px;
}
#table2 .padleft {
margin-left:10px;
}
#table2 .bordertop {
border-top:1px solid #000;
}
#table2 .ptable2 {
margin:3px;
}

.borderbtm {
border-bottom:1px solid #000;
padding-top:5px;
}

/*-----------------------TABLET LOPPUU------------------*/


#footer {
position:absolute;
width:100%;
height:65px;
bottom:0; /* stick to bottom */
background-image:url("img/footerbg.jpg");
background-repeat:no-repeat;
}

#footer p {
float:right;
color:#FFFFFF;
position:relative;
top:48px;
/*right:125px;*/
font-size:12px;
}
#footer a {
color:#FFFFFF;
font-size:12px;
}