body {
	font-size: 62.5%;  /* make one 0.1em == 1px */
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #fff;
    color: #505050;
}

img {
	border: 0;	
}



h1
{
	font-size: 2em;
	margin-bottom: 1.3em;
	font-weight: normal;
        padding-top: 11px;
}

h2
{
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 1.37em;
	font-weight: bold;
}

h3
{
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 1em;
}

h4
{
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 1em;
}

p
{
	font-size: 1.2em;
	margin-bottom: 1.2em;
	line-height: 1.2em;
}

a
{
        color: #505050;
        text-decoration: underline;
}

a:visited
{
        color: #eb690a
        text-decoration: underline;
}


/* base elements */

#wrap 
{
	margin: 0 auto;
	width: 940px;
}

#wrap #container 
{
	width: 850px;
	margin: 0 45px;
        position: relative;
}

#wrap #container #counter
{
	width: 80px;
        position: absolute;
        top: 38px;
        left: 0px;
        z-index: 99;
}


#wrap #container #top_header
{
	height: 39px;
	margin-top: 10px;
}

#wrap #container #header
{
	height: 18px;
}

#wrap #container #header #stats
{
	float: left;
	width: 190px;

}

#wrap #container #header #breadcrumb
{
	float: left;
	width: 410px;
	margin: 0 30px 0 30px;
	padding-top: 6px;
	border-top: 1px solid #fad27f;
        overflow: hidden;
        height: 12px;
}

body.frontpage #wrap #container #header #breadcrumb
{
	border: none;
}


#wrap #container #header #breadcrumb,
#wrap #container #header #breadcrumb a
{
    color: #969696;
    font-size: 11px;
    text-decoration: none;
}

#wrap #container #header #share
{
	float: left;
	width: 190px;
}

#wrap #container #content
{
	clear: left;
}

#wrap #container #content #left
{
	float: left;
	width: 190px;
        padding-top: 40px;
}

#wrap #container #content #main
{
	float: left;
	width: 410px;
        padding-top: 46px;
	margin: 0 30px 0 30px;
}

body.frontpage #wrap #container #content #main
{
	float: left;
	width: 630px;
        height: 470px;
        padding-top: 0 !important;
        /* background: url('../img/frontpage_bg.gif') no-repeat top left; */
	margin: 0 30px 0 0;

}

/*body.frontpage #wrap #container #content #main div.slideshow */
.slideshow
{
        width: 630px;
        height: 470px;
}

#wrap #container #content #right
{
	float: left;
	width: 190px;
        padding-top: 46px;
}

#wrap #container #content #right #upper,
#wrap #container #content #right #lower
{
	width: 190px;
        height: 190px;
}

#wrap #container #content #right #lower
{
        margin-top: 18px;
}

#wrap #container #content #right #upper
{
    background: url('../img/oikea_ylempi.jpg') no-repeat top left;
}

#wrap #container #content #right #lower
{
    background: url('../img/oikea_alempi.jpg') no-repeat top left;
}


#wrap #container #footer_container
{
    padding-top: 40px;
}

#wrap #container #footer_container #quicklinks
{
    background: url('../img/footer_bg.gif') no-repeat left top;
}

#wrap #container #footer_container #quicklinks #box1,
#wrap #container #footer_container #quicklinks #box2,
#wrap #container #footer_container #quicklinks #box3,
#wrap #container #footer_container #quicklinks #box4
{
	float: left;
	height: 307px;
	width: 190px;
	margin-right: 30px;
	margin-top: 2px;
        position: relative;
}

#wrap #container #footer_container #quicklinks a.saastovinkit,
#wrap #container #footer_container #quicklinks a.ajankohtaista,
#wrap #container #footer_container #quicklinks a.mukaan,
#wrap #container #footer_container #quicklinks a.tausta,
#wrap #container #footer_container #quicklinks a.linkit
{
    height: 38px;
    display: block;
    text-indent: -1000em;
    font-size: 0;
}

#wrap #container #footer_container #quicklinks #box1 a.paivanvinkki,
#wrap #container #footer_container #quicklinks #box1 a.kotiin,
#wrap #container #footer_container #quicklinks #box1 a.kouluun,
#wrap #container #footer_container #quicklinks #box1 a.konttoriin,
#wrap #container #footer_container #quicklinks #box2 a.blogit,
#wrap #container #footer_container #quicklinks #box2 a.tapahtumakalenteri,
#wrap #container #footer_container #quicklinks #box3 div.ilmoittaudu,
#wrap #container #footer_container #quicklinks #box3 a.ilmoittaudu
{
    height: 83px;
    float: left;
    width: 87px;
    display: block;
    text-indent: -1000em;
    font-size: 0;
    position: absolute;
}

