/* @override http://www.osakoweb.fi/css/uusi_2.css */

@charset "UTF-8";
/* CSS Document */

html {
}
body {
	text-rendering: optimizeLegibility;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	color: #1a1919;
	line-height: 20px;
	font-size: 12px;
	background: url(../img/tausta2.png) top left no-repeat;
	overflow: scroll;
	margin-bottom: 1px;
}
#wrap {
	background: #fff url(../img/grid.png);
	background: rgba(255,255,255,.9) url(../img/grid.png);
}


a {
	color: #1e96d0;
	text-decoration: none;
}
a:hover {
}
b {
}
p {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h1 {
	line-height: 30px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 22px;
	font-weight: lighter;
	font-weight: lighter;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
h2 {
	line-height: 30px;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: lighter;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
h3 {
	line-height: 30px;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h4 {
	line-height: 30px;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#slide.news_box h4 {
	line-height: 30px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 22px;
	font-weight: lighter;
	font-weight: lighter;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}
h5 {
	line-height: 30px;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: normal;
	font-style: italic;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header {
	position:relative;
	height: 172px;
	width: 960px;
	background: url(../img/headerbg.png) bottom left no-repeat;
	overflow: hidden;
}
#header h1 {
	width: 960px;
	z-index: 30;
	margin: 0;
}
#content{
}

#in_english_link {
	position: relative;
}
#in_english_link p {
	z-index: 200;
	position: absolute;
	right: 0px;
	bottom: -17px;
	line-height: 27px;
	text-align: right;
}
#in_english_link a {
	color: #fff;
	background: #1a1919;
	background: #d0007e url(../img/a_current.png) top left no-repeat;
	padding: 4px;
}
#in_english_link a:hover {
	background: #1a1919 url(../img/kolmio_topleft.png) top left no-repeat;
}

#menu{ }
#menu .menu {
	margin-top: -20px;
}

#menu li.level2 {
	position:  relative;
	float: left;
	width: 140px; /* .grid_2 */
	margin-right: 20px;
}
#menu li.level2:first-child {
	margin-left:  0px
}
#menu li.level2:last-child {
	margin-right:  0px
}

#menu li {
	list-style:none;
}

#menu .menu a b {
	font-size: 120%;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: lighter;
}
#menu .menu .level2 > a {
	display: block;
	padding: 10px 10px 10px 10px;
	width: 140px;
	position: relative;
	left: -10px;
	color: #fff;
	z-index: 60;
	border-bottom: 10px solid #1a1919;
	border-bottom: 10px solid rgba(0,0,0,.22);
	background: #1a1919;
	background: #d0007e url(../img/a_current.png) top left no-repeat;
}
#menu .menu .level2 > a#current {
	padding-bottom: 20px;
	background: rgba(116,00,50,.35) url(../img/a_current.png) bottom left no-repeat;
	border-bottom: 0;
}
#menu .level2:hover > a {
	padding-bottom: 20px;
	background: rgba(116,00,50,0) url(../img/a_current.png) bottom left no-repeat;
	border-bottom: 0;
}

#menu .level2:hover ul, #menu .level2 ul {
	z-index: 50;
	position: absolute;
	left: -10px;
	/* padding-top: 10px;
	margin-top: -10px; */ /* 10px ylhäältä jos ei jatketa sivun ylös mustaa palkkia */
	margin-top: -222px;
	padding-top: 222px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	background: #1a1919 url(../img/headerinavitausta.jpg) 0px 0px no-repeat;
	width: 160px;
	height: 240px; /* asettaa mustan palkin maksimi pituuden ja tasaa kaikki palkit saman pituisiksi */
	display: block;
}
#menu .level2 ul {
	display: none;
}
#menu .level2 + .level2:hover ul, #menu .level2 + .level2 ul {
	background: #1a1919 url(../img/headerinavitausta.jpg) -160px 0px no-repeat;
}
#menu .level2 + .level2 + .level2:hover ul, #menu .level2 + .level2 + .level2 ul {
	background: #1a1919 url(../img/headerinavitausta.jpg) -320px 0px no-repeat;
}
#menu .level2 + .level2 + .level2 + .level2:hover ul, #menu .level2 + .level2 + .level2 + .level2 ul {
	background: #1a1919 url(../img/headerinavitausta.jpg) -480px 0px no-repeat;
}
#menu .level2 + .level2 + .level2 + .level2 + .level2:hover ul, #menu .level2 + .level2 + .level2 + .level2 + .level2 ul {
	background: #1a1919 url(../img/headerinavitausta.jpg) -640px 0px no-repeat;
}
#menu .level2 + .level2 + .level2 + .level2 + .level2 + .level2:hover ul, #menu .level2 + .level2 + .level2 + .level2 + .level2 + .level2 ul {
	background: #1a1919 url(../img/headerinavitausta.jpg) -800px 0px no-repeat;
}



#menu .level2 ul .menulink {
	margin: 0;
}
#menu .level2 .menulink a {
	display: block;
	padding: 5px 0px 5px 10px;
	color: #fff;
}
#menu .level2 .menulink:hover {
	/* background: #d0007e; */
	background: url(../img/kolmio_topleft.png) top left no-repeat;
}
#menu .level2 .menulink:hover a {
	color: #fff;
}


