/* @override 
	http://www.keuhkosyopa.fi/themes/keuhkosyopa/css/rocherintasyopa.css
	http://www.keuhkosyopa.fi/themes/keuhkosyopa/css/print.css
*/

/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     border: 0;
     font-weight: inherit;
     font-style: inherit;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}
em {
	font-style: italic;
}
strong {
	color: #c32f37;
}
body { line-height: 1.5; background: #fff; margin:1.5em 0; }
a img { border: none; }
/* Site -> */
body {
	margin: 0px;
	padding: 0px;
	background: url(../splash_layout/body.jpg) repeat-x top left #ffffff;
	text-align: center;
	
	font-family: Arial;
	font-size: 13px;
	color: #464646;
}
p {
	padding-bottom: 10px;
}
a {
	color: #c32f37;
	text-decoration: none;
}
h2 {
	font-size: 14px;
	color: #464646;
	font-weight:bold;
}
h3 {
	font-size: 16px;
	color: #c32f37;
	padding-left: 30px;
}
h4 {
	font-size: 15px;
	color: #c32f37;
	
}
.clearer {
	clear: both;
}
.pushdown {
	height: 20px;
}
#bgwrap {
	width: 100%;
	/*min-height: 691px;*/
	min-height: 550px;
	_height: 550px;
	background: url(../layout_rintasyopa/bgnaiset2.jpg) no-repeat top center transparent;
	text-align: left;
	padding-top: 80px;
}
#wrap {
	width: 910px;
	margin: 0 auto;
	overflow: hidden;
}
#box {
	padding-left: 48px;
	padding-right: 10px;
	padding-top: 25px;
	width: 622px;
	margin-left: 100px;
	height: 261px;
	background: url(../layout_rintasyopa/wraporange.jpg) no-repeat top center transparent;
	font-size: 14px;
	color: #464646;
}
#box h1 {
	width: 400px;
	height: 76px;
	background: transparent url(../layout_rintasyopa/rintasyopaotsikko-4.gif) no-repeat 0 0;
	/*background: transparent url(../layout_rintasyopa/rintasyopaotsikko.jpg) no-repeat 0 0;*/
	text-indent: -9000px;
}
#box p {
	padding-bottom: 10px;
}
#splashnostot {

}
.nosto {
	float: left;
	width: 210px;
	height: 217px;
	margin-top: 10px;
	background: url(../layout_rintasyopa/nostoorange.gif) no-repeat top left transparent;
	padding-top: 16px;
	padding-left: 8px;
	margin-right: 12px;
	overflow: hidden;
	display: inline;
}

.nosto .kuva {
	width: 202px;
	margin-top: 1px;
	*margin-top: 3px;
	_margin-top: 3px;
	display: block;
}
.kuva {
	padding-top: 5px;
}
/* MAIN */
.main {
	margin: 0px;
	padding: 0px;
	background: url(../layout/body.jpg) repeat-x top left #ffffff;
	text-align: center;
	background-position: center 65px;
	
	font-family: Arial;
	font-size: 13px;
	color: #464646;
}
#sides {
	width: 100%;
	min-height: 691px;
	_height: 691px;
	background: url(../layout/sides.jpg) no-repeat top center transparent;
	background-position: center 65px;
	text-align: left;
}
#top {
	background: url(../layout_rintasyopa/top.gif) center 21px repeat-x #e5dfcb;
	height: 65px;
	_overflow: hidden;
}
/* NAVI */
#navigation {
	width: 938px;
	margin: 0 auto;
	padding-left: 5px;
	padding-top: 21px;
	height: 65px;
	_height: 44px;
}
#navigation li {
	float: left;
	list-style: none;
	height: 44px;
}
#navigation a:hover {
	background-position: 0px 0px;
	height: 44px;
}
#navigation  a {
	display: block;
	height: 44px;
	text-decoration: none;
	background-position: 0px -44px;
	text-indent: -9000px;
}
#xeloda1 em,#xeloda2 em,#xeloda3 em,#xeloda4 em {
	font-size: 15px;
	padding-left: 0px !important;
}

