html * {
margin:0;
padding:0;
}

body { 
background-color:#FFA200;
color:#303030;
font-family:Arial, Helvetica, sans-serif;
position:relative;
}

#leftcol h1 { 
color:#206DAD;
font-size:18px;
margin-bottom:15px;
}

h2 {
margin-bottom:15px;
}

h3 {
margin-bottom:15px;
}

h4 {
font-size:15px;
text-transform:uppercase;
margin-bottom:10px;
}

h5 {
margin-bottom:10px;
}

h6 {
margin-bottom:30px;
font-size:13px;
font-weight:bold;
color:#5E5E5E;
}

p {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
/*font-size:15px;*/
margin-bottom:15px;
}

a {
color:#206DAD;
}

a:hover {
color:#FFA200;
}

.clr { clear:both; }

.oranssi { color:#FFA200; }

.sininen { color:#206DAD; }

.reg {
font-size:13px;
vertical-align:top;
}

.reg2 {
font-size:10px;
vertical-align:top;
}


#wrapper {
width:1000px;
height:100%;
margin:0 auto;
}

#header {
background:url("img/header.jpg") top left no-repeat #FFA200;
width:1000px;
height:130px;
}

/*** NAVI **********************************************************************/

#navi {
width:475px;
height:70px;
float:left;
padding:60px 0 0 260px;
}
#navi a {
text-transform:uppercase;
font-size:17px;/*12*/
font-weight:bold;
color:#00539F;
text-decoration:none;
height:63px;/*70-pad-top7px*/
display:block;
float:left;
padding:7px 10px 0 10px;
outline:none;
}
/*#navi a:hover {
background:url("img/navi/arrow.gif") bottom center no-repeat;
}*/
#navi a:hover {
color:#fff;
}

#navi a.active_etusivu {
background:url("img/navi/active_etusivu.jpg") top center no-repeat;
color:#fff;
}
#navi a.active_etusivu:hover { background:url("img/navi/active_etusivu.jpg") top center no-repeat; }
#navi a.etusivu:hover { background:url("img/navi/hover_1.jpg") top center no-repeat; color:#fff; }
#navi a.navi_etusivu:hover { background:url("img/navi/hover_2.jpg") top center no-repeat; color:#fff; }

#navi a.active_ajankohtaista {
background:url("img/navi/active_ajankohtaista.jpg") top center no-repeat;
color:#fff;
}
#navi a.active_ajankohtaista:hover { background:url("img/navi/active_ajankohtaista.jpg") top center no-repeat; }
#navi a.navi_ajankohtaista:hover { background:url("img/navi/hover_3.jpg") top center no-repeat; color:#fff; }

#navi a.active_yritys {
background:url("img/navi/active_yritys.jpg") top center no-repeat;
color:#fff;
}
#navi a.active_yritys:hover { background:url("img/navi/active_yritys.jpg") top center no-repeat; }
#navi a.navi_yritys:hover { background:url("img/navi/hover_1.jpg") top center no-repeat; color:#fff; }

#navi a.active_palvelut {
background:url("img/navi/active_etusivu.jpg") top center no-repeat;
color:#fff;
}
#navi a.active_palvelut:hover { background:url("img/navi/active_etusivu.jpg") top center no-repeat; }
#navi a.navi_palvelut:hover { background:url("img/navi/hover_2.jpg") top center no-repeat; color:#fff; }

#navi a.active_yhteystiedot {
background:url("img/navi/active_ajankohtaista.jpg") top center no-repeat;
color:#fff;
}
#navi a.active_yhteystiedot:hover { background:url("img/navi/active_ajankohtaista.jpg") top center no-repeat; }
#navi a.navi_yhteystiedot:hover { background:url("img/navi/hover_3.jpg") top center no-repeat; color:#fff; }

/*************************************************************************/

#kysyremontista {
width:240px;
height:70px;
float:right;
margin:40px 20px 0 0;
}
#kysyremontista a {
width:240px;
height:70px;
display:block;
background:url("img/napit/kysy-remontista.jpg") top left no-repeat #FFC940;
text-decoration:none;
font-size:23px;
color:#00539F;
outline:none;
}
#kysyremontista a:hover {
color:#fff;
}
#kysyremontista span {
position:relative;
top:12px;
left:16px;
}



