/* @override http://www.femeda.fi/css/styles.css */

/* ------------------------------------------------------------

	Global Elements

------------------------------------------------------------ */

html {

}

body {
	background-image:url(../images/body/background.jpg);
	margin:0px;
	font-family:Tahoma;
	font-size:12px;
	color:#333333;
}

img {
	border:0px;
}

ul {

}











/* ------------------------------------------------------------

	Typography

------------------------------------------------------------ */

a {
	color:#333333;
	font-weight:bold;
}

a:hover {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

a.arrow {
	background-image:url(../images/icons/green-arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	display:block;
	padding-left:19px;
	color:#666666;
	font-size:12px;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration:underline;
}

a.arrow:hover {
	color:#000000;
}

p {
	margin-top:8px;
	line-height:130%;
	color:#333333;
}

h1 {
	margin:0px;
	padding:0px;
	font-size:18px;
}

h2 {
	font-size:14px;
	color:#000000;
	font-family:Tahoma;
	font-weight:bold;
	padding:0px;
	margin:10px 0px 0px 0px;
}

b {

}

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

div#content ul {
	margin:0px 0px 0px 20px;
	padding:0px;
}









/* ------------------------------------------------------------

	Layout

------------------------------------------------------------ */

div#wrapper {
	width:100%;
	background-image:url(../images/body/grey-top-bar.jpg);
	background-repeat:repeat-x;
}

div#wrapper div#container {
	width:900px;
	margin:0px auto 30px auto;
	background-repeat:no-repeat;
	background-color:#ffffff;
	
	/*-*/
	
	position:relative;
	border-top:5px solid #d5d5d5;
}

body.frontpage div#wrapper div#container {
	background-image:url(../images/header/top/background.jpg);
}

body.subpage div#wrapper div#container {
	background-image:url(../images/header/top/background.jpg);
}

body.frontpage.swedish div#wrapper div#container {
	background-image:url(../images/header/top/se/background.jpg) !important;
}

/* In order to add page-specific background image, override above declarations with body ID attribute */

div#wrapper div#container div#language {
	background-color:#93d1e8;
	xfloat:right;
	padding:10px 20px 5px 5px;
	height:18px;
	width: 30px;
	
	/*-*/
	
	position:absolute;
	right:0;
	top: 0;
	z-
}

div#wrapper div#container div#language ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

div#wrapper div#container div#language ul li {
	display:inline;
	float:left;
	padding:0px 0px 0px 14px;
	
	/*-*/
	
	position:relative;
}

div#wrapper div#container div#language ul li a {
	color:#fff;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:23px;
	width:auto;
	white-space:nowrap;
	
	/*-*/
	
	position:relative;
	padding-left:0px;
	width:16px;
	height:11px;
}

div#wrapper div#container div#language ul li a span {

	/*-*/
	
	display:none;
}

div#wrapper div#container div#language ul li a.finnish {
	background-image:url(../images/icons/flags/fi.png);
}

div#wrapper div#container div#language ul li a.swedish {
	background-image:url(../images/icons/flags/se.png);
}

div#wrapper div#container div#language ul li a.english {
	background-image:url(../images/icons/flags/gb.png);
}

div#wrapper div#container div#language ul li a:hover {
	text-decoration:underline;
	font-weight:normal;
}

div#wrapper div#container div#left {
	width:288px;
	float:left;
	display: inline;
	padding-top:190px;
}

div#wrapper div#container div#left div#mainmenu {

}

div#wrapper div#container div#left div#mainmenu ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

div#wrapper div#container div#left div#mainmenu ul li {

}

div#wrapper div#container div#left div#mainmenu ul li a {
	display:block;
	width:288px;
	height:30px;
	background-position:0px 0px;
}

div#wrapper div#container div#left div#mainmenu ul li a span {
	display:none;
}

div#wrapper div#container div#left div#mainmenu ul li a:hover,
div#wrapper div#container div#left div#mainmenu ul li a.active {
	background-position:0px -30px;
	color:#ffffff;
}

body.finnish div#wrapper div#container div#left div#mainmenu ul li a#frontpage {
	background-image:url(../images/header/menu/fi/frontpage.jpg);
}

