*{margin:0;padding:0;}

body

{
	background-attachment: fixed;
	background-color: #F0F1F1;

	background-image: url(../images/taustakuvio.gif);

	background-repeat: repeat;

	text-align: center;

}



body, div, a, h3, h2, h1, span

{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}



#varjo

{

	width: 900px;

      background: url(../images/varjo2.png) center top;

	background-repeat: repeat-y;

	margin: auto;





}



#wrapper

{

	width: 870px;

	margin: auto;

	text-align: left;

}



#ylapalkki

{

	background-color: #151B69;

	border: 1px solid #FFFFFF;

	border-top: 0px;

	padding: 10px;

	padding-left: 20px;

	color: #FFFFFF;

}

.paivamaara

{

margin-left: 50px;

}



#banneri

{

	background: url(../images/banneri.png);

	background-repeat: no-repeat;

	border: 1px solid #FFFFFF;

	border-top: 0px;



	position: relative;

	height: 240px;

	margin: -30px 0px 0px 0px;

}
.banneri

{

margin: 25px 22px 0px 0px;
float: right;

}


#banneri_ala

{
	background: #CFCFCF url(../images/banneri_ala2.jpg) repeat-x;
	border: 1px solid #FFFFFF;
	border-top: 0px;
	position: relative;
	height: 65px;

}

.mainoslaatikko

{

	width: 288px;

	border-right: 1px solid #D7D7D7;

	float: left;



}

#banneri_ala p

{

    color: #404040;

    padding: 0px 5px 5px 15px;

    font-size: 1.0em;

	font-family: Arial, Verdana, Helvetica, sans-serif;

    font-weight: normal;

    text-align: left;

    line-height: auto;

}
#banneri_ala a

{

    color: #0099cc;
	text-decoration: none;
	font-size: 1.0em;

	font-family: Arial, Verdana, Helvetica, sans-serif;

    font-weight: normal;

    text-align: left;

    line-height: auto;

}
#banneri_ala a:hover

{

    color: #0099cc;
	text-decoration: underline;


}
#banneri_ala h1

{

    padding: 5px 5px 0px 14px;

    color: #0099cc;

    font-size: 1.1em;

    font-family: arial;

    font-weight: bold;

    text-align: left;

    line-height: auto;





    



}







#body

{

	background-color: #ffffff;

	padding-top: 25px;



}



#leftmenu {
	float: left;
	width: 213px;

	margin: 0px 25px 0px 0px;

	padding: 0px 0px 30px 0px;

	border-right: 1px solid #D7D7D7;

}





#leftmenu ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        text-align: left;
        text-decoration: none;
        width: 100%;
}



#leftmenu ul li{
        display: block;
        padding: 1px 0px 2px 30px;
        margin: 2px 0px 2px 0px;
        color: #0099cc;
        font-family: verdana;
        line-height: 15px;
        text-decoration: none;
}

#leftmenu li ul li{
        margin: 2px 0px 2px 0px;
        padding: 1px 0px 2px 30px;
}



#leftmenu ul a {
        background: url(../images/nuoli.gif);
        background-repeat: no-repeat;
        display: block;
        padding: 1px 0px 2px 30px;
        margin: 0px 0px -2px -30px;
        color: #0099cc;
        font-family: verdana;
        font-size: 1.1em;
        font-weight: bold;
        line-height: 15px;
        text-decoration: none;
        background-color: #ffffff;
        width: 100%;
}



#leftmenu ul a:hover {
        background: url(../images/nuoli_valk.gif);
        background-repeat: no-repeat;
        display: block;
        padding: 1px 0px 2px 30px;
        margin: 0px 0px -2px -30px;
        color: black;
        font-family: verdana;
        font-size: 1.1em;
        font-weight: bold;
        line-height: 15px;
        text-decoration: none;
        background-color: #e2e2e2;
        width: 100%;
}



#leftmenu li ul a {
	padding:0px 0px 0px 2px;
	color: black;
	font: normal 11px arial,verdana,sans-serif;
	text-decoration: none;
	width: 100%;
	background-image: none;
}

#leftmenu li ul a:hover{
	padding:0px 0px 0px 2px;
	color: #0099cc;
	font: normal 11px arial,verdana,sans-serif;
	text-decoration: none;
	width: 100%;
	background-image: none;
}



