/* www.medusa.fi */
/* copyright (c) Medusaworks Oy 2006 */
/* author Miska Loimaala */ 


/* Global styles */

html {
	width: 100%;
	}

body {
	background-color: rgb(204,204,204);
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 85%;
	width: 100%;
	height: 100%;
	}

h1	{
	font-size: 1.8em;
	color: rgb(255,154,23);
	margin: 0px;
	}

h2	{
	font-size: 1.4em;
	font-weight: normal;
	color: rgb(255,154,23);
	margin: 0px;
	}
/*.otsikko {
	font-size: 20px;
	font-weight: normal;
	color: rgb(255,154,23);
	margin: 0px;
	}*/

h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: rgb(255,154,23);
	margin: 0px;
	}

h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: rgb(255,154,23);
	margin: 0px;
	}

h5 {
	font-size: 0.8em;
	font-weight: bold;
	color: rgb(255,154,23);
	margin: 0px;
	}

img {border: none;}
a {color: black;}
a:hover {color: #ffffff;}
.activemenu {color: #ffffff;}

.teksti {font-size: 1em;}

ul {	margin: 0px;
	padding: 0px;
	}

li {	margin:0px;
	padding: 0px;
	}


a.intra {	
		text-decoration: none;
		font-size: 0.8em;
		}
		
/* Layout blocks */

#frame {
	margin: 0px;
	width: 790px;
	min-height: 701px; /* height to min-height */
	height: auto;
	text-align: left;
	padding: 0px;
	display: table;
	}

#header {
		position: relative;
		width: 790px;
		height: 130px;
		margin: 0px;
		background: white;
		}

#l_header {
		float: left;
		height: 130px;
		width: 145px;
		margin: 0px;
		}

#c_header {
		position: absolute;
		left: 145px;
		width: 485px;
		height: 85px; 
		margin: 0px;
		}
		
#c_header img {	position: inherit;
				margin: 31px 25px auto 25px;
				float: left;
			}
#c_header img#remedixlogo {	position: inherit;
				margin: 21px 25px auto 0px;
				float: right;
			}

#r_header {
		position: absolute;
		top: 0px;			/*for IE*/
		left: 630px;
		width: 160px;
		height: 85px; 
		margin: 0px !important;
		margin-right: 0px;
		background: white;
		}
		
#search img {margin-right: 11px; float: right;} /* Etsi-napin kuvaa varten */

#search	{
		position: absolute;
		top: 85px;
		left: 630px;
		width: 148px;
		height: 45px;
		margin: 0px;
		padding-right: 12px;
		background: rgb(146,144,144);
		overflow: hidden;
		}
		
* html #search {
			width: 160px;
			w\idth: 148px;
			}
			
#search input.intra {border: 1px solid black; margin: 2px 0px 1px 0px;
				float: right;
				}

#search input.intrab {	margin: 2px 0px 0px 79px;
					padding: 0px;
					float: right;
					width: 61px;
				}
* html #search input.intrab {
						width: 142px;
						w\idth: 61px;
						}

#left_banner 	{
			position: relative;
			left: 0px;
			width: 145px;
			height: 550px; 
			margin: 0px;
			background: rgb(204,204,204);
			}
#index #l_banner_intra {position: absolute;
	top: 220px;
	}	
#l_banner_intra {
			position: absolute;
			top: 250px;
			float: left;
			height: auto;
			padding-left: 8px;
			padding-top: 8px;
			padding-bottom: 8px;
			width: 145px !important;
			width: 137px; /* For IE */
			line-height: 15px;
			font-size: 0.8em;
			background: rgb(146,144,144);
			}
			

#l_banner_intra a{font-size:0.9em;
				text-decoration: none;
				line-height:14px;
				}

#l_banner_intra input.intra {border: 1px solid black; margin: 2px 0px 2px 0px;}
#l_banner_intra input.intrac {margin-top: 3px;}
#l_banner_intra img {margin-left: 2px;
			margin-top: 3px;}
		