.etusivu { width: 87px; background: url(../layout_rintasyopa/etusivuorange2.gif) no-repeat transparent; }
.ensitietoa { width: 190px; background: url(../layout_rintasyopa/ensitietoaorange2.gif) no-repeat transparent; }
.ammattilaisilleetusivu {
	width: 93px; background: url(../layout_rintasyopa/etusivuxeloda.gif) no-repeat transparent; 
}
.xeloda-hoito {
	width: 132px; background: url(../layout_rintasyopa/xeloda.gif) no-repeat transparent;
}
.ensitietoa_laheiselle { width: 190px; background: url(../layout_rintasyopa/ensitietoalaheinenorange.gif) no-repeat transparent; }
.ensitietoa_rintasyovasta { width: 190px; background: url(../layout_rintasyopa/ensitietorintasyovastaorange.gif) no-repeat transparent; }
.tutustu { width: 161px; background: url(../layout_rintasyopa/tutustuorange2.gif) no-repeat transparent; }
.hoitaminen { width: 207px; background: url(../layout_rintasyopa/hoitaminenorange2.gif) no-repeat transparent; }
.kertovat { width: 145px; background: url(../layout_rintasyopa/potilaatorange2.gif) no-repeat transparent; }
.kysy { width: 132px; background: url(../layout_rintasyopa/kysy3.gif) no-repeat transparent; }
#navigation .active {
	background-position: 0px 0px;
}
#navileft {
	width: 8px;
	height: 44px;
	float: left;
	background: url(../layout_rintasyopa/leftorange.gif) no-repeat transparent;
}
#naviright {
	width: 8px;
	height: 44px;
	float: left;
	background: url(../layout_rintasyopa/rightorange.gif) no-repeat transparent;
}
/* SISÄLTÖ */
#content {
	width: 910px;
	_width: 950px;
	margin: 0 auto;
	padding-top: 10px;
}
#left {
	float: left;
	width: 254px;
	margin-left: 6px;
	_width: 231px;
	_padding-left: 23px;
	display: inline;
}
#right {
	float: left;
	width: 640px;
	margin-left: 10px;
	overflow: hidden;
	display: inline;
}
.submenu {
	clear: both;
	background: url(../layout/form/hr.gif) top left repeat-x;
	padding-top: 2px;
}
.submenu li {
	list-style: none;
	font-weight: bold;
	font-size: 12px;
}
.submenu li a {
	display: block;
	background: url(../layout/navi/sub.gif) no-repeat;
	line-height: 30px;
	_height: 20px;
	padding-left: 26px;
	_width: 220px;
}
.submenu li a:hover {
	display: block;
	background: url(../layout/navi/sub2.gif) no-repeat;
	line-height: 30px;
	padding-left: 26px;
	color: #c0b591;
}
.submenu h2 {
	padding-top: 20px;
}
#haku {
	width: 254px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 3px;
}
#haku div {
	float: left;
	display: inline;
}
#haku .text {
	width: 201px;
	height: 20px;
	line-height: 18px;
	background: #ffffff;
	border: solid 1px #b2b2b2;
	color: #767676;
	font-size: 11px;
	padding: 0 0 0 5px;
	margin: 0px;
	display: inline;
}
#haku .submit {
	width: 40px;
	height: 22px;
	background: url(../layout_rintasyopa/inputboxorange.gif);
	border: 0px;
	margin-top: 1px;
	color: #ffffff;
	font-size: 11px;
	display: inline;
	line-height: 24px;
}
#right #text {
	padding-left: 30px;
}
#text h4 {
	padding-top: 10px;
}
#text form select {
	margin-bottom: 20px;
}
#text a:hover {
	text-decoration: underline;
}
.kapeateksti {
	_padding-right: 80px;
	*padding-right: 80px;
}

.kapeateksti p{
	width: 530px;
	xfloat: left;
	_display: inline;
	*display: inline;	
}
.kapeateksti strong {
	color: #c32f37;
}
.sisennys {
	text-indent: 10px;
}