#lwrap {



}



#leftmenu p {

	padding: 0px;

	padding-top: 10px;

	padding-bottom: 0px;

	color: #918E7F;

}







#alaosa {

	background-color: #0099cc;

	border-top: 1px solid #D7D7D7;

	color: #918E7F;

	margin: 20px 1px 1px 1px;

	text-align: center;

	height: 20px;

}



#alin a {

	color: #000000;

	text-decoration: none;

	margin-bottom: 7px;

}



#alin a:hover {

	text-decoration: underline;

}



#alaosa span a {
	text-decoration: underline;

}



#alaosa p{
	color: #000000;
	margin-top: 10px;

}



#alin {

	background-color: #ffffff;

	color: black;

	margin: 0px;

	padding: 5px 10px 10px 5px;

	text-align: right;

}



#alavarjo {
	height: 50px;
	width: 900px;
        background: url(../images/alaosa2.png) center top;
	background-repeat: no-repeat;
	margin: auto;
}



.clear {
	clear: left;
}

.cb {
        clear: both;
}




#mercurius p {
	color: #c0c0c0;
	float: left;
	margin: -13px 0px 0px 3px;
	text-decoration: none;
}

#mercurius a {

	color: #c0c0c0;

	text-decoration: none;

}
#mercurius a:hover {

	text-decoration: underline;

}


img {
        border: none;
}

a img {
        border: none; 
}

.form {

	margin-left: 13px;
	margin-right: 15px;
	color: #918E7F;
}



#leftmenu h3 {
	color: #000000;
	font-size: 14px;
	margin-bottom: 5px;
}



.form label {
	color: #000000;
	display: block;
	margin-left: 2px;
	margin-bottom: 3px;

}



.form input, textarea {

	background-color: #FFFFFF;

	width: 175px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	margin-bottom: 10px;

}



#content a {
    color: #0099cc;
    text-decoration: none;
}



#content a:hover {
     text-decoration: underline;
}



#content {
   margin-left: 250px;
   margin-right: 20px;
}



#content h1 {
   color: #0099cc;
   font-family: lucida sans unicode;
   font-size: 1.8em;
   font-style: italic;
   font-weight: normal;
   margin-top: 0px;
   margin-right: 22px;
   margin-bottom: 0px;
   margin-left: -4px;
   text-align: left;
}


#content h2 {
   margin: 15px 22px 0px 0px;
   padding:0px 0px 0px 0px;
   font-family: lucida sans unicode;
   font-size: 1.3em;
   text-align: left;
   color: #0099cc;
   font-style: italic;
   font-weight: bold;
}

#content h3 {
   margin: 15px 22px 0px 0px;
   padding:0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   text-align: left;
   color: #0099cc;
   font-style: normal;
   font-weight: bold;
}

#content h4 {
   margin: 15px 22px 0px 0px;
   padding:0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   text-align: left;
   color: #0099cc;
   font-style: normal;
   font-weight: bold;

}



#content h5 {
   margin: 15px 22px 0px 0px;
   padding:0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   text-align: left;
   color: #0099cc;
   font-style: normal;
   font-weight: normal;
}

#content h6 {
   margin: 15px 22px 0px 0px;
   padding:0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.0em;
   line-height: 13px;
   text-align: left;
   color: #0099cc;
   font-style: normal;
   font-weight: normal;
}


#content p {
    color: #404040;
    margin-top: 12px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 21px;
    font-size: 1.2em;
    font-family: arial;
    font-weight: normal;
    text-align: left;
    line-height: 17px;
}



#content ul {

   font-family: lucida sans unicode;

   margin: 5px 0px 5px 0px;
   
   padding: 0px;

   text-align: left;

   list-style: none;

}



#content li {
	margin: 2px 1px 2px 30px;
	padding: 0px;
        list-style-type: disc;
        line-height: 15px;
	font-family: lucida sans unicode;
	font-size: 1em;
}



.kuvavasen {
        float:left;
}



.kuvaoikea {
        float:right;
        padding: 0px 0px 5px 15px;

}



/** Contact form **/