body.finnish div#wrapper div#container div#left div#mainmenu ul li a#appointment {
	background-image:url(../images/header/menu/fi/appointment.jpg);
}

body.finnish div#wrapper div#container div#left div#mainmenu ul li a#services {
	background-image:url(../images/header/menu/fi/services.jpg);
}

body.finnish div#wrapper div#container div#left div#mainmenu ul li a#doctors {
	background-image:url(../images/header/menu/fi/doctors.jpg);
}

body.finnish div#wrapper div#container div#left div#mainmenu ul li a#contact {
	background-image:url(../images/header/menu/fi/contact.jpg);
}

body.swedish div#wrapper div#container div#left div#mainmenu ul li a#frontpage {
	background-image:url(../images/header/menu/se/frontpage.jpg);
}

body.swedish div#wrapper div#container div#left div#mainmenu ul li a#appointment {
	background-image:url(../images/header/menu/se/appointment.jpg);
}

body.swedish div#wrapper div#container div#left div#mainmenu ul li a#services {
	background-image:url(../images/header/menu/se/services.jpg);
}

body.swedish div#wrapper div#container div#left div#mainmenu ul li a#doctors {
	background-image:url(../images/header/menu/se/doctors.jpg);
}

body.swedish div#wrapper div#container div#left div#mainmenu ul li a#contact {
	background-image:url(../images/header/menu/se/contact.jpg);
}

div#wrapper div#container div#left div#submenu {
	padding-top:38px;
}

div#wrapper div#container div#left div#submenu div.heading {
	padding:0px 0px 0px 29px;
}

div#wrapper div#container div#left div#submenu div.heading h2 {
	font-size:18px;
	color:#554a49;
	font-family:Tahoma;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

div#wrapper div#container div#left div#submenu ul {
	list-style:none;
	padding:8px 0px 0px 29px;
	margin:0px;
}

div#wrapper div#container div#left div#submenu ul li {
	padding-bottom:8px;
}

div#wrapper div#container div#left div#submenu ul li a {
	background-image:url(../images/icons/green-arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0px 0px 0px 19px;
	color:#666666;
	font-size:12px;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration:underline;
	/*white-space:nowrap;*/
}

div#wrapper div#container div#left div#submenu ul li a:hover {
	text-decoration:underline;
	color:#000000;
	background-image:url(../images/icons/green-arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

div#wrapper div#container div#left div#submenu ul li a span.secondrow {
	display:block;
	padding-left:19px;
	text-decoration:underline;
}

div#wrapper div#container div#left div#message {
	background-image:url(../images/content/kela-suorakorvausjarjestelma.jpg);
	background-repeat:no-repeat;
	margin-left:11px;
	margin-top:40px;
	/* Change picture dimensions on update */
	width:235px;
	height:99px;
}

body.swedish div#wrapper div#container div#left div#message {
	background-image:url(../images/content/frontpage/se/kela.jpg) !important;
}

div#wrapper div#container div#left div#message span {
	display:none
}

div#wrapper div#container div#content {
	float:right;
	width:612px;
}

div#wrapper div#container div#content div#header-flash{
	width:612px;
	height:240px;
}

div#wrapper div#container div#footer {
	clear:both;
	background-color:#999999;
	padding:8px;
}

div#wrapper div#container div#footer span {
	clear:both;
	color:#ffffff;
	font-family:Tahoma;
	font-size:10px;
	display:block;
	text-align:center;
}











/* ------------------------------------------------------------

	Frontpage elements

------------------------------------------------------------ */

div#wrapper div#container div#content div.frontpage-content {
	padding-left:9px;
	padding-top:16px;
}