/* toimii FF:lla! kunhan muita muutoksia ei tule rivi nro 236*/
#footer_2	{
		margin-left: -145px;
		float: left;
		width:630px;
		height: 40px;
		display: table-row; /* Toimii jotenkuten*/
		background: rgb(229,225,223);
		text-align: center;
		font-size: 9px;
		font-family: verdana, arial, sans serif;
		line-height: 20px;
		z-index: 5;
		}
		
#intra #footer_2	{
		margin-left: -145px;
		float: left;
		width:780px;
		height: 40px;
		display: table-row; /* Toimii jotenkuten*/
		background: rgb(229,225,223);
		text-align: center;
		font-size: 9px;
		font-family: verdana, arial, sans serif;
		line-height: 20px;
		z-index: 5;
		}	
#index #footer {
	position: absolute;
	top: 680px;
	left: 0px;
	width: 630px;
	height: 40px;
		background: rgb(229,225,223);
		text-align: center;
		/*font-size: 0.7em;*/
		font-size: 9px;
		font-family: verdana, arial, sans-serif;
		line-height: 20px;
		z-index: 5;
	}
			
#content	{
		position: absolute;
		top: 130px;
		left: 145px;
		width: 485px;	
		height: 550px;
		
		margin: 0px;
		display: block;
		background: white;
		overflow: visible;
		}
#content a:hover{color: rgb(148,195,178);}
#content ul#sisennys {margin: 3px 0px 0px 30px;
line-height: 1.0em;}
#intra #content	{
		position: absolute;
		top: 130px;
		left: 145px;
		width: 630px;	
		height: 550px;
		margin: 0px;
		display: block;
		background: white;
		overflow: visible;
		}


#content #carousel	{
		width: 485px;
		/*height: 85px;*/
		height: auto;
		margin: 0px;
		z-index: 2;
		font-size: 0px;
		}
#content #textblock h2, #content #textblock h1
	{
	font-size: 1.8em;
	font-weight: normal;
	line-height: 2.0em;
	color: rgb(255,154,23);
	margin: 0px 0px 15px 0px;
	}

#content #textblock {
		padding: 10px 20px 10px 15px;
		margin: 0px;
		width: 445px;	
		color: #383838;
		height: 115px;
		text-align: left;
		font-size: 0.85em;
		line-height: 1.5em;
		background: white;
		}

#content #news 	{
		position: absolute;
		left: 0px;
		top: 220px;
		width: 240px !important;
		width: 230px;
		padding-left: 5px;
		padding-right: 5px;
		height: 350px;
		margin: 0px; 
		color: #383838;
		background: white;
		font-size: 0.85em;
		}
ul.news {list-style-type: none;}
.paivays {margin-right: 6px;
}

#content #news .teksti
	{margin-left: 10px;
	line-height: 1.5em;}

#content #news h4, #content #news h3, #content #news h2 
		{
		background: rgb(146,144,144);
		color: white;
		font-size: 1em;
		font-family: verdana, arial, sans-serif;
		padding: 2px 2px 2px 5px;
		}

#content #jobs	{
		position: absolute;
		left: 240px;
		top: 220px;
		/*float: right;*/
		width: 235px !important;
		width: 235px;
		padding-left: 5px;
		padding-right: 5px;
		height: 350px;
		margin: 0px 15px 0px 0px;
		color: #383838;
		background: white;
		font-size: 0.85em;
		}

#content #jobs .teksti {margin-left: 10px;
					line-height: 1.5em;}

#content #jobs h4, #content #jobs h3, #content #jobs h2 
		{
		background: rgb(146,144,144);
		color: white;
		font-size: 1em;
		font-family: verdana, arial, sans-serif;
		padding: 2px 2px 2px 5px;
		}

#content #textblock_2 {
		padding: 20px 20px 35px 15px;
		margin: 0px;
		width: 450px !important;
		width: 445px; 	
		min-height: 550px; /* height to min-height*/
		height: auto;
		text-align: left;
		font-size: 0.85em;
		line-height: 1.5em;
		color: #383838;
		overflow: hidden;
		display: block;
		background: white;
		z-index: 4;
		}