#wrap #container #footer_container #quicklinks #box3 div.ilmoittaudu,
#wrap #container #footer_container #quicklinks #box3 a.ilmoittaudu
{
    width: 190px;
    display: block;
    text-indent: -1000em;
    font-size: 0;
}

#wrap #container #footer_container #quicklinks #box1 a.kotiin,
#wrap #container #footer_container #quicklinks #box1 a.konttoriin,
#wrap #container #footer_container #quicklinks #box2 a.tapahtumakalenteri
{
	/* margin-left: 15px; */
}

#wrap #container #footer_container #quicklinks #box1 a.kouluun,
#wrap #container #footer_container #quicklinks #box1 a.konttoriin
{
	/* margin-top: 15px; */
}

#wrap #container #footer_container #quicklinks #box1 a.paivanvinkki
{
    background: url('../img/paivan_vinkki.gif') no-repeat 0px 0px;
    bottom: 121px;
    left: 0px;
}

#wrap #container #footer_container #quicklinks #box1 a.paivanvinkki:hover
{
    background: url('../img/paivan_vinkki.gif') no-repeat 0px -83px;
}

#wrap #container #footer_container #quicklinks #box1 a.kotiin
{
    background: url('../img/kotiin.gif') no-repeat 0px 0px;
    bottom: 121px;
    right: 0px;
}

#wrap #container #footer_container #quicklinks #box1 a.kotiin:hover
{
    background: url('../img/kotiin.gif') no-repeat 0px -83px;
}

#wrap #container #footer_container #quicklinks #box1 a.kouluun
{
    background: url('../img/kouluun.gif') no-repeat 0px 0px;
    bottom: 19px;
    left: 0px;
}

#wrap #container #footer_container #quicklinks #box1 a.kouluun:hover
{
    background: url('../img/kouluun.gif') no-repeat 0px -83px;
}

#wrap #container #footer_container #quicklinks #box1 a.konttoriin
{
    background: url('../img/konttoriin.gif') no-repeat 0px 0px;
    bottom: 19px;
    right: 0px;
}

#wrap #container #footer_container #quicklinks #box1 a.konttoriin:hover
{
    background: url('../img/konttoriin.gif') no-repeat 0px -83px;
}

#wrap #container #footer_container #quicklinks #box2 a.blogit
{
    background: url('../img/blogit.gif') no-repeat 0px 0px;
    bottom: 19px;
    left: 0px;
}

#wrap #container #footer_container #quicklinks #box2 a.blogit:hover
{
    background: url('../img/blogit.gif') no-repeat 0px -83px;
}

#wrap #container #footer_container #quicklinks #box2 a.tapahtumakalenteri
{
    background: url('../img/tapahtumakalenteri.gif') no-repeat 0px 0px;
    bottom: 19px;
    right: 0px;
}

#wrap #container #footer_container #quicklinks #box2 a.tapahtumakalenteri:hover
{
    background: url('../img/tapahtumakalenteri.gif') no-repeat 0px -83px;
}

#wrap #container #footer_container #quicklinks #box3 div.ilmoittaudu #etusivu_ilmoittaudu
{
    padding-top: 53px;
    padding-left: 8px;
    display: block;
    position: relative;
}

#wrap #container #footer_container #quicklinks #box3 div.ilmoittaudu #etusivu_ilmoittaudu #query
{
    background-image: url("/style/img/frontpage_ilmoittaudu.gif");
    height: 20px;
    width: 167px;
    border: none;
    margin: 1px 0 0 0;
    padding: 0;
    position: relative;
    display: block;
    float: left;
}

#wrap #container #footer_container #quicklinks #box3 div.ilmoittaudu #etusivu_ilmoittaudu #submit
{
    background-image: url("/style/img/frontpage_ilmoittaudu_submit.gif");
    height: 20px;
    width: 11px;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    float: left;

}

#wrap #container #top_header #contact_information_top #etusivu_haku_top,
#wrap #container #footer_container #footer #contact_information #etusivu_haku
{
    width: 172px;
    display: inline;
}

#wrap #container #top_header #contact_information #etusivu_haku_top #query_top,
#wrap #container #footer_container #footer #contact_information #etusivu_haku #query2
{
    height: 18px;
    width: 155px;
    border-bottom: 1px solid #fad27f;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin: 0;
    padding: 0;
}

#wrap #container #top_header #contact_information_top #etusivu_haku_top #submit_top,
#wrap #container #footer_container #footer #contact_information #etusivu_haku #submit2
{
    background-image: url("/style/img/search.gif");
    height: 18px;
    width: 10px;
    border: 0;
    margin: 0;
    padding: 0;
}

