body {
	background-color: #303030;
	/* background-image: url("images/uusibg.jpg"); */
	background-image: url("images/OUBS_bg.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment: fixed;
	font-family: MyriadPro, Arial, Verdana, Helvetica;
	margin: 0px;
}
#bodydiv {
	width: 100%;
}

#navigation {
	width: 100%;
}

#navigationlinkbar {
	position: fixed;
	width: 100%;
	height: 40px;
	max-height: 40px;
	min-height: 40px;
	background-color: #303030;
}

#navigationlinkbar .logo {
	float: left;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-left: 11px;
	background-image: url("images/logo_small.png");
}
#navigationlinkbar .navbutton {
	display: inline-block;
	max-height: 20px;
	height: 20px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 0px;
	margin-right: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

}
.navbutton#frontpage {
	background-color: white;
}
.navbutton#programs {
	background-color: #EC174D;
}
.navbutton#rental {
	background-color: #A49908;
}
.navbutton#contact {
	background-color: #00B9F1;
}
#navigationlinkbar .navbutton a:link {
	text-decoration: none;
color: white;
}

#navigationlinkbar .navbutton a:visited {
	text-decoration: none;
color: white;
}

#navigationlinkbar .navbutton#frontpage a:link {
color: black;
}

#navigationlinkbar .navbutton#frontpage a:visited {
color: black;
}
#navigationlinkbar .trans {
color: white;
			 margin-left: 16px;
}
#navigationlinkbar .langselect {
	padding-top: 10px;
	margin-right: 16px;
float: right; 
			 margin-top: 0px;
}

#navigationlinkbar2 {
position: fixed;
overflow: hidden;
top: 40px;
width: 100%;
height: 40px;
				-webkit-transition:background-color 1s ease-in;  
				-moz-transition:background-color 1s ease-in;  
				-o-transition:background-color 1s ease-in;  
transition:background-color 1s ease-in;  
}
#navigationlinkbar2.frontpage {
	background-color: white;
color: black;
}
#navigationlinkbar2.programs {
	background-color: #EC174D;
color: white;
}

#navigationlinkbar2.contact {
	background-color: #00B9F1;
color: white;
}

#navigationlinkbar2.rental {
	background-color: #A49908;
color: white;
}

#navigationlinkbar2 .linkblock {
display: inline-block;
width: 400px;
			 font-size: 16px;
			 font-weight: normal;
			 padding-top: 10px;
			 padding-bottom: 10px;
			 padding-left: 30px;
			 padding-right: 30px;
			 margin-top: 0px;
			 margin-left: 56px;
			 margin-bottom: 0px;
			 margin-right: 0px;
			 word-spacing: 7px;
}
#navigationlinkbar2 .countdown {
display: inline-block;
				 font-size: 16px;
				 font-weight: normal;
				 padding-top: 10px;
				 padding-bottom: 10px;
				 padding-left: 30px;
				 padding-right: 30px;
				 margin-top: 0px;
				 margin-left: 66px;
				 margin-bottom: 0px;
				 margin-right: 0px;
}
#navigationlinkbar2 .linkblock a {
color: inherit;
			 text-decoration: none;
			 font-weight: normal;
}
#navigationlinkbar2 .linkblock a.active {
	font-weight: bold;
}

#navigationlinkbar2.frontpage {
	background-color: white;
color: black;
}
#navigationlinkbar2.programs {
	background-color: #EC174D;
}
#navigationlinkbar2.rental {
	background-color: #A49908;
}
#navigationlinkbar2.contact {
	background-color: #00B9F1;
}

#navigationlinkbar .navbutton {
display: inline-block;
				 font-family: MyriadPro, Arial, Verdana, Helvetica;
				 font-weight: bold;
				 padding-top: 10px;
				 padding-bottom: 10px;
				 padding-left: 30px;
				 padding-right: 30px;
				 margin-top: 0px;
				 margin-left: 4px;
				 margin-bottom: 0px;
				 margin-right: 0px;
}

.oubsetusivu{
float: left;
width: 200px;
height: 60px;
}
#fbiframe {
float: right;
overflow: visible;
}
.etusivu {
float:left;
margin: 0.5em 0;
}
#rightbar {
}
#headerpad {
	padding-top: 120px;
}
#bottompad {
height: 10px;
padding: 80px;
display: block;
}

#content {
width: 520px;
			 max-width: 520px;
			 background-image: url("images/bgtrans.png");
			 margin-left: 50px;
			 min-height: 194px;