#yhteydenottolomake select {
        width: 175px;
}

#yhteydenottolomake input {
        width: 175px;
}

#yhteydenottolomake textarea {
        width: 400px;
        height:240px;
}

#yhteydenottolomake .tablelabel {
       width: 150px;
       color: #595959;
}


/** News **/

#com_calendar .event {
       margin: 15px 20px 20px 0px;
       padding: 0px;
       width: 400px;
}

#com_calendar label{
       margin: 0px;
       padding: 0px 0px 0px 0px;
       color: #b7b7b7;
       font-size: 11px;
       font-weight: normal;
       border-bottom: 1px solid #CFCFCF;
}

#com_calendar .date {
       margin: 0px 0px 0px 0px;
       padding: 0px;
       font-size: 10px;
       color: #0099cc;
}

#com_calendar .caption {
       margin: 0px;
       padding: 1px 0px 1px 0px;
       font-size: 13px;
       font-weight: bold;
       color: #595959;
}

#com_calendar .description {
       margin: 0px;
       padding: 0px;
       line-height: 1em;
}

#com_calendar .goback {
       margin: 10px 0px 20px 0px;
       padding: 0px;
}

#com_calendar p {
       margin: 5px 0px 5px 0px;
       padding: 0px;
}

/** Frontpage news **/

.frontpagetext {
       float: left;
       margin: 0px;
       padding: 0px;
       width: 370px;
}

#com_frontpageNews {
       float: right;
       width: 220px;
       margin: 0px 0px 10px 0px;
       padding: 0px;
}

#com_frontpageNews label{
       margin: 0px;
       padding: 0px 0px 0px 0px;
       color: #b7b7b7;
       font-size: 11px;
       font-weight: normal;
       border-bottom: 0px solid #CFCFCF;
}


#com_frontpageNews .newsevent {
       margin: 0px 0px 10px 0px;
       padding: 0px;
}

#com_frontpageNews .date {
       margin: 0px 0px 0px 0px;
       padding: 0px;
       font-size: 10px;
       color: #0099cc;
       font-weight: bold;
}

#com_frontpageNews .caption {
       margin: 0px;
       padding: 0px 0px 1px 0px;
       font-size: 12px;
       font-weight: normal;
       color: #595959;
      
}

#com_frontpageNews a {
       margin: 0px 0px 0px 0px;
       padding: 0px;
       font-size: 12px;
       color: #0099cc;
       text-decoration: none;
          font-family: arial;

}


#com_frontpageNews p {
       margin: 3px 0px 0px 1px;
       padding: 0px;
       font-size: 11px;
       line-height: 15px;
}



/** References **/


#com_reference .reference {
       margin: 15px 20px 15px 0px;
       padding: 0px;
}

#com_reference .left {
       float: left;
       width: 70%;
}

#com_reference .right {
       float: right;
       width: 30%;
}


#com_reference .reference .date {
       margin: 0px;
       padding: 0px;
       font-size: 10px;
       color: #595959;
}

#com_reference .reference .caption {
       margin: 0px;
       padding: 0px;
       font-size: 12px;
       font-weight: bold;
       color: #595959;
}

#com_reference .reference .description {
       margin: 0px;
       padding: 0px;
}



/** Items **/

.info {
       margin: 0px 0px 0px 0px;
       width: 100%;
       border-top: 1px solid #9C9C9C;
       
}
.info td {
       color: #9C9C9C;
}


.referenssit a img {
		height: 196px;
		margin: 0px 15px 0px -10px;
		padding: 10px 15px 10px 0px;
		filter: alpha(opacity=100);
		opacity:1;
		border: none;

}

.referenssit a:hover img {
       margin: 0px 15px 0px -10px;
       padding: 10px 15px 10px 0px;
       filter: alpha(opacity=60);
       opacity:0.6;
       border: none;
}



/** Rekisteriseloste **/

#content .rekisteri {
         width: 516px;
         margin: 0px;
         padding: 2px;
         border-collapse: collapse;
         border: none;

}

#content .rekisteri td {

         margin: 0px;
         padding: 5px;

}

#content p.frontpage_hilight {
  width:330px;
  font-size:15px;
  line-height:20px;
  color:#9a9a9a;
  
}