/*--------------------------------------------------------*/
/*	Site: www.pyn.fi
/*	Author: Mediasignal Oy
/*	Date: 30.12.2011
/*--------------------------------------------------------*/

/* BASIC STYLING */
body{
font-size:62.5%; /* Resets font-size to 10px - 1em = 10px; */
color:#000;
background-color:#fff;
/*background: transparent url('kuvat/body-bg.gif') top left repeat-x;*/
font-family: Arial, Helvetica,sans-serif; /* Sans-serif Arial stack */
/*font-family: "Times New Roman",Times,serif;  Serif Times stack */
/*font-family: Georgia,serif;  Serif Georgia stack */
/*text-align:center;*/
}
a:link{text-decoration:none; color:#b51030;}
a:hover{text-decoration:underline; color:#b51030;}
a:visited{color:#b51030; text-decoration:none;}
a:active{}

.msc { color:#ccc !important; }

h1{font:bold 2.2em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h2{font:bold 2em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h3{font:bold 1.9em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h4{font:bold 1.8em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h5{font: bold 1.6em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h6{font: bold 1.4em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
p{font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0 10px 0;}
table td{
font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0 10px 0;
}
table td p{
	font-size:13px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* LAYOUT COLUMS */
#wrapper{
	width:994px;
	margin:0 auto;
	font-size:1em; /* 1em = 10px; */
	text-align:left;
}

#header{
height:120px;
background:transparent url(kuvat/headerbg.jpg) no-repeat center top;
margin-top:100px;
position:relative;
}

#header-etusivu{
height:290px;
/*background:transparent url(kuvat/headerbg.jpg) no-repeat center top;
margin-top:100px;*/
position:relative;

margin-top:110px;
background: url("http://www.pyn.fi/fileadmin/template/main/kuvat/headerbg_2012.png") 50% 0% no-repeat transparent;
}

#header-img img {
margin-left:28px;
margin-top:6px;
}

#header-txtbox {
position:absolute;
/*top:68px;*/
top: 42px;
/*right:56px;*/
left: 646px;
z-index:10;
/*width:243px;*/
width: 320px;
/*height:153px;*/
height: 247px;
/*background:transparent url(kuvat/txt_bg.png) no-repeat;*/
background: transparent url('kuvat/txtbox_navi/scrollerbg.png') top left repeat; 
/*padding:5px 10px 10px 10px;*/
padding: 0;
}

#header-txtbox #slider{
      width: 220px;
      height: 218px;
      float:left;
      position: relative;
      overflow:hidden;
      margin: 30px 20px 0px;
}
#header-txtbox .items div{
      width: 220px;
      float: left;
      padding: 0 10px; 
}
#header-txtbox .items{
      position:absolute;
      width: 2000em;
}
#header-txtbox #txtbox-nav-left, #header-txtbox #txtbox-nav-right{
      margin-top: 80px;
      width: 30px;
      height: 74px;
      float:left;
}

#header-txtbox div {
/*width:243px;*/
width: auto;
}

#header-txtbox p {
color:#fff;
font-size:12px;
line-height:16px;
margin-right:10px;
}

#header-txtbox td {
/*margin-right:10px;
display:inline;
float:left;*/
}

#logo{
	display:block;
	height:209px;
	width:267px;
	position:absolute;
	top:-90px;
	left:23px;
}
#nav ul{
float:right;
/*margin-right:50px;*/
margin-right:120px;
margin-top:-1px;
display:inline;
}

#content-wrapper-etusivu{
	background:transparent url(kuvat/contentbg.jpg) repeat-y;
	/*padding:170px 0 40px 28px;*/
	padding:0px 0 40px 28px;
}

/*
* html #content-wrapper-etusivu{
padding:0 0 40px 28px;
}
*/
#content-wrapper-2col{
	background:transparent url(kuvat/contentbg.jpg) repeat-y;
	padding-left:23px;
	padding-bottom:40px;
}

