body 
{
    background:#FAF9F7;
    font-family: Arial, Sans-Serif;
    font-size:13px;
    line-height:16px;
    color:#543019;
    margin:0;
}

h1,h2
{
	font-weight:bold;
    font-size:15px;
	color:#781D7E;
    margin:0;
    padding-bottom:17px;
}

h1{text-transform:uppercase;}
h3{color:#543019;font-size:1.0em;margin:0;}
h4,h5,b,strong
{
    font-size:15px;
    font-weight:bold;
    margin:0;
}

p
{
    padding:0;
    margin:0;
    margin-bottom:10px;
}

a
{
    color:#781D7E;
    text-decoration:none;   
}
a:hover
{
    color:#781D7E;
    text-decoration:underline;   
}

#container
{
    width:970px;
    margin:0 auto;
}
.etusivu #top
{

    width:970px;
    height:648px;
    background:#fff;
	margin:0;
}

.etusivu table{border:0;border-collapse:collapse;border-style:none;}
.etusivu td{border:0;border-collapse:collapse;border-style:none;}
.default #top {width:970px; height:648px; background:url(../images/bg_main.jpg) top left no-repeat;}
.palvelut #top {width:970px; height:648px; background:url(../images/bg_palvelut.jpg) top left no-repeat;}
.mukava #top {width:970px; height:648px; background:url(../images/bg_mukava.jpg) top left no-repeat;}
.hinnasto #top {width:970px; height:648px; background:url(../images/bg_kasikirurgia.jpg) top left no-repeat;}
.yhteystiedot #top {width:970px; height:648px; background:url(../images/bg_laakari_etu.jpg) top left no-repeat;}
.laakarit #top {width:970px; height:648px; background:url(../images/bg_ihotaudit.jpg) top left no-repeat;}

.urheilu #top{width:970px; height:648px; background:url(../images/bg_urheilu.jpg) top left no-repeat;color:#fff;}
.urheilu #sidemenu  a{color:#fff;}
.ortopedia #top {width:970px; height:648px; background:url(../images/bg_ortopedia.jpg) top left no-repeat;}
.tyoterveys #top {width:970px; height:648px; background:url(../images/bg_tyoterveys.jpg) top left no-repeat;}
.ihotaudit #top {width:970px; height:648px; background:url(../images/bg_ihotaudit.jpg) top left no-repeat;}
.kasikirurgia #top {width:970px; height:648px; background:url(../images/bg_kasikirurgia.jpg) top left no-repeat;}
.neurokirurgia #top {width:970px; height:648px; background:url(../images/bg_neurokirurgia.jpg) top left no-repeat;}
.reumatologia #top {width:970px; height:648px; background:url(../images/bg_reumatologia.jpg) top left no-repeat;}
.sukellus #top {width:970px; height:648px; background:url(../images/bg_sukellus.jpg) top left no-repeat;}
.urologia #top {width:970px; height:648px; background:url(../images/bg_urologia.jpg) top left no-repeat;}
.syopakirurgia #top {width:970px; height:648px; background:url(../images/bg_syopakirurgia.jpg) top left no-repeat;}
.yleiskirurgia #top {width:970px; height:648px; background:url(../images/bg_syopakirurgia.jpg) top left no-repeat;}
.yleislaaketiede #top {width:970px; height:648px; background:url(../images/bg_yleislaake.jpg) top left no-repeat;}
.enmg #top {width:970px; height:648px; background:url(../images/bg_urologia.jpg) top left no-repeat;}
.fysioterapia #top {width:970px; height:648px; background:url(../images/bg_fysioterapia.jpg) top left no-repeat;}
.kosmetologia #top {width:970px; height:648px; background:url(../images/bg_kosmetologia.jpg) top left no-repeat;}
.plastiikka #top {width:970px; height:648px; background:url(../images/bg_yleislaake.jpg) top left no-repeat;}
.laakari #top {width:970px; height:648px; background:url(../images/bg_laakari.jpg) top left no-repeat;}
.laakari_etu #top {width:970px; height:648px; background:url(../images/bg_laakari_etu.jpg) top left no-repeat;}
.ala_sivu #top {width:970px; height:648px; background:url(../images/bg_alasivu.jpg) top left no-repeat;}
.ala_sivu_syopa #top {width:970px; height:648px; background:url(../images/bg_alasivu_syopa.jpg) top left no-repeat;}

.etusivu #bottom
{
	margin:0;
	padding:0;
    width:970px;
    height:188px;
	
}

.logo
{
    float:left;
    margin:30px 0 25px 43px;
}

#headerright
{
    float:right;
    width:200px;
}
#searchform
{
	background:#fff;
	color:#543019;
    margin:60px 2px 2px 0;
    _margin:60px 0 0 0;
    width:190px;
    border:2px solid #BEAC9E;
    float:right;   
}
.haeButton
{
    float:right;
}
.hakusana
{
	padding-left:45px;
    padding-right:10px;
    font-size:15px;
    color:#BEAC9E;
    float:left;
    height:18px;
    width:114px;
    _width:70px;
    border:0;
}



.sivukartta
{
    font-size:15px;
    margin-left:50px;
	_margin-left:26px;
	_margin-top:2px;
    text-decoration:none;
    float:left;
}

.etusivu .sivukartta{_margin-left:55px;}

#header
{   
	background:#fff;
	height:126px;
}

.alasivu #main
{
	padding:0;
}

.etusivu #left
{   
	padding:30px 30px 30px 45px;
    float:left;
    width:314px;   
	font-size:15px;
	line-height:16px;
}



.etusivu #right
{
    margin:4px 0 4px 0;
    float:left;
    width:580px; 
	height:324px;
}

.alasivu #left
{   
    margin:0 0px 10px 25px;
	padding:30px 0px 20px 20px;
    float:left;
    width:195px; 
}

.alasivu #right
{
	padding:30px 0 20px 0;
    margin:0 0 0 0;
    float:left;
    width:330px;
}

.ala_sivu #right{
	padding:30px 0 20px 0;
    margin:0 0 0 0;
    float:left;
    width:490px;

}