#wrap #container #top_header #contact_information_top
{
    float: right;
}


#wrap #container #footer_container #quicklinks #box3 div.ilmoittaudu,
#wrap #container #footer_container #quicklinks #box3 a.ilmoittaudu
{
    background: url('../img/ilmoittaudu_mukaan.gif') no-repeat 0px 0px;
    bottom: 19px;
    right: 0px;
}

#wrap #container #footer_container #quicklinks #box3 a.ilmoittaudu:hover
{
    background: url('../img/ilmoittaudu_mukaan.gif') no-repeat 0px -83px;
}



#wrap #container #footer_container #quicklinks a.saastovinkit
{
    background: url('../img/saastovinkit.gif') no-repeat 0px 0px;
}

#wrap #container #footer_container #quicklinks a.saastovinkit:hover
{
    background: url('../img/saastovinkit.gif') no-repeat 0px -38px;
}

#wrap #container #footer_container #quicklinks a.ajankohtaista
{
    background: url('../img/ajankohtaista.gif') no-repeat 0px 0px;
}

#wrap #container #footer_container #quicklinks a.ajankohtaista:hover
{
    background: url('../img/ajankohtaista.gif') no-repeat 0px -38px;
}

#wrap #container #footer_container #quicklinks a.mukaan
{
    background: url('../img/mukaan.gif') no-repeat 0px 0px;
}

#wrap #container #footer_container #quicklinks a.mukaan:hover
{
    background: url('../img/mukaan.gif') no-repeat 0px -38px;
}

#wrap #container #footer_container #quicklinks a.tausta
{
    background: url('../img/tausta.gif') no-repeat 0px 0px;
}

#wrap #container #footer_container #quicklinks a.tausta:hover
{
    background: url('../img/tausta.gif') no-repeat 0px -38px;
}

#wrap #container #footer_container #quicklinks a.linkit
{
    background: url('../img/linkit.gif') no-repeat 0px 0px;
    margin-top: 30px;
}

#wrap #container #footer_container #quicklinks a.linkit:hover
{
    background: url('../img/linkit.gif') no-repeat 0px -38px;
}

#wrap #container #footer_container #quicklinks ul
{
    margin-top: 20px;
}

#wrap #container #footer_container #quicklinks ul li
{
}

#wrap #container #footer_container #quicklinks #box2 a.readmore,
#wrap #container #footer_container #quicklinks ul li a
{
    background: url('../img/nuoli.gif') no-repeat 0 -4px;
    padding: 0 0 0 14px;
    margin: 0px;
    color: #505050;
    font-size: 1.2em;
    display: block;
    text-decoration: none;
    line-height: 1.5em;
}


#wrap #container #footer_container #quicklinks #box2 a.readmore,
#wrap #container #footer_container #quicklinks #box2 ul li a
{
	background: none;
    padding: 0;
}

#wrap #container #footer_container #quicklinks #box2 a.readmore
{
    margin-top: 12px;
}

#wrap #container #footer_container #quicklinks ul li.active a,
#wrap #container #footer_container #quicklinks #box2 a.readmore:hover,
#wrap #container #footer_container #quicklinks ul li a:hover,
a:hover
{
	color: #eb690a;
}


#wrap #container #footer_container div.lastbox
{
	margin-right: 0px !important;
}

#wrap #container #footer_container #footer
{
	border-top: 2px solid #fad27f;
    height: 24px;
    margin-bottom: 40px;
    
}

#wrap #container #footer_container #footer #contact_information
{
	padding-top: 6px;
	padding-left: 85px;
}

#wrap #container #footer_container #footer #contact_information,
#wrap #container #footer_container #footer #contact_information a,
#wrap #container #top_header #contact_information_top a
{
	color: #969696;
	font-size: 11px;
	text-decoration: none;
}


/* event calendar */

#wrap #container #content #main ul.bloglist li 
{
    display: block;
    clear: left;
    margin-bottom: 25px;
    float: left;
}


#wrap #container #content #main div.latest h2, 
#wrap #container #content #main ul.tips li, 
#wrap #container #content #main ul.company li, 
#wrap #container #content #main ul.participantcategories li, 
#wrap #container #content #main ul.hint li, 
#wrap #container #content #main ul.currentlist li, 
#wrap #container #content #main ul.eventlist li, 
#wrap #container #content #main ul.materials li 
{
    border-top: 1px solid #fad27f;
    padding-top: 7px;
    padding-bottom: 7px;
}

