/* Salasanan vaihdot yms */

#missingpassword {
  padding-left: 15px;
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}

#missingpassword .cboxotsikko {
  padding-top:10px;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}

#missingpassword .text {
  color: #000000;
  font-size: 12px;
}

#missingpassword td {
  color: #000000;
  font-size: 12px;
}

#missingpassword #viesti {
  color: #ff0000;
  font-size: 12px;
}

#missingpassword2 {
  padding-top: 20px;
  padding-left: 15px;
  text-align:left;
  color: #000000;
  font-size: 12px;
}

#loginerror {
  padding-left: 15px;
  color: #000000;
}
#loginerror .otsikko {
  padding-top:10px;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}

#loginerror .text {
  color: #000000;
  font-size: 12px;
}

#missingpassword input {
  border: 1px solid #666666 !important;
  font-size: 13px;
}

#pwdform {
  color: #000000;
}

#pwdform input {
  border: 1px solid #666666 !important;
  font-size: 13px;
}

#pwdform .cboxotsikko {
  line-height: 20px;
}
#pwdform td {
  font-size: 12px;
  color: #000000;
}
#pwdform #viesti {
  padding-left: 2px;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

#profilelocked {
  padding-left: 15px;
  color: #000000;
}
#profilelocked .otsikko {
  padding-top:10px;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}

#profilelocked .text {
  color: #000000;
  font-size: 12px;
}



/* Perusmuotoilut */
body {
	background:#000;
}
body, p, .teksti, td, ul, li {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 150%;
}
body, p {
	margin: 0;
	padding: 0;
	color: #fff;
}
p {
}
.kuva {
	cursor : pointer;
}
a {
	color: #ffc312;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* Classit */
.center-col {
	width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.content-col {
	clear: both;
	display: inline-block;
	height: auto;
	width: 100%;
}
.elmcenter {
	text-align: center;
}
.col-33, .col-25, .col-50, .col-66, .col-75 {
	display: inline-block;
	float: left;
}
.col-33 {
	width: 33%;
}
.col-66 {
	width: 66%;
}
.col-25 {
	width: 25%;
}
.col-50 {
	width: 50%;
}
.col-75 {
	width: 75%;
}
a.button {
	background: #3a3a3a;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	display: inline-block;
	font-weight:700;
	font-size: 20px;
		-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	margin-top: 50px;
	padding: 17px 80px;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out 0s;
}
a.button:hover {
	background: #4d4d4d;
	text-decoration: none;
}
/* --- VIDEOHEADER --- */
#bgvid {
	
	display: block;

	z-index: 1;
}

video {
	width:100%;
	display: block;
	height: auto !important;

}
#mainimg-front {
	height: auto;
overflow: hidden;
}
#mobile-img {
	display:none;
	background:url(../img/mobile-img.jpg) center top no-repeat;
	background-size:cover;
	height:500px;
	}
#video-wrapper {
background:rgba(0,0,0,0.55) ;
	height:auto;
	z-index: 2;
	overflow:hidden;
	position:absolute;
	width:100%;
	clear:both;
	top:0px;
	}
	
/* --- YLÄOSA --- */
#top-wrapper {
	border-bottom:1px solid #3a3a3a;
	padding-bottom:60px;
	}
#tervetuloa {
	padding-top:175px;
	}
#loginform {
	background:rgba(0,0,0,0.4);
	padding-bottom:35px;
border:1px solid #3a3a3a;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
#language {
	background:#3a3a3a;
	float:right;
	margin-right:35px;
	padding:8px 10px;
	}
#language a.language-sel {
	background:#6a6a6a;
	font-weight:700;
	}

#login-wrapper {
	margin-top:30px;
	width:34%;
	padding:0 8%;
	}
	
#form {
		padding:50px 0 30px 0;
		}
#form input.hakunappi:hover {
	opacity: 0.7;
		transition: all 0.2s ease-in-out 0s;
    filter: alpha(opacity=70);
	}
#form input {
	border:none;
	width:360px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align:center;
margin-bottom:20px;
padding: 16px 0px;
	}
#form input.hakunappi {
	padding:0;
	margin:0;
	}
/* --- ALAOSA --- */
#palsta-wrapper {
  background:url(img/gradient.png) repeat-x bottom;
}
#new, #faq {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding:0 4% 100px 4%;
	}
.otsikko {
	padding:5px 0px;
	width:36%;
	margin:0 32%;
	margin-bottom:50px;
	}
.otsikko p {
	font-size:16px;
	font-weight:700;
	}
#pink {
	background:#ff358b;
	}
#blue {
	background:#01b0f0;
	}
#new {
	
	}
#faq {
	border-left: 1px solid #3a3a3a;
	}
.kuvallinenuutisnosto_uutiskuva {
	float:left;
	width:34%;
	}
	.kuvallinenuutisnosto_paivays {
		display:none;
		}