.ala_sivu #scroller
{
	z-index:20;
	position:relative;
	padding-top:410px;
	margin-left:15px;
    float:left;
}

.ala_sivu_syopa #right{
	padding:30px 0 20px 0;
    margin:0 0 0 0;
    float:left;
    width:490px;

}

.ala_sivu_syopa #scroller
{
	z-index:20;
	position:relative;
	padding-top:410px;
	margin-left:15px;
    float:left;
}

.laakari_etu #right{
	padding:30px 0 20px 0;
    margin:0 0 0 0;
    float:left;
	width:700px;
}


#laakariKuva{
	margin-top:4px;
	height:508px;
	width:191px;
	float:right;
}

.laakari_etu #laakariKuva{display:none;}

#footer
{   
   clear:both;
   width:920px;
   margin:4px auto;
   padding:4px 0 0 43px;
   font-size:15px;
}

.etusivu  #footer{
	position:relative;
	top:-13px;
}

.menu
{
    border:0;
    width:191px;
    height:20px;
}

#navi ul
{
   margin:0;
   padding:0;
   list-style:none;
}
#navi li
{
    float:left;
}

#navi .navi1
{  
   margin-right:4px;
   width:191px;
   height:20px;
   background:url(../images/menu_mukava.png) top no-repeat;
   opacity:0.9;
   filter:alpha(opacity=90)
}

#navi .navi1:hover,
#navi .navi1.active
{  
   background:url(../images/menu_mukava.png) top no-repeat;
   opacity:1;
   filter:alpha(opacity=100)
}


#navi .navi2
{  
   margin-right:3px;
   width:191px;
   height:20px;
   background:url(../images/menu_palvelut.png)  top no-repeat;
   opacity:0.9; filter:alpha(opacity=90)
}

#navi .navi2:hover,
#navi .navi2.active
{  
   background:url(../images/menu_palvelut.png)  top no-repeat;
   opacity:1;
   filter:alpha(opacity=100)
}

#navi .navi3
{  
   margin-right:3px;
   width:191px;
   height:20px;
   background:url(../images/menu_laakarit.png)  top no-repeat;
   opacity:0.9; filter:alpha(opacity=90)
}

#navi .navi3:hover,
#navi .navi3.active
{  
   background:url(../images/menu_laakarit.png)  top no-repeat;
   opacity:1;
   filter:alpha(opacity=100)
}

#navi .navi4
{  
   margin-right:4px;
   width:191px;
   height:20px;
   background:url(../images/menu_hinnasto.png)  top no-repeat;
   opacity:0.9; filter:alpha(opacity=90)
}

#navi .navi4:hover,
#navi .navi4.active
{  
   background:url(../images/menu_hinnasto.png) top no-repeat;
   opacity:1;
   filter:alpha(opacity=100)
}

#navi .navi5
{  
   margin-right:0px;
   width:191px;
   height:20px;
   background:url(../images/menu_yhteystiedot.png) top no-repeat;
   opacity:0.9; filter:alpha(opacity=90)
}

#navi .navi5:hover,
#navi .navi5.active
{  
   background:url(../images/menu_yhteystiedot.png) top no-repeat;
   opacity:1;
   filter:alpha(opacity=100)
}


#navitext{position:relative;top:-45px;}
#navitext li{margin-right:4px;}
#navitext img{width:190px;}

#alanavi ul
{
   margin:0;
   padding:0;
   list-style:none;

 
}
#alanavi li
{
    float:left;
}

#alanavi_kuvat img{height:188px;width:191px;}