#col-left-sidebar{
	float:left;
	width:241px;
	margin:0 80px 0 0;
	display:inline;
	min-height:100px;
	height:auto !important;
	height:100px;
}

#col-right{
	float:left;
	width:582px;
	margin:0 0 0 0;
	display:inline;
}

#content-col{
	float:left;
	width:700px;
}
#footer{
	clear:both;
	height:114px;
	background:transparent url(kuvat/footerbg.jpg) no-repeat;
}

#front-top{
	margin:10px;
	border:1px solid #ccc;
}
#front-col-wrapper{
	margin:0 auto;
	width:937px;
}
#front-1,#front-2,#front-3,#front-4{
	background-color:#fbfbfb;
	margin-right:15px;
	width:221px;
	float:left;
	display:inline;
	border:1px solid #ccc;
}
#front-1{
margin-left:0px;
}
#front-4{
margin:0;
}
#front-bottom{
	margin:10px 20px 10px;
	border:1px solid #ccc;
}
/* MENU STYLING */

.hmenu{

}
.hmenu li{
	/*float:left;*/
	display:inline;
}
.hmenu a{
	display:block;
	float:left;
	padding:0;
	margin-right:0px;
}
.hmenu a:hover{
}


ul.vmenu{
	margin-top:40px;
	width:235px;
	margin-left:5px;
}
.vmenu li a.first {
/*display:block;*/
border-top:1px solid #cdcdcd;
/*border-bottom:1px solid #cdcdcd;*/
}

.vmenu li {
display:block;
border-bottom:1px solid #cdcdcd;
}

.vmenu li a.select{
border-left:7px solid #b51030;
font-weight:bold;
}

.vmenu li a{
display:block;
padding:8px 0px 8px 35px;
border-left:7px solid #fff;
color:#000;
font-size:12px;
text-decoration:none;
}

.vmenu li a:hover {
border-left:7px solid #b51030;
font-weight:bold;
text-decoration:none;
}

.vmenu li a:active {
background-color:#f6f6f6;
}
/*
.vmenu ul{
	margin-left:5px;
}
.vmenu ul li{
	border-width:0px;
	width:100%;
}
.vmenu ul li a{
	background-color:#fbfbfb;
	font-size:1.3em;
}
*/
.sec-nav li {
margin-left:15px;
border:none;
}

.sec-nav li a {
padding-top:4px;
padding-bottom:4px;
}

.sec-nav li a:hover {
/*margin-left:15px;*/
border-left:none;
margin-left:7px;
}

.sec-nav li a.select {
border-left:none !important;
margin-left:7px !important;
}

/* ELEMENT SPECIFIC STYLING */

#footer p{
	font-size:11px;
	float:left;
	margin-right:20px;
}

#footer-inner {
border-top:7px solid #b51030;
width:900px;
padding:10px 0 0 40px;
height:66px;
margin:0 auto;
}

.msc{
	text-align:right;
	font-size:.9em;
}
.msc a{
	color:#000;
}
#box_harmaa1{
      width: 257px;
      height: 207px;
      float: left;
      display: inline;
      margin: 0 0 0 16px;
      padding: 17px;
      background: transparent url('http://www.pyn.fi/fileadmin/template/main/kuvat/grey-box-bg.jpg') top left no-repeat;
}
#box_harmaa1 img{
      margin: 0 0 5px 0;
}
#box_harmaa1 a{
      color: #000000;
}

#box_sininen {
width:291px;
height:241px;
background:transparent url(kuvat/bg_sininenboksi.jpg) no-repeat;
margin-left:16px;
float:left;
display:inline;
}

#box_sininen li {
color:#fff;
font-size:12px;
}

#box_sininen a, #box_sininen a:hover  {
color:#fff;
}

#box_sininen a:visited {
text-decoration:none;
}

#box_sininen a:hover {
text-decoration:underline;
}

#box_sininen ul {
margin:0 0 0 15px;
padding-top:30px;
}