.kuvallinenuutisnosto_otsikko, .uutisryhma-bg-rivi {
	float:left;
	width:66%;
	}
.kuvallinenuutisnosto_otsikko a {
	font-family: 'Ubuntu', sans-serif;
		font-size:40px;
		line-height:42px;
		color:#fff;
		padding:0;
		margin:0;
		font-weight:700;
		text-transform:uppercase;
	}
.kuvallinenuutisnosto_uutiskuva img {
	width:195px;
	height:195px;
	}
.uutisryhma-bg-rivi {
	color:#ff358b;
	text-transform:uppercase;
	font-weight:700;
	padding-top:20px;
	}

/*--- FONTIT--- */
#language a {
    color: #fff;
    font-weight: 400;
    padding: 2px 9px;
    font-size: 16px;
    border-radius: 17px;
}
#passwordlost a {
	color:#8c8c8c;
	font-size:16px;
	font-weight:700;
	}
	
#form input {
	color: #464646;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	}
p.tervetuloa {
	color:#bccf02;
	font-size:26px;
	padding-bottom:50px;
	}
p.pieni {
	font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	text-transform:uppercase;
	}
	h2 {
		font-family: 'Ubuntu', sans-serif;
		font-size:40px;
		line-height:42px;
		color:#fff;
		padding:0;
		margin:0 0 30px 0;
		font-weight:700;
		text-transform:uppercase;
		}
	 @media only screen and (max-width: 1920px) {
		 video {

}
		 }

 @media only screen and (max-width: 1620px) {
	 .center-col {
	width: 1400px;
}
.kuvallinenuutisnosto_uutiskuva img {
    width: 100%;
    height: auto;
}
.kuvallinenuutisnosto_uutiskuva {
    padding-right:4%;
    width: 30%;
}
.uutisryhma-bg-rivi {
    padding-top: 11px;
}


	 }
 @media only screen and (max-width: 1440px) {
.center-col {
	width: 1200px;
}
.uutisryhma-bg-rivi {
    padding-top: 0px;
}
	 

}
 @media only screen and (max-width: 1280px) {
.center-col {
	width: 1000px;
}


#form input.hakunappi {
	width:270px;
	height:auto;
	}
#form input {
    width: 270px;
    margin-bottom: 15px;
	font-size: 17px;
    padding: 10px 0px;
}
#form {
    padding: 30px 0 20px 0;
}
#logo img {
	width:120px;
	height:auto;
	}
	#language {
    margin-right: 12px;
	}
	#tervetuloa {
    padding-top: 134px;
}
h2, .kuvallinenuutisnosto_otsikko a {
    font-size: 33px;
    line-height: 34px;
}
.otsikko {
    padding: 5px 0px;
    width: 46%;
    margin: 0 27%;
    margin-bottom: 30px;
}
#new, #faq {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 4% 60px 4%;
}
p.tervetuloa {
    font-size: 23px;
    padding-bottom: 25px;
}
}
 @media only screen and (max-width: 1024px) {
.center-col {
	width: 760px;
}
#new, #faq {
	padding-top:40px;
	padding-bottom:40px;
	float:none;
	width:100%;}
	#faq {
    border-top: 1px solid #3a3a3a;
	border-left:none;
	
}
p.tervetuloa {
font-size: 22px;
    padding-bottom: 25px;
}
h2 {
    font-size: 30px;
    line-height: 29px;
}
#login-wrapper {
    margin-top: 30px;
    width: 48%;
    padding: 0 2% 0 0;
}
#top-wrapper {
    padding-bottom: 30px;
}
#tervetuloa {
    padding-top: 146px;
}
 }
  @media only screen and (max-width: 765px) {
.center-col {
	width: 94%;
	padding: 0 3%;
}
a.button {
	font-size:16px;
    margin-top: 35px;
    padding: 12px 50px;
}
#top-wrapper {
    padding-bottom: 10px;
}
#bgvid {
	display:none;
	}
#mobile-img {
	display:block;
	}
#video-wrapper {
    background: url(img/gradient.png) repeat-x bottom rgba(0,0,0,0.82);
}
#video-wrapper, #overflow {
    height: auto;
}
p.tervetuloa {
    padding-bottom: 10px;
}
  }
   @media only screen and (max-width: 640px) {
	   #login-wrapper {
    margin-top: 30px;
    width: 100%;
    padding: 0 0% 0 0;
}
#tervetuloa {
	width:100%;
	padding:20px 0px 0px 0px;
	}
}
@media only screen and (max-width: 568px) {
	.kuvallinenuutisnosto_uutiskuva {
    display:none;
}
.kuvallinenuutisnosto_otsikko, .uutisryhma-bg-rivi {
    float: none;
    width: 100%;
	text-align:center;
}
h2 {
    margin: 0 0 15px 0;
}
.otsikko {
    padding: 5px 0px;
    width: 100%;
    margin: 0%;
    margin-bottom: 15px;
}
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 320px) {
}