#top-content {
background:url("img/top_content_bg.jpg") top left no-repeat #00539F;
width:1000px;
height:160px;
}
#top-content h1 {
padding:62px 0 0 110px;
font-size:15px;
color:#FFA200;
text-transform:uppercase;
}
#top-content h2 {
padding:2px 0 0 110px;
color:#fff;
font-size:26px;
}

#topicpos h1 {
padding:62px 0 0 80px;
font-size:15px;
color:#FFA200;
text-transform:uppercase;
}
#topicpos h2 {
padding:2px 0 0 80px;
color:#fff;
font-size:26px;
}
#topbutton {
width:230px;
height:126px;
display:block;
/*background:url("img/remonttinayttely/etusivulinkki.png") top left no-repeat;*/
float:right;
cursor:pointer;
position:relative;
top:20px;
right:20px;
outline:none;
}
#topbutton img { border:0; }


.ajankohtaista-top {
background:url("img/ajankohtaista_top.jpg") top left no-repeat;
width:1000px;
height:10px;
}

#ajankohtaista-left {
width:580px;/*600*/
float:left;
padding:20px 0 0 110px;
}
#ajankohtaista-left h1 {
margin-bottom:5px;
color:#206DAD;
font-weight:bold;
font-size:18px;
}

#ajankohtaista-right {
width:220px;/*-30pxpadright*/
float:right;
padding:20px 30px 0 0;
font-size:13px;
}



#widecol {
width:490px;
float:left;
padding:20px 20px 0 0;
}
#widecol p {
font-size:14px;
}
img.kampanjalogo {
width:308px;
height:301px;
float:right;
position:relative;
top:25px;
right:90px;
} 
#widecol .leftpad {
padding-left:50px;
}
#widecol h2 { 
font-size:15px;
color:#5E5E5E;
font-weight:bold;
}
#widecol h3 { 
font-size:15px;
color:#5E5E5E;
font-style:italic;
margin-bottom:0;
}

.isobg2 {
background:url("img/isobg20vuotta.png") bottom right no-repeat;
}

.isobg {
background:url("img/yritys_right_isobg.png") bottom right no-repeat;
}



img.kalervo_alaoik {
_float:right;
position:relative;
/*top:52px;*/
right:-170px;/*120*/
_right:-120px;
}

img.kalervo_alaoik2 { /*kotitalousvahennys*/
float:right;
position:relative;
top:0;
right:-120px;
}




#leftcol {
width:490px;/*-20padright*/
float:left;
padding:20px 20px 0 0;
}
#leftcol .leftpad {
padding-left:110px;
}
#leftcol h2 { 
font-size:15px;
color:#5E5E5E;
font-weight:bold;
}


#check_ul {
/*padding:0 0 20px 110px;*/
padding:0 0 20px 30px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#check_ul li {
padding:0 0 3px 0;
list-style-image:url("img/bulletit.jpg");
}