padding: 30px;
color: white;
			 font-size: 16px;
			 font-family: MyriadPro, Arial, Verdana, Helvetica;
float:left;
}

h1 {
	font-size: 60px;
	margin-top: 20px;
	font-family: MyriadPro, Arial, Verdana, Helvetica;
	font-weight: bold;

}

h2 {
	font-size: 20px;
	font-weight: bold;
}
h3 {
	font-size: 16px;
	font-weight: bold;
}
div#content.programs * h1, div#content.programs h1 {
color: #EC174D;
}
div#content.programs * h2, div#content.programs h2 {
color: #EC174D;
}
div#content.programs * h3, div#content.programs h3 {
color: #EC174D;
}
div#content.rental * h1, div#content.rental h1 {
color: #A49908;
}
div#content.rental * h2, div#content.rental h2 {
color: #A49908;
}
div#content.rental * h3, div#content.rental h3 {
color: #A49908;
}
div#content.contact * h1, div#content.contact h1 {
color: #00B9F1;
}
div#content.contact * h2, div#content.contact h2 {
color: #00B9F1;
}
div#content.contact * h3, div#content.contact h3 {
color: #00B9F1;
}

/*h3 {
color: black;
padding: 8px;
}*/


#content p {
}

/* ---------------------------------*/
#content a {
color: #8888DD;
			 -webkit-transition:color 1s ease-in;
			 -moz-transition:color 1s ease-in;
			 -o-transition:color 1s ease-in;  
transition:color 1s ease-in;  
}
#content a:visited {
color: #AA6666;
}
#content a:hover {
color: #EC174D;
}

#content .infobox {
clear: both;
			 font-size: 10pt;
width: 70%;
margin: 10px 10px 10px 0px;
padding: 18px 5px 0px 60px;
background: url(/images/huom.png) no-repeat top left;
}

/* Vuokralomake */
#vuokralomake input#nappi{
margin: 5px 10px 0px 100px;
width: 150px;
color: #ffffff;
border: 2px solid #EEB275;
background: #2F1207;
cursor : pointer;
}
#vuokralomake fieldset {
padding: 15px 15px;
margin: 30px 10px;
border: none;
				border-top: 1px solid black;
}
#vuokralomake fieldset legend{
padding: 5px;
border: none;
				font-size: 12pt;
				font-weight: bold;
}
#vuokralomake label{
float: left;
clear: left;
margin: 3px 5px;
width: 30%;
			 text-align: right;
}
#vuokralomake label+input, #vuokralomake fieldset label+select{
float: left;
}
#vuokralomake input[type="text"]{
width: 160px;
z-index: 0;
}
#vuokralomake #asennuspaivamaara{
float: left;
}
#vuokralomake #asennuspaivamaara input, #vuokralomake #asennuspaivamaara select, #vuokralomake #asennuspaivamaara label{
display: inline;
float: none;
clear: none;
			 text-align: left;
}
#vuokralomake #asennuspaivamaara input#asennuspaiva{
width: 25px;
}
#vuokralomake #asennuspaivamaara input#asennuskello{
width: 40px;
}

* html #vuokralomake input{
margin: 3px 100px 3px 5px;
}
* html #vuokralomake select{
margin: 3px 110px 3px 5px;
}
* html #vuokralomake #asennuspaivamaara{
display: inline;
margin: 3px 5px;
}
* html #vuokralomake #asennuspaivamaara input{
display: inline;
margin: 3px 1px;
}
* html #vuokralomake #asennuspaivamaara select{
display: inline;
margin: 3px 1px;
}

img {
border: 0px;
}
/* Ohjelmahaku fieldsetillä
	 .ohjelma img {
float: left;
margin: 5px 5px 5px 5px;
border: 1px solid #888888;
}

.ohjelma .tekopvm {
float: right;
text-align: right;
margin: 0px 5px 5px 5px;
}

.ohjelma .content {
padding-left: 140px;
}

.ohjelma .legend {
border: 1px solid #4F3227;
}
 */
fieldset {
border: 2px solid #3F2217;
}

#ohjelma_forone {
	border-top-right-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topright: 30px;
border: 2px solid #3F2217;
display: block;
margin: 5px 0px;
width: 100%;
float: left;
}