#wrap #container #content #main ul.participantcategories li.home
{
    border: none !important;
}

body.wide #wrap #container #content #main
{
    width: 630px;
    margin-right: 0;
}

body.wide #wrap #container #content #main #rightside
{
    width: 190px;
    float: right;
}

#wrap #container #content #main h1.company
{
    padding-bottom: 12px;
    border-bottom: 2px solid #fad27f;
}



#wrap #container #content #main ul.participantcategories li,
#wrap #container #content #main ul.company li,
#wrap #container #content #main ul.hint li
{
    width: 410px;
}

#wrap #container #content #main ul.participantcategories li a
{
    padding-left: 110px;
    text-decoration: none;
    height: 35px;
    display: block;
    padding-top: 40px;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    
}

#wrap #container #content #main ul.hint li a
{
    padding-left: 25px;
    background: url('../img/checkbox.gif') no-repeat 0 0;
    text-decoration: none;
}

#wrap #container #content #main #rightside a.homepage,
#wrap #container #content #main ul.hint li a span.readmore
{
    color: #969696;
    text-decoration: underline;
}

#wrap #container #content #main #rightside a.homepage
{
    margin-top: 35px;
}

#wrap #container #content #main ul.tips li.specialist
{
    background: url('../img/A.jpg') no-repeat 100% 6px;
}

#wrap #container #content #main ul.company li.sponsor
{
    background: url('../img/sponsori.jpg') no-repeat 100% 6px;
}


#wrap #container #content #main h1.specialist
{
    background: url('../img/asiantuntijan_poiminta.png') no-repeat 100% 0;
    margin-bottom: 0;
    margin-top: -20px;
    padding-bottom: 1.3em;
    padding-top: 31px;
}


#wrap #container #content #main ul.eventlist li p
{
    font-size: 1em;
    margin-bottom: 0px;
    font-weight: normal;
}

#wrap #container #content #main ul.bloglist li div.blogitem a.title
{
    font-weight: bold !important;
}

#wrap #container #content #main div.latest h2 a, 
#wrap #container #content #main div.cities li a, 
#wrap #container #content #main ul.tips li a, 
#wrap #container #content #main ul.currentlist li a.title, 
#wrap #container #content #main ul.eventlist li a.title, 
#wrap #container #content #main ul.bloglist li div.blogitem a.title, 
#wrap #container #content #main ul.eventlist li
{
    font-size: 1.2em;
    font-weight: normal;
    color: #505050;
    text-decoration: none;
}
#wrap #container #content #main ul.tips li a:hover 
{
    color: #eb690a;

}

#wrap #container #content #main ul.eventlist li a.title, 
#wrap #container #content #main ul.eventlist li a.title span.date
{
    font-size: 1em;
}


#wrap #container #content #main ul.currentlist li a.title span.date,
#wrap #container #content #main ul.bloglist li div.blogitem a.title p,
#wrap #container #content #main ul.bloglist li div.blogitem a.title span.date,
#wrap #container #content #main ul.eventlist li a.title span.date
#wrap #container #content #main ul.eventlist li a span.date
{
    font-size: 1em;
    font-weight: normal;
}

#wrap #container #content #main ul.materials li div.information,
#wrap #container #content #main ul.bloglist li div.blogitem
{
    margin-left: 100px;
}


/* quickform styles */

#wrap #container #content #main #fi_energiansaastoviikko_participate label span.field_required_start,
#wrap #container #content #main #no_odindata_quickform2 label span.field_required_start 
{
     display: none; 
}

#wrap #container #content #main #fi_energiansaastoviikko_participate div.form_toolbar input.save,
#wrap #container #content #main #no_odindata_quickform2 div.form_toolbar input.save
{
     background-image: url('/style/img/submit.gif');
     border: 0;
     font-size: 0;
     width: 87px;
     height: 22px;
     float: right;
     margin-top: 15px;
}

#wrap #container #content #main #fi_energiansaastoviikko_participate div.form_toolbar input.cancel
{
    display: none;
}

#wrap #container #content #main #fi_energiansaastoviikko label,
#wrap #container #content #main #no_odindata_quickform2 label
{
    margin-top: 9px;
}

#wrap #container #content #main #fi_energiansaastoviikko_participate label input,
#wrap #container #content #main #fi_energiansaastoviikko_participate label textarea,
#wrap #container #content #main #no_odindata_quickform2 label input,
#wrap #container #content #main #no_odindata_quickform2 label textarea
{
    border: 0;
    background-color: #fdf1d9;
}

#wrap #container #content #main #fi_energiansaastoviikko_participate label span.field_text,
#wrap #container #content #main #no_odindata_quickform2 label span.field_text
{
    font-weight: normal;
    font-size: 1.2em;
    padding-left: 0;
}

