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

html { height:101%; }

body {
background:url("img/bodybg2.jpg");
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

h1 {
margin-bottom:15px;
}

.tausta {
width:461px;
height:35px;
line-height:35px;
background:url("img/otsikkotausta470.jpg") top left no-repeat;
color:#fff;
font-size:18px;
padding-left:9px;
}

h2 {
font-size:16px;
margin-bottom:15px;
}

.tausta360 {
width:351px;
height:35px;
line-height:35px;
background:url("img/otsikkotausta360.jpg") top left no-repeat;
color:#fff;
font-size:18px;
padding-left:9px;
}

.tausta330 {
width:321px;
height:35px;
line-height:35px;
background:url("img/otsikkotausta330.jpg") top left no-repeat;
color:#fff;
font-size:18px;
padding-left:9px;
}

.tausta500 {
width:491px;
height:35px;
line-height:35px;
background:url("img/otsikkotausta500.jpg") top left no-repeat;
color:#fff;
font-size:18px;
padding-left:9px;
margin:0;
}

h3 {
}

p {
margin-bottom:15px;
line-height:22px;
font-size:16px;
}

a {
color:#5F8D2C;
}

a:hover { color:#EE7900; }



/**********/
#tooltip {
position:absolute;
z-index:3000;
border:1px solid #104372;
background:#142948;
padding:5px;
font-size:10px;
/*opacity:0.9;*/
}
#tooltip h3, #tooltip div { 
margin:0;
color:#fff;
width:240px;
line-height:20px;
padding:2px;
}
/**********/


#header {
width:960px;
height:108px;
background:url("img/headerbg.jpg") top left no-repeat;
}

#ajanvaraus {
width:197px;
height:49px;
float:right;
position:relative;
top:17px;
right:60px;
}
#ajanvaraus a {
width:197px;
height:49px;
display:block;
outline:none;
background:url("img/etime.jpg") top left no-repeat;
}
#ajanvaraus a:hover { background:url("img/etime_h.jpg") top left no-repeat; }

#navi {
float:right;
width:710px;
padding-top:26px;
clear:both;
cursor:default;
}
#navi a {
font-size:16px;
font-weight:bold;
color:#fff;
text-decoration:none;
margin-right:5px;
cursor:pointer;
outline:none;
}
#navi a:hover { color:#EE7900; }
#navi a.active { color:#EE7900; color:#333; }


#wrapper {
width:960px;
margin:0 auto;
background:url("img/wrapperbg.jpg") top left repeat-y;
}

#content {
width:960px;
background:url("img/wrappertopbg.jpg") top left no-repeat;
}
#cbtm {
width:960px;
min-height:558px;
padding-bottom:50px;
background:url("img/wrapperbtmbg.jpg") bottom left no-repeat;
}


#left ul,ol {
padding-left:25px;
margin-bottom:15px;
}
#left li {
list-style-type:circle;
line-height:22px;
}



#content_etusivu {
width:960px;
height:558px;
background:url("img/etusivubg_nonews.jpg") top left no-repeat;
}
#ajankohtaista {
width:280px;
height:70px;
position:relative;
top:65px;
left:620px;
font-weight:bold;
}
#ajankohtaista p {
font-size:15px;
line-height:18px;
margin-bottom:10px;
}
#ajankohtaista a {
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:16px;
}
#ajankohtaista a:hover { color:#EE7900; }

#sert {
float:right;
position:relative;
top:260px;
right:60px;
width:136px;
height:133px;
}
.sert_small { background:url("img/suomenvahvimmat_small.jpg") 50% 50% no-repeat; }
.sert_normal { background:url("img/suomenvahvimmat.jpg") top left no-repeat; }

#ajoohjeet {
float:right;
position:relative;
top:403px;
right:-76px;
width:136px;
height:53px;
}
#ajoohjeet a.ajoohjeetlink {
background:url("img/ajoohjeetlinkbg.png") top left no-repeat;
width:136px;
height:53px;
display:block;
}
#ajoohjeet a.ajoohjeetlink:hover { background:url("img/ajoohjeetlinkbg_h.png") top left no-repeat; }




#left {
width:470px;/*420*/
float:left;
margin:23px 0 0 50px;
}
#left img { margin-bottom:15px; }
#left2 {
width:330px;
float:left;
margin:23px 0 0 50px;
}

#right {
width:360px;/*410*/
float:right;
margin:23px 50px 0 0;
}
#right object { outline:none; }
#right2 {
width:500px;
float:right;
margin:23px 50px 0 0;
}



#right ul { padding:10px 0 10px 10px; }
#right ul,li { list-style-type:none; }
#right ul li { margin-bottom:10px; }
#right ul li a { display:block; font-weight:bold; text-decoration:none; outline:none; }

#kayttomaksut_table {
width:100%;
font-weight:bold;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:10px 0 0 0;
}
#kayttomaksut_table td { padding:0 0 10px 10px; }




#linkwrapper a {
color: #333333;
text-decoration: none;
font-size:14px;
display: block;
margin: 1px;
padding: 6px 3px 6px 25px;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #9DCB34;
background-color: #EFF7DF;
}
#linkwrapper a:hover {
color: #333333;
text-decoration: none;
display: block;
margin: 1px;
padding: 6px 3px 6px 25px;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #CDE498;
background-color: #FDFEFC;
}





#left input.inputtxt {
width:400px;
padding:3px;
color:#5C8400;
}
#left textarea {
width:400px;
height:100px;
padding:3px;
overflow:auto;
color:#5C8400;
}
#left input.inputsubmit {
cursor:pointer;
padding:5px;
}





#left .gallery img {
margin:0 7px 7px 7px;
}

#left .gallery2 img {
margin:0 7px 7px 7px;
}

.gallery3 img {
margin:0 10px 10px 10px;
}






.temp {
width:846px;
height:520px;
position:relative;
top:25px;
left:60px;
background:url("img/temp_yhteystiedot.jpg") top left no-repeat;
}
a.gmap {
width:420px;
height:40px;
display:block;
position:relative;
top:320px;
}

#gmap {
width:900px;
height:510px;
position:relative;
top:10px;
left:30px;
}
.karttavarjo a {
margin-left:20px;
font-weight:bold;
}
.karttavarjo {
background:url("img/wrappertopbg.jpg") top left no-repeat;

}


/************ FOOTER ***************/
#footer {
width:960px;
margin:0 auto;
color:#ABABAB;
text-align:center;
}
#footer p {
color:#ABABAB;
font-size:12px;
}
#footer a {
color:#ABABAB;
text-decoration:none;
}
#footer a:hover { color:#EE7900; }