#ohjelma_forone2 {
	border-top-right-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	-webkit-border-top-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	/*border: 2px solid #3F2217;*/
	display: block;
	margin: 20px 0px;
	width: 100%;
	float: left;
	padding: 5px 0px;
}

#ohjelma {
	border-top-right-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topright: 30px;
border: 2px solid #3F2217;
display: block;
margin: 5px 0px;
width: 100%;
float: left;
			 -webkit-transition: all 0.4s ease-in-out;  
			 -moz-transition: all 0.4s ease-in-out;  
			 -o-transition: all 0.4s ease-in;  
transition: all 0.4s ease-in;
						z-index: 0.5;  
}

#ohjelma:hover {
	background-color: #000;
	/*
		 -webkit-transform: scale(1.05);
		 -moz-transform: scale(1.05);
		 -o-transform: scale(1.1);
transform: scale(1.1);
	 */
	z-index: 200;  
}

#ohjelmakuva img {
border: 1px solid #888888;
				vertical-align: middle;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
}

#ohjelmakuva {
margin: 10px 0 0 5px;
float: left;
width: 170px;
			 vertical-align: middle;
			 text-align: center;
}
#ohjelmatiedot {
width: 320px;
float: right;
margin: 5px 10px 10px 0;
}
.ohjelmalinkki2 {
	font-size: 26px;
	color: #EC174D;
	padding: 0 0 0 20px;
	 font-weight: bold;
}
.ohjelmalinkki {
	font-size: 20px;
}
.sisalto {
margin: 1em 0;
				font-size: 16px;
}
.sisalto2 {
margin: 1em 0 1em 0;
				font-size: 16px;
}
#tekijat {
	font-size: 16px;
	float: left;
	padding: 5px;
	border-bottom: 2px solid #3F2217;	
	border-top: 2px solid #3F2217;	
	width: 510px;
	margin: 0 5px 5px 0;
}
#palaute a{
color: #BCBCEE;
			 text-decoration: none;
}
#palaute {
	font-size: 14px;
float: left;
width: 170px;
}
#palaute img{
	vertical-align: middle;
	text-decoration: none;
height: 14px;
}	
#kesto {
float: right;
}
.boldattulkesto {
padding: 0 9px;
}
#tekopvm {
float: right;
			 font-size: 14px;
padding: 0px;
margin: 0px;
}
.tekopvm2 {
float: left;
			 font-size: 12px;
padding: 0px 0 0 10px;
width: 510px;
			 border-bottom: 2px #3F2217 solid;
margin: 0 0 1em 0;
}
.lataukset {
	font-size: 14px;
}
#latauslinkki {
float: left;
}
#latauslinkki2 {
float: right;
}
#latauslinkki img{
border: 0px solid #888888;
				vertical-align: middle;
				text-decoration: none;
}
#latauslinkki a{
	text-decoration: none;
}
#ohjelmantyyppi{
float: left;
			 font-size: 14px;
}
#season {
float:right;
			font-size: 14px;
}



/* Laitteistot */
.laitteisto img {
float: left;
Margin: 5px 5px 5px 5px;
border: 1px solid #888888;
}

.laitteisto fieldset {
border: 0px;
}


/*
	 Lomakkeen tyylit
 */
input, textarea, select {  
padding: 5px;  
color: #FFFFFF;
border: solid 1px #E5E5E5;  
outline: 0;  
font: normal 13px/100% Verdana, Tahoma, sans-serif;  
background: black;  
}  

textarea {  
	line-height: 150%;  
}  

input:hover, textarea:hover,  
	input:focus, textarea:focus {  
		border-color: #C9C9C9;  
	}  

/* Vuokralomake */
form.vuokra #selite {
	text-align: right;
	font-weight: bold;
width: 170px;
height: auto;
float: left;
color: #EEB275;
background: transparent;
border: 0px solid Black;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 0px;
}

form.vuokra {
	text-align: left;
	font-size : 10pt;
}

form.vuokra #infobox {
	text-align: left;
	font-size : 10pt;
width : auto;
height : auto;
color: #EEB275;
background: transparent;
						border-left: 0px solid #D0E2ED;
margin: 10px 10px 10px 129px;
padding: 18px 5px 0px 60px;
background: url(/images/huom.gif) no-repeat top left;
}

form.vuokra input[type="text"] {
margin: 4px 5px 2px 0px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #999999;
background: transparent;
}

form.vuokra select {
margin: 2px 5px 2px 0px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #aaaaaa;
background: #000000;
}