.palvelut_box {
width:100%;
height:160px;
margin-bottom:10px;
font-size:14px;
}
.palvelut_box img { float:left; margin-right:0px; }
.palvelut_box .txtcont { width:100%; height:140px; padding-top:20px; }
.palvelut_box span.ingr { font-style:italic; color:#898989; }



/*** LEFTCOL lightbox **********************************************************************/
.boxes {
/*background:#000;*/
background:url("img/70.png");
_background:#000;/*IE6*/
z-index:100;
}

.box_content {
width:600px;
background:#fff;
border:10px solid #303030;
padding:20px 20px 50px 50px;
position:absolute;
top:15%;/*25*/
left:25%;
}

.boxtext_enabled { cursor:pointer; text-decoration:underline; }

.kohdeinfot_btm { clear:both; padding-top:20px; }
.kohdeinfot_btm img { padding-right:40px; }

.box_content_popup { /*TEMP*/
width:880px;
height:420px;
background:url("img/remonttinayttely/remonttinayttely_lightbox.jpg") top left no-repeat;
border:10px solid #303030;
padding:0;
margin:0;
/*position:absolute;
top:5%;
left:25%;*/
margin:60px auto;
z-index:101;
}

p.lightbox_quote {
font-style:italic;
font-size:13px;
}

.boxtext_close {
float:right;
cursor:pointer;
}
.pakkasclose { /*TEMP*/
float:right;
cursor:pointer;
width:100px;
height:40px;
display:block;
position:relative;
top:9px;
right:10px;
*right:140px;
_right:10px;
z-index:200;
*padding:0;/*IE6,7*/
*margin:0;/*IE6,7*/
}
.pakkasluelisaa { /*TEMP*/
float:right;
width:350px;
height:60px;
display:block;
position:relative;
top:329px;
left:70px;
*left:-50px;
z-index:200;
*padding:0;/*IE6,7*/
*margin:0;/*IE6,7*/
}


/*** RIGHTCOL **********************************************************************/
#rightcol {
width:490px;
float:right;
padding:20px 0 0 0;
}
#rightcol p { 
font-size:12px;
color:#5E5E5E;
}
#rightcol p.rts-p {
background:url("img/logot/rts.jpg") center left no-repeat;
padding:5px 0 5px 80px;
}
#rightcol p.aaa-p {
background:url("img/logot/aaa.jpg") center left no-repeat;
padding:5px 0 5px 80px;
}
#rightcol h2 { 
font-size:15px;
color:#5E5E5E;
font-weight:bold;
}
#rightcol h2.bgeella { 
padding:90px 0 0 0;
}

#rightcol .rightcol-left {
width:220px;
float:left;
margin-right:20px;
}
#rightcol .rightcol-right {
width:220px;
float:left;
}

#rightcol .rightcol-left-avainbg {
width:220px;
float:left;
margin-right:20px;
background:url("img/avain_rightbg.jpg") top left no-repeat;
}
#rightcol .rightcol-right-eurobg {
width:220px;
float:left;
background:url("img/eurot_rightbg.jpg") top left no-repeat;
}



#rightcol .arvot_box {
width:100%;
height:70px;
margin-bottom:10px;
font-size:12px;
color:#5e5e5e;
}
#rightcol img {
float:left;
margin-right:10px;
margin-left:3px;
}
#rightcol span.arvot_topic {
font-weight:bold;
font-size:18px;
}




#remonttinayttely { color:#5E5E5E; }
#remonttinayttely p { color:#5E5E5E; margin-bottom:5px; }
#remonttinayttely h3 { color:#5E5E5E; font-size:16px; margin:15px 0 5px 0; }



/*
#rightcol .henkilo {
width:220px;
clear:both;
}
#rightcol .henkilo img {
width:60px;
height:60px;
float:left;
margin-bottom:10px;
}
#rightcol .henkilo p {
width:150px;
float:right;
line-height:15px;
}
*/




/*** CONTENT **********************************************************************/
#content {
background:#fff;
}
#content-ajankohtaista {
background:url("img/ajankohtaista_bgrep.gif") top left repeat-y;
}
#content-topvarjo {
background:url("img/topbgvarjo.gif") top left no-repeat #fff;
width:1000px;
}


/*** etusivu-left (infobox) **********************************************************************/

#etusivu-left {
width:730px;
height:240px;
float:left;
color:#fff;
}

#etusivu-left a { color:#fff; }
#etusivu-left a:hover { color:#FFA200; }

#infobox { background:url("img/infobox/infoboxbg.jpg") top left no-repeat #3276B2; }
.infobox_content { padding:30px 15px 0 350px; }
.boxienkoko { width:730px; height:240px; }
#box_00 { background:url("img/infobox/suuri_remonttinayttely.jpg") top left no-repeat #3276B2; }
#box_01 { background:url("img/infobox/remonttipalvelu.jpg") top left no-repeat #3276B2; /*z-index:-1;*/ }
#box_02 { background:url("img/infobox/sisustusremontit.jpg") top left no-repeat #3276B2; }
#box_03 { background:url("img/infobox/saunaremontit.jpg") top left no-repeat #3276B2; }
#box_04 { background:url("img/infobox/keittioremontit.jpg") top left no-repeat #3276B2; }