div#wrapper div#container div#content div.frontpage-content div.columns {
	width:603px;
	background-image:url(../images/content/frontpage/columns.gif);
	background-repeat:repeat-y;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.left-column {
	float:left;
	width:301px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.left-column div.picture,
div#wrapper div#container div#content div.frontpage-content div.columns div.left-column div.heading,
div#wrapper div#container div#content div.frontpage-content div.columns div.left-column div.text {
	padding:0px 0px 0px 12px;
	width:281px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.left-column div.heading h1 {
	margin:0px;
	padding-top:15px;
	font-size:17px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.left-column div.list {
	padding-bottom:10px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.left-column div.list ul {
	list-style:none;
	padding:8px 0px 0px 15px;
	margin:0px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.left-column div.list ul li {
	padding-bottom:8px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.left-column div.list ul li a {
	background-image:url(../images/icons/green-arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0px 0px 0px 19px;
	color:#666666;
	font-size:12px;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration:underline;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.left-column div.list ul li a:hover {
	text-decoration:underline;
	color:#000000;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column {
	float:left;
	width:301px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.heading,
div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.text,
div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.tables {
	padding:0px 0px 0px 32px;
	width:261px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.picture {
	padding:0px 0px 0px 12px;
	width:281px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.heading h1 {
	margin:0px;
	padding-top:15px;
	font-size:17px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.tables {
	padding-top:7px;
	padding-bottom:10px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.tables table {
	padding-top:7px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.tables table tr td {
	width:100px;
	font-weight:bold;
	padding-bottom:4px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.list {
	padding-bottom:10px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.list ul {
	list-style:none;
	padding:8px 0px 0px 29px;
	margin:0px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.list ul li {
	padding-bottom:8px;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.list ul li a {
	background-image:url(../images/icons/green-arrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0px 0px 0px 19px;
	color:#666666;
	font-size:12px;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration:underline;
}

div#wrapper div#container div#content div.frontpage-content div.columns div.right-column div.list ul li a:hover {
	text-decoration:underline;
	color:#000000;
}











/* ------------------------------------------------------------

	Subpage elements

------------------------------------------------------------ */

div#wrapper div#container div#content div.subpage-content {
	padding-left:9px;
	padding-top:16px;
}

div#wrapper div#container div#content div.subpage-content div.background {
	background-image:url(../images/content/subpage/left-column.jpg);
	background-repeat:repeat-y;
	padding:0px 16px 0px 27px;
}

div#wrapper div#container div#left div#green-message {
	background-image:url(../images/content/subpage/green-message-background.jpg);
	background-repeat:no-repeat;
	width:288px;
	height:104px;
	margin-top:29px;
}

div#wrapper div#container div#left div#green-message ul {
	list-style:none;
	padding:36px 10px 0px 25px;
	
}

div#wrapper div#container div#left div#green-message ul li {
	padding:0px 0px 10px 0px;
}

div#wrapper div#container div#left div#green-message ul li a {
	color:#333333;
	font-size:12px;
	font-weight:bold;
}

div#wrapper div#container div#left div#green-message ul li a:hover {
	text-decoration:none;
}











/* ------------------------------------------------------------

	Lääkärit

------------------------------------------------------------ */

div#wrapper div#container div#content div.subpage-content div.background div.laakarit {
	padding:16px 0px 0px 0px;
}

div#wrapper div#container div#content div.subpage-content div.background div.laakarit div.laakari {
	width:100px;
	min-height:245px;
	height:auto !important;
	height:245px;
	padding:0px 30px 20px 0px;
	float:left;
}

div#wrapper div#container div#content div.subpage-content div.background div.laakarit div.laakari div.picture {
	padding:0px 0px 4px 0px;
}

div#wrapper div#container div#content div.subpage-content div.background div.laakarit div.laakari div.text {

}

div#wrapper div#container div#content div.subpage-content div.background div.laakarit div.laakari div.text span {

}

div#wrapper div#container div#content div.subpage-content div.background div.laakarit div.laakari div.text span.name {
	font-weight:bold;
}

.ajanvaraus,.ajanvaraus_swe {
	clear: both;
	margin: 10px 0;
}
.ajanvaraus a {
	display: block;
	text-indent: -9000px;
	width: 557px;
	height: 29px;
	overflow: hidden;
	background: transparent url(../images/content/subpage/internetajanvaraus.jpg) no-repeat;
}
.ajanvaraus a:hover,.ajanvaraus_swe a:hover {
	background-position: 0 -29px;
}
.ajanvaraus_swe a {
	display: block;
	text-indent: -9000px;
	width: 557px;
	height: 29px;
	overflow: hidden;
	background: transparent url(../images/content/subpage/ajanvaraus_swe.jpg) no-repeat;
}