form.vuokra input#nappi {
margin: 5px 10px 0px 350px;
width: 150px;
color: #ffffff;
border: 2px solid #EEB275;
background: #2F1207;
cursor : pointer;
}

/*
	 Kielivalintalinkkien tyylit
 */
#kielilinkit
{
	vertical-align : top;
	text-align: center;
width: auto;
height: auto;
padding: 0px 0px 10px 0px;
				 border-bottom: 1px solid #000000;
				 border-left: 0px solid Black;
margin: 20px 0px 0px 0px;
}

#kielilinkit A:first-child {
	font-size: 8pt;
color: Gray;
			 text-decoration: none;
background: transparent;
						border-right: 1px solid Gray;
						border-left: 1px solid Gray;
margin: 0px 0px 0px 0px;
padding: 0px 3px 0px 3px;
}

#kielilinkit A {
	font-size: 8pt;
color: Gray;
			 text-decoration: none;
background: transparent;
						border-right: 1px solid Gray;
margin: 0px 0px 0px 0px;
padding: 0px 3px 0px 3px;
}

#kielilinkit A:HOVER {
color: Black;
background: #eeeeee;
margin: 0px 0px 0px 0px;
padding: 0px 3px 0px 3px;
}


/* Kilta sivut. */
form.kilta #selite
{
	font-family: Helvetika;
	text-align: right;
	font-size: 11pt;
	font-weight: bold;
width: 170px;
height: auto;
float: left;
color: #EEB275;
background: transparent;
border: 0px solid Black;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 0px;
}

form.kilta
{
	font-family: Helvetika;
	text-align: left;
	font-size : 10pt;
}

form.kilta #infobox
{
	font-family: Helvetika;
	text-align: left;
	font-size : 10pt;
width : auto;
height : auto;
color: #EEB275;
background: transparent;
						border-left: 0px solid #D0E2ED;
margin: 10px 10px 10px 129px;
padding: 18px 5px 0px 60px;
background: url(/images/huom.gif) no-repeat top left;
}

form.kilta input[type="text"]
{
margin: 4px 5px 2px 0px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #999999;
background: transparent;
}

form.kilta input[type="password"]
{
margin: 4px 5px 2px 0px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #999999;
background: transparent;
}

form.kilta input[type="file"]
{
margin: 4px 5px 2px 0px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #999999;
background: transparent;
}

form.kilta select
{
margin: 2px 5px 2px 0px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #aaaaaa;
background: #000000;
}

form.kilta input#nappi
{
margin: 5px 10px 0px 180px;
width: 150px;
color: #ffffff;
border: 2px solid #EEB275;
background: #2F1207;
cursor : pointer;
}

/* Gallup sivut. */
#gallup {
margin: 1em 0;
float:left;
}
form.gallup #selite
{
	font-family: Helvetika;
	text-align: right;
	font-size: 11pt;
	font-weight: bold;
width: 170px;
height: auto;
float: left;
color: #EEB275;
background: transparent;
border: 0px solid Black;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 0px;
}

form.gallup #kylla
{
	font-family: Helvetika;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
width: 182px;
height: auto;
float: left;
color: #109010;
background: Black;
border: 1px solid #109010;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 5px;
}

form.gallup #ei
{
	font-family: Helvetika;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
width: 182px;
height: auto;
float: left;
color: Red;
background: Black;
border: 1px solid #a03000;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 5px;
}

form.gallup #muu1
{
	font-family: Helvetika;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
width: 182px;
height: auto;
float: left;
color: #a0a0a0;
background: Black;
border: 1px solid #a0a0a0;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 5px;
}

form.gallup #muu2
{
	font-family: Helvetika;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
width: 182px;
height: auto;
float: left;
color: #4070f0;
background: Black;
border: 1px solid #4070f0;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 5px;
}

form.gallup #muu3
{
	font-family: Helvetika;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
width: 182px;
height: auto;
float: left;
color: #D0E2ED;
background: Black;
border: 1px solid #D0E2ED;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 5px;
}

form.gallup #muu4
{
	font-family: Helvetika;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
width: 182px;
height: auto;
float: left;
color: #D0E200;
background: Black;
border: 1px solid #D0E200;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 5px;
}

form.gallup
{
	font-family: Helvetika;
	text-align: left;
	font-size : 10pt;
float: left;
}