#content #textblock_2 p
{margin-left: 20px;}		
#intra #content #textblock_2 {
		padding: 20px 20px 35px 15px;
		margin: 0px;
		width: 600px !important;
		min-height: 550px; /* height to min-height*/
		height: auto;
		text-align: left;
		font-size: 0.85em;
		line-height: 1.5em;
		color: #383838;
		overflow: hidden;
		display: block;
		background: white;
		z-index: 4;
		}
#content #sisalto_7_2 a, #content #sisalto_7_4 a {text-decoration: none;}
#content #textblock_2 h2, #content #textblock_2 h1
	{
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
	color: rgb(255,154,23);
	margin: 0px 0px 15px 0px;
	}
#content #textblock_2 h4
	{margin-top: 10px;}

#content #textblock_2 .historia
	{
	margin: 0px;
	padding: 0px;
	width: 450px;
	}

#content_list 	{
			list-style-image: url(images/hakanen.gif);			
			}
#content #textblock_2 .rekryb {margin-left:130px; }

#content #textblock_2 .rekry td
	{
	border-right: 1px solid black;
	}
#kikka_6 {
		position: absolute;
		top: 0px;
		left: 0px;
		width:485px;
		margin: 0px;
		height: 550px;
		z-index: 0;
		}
		
#contactblock {			
			display: table-row;
			width: 485px;
			overflow: visible;
			}
				
#contactinfo {			float: left;
					margin: 10px 2px 5px 1px;
					width: 140px;	
					height: 275px;
					padding-left: 2px;
					overflow: visible;
					}
td.lefty a, td.lefty a{
			margin-bottom: 0px;
			font-weight: bold;
			color: #383838;
			text-decoration: none;}
td.lefty a:hover {text-decoration: underline;
				color: #383838;}


#contactinfoIntra {			float: right;
					margin: 10px 2px 5px 1px;
					width: 140px;	
					height: 220px;
					padding-left: 2px;
					overflow: visible;
					}
#right_banner {
		position: relative;
		top: -550px;		
		float: right;
		width: 160px;
		padding-left: 0px;
		height: 550px;
		margin: 0px;
		background: rgb(204,204,204);
			}
#right_banner #newsletter
		{
		position: relative;
		margin: 8px auto 0px 8px;
		padding: 0px;
		width: 140px;
		height: 70px;
		}

#right_banner #large_banner
		{
		position: relative;
		padding: 0px;
		width: 140px;
		height: 350px;
		margin: 8px auto 0px 8px;
		}

#right_banner #bottom_banner
		{
		position: relative;
		padding: 0px;
		width: 140px;
		height: 70px;
		margin: 8px auto 0px 8px;
		}

#right_banner #r_banner_2 
	{
	position: relative;
	padding: 0px;
	width: 140px;
	height: 200px;
	line-height: 200px;
	margin: 8px auto 0px 8px;
	}


		
/* navigatio */

#navbar {
	position: absolute;
	top: 85px;
	left: 145px;
	margin: 0px;
	background: rgb(148,195,178);
	width: 485px;
	height: 45px;
	text-align: left;
	padding-left: 15px;
	}

#navbar #menu ul	{
	width: auto;
	margin: 0px !important;
	list-style-type: none;
	line-height: 45px;
	}

#navbar #menu li {
	display: inline;
	line-height: 45px;
	margin: 0px;
	}

#navbar #menu a {
	padding: 0px 12px 0px 12px;
	height: 100%;
	text-decoration: none;
	/*color: black;*/
	font-size: 0.85em;
	font-weight: bold;
	line-height: 45px;
	background-image: url(images/navi_viiva.gif);
	background-repeat: no-repeat;
	background-position: center right;
	}

#navbar ul li ul {display: none;}

#r_header_gstring {
			position: relative;
			top: 55px;
			width: 160px;
			height: 30px;
			background: rgb(229,225,223);
			}