#box_00 a.suuri_remonttinayttely_link {
width:200px;
height:100px;
display:block;
opacity:0.5;
position:relative;
top:100px;
left:170px;
}


/*** etusivu-right (infobox_navi) **********************************************************************/

#etusivu-right {
width:270px;
height:240px;
float:right;
}

#etusivu-right img.topvarjo { position:absolute; _display:none;/*ie6*/ }

#infobox_navi {
list-style-type:none;
}

#infobox_navi span.infoboxnavipad { padding-left:20px; }

#infobox_navi a {
color:#02376B;
font-weight:bold;
font-size:17px;
text-decoration:none;
background:url("img/infobox/navi/normal.jpg") top left no-repeat;
width:270px;
height:60px;
display:block;
line-height:60px;
}
#infobox_navi a.activeSlide {
background:url("img/infobox/navi/active.jpg") top left no-repeat;
}
#infobox_navi a:focus { outline: none; }



/*** 4cols **********************************************************************/

.col1pad { padding:30px 20px 0 30px; }
.col2pad { padding:30px 20px 0 10px; }
.col3pad { padding:30px 10px 0 10px; }
.col4pad { padding:30px 20px 0 20px; }

#etusivu-4col-1 {
width:260px;
height:330px;
position:relative;
float:left;
background:url("img/4colbg.jpg") top right no-repeat #fff;
}
#etusivu-4col-1 a { color:#303030; text-decoration:none; }
#etusivu-4col-1 p { font-size:12px; }
#etusivu-4col-1 a.colbtn1 img { position:absolute; bottom:20px; border:0; }

#etusivu-4col-2 {
width:240px;
height:330px;
position:relative;
float:left;
background:url("img/4colbg.jpg") top right no-repeat #fff;
}
#etusivu-4col-2 a { color:#303030; text-decoration:none; }
#etusivu-4col-2 p { font-size:12px; }
#etusivu-4col-2 a.oranssi_otsikko { color:#FFA200; font-size:25px; }
#etusivu-4col-2 a.colbtn2 img { position:absolute; bottom:20px; border:0; }

#etusivu-4col-3 {
width:230px;
height:330px;
position:relative;
float:left;
background-color:#fff;
}
#etusivu-4col-3 a { color:#303030; text-decoration:none; }
#etusivu-4col-3 p { font-size:12px; }
#etusivu-4col-3 a.oranssi_otsikko { color:#FFA200; font-size:25px; }
#etusivu-4col-3 a.colbtn3 img { position:absolute; bottom:20px; border:0; }

#etusivu-4col-4 {
width:270px;
height:330px;
position:relative;
float:left;
background:url("img/4colbg_harmaa.jpg") top left no-repeat #F1F1F1;
}
#etusivu-4col-4 a.tumma_otsikko { color:#303030; text-decoration:none; }
#etusivu-4col-4 p { font-size:12px; }
#etusivu-4col-4 p.etusivu-ajankohtaista-pvm {
font-size:13px;
font-weight:bold;
color:#FFA200;
margin:20px 0 0 0;
}
#etusivu-4col-4 a.etusivu-ajankohtaista-otsikko { font-size:13px; font-weight:bold; color:#303030; text-decoration:none; }
#etusivu-4col-4 a.etusivu-ajankohtaista-otsikko:hover { text-decoration:underline; color:#303030; }
#etusivu-4col-4 a { color:#00539F; }
#etusivu-4col-4 a:hover { color:#FFA200; }
#etusivu-4col-4 a.colbtn4 img { position:absolute; bottom:20px; border:0; }