#wrap #container #content #main #fi_energiansaastoviikko_participate label.required span.field_text,
#wrap #container #content #main #no_odindata_quickform2 label.required span.field_text
{
    padding-left: 5px;
    background: url('/style/img/required_mark.gif') no-repeat 0px 1px;
}


/* Event pages day buttons */

#wrap #container #content #left a.day_button
{
    margin-bottom: 5px;
    padding: 8px 0 7px  35px;
    color: #505050;
    text-decoration: none;
    font-size: 12px;
}

#wrap #container #content #left ul
{
    padding-top: 20px;
}

#wrap #container #content #left li
{
    background: url('../img/day_separator.gif') no-repeat 35px 24px;
    padding-top: 5px;
    margin-top: 5px;
    height: 30px;
}

a#Mon_past
{
    background: url('../img/days/Mon_past.gif') no-repeat top left;
}

a#Mon_current
{
    background: url('../img/days/Mon_current.gif') no-repeat top left;
}

a#Mon_future
{
    background: url('../img/days/Mon_future.gif') no-repeat top left;
}


a#Tue_past
{
    background: url('../img/days/Tue_past.gif') no-repeat top left;
}

a#Tue_current
{
    background: url('../img/days/Tue_current.gif') no-repeat top left;
}

a#Tue_future
{
    background: url('../img/days/Tue_future.gif') no-repeat top left;
}


a#Wed_past
{
    background: url('../img/days/Wed_past.gif') no-repeat top left;
}

a#Wed_current
{
    background: url('../img/days/Wed_current.gif') no-repeat top left;
}

a#Wed_future
{
    background: url('../img/days/Wed_future.gif') no-repeat top left;
}


a#Thu_past
{
    background: url('../img/days/Thu_past.gif') no-repeat top left;
}

a#Thu_current
{
    background: url('../img/days/Thu_current.gif') no-repeat top left;
}

a#Thu_future
{
    background: url('../img/days/Thu_future.gif') no-repeat top left;
}


a#Fri_past
{
    background: url('../img/days/Fri_past.gif') no-repeat top left;
}

a#Fri_current
{
    background: url('../img/days/Fri_current.gif') no-repeat top left;
}

a#Fri_future
{
    background: url('../img/days/Fri_future.gif') no-repeat top left;
}

a#Sat_past
{
    background: url('../img/days/Sat_past.gif') no-repeat top left;
}

a#Sat_current
{
    background: url('../img/days/Sat_current.gif') no-repeat top left;
}

a#Sat_future
{
    background: url('../img/days/Sat_future.gif') no-repeat top left;
}

a#Sun_past
{
    background: url('../img/days/Sun_past.gif') no-repeat top left;
}

a#Sun_current
{
    background: url('../img/days/Sun_current.gif') no-repeat top left;
}

a#Sun_future
{
    background: url('../img/days/Sun_future.gif') no-repeat top left;
}



.midcom_helper_datamanager2_widget_position  
{
    width: 350px !important;
}

#wrap #container #content #right #upper a.semi,
#wrap #container #content #right #upper p,
#wrap #container #content #right #lower a.readmore,
#wrap #container #content #right #lower p.excerpt,
#wrap #container #content #right #lower p.author
{
    padding-left: 15px;
}

#wrap #container #content #right #upper p
{
    padding-right: 15px;
    padding-top: 65px;
}

#wrap #container #content #right #lower p.excerpt
{
    padding-top: 12px;
    padding-right: 90px;
}

#wrap #container #content #right #lower p.author
{
    padding-top: 44px;
    margin-bottom: 0;
}

#wrap #container #content #main ul li a,
#wrap #container #content #right #upper a,
#wrap #container #content #right #lower a.readmore
{
    color: #505050;
    font-size: 1.2em;
}

#wrap #container #content #right #upper p a
{
    font-size: 12px;
}

#wrap #container #content #main div.accordion h3
{
    font-weight: bold;
    padding-top: 5px;
    padding-left: 20px;
    cursor: pointer;
    margin-bottom: 5px;
}

#wrap #container #content #main div.accordion h3:hover
{
    color: #eb690a;
} 

#wrap #container #content #main div.accordion div p
{
    padding-left: 20px;
}

#wrap #container #content #main div.accordion h2
{
    border-top: 1px solid #FAD27F;
    padding-top: 14px;
    margin-top: 30px;
}

#wrap #container #top_header a.log_link
{
    font-size: 11px;
    color: #969696;
    float: right;
    text-decoration: none;
}

/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}