#r_header_nav ul {
	width: auto;
	margin: 0px;
	list-style-type: none;
	}

#r_header_nav li {
	display: inline;
	line-height: 30px;
	margin: 0px;
	text-align: left;
	}

#r_header_nav a {
	padding: 0px 12px 0px 6px;
	height: 100%;
	font-size: 0.8em;
	text-decoration: none;
	margin-left: 5px;
	background-image: url(images/navi_viiva.gif);
	background-repeat: no-repeat;
	background-position: center right;
	}

#banner_nav
	{
	margin: 0px;
	width: 145px;
	padding-top: 15px;
	height: auto;
	}
#banner_nav ul
	{
	width: 120px;
	margin: 0px !important;
	margin: 0px;
	list-style-type: none;
	padding-left: 13px;
	}

#banner_nav #menu a
	{
	font-size: 0.85em;
	text-decoration: none;
	margin-bottom: 5px;
	}

#banner_nav li
	{
	list-style-type: none;
	margin-bottom: 5px;
	}

#banner_nav #menu ul li ul
	{display: block;
	width: 110px;
	margin: 0px !important;
	margin: 0px;
	list-style-type: none;
	padding-left: 23px;
	}

#sivukartta {padding-left: 15px;}
#sivukartta #menu ul
	{padding-left: 25px;
	}

#sivukartta #menu li, #sivukartta #nav li ul li
	{
	list-style-image: url(images/hakanen.gif);
	}
#sivukartta #menu a {text-decoration: none;
	color: black;
	
	}

#sivukartta #menu a:hover{color: red;}


#sisalto_7_3 ul.news, #sisalto_7_5 ul.tyopaikat
	    {margin-left: 10px;
			margin-top: 10px;
			}

#sisalto_7_3 .news li, #sisalto_7_5 .tyopaikat li
	{ 
		list-style-type: none;
		background-image: url(images/hakanen.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding-left: 10px;
		padding-bottom: 3px;
	}
	
#sisalto_7_3 .news a, #sisalto_7_5 .tyopaikat a 
		{text-decoration: none;
		color: rgb(102,102,102);
		}
/*.sisalto_3 a img
	{
		margin-right: 3px;
		padding-right: 3px;
	}
	*/

#index #left_banner #linkki_1
	{
	position: absolute;
	top: 50px;
	left: 8px;
	background: transparent;
	z-index: 4;
	}

#index #left_banner #linkki_1 a
	{
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	}
#index #left_banner #linkki_2
	{
	position: absolute;
	top: 100px;
	left: 8px;
	background: transparent;
	z-index: 4;
	}

#index #left_banner #linkki_2 a
	{
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	}


/* Background-color extensions */

#white {
	background-color: white;
	position: absolute;
	top: 0px;
	left:790px;
	width: inherit;
	height: 55px;
z-index: 0;
}

#lgray{background-color: rgb(229,225,223);
	position: absolute;
	top: 55px;
	left:790px;
	width: inherit;
	height: 30px;
z-index: 0;}

#dgray{background-color: rgb(146,144,144);
	position: absolute;
	top: 85px;
	left: 778px;
	width: inherit;
	margin: 0px;
	height: 45px;
z-index: 0;}

#intra h3 {font-size: 1.2em;
	font-weight: bold;
	color: rgb(255,154,23);
	margin: 0px;
}
#intra #content ul#infopaketit
{
margin: 0px 0px 0px 30px;
line-height: 1.0em;
float: left;
width: 270px;
}
#intra #content ul#infopaketitRite
{
margin: 0px 0px 0px 30px;
line-height: 1.0em;
float: left;
width: 260px;

}

#intra #content ul#tiko
{
margin: 0px 0px 0px 30px;
line-height: 1.0em;
}
#clear_all {
		clear: both;
		height: 1px;
		}
#clearleft {clear: left;
		height: 1px;}
#clearright {clear: right;
		height: 1px;}