/*** WIDECOL **********************************************************************/
#widecol {
width:910px;
padding:20px 30px 30px 60px;
}
#widecol h1 {
color:#206DAD;
font-size:18px;
margin-bottom:15px;
}
#widecol h2 { 
font-size:15px;
color:#5E5E5E;
font-weight:bold;
}
#widecol .henkilo {
width:200px;/*200*/
height:90px;/*60*/
float:left;
margin-bottom:10px;
margin-right:20px;
background:#FFA200;
}
#widecol .henkilo img {
width:60px;
height:90px;/*60*/
float:left;
margin-bottom:10px;
}
#widecol .henkilo p {
width:130px;
float:right;
margin-top:10px;/*2*/
line-height:15px;
font-size:12px;
color:#5E5E5E;
}


#widecol .widecol-left {
width:400px;/*400*/
float:left;
}

#widecol .widecol-right {
width:450px;/*450*/
float:right;
}


/*** LOMAKE **********************************************************************/
p.startxt {
color:#999;
font-weight:bold;
margin-bottom:2px;
margin-left:30px;
font-size:13px;
}

#lomake {
width:430px;
background:url("img/form/form_topbg.jpg") top left no-repeat #BCD3E6;
margin-bottom:10px;
}
#lomake .lomakepad {
padding:30px 30px 0 30px;
}
#form_checkboxes {
font-size:13px;
margin-bottom:10px;
}
#lomake input.input_txt {
width:360px;
height:30px;
margin-bottom:10px;
background:url("img/form/inputbg.jpg") top left no-repeat #fff;
}
#lomake textarea {
width:340px;
height:170px;
padding:10px 10px 0 10px;
margin-bottom:10px;
overflow:auto;
background:url("img/form/textareabg.png") top left no-repeat #fff;
}



/*** KUVAPANKKI **********************************************************************/
#kuvapankki {
width:650px;/*580*/
float:left;
padding:20px 0 30px 60px;/*110*/
}
#kuvapankki h1 {
margin-bottom:5px;
color:#206DAD;
font-weight:bold;
font-size:18px;
}

#kuvapankki form {
background:url("img/form/kuvapankki_login_bg.jpg") top left no-repeat;
width:643px;
height:222px;
padding:30px 0 0 50px;
}
#kuvapankki input.input_txt {
width:270px;
height:30px;
margin-bottom:10px;
background:url("img/form/inputbg.jpg") top left no-repeat #fff;
}

#kuvapankki img {
float:left;
border:1px solid #206dad;
padding:5px;
margin:2px;
}






/*** FOOTER **********************************************************************/
#footer {
background:url("img/footerbg.jpg") top left no-repeat #00539F;
width:1000px;
height:60px;
margin-bottom:100px;
clear:both;
}
#footer p {
font-size:11px;
color:#fff;
padding:22px 0 0 110px;
}








/*** ARVONTA **********************************************************************/

#wrapper-arvonta {
width:600px;
margin:0 auto;
}

#header-arvonta {
background:url("img/arvonta/header_arvonta.jpg") top left no-repeat;
width:600px;
height:240px;
}

#top-arvonta {
background:url("img/arvonta/top_arvonta.gif") top left no-repeat;
width:600px;
height:200px;
}
#top-arvonta h1 {
padding:20px 20px 0 20px;
text-align:center;
font-size:26px;
color:#fff;
}

#content-arvonta {
width:515px;/*-85padleft*/
background:#fff;
padding:20px 0 40px 85px;
}
#content-arvonta img {
border:0;
}

.pagenumber {
color:#FFA200;
width:50px;
height:50px;
float:right;
font-size:18px;
font-weight:bold;
}

#saannot { padding-right:85px; }
#saannot p { font-size:14px; }
#saannot h1 {
margin-bottom:15px;
color:#206DAD;
font-weight:bold;
font-size:18px;
}
#saannot h2 { 
font-size:15px;
color:#5E5E5E;
font-weight:bold;
margin-bottom:0;
}

#footer-arvonta {
background:url("img/arvonta/footerbg_600.jpg") top left no-repeat #00539F;
width:600px;
height:60px;
margin-bottom:100px;
color:#fff;
}

#footer-arvonta .links {
padding:17px 0 0 100px;
}

#footer-arvonta a {
color:#FFA200;
font-size:14px;
}