form.gallup #infobox
{
	font-family: Helvetika;
	text-align: left;
	font-size : 10pt;
width : auto;
height : auto;
color: #EEB275;
background: transparent;
						border-left: 0px solid #D0E2ED;
margin: 10px 10px 10px 129px;
padding: 18px 5px 0px 60px;
background: url(/images/huom.gif) no-repeat top left;
}

form.gallup #textarea
{
margin: 4px 5px 2px 0px;
padding: 1px 1px 1px 1px;
border: 1px solid #999999;
background: transparent;
width: 280px;
height: 100px;
color: white;
float: right;
}

form.gallup #email
{
margin: 4px 5px 2px 0px;
padding: 1px 1px 1px 1px;
border: 1px solid #999999;
background: transparent;
width: 213px;
color: white;
float: left;
}

form.gallup input[type="radiobox"]
{
margin: 4px 5px 2px 15px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #999999;
background: transparent;
float: left;
}
form.gallup .form_oubs {
float: left;

}
form.gallup select
{
margin: 2px 5px 2px 0px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #aaaaaa;
background: #000000;
}

form.gallup input#nappi
{
margin: 5px 10px 0px 0px;
width: 110px;
color: #ffffff;
border: 2px solid #EEB275;
background: #2F1207;
cursor : pointer;
float: left;
}



.linkki
{
	font-size : 12pt;
	font-weight : bolder;
	line-height: 150%;
	text-decoration : underline;
color: white;
background: transparent;
border: 0px solid black;
margin : 0px 0px 0px 11px;
}


form.chat #nick_span
{
width: 100px;
float: left;
background: transparent;
border: 0px solid black;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 0px;
}

form.chat #input_span
{
width: 400px;
float: left;
background: transparent;
border: 0px solid Black;
margin: 4px 0px 2px 0px;
padding: 0px 10px 0px 0px;
}


form.chat #nick
{
margin: 4px 5px 2px 0px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #999999;
background: transparent;
width: 100px;
}

form.chat #input
{
margin: 4px 5px 2px 0px;
padding: 1px 1px 1px 1px;
color: #EEB275;
border: 1px solid #999999;
background: transparent;
width: 400px;

}

.kalenteri
{
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
width : 95%;
height : auto;
}

.varaus_paiva
{
border: 2px solid #665544;
}

.varaus
{
margin: 1px 1px 1px 1px;
				background-color: #FFFFEE;
}

.varaus_laatikko
{
border: 1px solid #443322;
}

div#linkkimaraton
{
display: block;
position: absolute;
top: 120px;
left: 630px;
width: 230px;
padding: 0 0 0 10px;
				 background-image: url("images/bgtrans.png");
overflow: hidden;
					border-top-right-radius: 6px;
					border-bottom-right-radius: 6px;
					-webkit-border-top-right-radius: 6px;
					-webkit-border-bottom-right-radius: 6px;
					-moz-border-radius-bottomright: 6px;
					-moz-border-radius-topright: 6px;
					border-left: 3px dashed #222;
					z-index: 1;
}

div#linkkimaraton a{
color: white;
			 text-decoration:none;
			 font-size: 17px;
			 -webkit-transition:color 0.2s ease-in-out;
			 -moz-transition:color .2s ease-in;
			 -o-transition:color .2s ease-in;  
transition:color .2s ease-in;  
}
div#linkkimaraton a:hover{
color: #997799;
}

div#linkkimaraton img{
	vertical-align: middle;
}

div#flashvideoikkuna{
	background-image: url("images/bgtrans.png");
width: 520px;
height: 340px;
overflow: hidden;
margin: 20px 0 0 50px;
padding: 30px;
}

#content.contact form textarea{
width: 435px;
			 border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
}

input{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#gallup_kommentti {
float: left;
width: 100%;
}
#gallup_kommentti div.host {
float: right;
width: 100%;
font-size: 12px;
z-index: 0.5;
text-align: right;
}
#gallup_kommentti div.aika {
font-size: 12px;
color: #777;
}

.haku {
width: 100%;
float: left;
			 vertical-align: middle;
}
span.numerot {
	font-size: 10px;
width: 100%;
}
span.numero {
	font-size: 10px;
}
span.numero:nth-of-type(-n+2),
	span.numero:nth-last-of-type(-n+2){
		font-size: 14px;
	}
.currentpage {
	font-size: 18px;
}
.next {
float: right;
			 vetical-align: middle;
}
.prev {
float: left;
			 vetical-align: middle;
}