#alanavi .navi1
{  
   margin-right:3px;
   width:191px;
   height:188px;
   background:url(../images/bg_urheilu_block.jpg) top no-repeat;
   opacity:0.6; filter:alpha(opacity=60);
   display:block;
}

#alanavi .navi1:hover,
#alanavi .navi1active
{  
   margin-right:3px;
   width:191px;
   height:188px;
   background:url(../images/bg_urheilu_block.jpg) top no-repeat;
   opacity:1; filter:alpha(opacity=100);
   display:block;
}


#alanavi .navi2
{  
	width:191px;
	height:188px;
	margin-right:3px;
	background:url(../images/bg_ortopedia_block.jpg) top no-repeat;
	opacity:0.6; filter:alpha(opacity=60);
}

#alanavi .navi2:hover,
#alanavi .navi2active
{  
   width:191px;
   height:188px;
	margin-right:3px;
   background:url(../images/bg_ortopedia_block.jpg) top no-repeat;
   opacity:1;
   filter:alpha(opacity=100);
}

#alanavi .navi3
{  
   margin-right:4px;
   width:191px;
   height:188px;
   background:url(../images/bg_kauneus_block.jpg) top no-repeat;
	opacity:0.6; filter:alpha(opacity=60);
}

#alanavi .navi3:hover,
#alanavi .navi3active
{  
   margin-right:4px;
   width:191px;
   height:188px;
   background:url(../images/bg_kauneus_block.jpg) top no-repeat;
   opacity:1;
   filter:alpha(opacity=100);
}

#alanavi .navi4
{  
   margin-right:3px;
   width:191px;
   height:188px;
   background:url(../images/bg_plastiikka_block.jpg) top no-repeat;
   opacity:0.6; filter:alpha(opacity=60);
  }

#alanavi .navi4:hover,
#alanavi .navi4active
{  
   margin-right:3px;
   width:191px;
   height:188px;
   opacity:1;
   background:url(../images/bg_plastiikka_block.jpg) top no-repeat;
   filter:alpha(opacity=100);
}

#alanavi .navi5
{  
   margin-right:0px;
   width:191px;
   height:188px;
   background:url(../images/bg_tyoterveys_block.jpg) top no-repeat;
   opacity:0.6; filter:alpha(opacity=60);
   }

#alanavi .navi5:hover,
#alanavi .navi5active
{  
   margin-right:0px;
   width:191px;
   height:188px;
   background:url(../images/bg_tyoterveys_block.jpg) top no-repeat;
   opacity:1;
   filter:alpha(opacity=100);
}

#sidemenu
{
  font-size:15px;
  line-height:16px;
  margin:0;
  padding:0;
  list-style:none;
  color:#977C69;
  width:150px;
}

#sidemenu li{
   padding-bottom:2px;	

}
#sidemenu  a{
	color:#977C69;
}
#sidemenu .active a
{
	font-weight:bold;
	color:#781D7E;
}
#sidemenu  a:hover{
	color:#781D7E;
}
#pathway
{
    clear:both;
    padding:5px 0 0 45px;
}

#pathway ul
{
    margin:0;
    padding:0;
}

#pathway li
{
   
    list-style:none;
    float:left;
}

#pathway li a
{
    padding:0 3px 0 3px;
    color:#3B251E;
}

.scroll-pane {
	width: 100%;
	height:  420px;
	overflow: hidden;
}


.laakari_etu #scroller{

	z-index:20;
	position:relative;
	padding-top:410px;
	margin-left:0px;
    float:left;
}


#scroller
{
	z-index:20;
	position:relative;
	padding-top:410px;
	margin-left:175px;
    float:left;

}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.palaute
{
    width:320px;

}

.palautetext
{
    border:2px solid #BBAEA3;
    width:315px;   
}

.palaute textarea
{
    border:2px solid #BBAEA3;
    margin:10px 0 10px 0;
    width:315px; 
    height:60px;   
    overflow:auto;
    scrollbar-base-color: #BBAEA3;
}

.palaute select
{
    border:2px solid #BBAEA3;
    width:190px;   
   
}

.palaute .lahetaButton
{
    float:right;
    width:191px;
    height:20px;
    background:url(../images/laheta.png) no-repeat top left;
}


.palaute .lahetaButton:hover
{
    float:right;
    width:191px;
    height:20px;
    background:url(../images/laheta_on.png) no-repeat top left;
}

.select
{
	position:absolute;
	border:2px solid #BBAEA3;
	width: 154px; 
	height:20px;
	padding: 0 24px 0 8px;
	font: 13px/21px arial,sans-serif;
	background: url(../images/select_bg.gif) no-repeat;
	overflow: hidden;
}

.kartta{
	margin:35px 0px 0 0;
	float:left;
	width: 380px;
	height:280px;

}

.sitaatti{
	font-size:14px;
	 color:#781D7E;
}

.pathway li{float:left;}