#panel {
	color: #999999;
}
#panel a {
	color: #999999;
}
#panel a:hover {
	color: #000000;
}
#content h1 {
	font-size: 24px;
	color: #c32f37;
	padding-bottom: 10px;
	padding-top: 5px;
}
#content .bottomlink {
	color: #c32f37;
	font-size: 11px;
}
.bottomlink a {
	background: url(../layout/icons/bullet.gif) no-repeat center right;
	padding-right: 7px;
}
.lappu {
	float: right;
	display: inline;
	margin-left: 5px;
	width: 190px;
	height: 210px;
	background: url(../layout/icons/lappu.jpg) no-repeat;
	font-family: 'Times New Roman';
	font-size: 18px;
	color: #4b4b4b;
	padding-left: 37px;
	padding-top: 35px;
}
.lappu div {
	width: 150px;
}
/* NOSTOT */
.sivunosto {
	width: 254px;
	height: 173px;
	margin-bottom: 30px;
	margin-top: 5px;
}
.sivunosto.laakari {
	background: url(../layout_rintasyopa/rintasyopalaakarinosto.jpg) no-repeat transparent;
}
.sivunosto.laakari p {
	line-height: 15px;
	padding: 0;
	margin-top: -5px;
	padding-bottom: 9px;
}
.sivunosto div {
	padding-top: 45px;
	padding-left: 98px;
	color: #ffffff;
	padding-right: 15px;
	line-height: 13px;
}
.sivunosto a {
	background: url(../layout/nostot/bullet.gif) center right no-repeat;
	padding-right: 15px;
	color: #ffffff;
	font-weight: bold;
}
/* Alasivujen nostot */
#fullwidth {
	clear: both;
	width: 940px;
	margin-left: -5px;
	_margin-left: 0px;
	_padding-left: 17px;
}
.tekstinavi {
	padding: 0;
	margin: 0;
	color: #9b9b9b;
}
.tekstinavi a {
	color: #9b9b9b;
}
.tekstinavi a:hover {
	text-decoration: underline;
	color: #000000;
}
.nostorivi .nosto {
	float: left;
	width: 215px;
	height: 289px;
	background: url(../layout_rintasyopa/rivinostoorange.gif) no-repeat transparent;
	display: inline;
	padding-top: 10px;
}
.nostorivi .nosto img {
	margin-top: 10px;
	margin-left: -7px;
}
.nostorivi em {
	color: #ffffff;
	font-size: 17px;
	line-height: 10px;	
	margin-top: -5px;
	font-style: normal;
	padding-left: 5px;
}
.nostorivi p {
	padding-right: 15px;
	padding-top: 10px;
	padding-left: 10px;
}

.kuvalinkki {
	position: absolute;
	top: 610px;
	*top: 626px;
	font-weight: bold;
	background: url(../layout/nostot/bullet2.gif) no-repeat center right;
	padding-right: 10px;
}

.stripe {
	border-bottom: 1px solid #999999;
	height: 10px;
	clear: both;
	margin-bottom: 10px;
}
.opentext { display: none; width: 540px;}
.opentext span a { float: right; }
.opentext span a:hover { text-decoration: underline;}


/*palaute sivu */
.palaute textarea,.palaute input {
	border: 1px solid #cccccc;
}
.palaute td { padding-bottom: 5px; }
.palaute input { width: 335px; }
.palaute textarea {
	width: 439px;
}
.submit{ padding: 10px; }
.submit input { width: 60px; }
#hakuform input {
	padding: 0;
}



/* FOOTER */
#footer {
	clear: both;
	height: 20px;
	width: 100%;
	border-top: solid 1px #cecece;
	border-bottom: solid 50px #e5dfcb;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 100px;
}
#footer a {
	color: #a7a7a7;
}
#footer .wrap {
	width: 904px;
	margin: 0 auto;
	color: #939393;
	font-size: 10px;
}
#footer .wrap .footer1 {
	float: left;
}
#footer .wrap .footer2 {
	float: right;
}
#footer .palaute{ background: url(../layout/icons/email.gif) no-repeat center left; padding-left: 18px; padding-right: 17px; }
#footer .sivukartta{ background: url(../layout/icons/sitemap.gif) no-repeat center left; padding-left: 18px; padding-right: 17px; }
#footer .yhteystiedot{ background: url(../layout/icons/phone.gif) no-repeat center left; padding-left: 18px; padding-right: 17px; }


#right ul {
	margin-bottom: -20px;
	*margin:0;
	_margin:0;
	padding: 0;
}
#right li {
	margin-top: -13px;
	*margin-top: 0;
	_margin-top: 0;
	margin-left: 16px;
	padding: 0;
}


.kapeateksti blockquote {
	padding-left: 8px;
	float: left;
	display: inline;
	clear: both;
}
.kapeateksti span {
	margin-left: -8px;
	font-weight: bold;
	color: #793f8b;
}


#kuva {
	xbackground: transparent url(../layout_rintasyopa/videonewrintasyopauusi.jpg) no-repeat 0 0;
	min-height: 230px;
	height: auto !important;
	height:230px;
	width: 254px;	
}
#kuva p {
	padding-top: 140px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}
#kuva span {
	color: #bd4449;
}
#kuva a {
	display: block;
	xwidth: 85px;
	xmargin: auto;
	xbackground: transparent url(../layout_rintasyopa/nuolioikealle.jpg) no-repeat right 50%;
}

#ammattilaisillenosto {
	margin-left: 10px;
	background: transparent url(../layout_rintasyopa/harmaanostobg.jpg) no-repeat 0 0;
}
.dimmer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../layout_rintasyopa/transparent.png) repeat 0 0;
	
	
}
.popupdivi{
	xdisplay: none;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 200px;
	background: #fff;
	padding: 20px;
	border: 1px solid #ababab;
}

.palautetext p {
	padding-left: 30px;
	width: 500px;
}

.index_link{
	position: absolute;
	visibility: hidden;
}