#box_sininen ul li {
border-bottom:1px solid #525d7d;
padding-left:5px;
padding-bottom:6px;
margin-bottom:18px;
width:250px;
}

#box_sininen img {
padding-bottom:6px;
}

#box_harmaa {
width:291px;
height:241px;
background:transparent url(kuvat/bg_harmaaboksi.jpg) no-repeat;
margin-left:16px;
float:left;
display:inline;
}

#box_harmaa2 {
width:291px;
height:241px;
background:transparent url(kuvat/bg_harmaaboksi.jpg) no-repeat;
margin-left:22px;
float:left;
display:inline;
}

.harmaa_kuvat {
margin:46px 0 0 46px;
height:150px;
width:250px;
}

.harmaa_teksti {
margin-left:25px;
margin-top:13px;
width:245px;
}

.harmaa_teksti p {
font-size:11px;
}

span.punainen {
color:#b60f30;
width:100px;
}

span.sininen {
color:#049bc2;
width:100px;
}

.luelisaa {
float:right;
}

#etusivu-header {
background:transparent url(kuvat/bg_ajankohtaista.jpg) no-repeat;
width:938px;
height:52px;
}

#ticker-wrap {
width:700px;
height:18px;
margin:0 auto 0 auto;
padding-top:3px;
overflow:hidden;
text-align:center;
color: #000000;
}

#ticker-wrap p {
font-size:12px;
display:inline;
margin-left:20px;
}

#ticker-wrap strong, #ticker-wrap b {
      color: #b51030;
}
#ticker-wrap a{
      color: #000000;
      border-bottom: 1px dotted black;
line-height: 18px;
}
#ticker-wrap a:hover{
      text-decoration: none; 
      border-bottom: 1px solid black;
}
#ticker-wrap img {
vertical-align:top;
}

.graybox {
background:#eaeaea;
position:relative;
width:569px;
padding-bottom:30px;
}

.graybox_bottom {
position:absolute;
bottom:0;
}

.legendLabel { padding-left:4px; vertical-align:middle; }

ul.flot-navi {
/*margin:0 auto 0 auto;*/
width:420px;
margin:0 0 0 90px;
overflow:hidden;
}

.flot-navi li {
display:inline;
margin-right:5px;
float:left;
}

.flot-navi li a {
display:block;
padding:4px;
background:#b51030;
color:#fff;
font-size:12px;
}

ul.sininenbg {
margin-left:120px !important;
width:345px !important;
}

.sininenbg li a {
background:#049bc2 !important;
}

.sininenbg li a:hover, .sininenbg li a:active {
background:#04c0f0 !important;
}

.flot-navi li a:hover, .flot-navi li a:active {
text-decoration:none;
background:#ff0031;
color:#fff;
}

.flot-navi li a:visited {
text-decoration:none;
color:#fff;
}

#kalenteri-wrapper {
width:420px;
margin:0 auto;
}

#kalenteri-wrapper p, #kalenteri-wrapper form {
display:inline;
}

.kalenteri-input {
font-size:10px;
border:none;
background:#fff;
margin:0 3px 0 10px;
padding:4px;
width:70px;
}		

.csc-menu li, .csc-menu-1 li {
float:left;
display:inline;
margin-right:10px;
font-size:12px;
}

.contenttable p {
margin:5px;
}

#col-right ol {
list-style-type:decimal;
list-style-position:inside;
font:1.3em/1.3 Arial,Helvetica,sans-serif;
}

#col-right ul {
list-style-type:disc;
list-style-position:inside;
font:1.3em/1.3 Arial,Helvetica,sans-serif;
}

.postituslista input {
width:150px;
border:1px solid black;
margin:0 0 5px 5px;
}

.form-req {
position: absolute; 
margin: 0 0 0 -9999px !important;
}

.news-single-rightbox {
margin-top: 10px !important;
}

.showResultsWrap {
display:none;
}

td p br {
display: none;
}

/**TUPAS**/
#first-pyn-questions p{
font-size: 12px;
}