@charset "UTF-8";
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000 none repeat scroll 0 0;
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
text-align:center;
}
.thrColLiqHdr #container {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000 repeat scroll 0 0;
margin:0 auto;
min-height:400px;
text-align:left;
width:900px;
}
* html #container {
height:400px;
}
a {
color:#B15B00;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
text-decoration:none;
}
a:visited {
color:#B15B00;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
a:hover {
color:#fff;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
text-decoration:underline;
}
a:active {
color:#0000CD;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.thrColLiqHdr #fooForm {
padding:10px;
}
.thrColLiqHdr #header {
margin:0;
padding:0;
background: #000;
}
.thrColLiqHdr #pyora {
float:left;
margin-left:80px;
padding:0;
position:absolute;
z-index:1;
}
#logo_text {
color:black;
font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-weight:bold;
text-align:right;
}
.thrColLiqHdr #ylalinkit {
height:36px;
background: #000;
}
.thrColLiqHdr #header h1 {
margin:0;
padding:0;
}
.thrColLiqHdr #vasenreuna {
float:left;
padding:0;
position:absolute;
width:200px;
}
.thrColLiqHdr #vasenreuna_ala {
background-image:url(images/mwbg_vasen_ala.jpg);
float:left;
height:15px;
width:200px;
}
.thrColLiqHdr #vasenreuna_linkit {
padding:20px 0 0;
}
.thrColLiqHdr #mainokset {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:black;
float:left;
padding:0;
width:200px;
}

.thrColLiqHdr #mainokset2 {
color:black;
padding:0;
width:180px;
}

.menuitem3 {
color: #EAFFED;
cursor:pointer;
font-size:0.95em;
background: #9F1B1B;
padding: 2px 6px;
width: 137px;
}
.menuitem3:hover {
color: #EAFFED;
background: #fe0000;
padding: 2px 6px;
width: 137px;
}
.menuitem3_selected {
color:#808080;
cursor:pointer;
font-size:0.95em;
padding: 2px 6px;
background: #7F1616;
width: 137px;
}
.menuitem2 {
color: #fff;
cursor:pointer;

}
.menuitem2:hover {
color: #ccc;

}
.menuitem2_selected {
color:#red;
cursor:pointer;

}




.thrColLiqHdr #oikeareuna {
float:right;
height:100%;
padding:15px 0;
width:320px;
}
.thrColLiqHdr #oikeareuna p {
padding:0 10px;
}
.thrColLiqHdr #vasenreuna p, .thrColLiqHdr #vasenreuna h3, .thrColLiqHdr #oikeareuna h3 {
color:#FFFFFF;
margin-left:10px;
margin-right:10px;
}



.thrColLiqHdr #mainContent p {
width:760px;
color:#fff;
margin-left: 20px;
margin-top: -0px;
clear:both;
}

.thrColLiqHdr #mainContent h, .thrColLiqHdr #mainContent h1, .thrColLiqHdr #mainContent h2,.thrColLiqHdr #mainContent h3, .thrColLiqHdr #mainContent h4,.thrColLiqHdr #mainContent h5, .thrColLiqHdr #mainContent h6 {
margin-left: 20px;
margin-top:0;
}

.thrColLiqHdr #mainContent {
color:#fff;
background-image: url(images/pohja.jpg);
height: 600px;
display:block;
margin:0px 0px 0px;
min-height:600px;
padding:0 2em;
overflow:none;
}
.thrColLiqHdr #mainContent1 {
color:#fff;
background-image: url(images/pohja.jpg);
height: 600px;
display:block;
margin:0px 0px 0px;
min-height:600px;
padding:0 2em;
overflow:none;
}

.buttonit {
height: 200px;
width:200px;
display:block;
float:right;
margin-left: 600px;
margin-top: 50px;
position:absolute;
z-index:1;

}
.video {
display:block;
float:left;
position: absolute;
}


.ppl_table_head {
border:0 none;
color:black;
font-weight:bold;
padding-left:15px;
}
.ppl_table_text {
border:0 none;
color:black;
padding-left:15px;
}
h4 {
font-size:8px;
font-weight:bold;
}

.thrColLiqHdr #footer {
margin:0px;
padding:50px 0px 0;
text-align:center;
font-size:8px;
line-height:8px;
}

.fltrt {
float:right;
margin-left:8px;
}
.fltlft {
float:left;
margin-right:8px;
}
.clearfloat {
clear:both;
font-size:1px;
height:0;
line-height:0;
}


#jsddm
{	margin: 0px 0px;
	padding: 0}
	
#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

#jsddm li a
	{	display: block;
		background: #961010;
		background-image: url(images/tabit/tab1.jpg);
		text-decoration: none;
		text-align: center;
		padding-top: 10px;
		/*
		border-right: 1px solid white;*/
		width: 150px;
		height: 26px;
		color: #FFF;
		white-space: nowrap}

#jsddm li a:hover
	{	background: #fe0000;
		background-image: url(images/tabit/tab2.jpg);
	}
		
#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
			z-index:100;
			}
		
#jsddm li ul li
		{	float: none;
			display: inline}
		
#jsddm li ul li a
		{	
			background: #9F1B1B;
				height: 14px;	
					
			}
		
#jsddm li ul li a:hover
		{	background: #7F1616;
		height: 14px;
			
		}

/* styling of the container. */ 
a.palikka { 
    display:block; 
  	width: 480px; 
    height:295px;  
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.palikka img { 
/*    margin-top:70px; */
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.palikka:hover { 
    border:1px solid #fff; 
}

a.live { 
    display:block; 
  	width: 480px; 
    height:295px;  
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
    border:1px solid #999; 
} 
a.live:hover { 
    border:1px solid #fff; 
}
a.live img { 
    border:0px; 
} 

button {

		background-image: url(images/tabit/tab1.jpg);
		text-decoration: none;
		text-align: center;
		border: none;
		width: 150px;
		height: 36px;
		color: #FFF;
		white-space: nowrap;
		float: left;
		margin-right: 50px;
		margin-top: 20px;
		}

button:hover{

		background-image: url(images/tabit/tab2.jpg);
		text-decoration: none;
		text-align: center;
		border: none;
		width: 150px;
		height: 36px;
		color: #FFF;
		white-space: nowrap;
		float: left;
		margin-right: 50px;
		margin-top: 20px;
		}
		
		
.thrColLiqHdr #Yhteistyossa {
margin-top: 40px;
clear:both;
}

form {
margin-left: 40px;
}

.thrColLiqHdr #takaisin {
margin-left: 45px;
}

span.ValidationErrors {
    display: inline-block;
    font-size: 12px;
    color: #D00;
    padding-left: 10px;
    font-style: italic;
}
input, select {
    border: 1px solid #888;
    background: #ffffff;
    padding: 3px 4px;
    color: #222;
    margin: 0px 5px 0px 0px;
    border-radius: 7px;
    -moz-border-radius: 7px;
}

input:focus, select:focus {
    outline: none;
}

.InputGroup {
    display: inline-block;
    padding: 3px 4px;
    border: 1px solid #FFF;
    border-radius: 7px;
    -moz-border-radius: 7px;
}

.ErrorField {
    border-color: #D00;
    color: #D00;
    background: #FFFFFE;
}

.TabBody {
    border: 1px solid #888;
    padding: 20px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    width: 670px;
}