#content {
}
/* ads */
.mainos {
	margin: 0px 0px 0px -10px;
	width: 960px;
	text-align: center;
	}
#sponsor {
	margin-top: 20px;	
}



/* footer menu */
#bottommenu {
	border-top: 1px solid #ddd;
	margin-top: 30px;
	margin: 10px 0px 0px 0px;
	overflow: auto;
	line-height: 25px;
	background: url(../img/headerbg.png) bottom left no-repeat;
	padding: 10px 10px 20px 10px;
}
#bottommenu li.level2 {
	position:  relative;
	float: left;
	width: 140px; /* .grid_2 */
	margin-right: 20px;
}
#bottommenu li.level2:first-child {
	margin-left:  px
}
#bottommenu li.level2:last-child {
	margin-right:  0px
}
#bottommenu li.level2 > a {
	display: block;
	line-height: 10px;
	margin-bottom:3px;
	border-bottom: 1px solid #ddd;	
}
#bottommenu a:hover {
	text-decoration: underline;
}
#bottommenu ul {
	list-style: none;
}
#bottommenu ul li{
	float: left;
	width: 140px; /* .grid_2 */
	margin-right: 20px;
}
#bottommenu li.level2:first-child {
	margin-left:  0px
}
#bottommenu li.level2:last-child {
	margin-right:  0px
}
#bottommenu .menu a b {
	font-size: 120%;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	display: block;
	padding-bottom: 10px;
}


/* NEWS TAB */
.news_box {
 margin-top: 16px;
}
.news_box h4 {
	font-weight: normal;
	margin: 10px 0px 24px 0px;
}
.news_box h4 small {
	font-variant: small-caps;
	font-size: 60%;
	color: #777;
	vertical-align:top;
}
.news_area {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

.news_box ul {
	list-style: none;
}
#slide ul.tabs  {overflow:auto;}

#slide ul.tabs li {
	float: left;
	margin-right: 8px;
}
#slide ul.tabs li a {}
#slide ul.tabs li a:hover {
}
#slide ul.tabs li a.active {
}
#slide .slidecontent {
}

#slide .slidecontent ul {}
#slide .slidecontent ul li {}
#slide .slidecontent ul li:last-child {}

#slide .slidecontent ul li a, #slide .slidecontent ul span, #slide span {}
#slide .slidecontent ul li a small, #slide .slidecontent ul li small  {}
#slide .slidecontent ul li a:hover, #slide .slidecontent ul span:hover {}
#slide .slidecontent ul li a:hover small, #slide .slidecontent ul  span:hover small {}

#wrap:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
#wrap {
	display: inline-block;
}
* html #wrap {
	height: 1%;
}
#wrap {
	display: block;
}
#footer p {
	color:  #fff;
	width: 960px;
	background: #d0007e;
	margin: 0px 0px 0px -10px;
	padding: 20px 0px 30px 0px;
	border-top: 10px solid #1a1919;
	border-top: 10px solid rgba(0,0,0,.22);
	font-size: 120%;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: lighter;
}

#frontleft {
	margin-bottom: 20px
}

#jQ-menu {
	margin-top: 20px;
	margin-left: -15px;
}
#jQ-menu ul {
	font-family: Helvetica;
}

.card{margin:0px 0px 0px -5px;padding:0;height:258px;width:380px;}
.card h4{display:none;}
.card h5{padding-top:65px;margin:0 15px 0 145px;line-height:1em;font-size:1.0em;color:#9a0024;}
.card p{margin:5px 15px 0 155px;text-align:left;line-height:1em;font-size:1em;}
.card strong{color:#9a0024;}

/* .konsta {background:transparent url('../img/id-konsta.png') 0 0 no-repeat;}
.maija {background:transparent url('../img/id-maija.png') 0 0 no-repeat;}
.niko {background:transparent url('../img/id-niko.png') 0 0 no-repeat;}
*/

.jonna {background:transparent url('../img/id-jonna.png') 0 0 no-repeat;}
.am {background:transparent url('../img/id-am.png') 0 0 no-repeat;}
.timo {background:transparent url('../img/id-timo.png') 0 0 no-repeat;}
.riikka {background:transparent url('../img/id-riikka.png') 0 0 no-repeat;}
.laura {background:transparent url('../img/id-laura.png') 0 0 no-repeat;}

.suvi {background:transparent url('../img/id-suvi.png') 0 0 no-repeat;}
.jyrki {background:transparent url('../img/id-jyrki.png') 0 0 no-repeat;}

.elina {background:transparent url('../img/id-elina.png') 0 0 no-repeat;}
.jp {background:transparent url('../img/id-jp.png') 0 0 no-repeat;}
.erja {background:transparent url('../img/id-erja.png') 0 0 no-repeat;}
.kaisa {background:transparent url('../img/id-kaisa.png') 0 0 no-repeat;}
.tapio {background:transparent url('../img/id-tapio.png') 0 0 no-repeat;}
.mika {background:transparent url('../img/id-mika.png') 0 0 no-repeat;}