/* Kaikille sivuistoille yhteyset perusasetukset */
/* VV 5.0+ */


.videowrapper
	{
	position:relative;
	}
.videowrapper > a
	{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	}

.galleriakuva
	{
	position:relative;
	}
.galleriakuva:hover .galleriamask
	{
	opacity:1;
	}

.galleriamask
	{
	opacity:0;
pointer-events:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	}
.galleriamask img
	{	
	width:10%;
	transform:translate(-50%,-50%);
	-wekbit-transform:translate(-50%,-50%);
	}
.nostoouter
        {
	padding:0;

	overflow:hidden;
        }

.nostowrapper
        {
	width:100%;
	padding-bottom:66.66%;
	position:relative;
        }

.nostowrapper .nosto
        {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	/*margin-bottom:20px;*/
        }

figure.kuva figcaption
	{
	background:#eee;
	padding:3px 5px 3px 5px;
	font-size:12px;
	}
figure.liite figcaption
	{
	padding:3px 5px 3px 5px;
	font-size:12px;

	}
figure.p100
	{
	width:100%;
	}
figure.p50
	{
	width:50%;
	}
figure.p40
	{
	width:40%;
	}
figure.p30
	{
	width:30%;
	}
figure.p33
	{
	width:33%;
	}



@media (max-width: 767px)
	{
	figure.p50, figure.p40, figure.p30, figure.p33 {width:100%;}



	#galleria .galleriakuva.col-xs-12 {clear:both;}
	#galleria .galleriakuva.col-xs-6:nth-child(2n+1) {clear:both;}
	#galleria .galleriakuva.col-xs-4:nth-child(3n+1) {clear:both;}
	#galleria .galleriakuva.col-xs-3:nth-child(4n+1) {clear:both;}
	#galleria .galleriakuva.col-xs-2:nth-child(6n+1) {clear:both;}

	.nostovv5 .nosto.col-xs-12 {clear:both;}
	.nostovv5 .nosto.col-xs-6:nth-child(2n+1) {clear:both;}
	.nostovv5 .nosto.col-xs-4:nth-child(3n+1) {clear:both;}
	.nostovv5 .nosto.col-xs-3:nth-child(4n+1) {clear:both;}
	.nostovv5 .nosto.col-xs-2:nth-child(6n+1) {clear:both;}

	.nostovv6 .nosto.col-xs-12 {clear:both;}
	.nostovv6 .nosto.col-xs-6:nth-child(2n+1) {clear:both;}
	.nostovv6 .nosto.col-xs-4:nth-child(3n+1) {clear:both;}
	.nostovv6 .nosto.col-xs-3:nth-child(4n+1) {clear:both;}
	.nostovv6 .nosto.col-xs-2:nth-child(6n+1) {clear:both;}
	}
@media (min-width: 768px) and (max-width: 991px) 
	{
	figure.p50, figure.p40, figure.p33 {width:100%;}


	#galleria .galleriakuva.col-sm-12 {clear:both;}
	#galleria .galleriakuva.col-sm-6:nth-child(2n+1) {clear:both;}
	#galleria .galleriakuva.col-sm-4:nth-child(3n+1) {clear:both;}
	#galleria .galleriakuva.col-sm-3:nth-child(4n+1) {clear:both;}
	#galleria .galleriakuva.col-sm-2:nth-child(6n+1) {clear:both;}

	.nostovv5 .nosto.col-sm-12 {clear:both;}
	.nostovv5 .nosto.col-sm-6:nth-child(2n+1) {clear:both;}
	.nostovv5 .nosto.col-sm-4:nth-child(3n+1) {clear:both;}
	.nostovv5 .nosto.col-sm-3:nth-child(4n+1) {clear:both;}
	.nostovv5 .nosto.col-sm-2:nth-child(6n+1) {clear:both;}

	.nostovv6 .nosto.col-sm-12 {clear:both;}
	.nostovv6 .nosto.col-sm-6:nth-child(2n+1) {clear:both;}
	.nostovv6 .nosto.col-sm-4:nth-child(3n+1) {clear:both;}
	.nostovv6 .nosto.col-sm-3:nth-child(4n+1) {clear:both;}
	.nostovv6 .nosto.col-sm-2:nth-child(6n+1) {clear:both;}
	}
@media (min-width: 992px) and (max-width: 1199px) 
	{
	#galleria .galleriakuva.col-md-12 {clear:both;}
	#galleria .galleriakuva.col-md-6:nth-child(2n+1) {clear:both;}
	#galleria .galleriakuva.col-md-4:nth-child(3n+1) {clear:both;}
	#galleria .galleriakuva.col-md-3:nth-child(4n+1) {clear:both;}
	#galleria .galleriakuva.col-md-2:nth-child(6n+1) {clear:both;}


	.nostovv5 .nosto.col-md-12 {clear:both;}
	.nostovv5 .nosto.col-md-6:nth-child(2n+1) {clear:both;}
	.nostovv5 .nosto.col-md-4:nth-child(3n+1) {clear:both;}
	.nostovv5 .nosto.col-md-3:nth-child(4n+1) {clear:both;}
	.nostovv5 .nosto.col-md-2:nth-child(6n+1) {clear:both;}

	.nostovv6 .nosto.col-md-12 {clear:both;}
	.nostovv6 .nosto.col-md-6:nth-child(2n+1) {clear:both;}
	.nostovv6 .nosto.col-md-4:nth-child(3n+1) {clear:both;}
	.nostovv6 .nosto.col-md-3:nth-child(4n+1) {clear:both;}
	.nostovv6 .nosto.col-md-2:nth-child(6n+1) {clear:both;}
	}
@media (min-width: 1200px)
	{
	#galleria .galleriakuva.col-lg-12 {clear:both;}
	#galleria .galleriakuva.col-lg-6:nth-child(2n+1) {clear:both;}
	#galleria .galleriakuva.col-lg-4:nth-child(3n+1) {clear:both;}
	#galleria .galleriakuva.col-lg-3:nth-child(4n+1) {clear:both;}
	#galleria .galleriakuva.col-lg-2:nth-child(6n+1) {clear:both;}

	.nostovv5 .nosto.col-lg-12 {clear:both;}
	.nostovv5 .nosto.col-lg-6:nth-child(2n+1) {clear:both;}
	.nostovv5 .nosto.col-lg-4:nth-child(3n+1) {clear:both;}
	.nostovv5 .nosto.col-lg-3:nth-child(4n+1) {clear:both;}
	.nostovv5 .nosto.col-lg-2:nth-child(6n+1) {clear:both;}

	.nostovv6 .nosto.col-lg-12 {clear:both;}
	.nostovv6 .nosto.col-lg-6:nth-child(2n+1) {clear:both;}
	.nostovv6 .nosto.col-lg-4:nth-child(3n+1) {clear:both;}
	.nostovv6 .nosto.col-lg-3:nth-child(4n+1) {clear:both;}
	.nostovv6 .nosto.col-lg-2:nth-child(6n+1) {clear:both;}
	}






body,html
	{
	font-family:Arial;
	font-size:12px;
        margin-left:0px;
        margin-top:0px;  
        margin-right:0px; 

	}
body
	{
	min-height:100%;
	}

#kaikkiouter
	{
	min-height:100%;
/*	width:100%;*/
	position:relative;
	}

#kaikki
	{
	min-height:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	}

#vapaawys
	{
	float:left;
	}
h1
	{
	font-size:22px;
	}
h2
	{
	font-size:20px;
	}
h3
	{
	font-size:19px;
	}
h4
	{
	font-size:18px;
	}
h5
	{
	font-size:16px;
	}
h6
	{
	font-size:14px;
	}

p {
        margin-top:0px;
        margin-bottom:0px;
}
 

.OFFmoduuli
	{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

.kuvavasen
        {
        float:left;
        clear:left;
        margin-right:15px;
	margin-bottom:10px;
        } 
.kuvakeski
        {
        display:block;
        margin-left:auto; 
        margin-right:auto;
	margin-bottom:10pX;
        }

.kuvaoikea
        {
        float:right;
        clear:right;
        margin-left:15px;
	margin-bottom:10pX;
        }


.nosto
	{
/*	width:100%;
	float:left;*/
	}
.nostokuvaleft
	{
	}

.nostokuvaright
        {

        margin-left:10px;
        }
.nostolayoutleft .kuva
	{
	max-width:50%;
	}

.AVnostootsikko
	{
	float:left;
	width:500px;
	}
.nostoingressi
	{
	}


.nonpublic
        {
        filter:alpha(opacity=50);
        opacity: 0.5;
	-moz-opacity:0.5;
        -khtml-opacity: 0.5;
        }
.nonpublic:hover
        {
        filter:alpha(opacity=100);
        opacity: 1.0;
        -moz-opacity:1.0;
        -khtml-opacity: 1.0;
        }
.mandatory
        {
        color:#F00;
        display:inline;
        }
.mandatorytext
        {
        color:#F00;
        display:inline;
        }

.marginaaliton
	{
	margin:0px 0px 0px 0px;
	}
.clicknedit
	{
        filter:alpha(opacity=50) !important;
        -moz-opacity:0.5 !important;
        -khtml-opacity: 0.5 !important;
        opacity: 0.5 !important;
	}
	
.highslide-active-anchor img
	{
	visibility:visible;
	}
.kokoomakuvaright
	{
	margin-left:10px;
	}
.kokoomakuvaleft
	{
	margin-right:10px;
	}
.kokoomanosto
	{
	float:left;
	width:100%;
	}

.banneripaikkamultivv5
	{
	clear:both;
	}

/*
.isogallerykuvalink:after
	{
	content:url(../tyokalut/admin/zoompieni.gif);
	margin-left:-10px;
	}
.isogallerykuvalink:hover:after
	{
	content:url(../tyokalut/admin/zoomompieni.gif);
	}
*/

.gallerykuva
	{
	float:left;
	width:200px;
	padding-left:5p;
	padding-right:5px;
	height:270px;
	}
.gallerykuva img
	{
	border:0px;
	}

.liiterivi
	{
	display:block !important;
	float:none !important;
          margin-right: auto !important;
	margin-left:0px !important;
	padding:0px !important
	}
.liitevasen
	{
	float:left;
	margin-right:10px;
	}
.liiteoikea
	{
	float:right;
	margin-left:10px;
	}
.liite
	{
	/* clear:both !important;*/
	display:block;
 /*       margin-right:100%;*/
/*	clear:both;*/
	}
.liitea
	{
	/*margin-bottom:5px !important;
	clear:both !important;
	width:100% !important;
	*/
	display:block;
	}

ul
	{
	padding-top:0px;
	padding-bottom:px;
	margin-top:0px;
	margin-bottom:0px;
	}
li
	{
	margin-left:0px;
	}

.gallerydiv
        {
        float:left;
        width:200px;
        height:250px;
        }

.gallerykuvateksti
        {
        padding-left:10px;
        padding-top:3px;
        }

#location
	{
	text-decoration:none;
	color:#CCC;
	}
#location a
	{
	text-decoration:none;
	}
.adminmove
        {
        color:#090;
	float:left;
        }
.adminmovecancel
        {
	float:lefT;
        color:#F00;
        }
.lomaketr2 td,.lomaketr1 td
	{
	padding:8px 8px 8px 8px;
	}

.valikko ul, .vaakavalikko ul
	{
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	}
.valikko ul ul
	{
	padding-left:15px;
	}
.banneripaikka .banner img,
.banneripaikkavv5 .banner img,
.banneripaikkamultivv5 .banner img
	{
	border:0px;
	margin:0px 0px 0px 0px;
	}
.banneripaikka .banner .text a,
.banneripaikkavv5 .banner .text a,
.banneripaikkamultivv5 .banner .text a
	{
	padding:20px;
	color:#FFF;
	position:absolute;
	margin-top:auto;
	font-size:15px;
	opacity:0.7;
	filter:alpha(opacity=70);
	width:100%;
	text-decoration:none;
	}
.banneripaikkavv5 .banner,
.banneripaikkamultivv5 .banner
	{
	margin-bottom:10px;
	}
a
	{
	outline:0;
	}
#nostojulkaisuaika
	{
	color:#999;
	font-size:11px;
	}
#julkaisuaikajulkaisuaika
	{
	display:block;
	width:100%;
	color:#999;
	font-size:11px;
	}

.calendartbl
	{
	background:#FFF;;
	}
.calendartr1
	{
	background:#0f0;
	}
.calendartr2
	{
	background:#00f;
	}
.kkkalenteri .tanaan
	{
	border:1px #900 double;
	}
.kkkalenteri .tanaan a
	{
	color:#000;
	font-weight:bold;
	text-decotarion:none;
	}
#kkkalenteri .linkki a
        {
        display:block;
        padding:3px;
        }

#SSLSeal 
        {
        padding:5px 5px 5px 5px;
        background:#F5F7FF;
        border:1px #CCC solid;
        }

.variaatio
	{
	border-bottom:1px #ccc solid;
	border-right:1px #eee solid;
	padding-bottom:5px;
	padding-top:5px;
	width:100%;
	}
.banneripaikkakeski
	{
	min-height:20px;
	OFFmin-width:200px;

	min-height:20px;
	}

#wysiwygdivouter
	{
	text-align:left;
	float:none;
	}

.addbanner,.addpanner,.lisaabanner
	{
	border:1px #def solid;
	background:#f4f4ff;
	}

.kuvayla, .valikkoyla
	{
	display:none;
	float:left;
	}

.banneripaikkayla, .banneripaikkavv5yla
	{
	
	display:none;
	}

.gallupkeski ul
	{
	list-style:none;
	padding-left:0px;
	margin-left:0px;
	}
.gallupkeski li
	{
	display: block; 
	padding-bottom:8px;
	position: relative; 
	z-index:200;
	padding: 5px 3px 5px 3px;
	border-bottom:1px #CCC solid;
	color:#333;
	}

.gallupkeski li a
	{
	display: block; 
	position: relative; 
	}
.gallupkeski .tulos
	{
     display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 0.3em; 
      text-align: right; 
      color: #999; 
      font-weight: bold; 
      font-size: 0.875em; 
      line-height: 2em; 
	z-index:2;
	}
.gallupkeski .vari
	{
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #C0DEEA;
	background:#B3D2DD;
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
	z-index:-1;
	}
#htmlyoutube
	{
	margin-bottom:15px;
	}
.moduuli .tulostakeski img
	{
	border:0;
	}
#map 
	{
	float:left;
	clear:both;
	margin-top:20px;
	}
.addthis
	{
	margin-top:20px;
	margin-bottom:20px;
	}
.addthis_toolbox
	{
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	}
.addthis_toolbox a
	{
	text-decoration:none;
	}

.facebook
	{
	width:100%;
	}
.facebookyla
	{
	background:url(../tyokalut/fbyla.jpg);
	height:33px;
	}
.facebookkeski
	{
	float:left;
	background:#f2f2f2 !important;
	padding-left:10px;
	}

.facebookkeski .nostojulkaisuaika
	{
	float:left;
	clear:right;
	}

.facebookkeski .kuva
	{
	float:left;
	}
.facebookkeski .nostojulkaisuaika
	{
	color:#999;
	font-size:11px;
	float:left;
	clear:left;
	}
.facebookkeski .kokoomanosto
	{
	border-bottom:1px #333 solid;
	}
/* The wall post items */


.facebookWall ul
	{
	padding-left:0px;
	margin-left:0px;
	}
.facebookWall li
	{
	border-bottom:1px #ccc solid;
	list-style: none;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 5px;
	position: relative;
	}

.facebookWall li img.avatar{
	float:left;
}

/* The user/page name */

.facebookWall h2{
	font-size:16px;
	font-weight:normal;
	margin-bottom: 5px;
}

/* The .status div container */

.facebookWall .status{
	padding-right:10px;
	padding-left:65px;
}

/* Link share attachment */

.facebookWall .attachment{
	border-left: 1px solid #C4C4C4;
	font-size: 12px;
	margin-top: 14px;
	overflow: hidden;
	padding-left: 10px;
}

.facebookWall .attachment-data{
	display:table-cell;
	vertical-align:top;
}

.facebookWall img.picture{
	float:left;
	margin-right: 10px;
}


/* Posted date/time, number of likes and comments */

.facebookWall p.meta{
	color: #BBBBBB;
	font-size: 11px;
	padding: 5px 0 0 80px;
}

.moduuli.inforivi
	{
	color:#999;
	width:100%;
	}
.nostojulkaisuaika
	{
display:block;
	width:100%;
	color:#999;
	font-size:11px;
	}
.kalenteriikkuna
	{
	padding:5px 5px 5px 5px;
	padding:0px;
	background:#eee;
	display:none;
	position:absolute;
	border:1px #000 solid;
	text-align:left;
	margin-top:15px;
	color:#000;
	}
.kalenteriikkuna a
	{
	float:left;
	clear:left;
	
	padding:7px;
	color:#000 !important;
	}

.kalenteriikkuna a:hover
	{
	color:#fff !important;
	background:#999;
	}
#dialog p
	{
	font-size:17px !important;
	
	}
.lomakeedellinen
	{
	border:1px #CCC solid;
	background:#fff;
	padding:0;
	margin-top:10px;
	float:left;
	}
.lomakeedellinen a
	{
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	
	}
.lomakeseuraava
	{
	border:1px #CCC solid;
	background:#fff;
	float:right;
	color:#000;
	margin-top:10px;
	padding:0;
	}

.lomakeseuraava a
	{
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	}

.lomakeseuraava a:hover,
.lomakeedellinen a:hover
	{
	background:#ccc;
	}
.kalenteriuusimmat .tapahtuma
	{
	margin-bottom:5px;
	}
.kalenteriuusimmat i
	{
	color:#666;
	font-size:12px;
	}
.kalenteriuusimmat a
	{
	font-weight:normal;
	font-size:14px;
	}
.kalenteriuusimmatyla a
	{
	color:#060;
	}
.table
	{
	display:table;
	}
.tr
	{
	display:table-row;
	}
.td
	{
	display:table-cell;
	}
#cross
	{
	border-bottom:1px #CCC solid;
	width:100%;
	margin-bottom:20px;
	clear:both;
	display:block;
	width:624px;
	float:left;
	}
#cross a
	{
	padding:3px;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	background:#f4f4f4;
	float:left;
	}
#cross a.active,#crosslinks a.active,
#cross a:hover,#crosslinks a:hover
	{
	background:#ccc;
	text-decoration:none;
	
	}
#crosslinks
	{
	float:left;
	padding-bottom:20px;
	}
#crosslinks a
	{
	padding:3px;
	margin:3px;
	background:#f4f4f4;
	border:0px;
	float:left;
	}

.legendouter
	{
	margin-top:20px;
	}
.legend
	{
	color:#fff;
	padding:5px;
	width:140px;
	text-align:center;
	float:left;
	margin-right:20px;
	border-radius: 5px;
	margin-bottom:10px;
	}

/* INTRANET */
#logoutlogout
        {
        background:#FFD102;
        margin-left:16px;
        width:1052px;
        float:left;
        }
#logoutlogout .text
        {
        float:left;
        padding:10px;
        }
#logoutlogout .logout
        {
        background:#74B221;
        float:right;
        padding:10px;
        border-left:10px #FFF solid;
        }
#logoutlogout .logout:hover
        {
        background:#548216;
        }
#logoutlogout .logout a
        {
        text-decoration:none;
        padding:10px;
        color:#FFF;
        }
/* INTRANET LOPPUU */





.alertbox
	{
	z-index:1000;
	position:fixed;
	top:-200px;
	left:30%;
	right:30%;
/*width:100%;*/
	background:#263674;
	padding:10px;

	border-left:1px #999 solid;
	border-right:1px #999 solid;
	border-bottom:1px #999 solid;

-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;

        -moz-box-shadow: 5px 5px 6px #000;
        -webkit-box-shadow: 5px 5px 6px #000;
        box-shadow: 5px 5px 6px #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Color='#000000')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Color='#000000');


	}
.alertboxinner
	{
    background:url(../tyokalut/admin/warning.gif) no-repeat #263674;
 background-position:20px 20px;
min-height:90px;
    font-family:Arial;
    color:#FFF;
    font-size:20px;

	padding-top:30px;
	padding-left:150px;
/*	border-left:1px #FFF solid;
	border-right:1px #FFF solid;
	border-bottom:1px #FFF solid;
*/
	}
.overlay{
    /* background:transparent url(images/overlay.png) repeat top left; */
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}



.event1, .fc-agenda .event1 .fc-event-time,.event1 a,.legend1
        {
        background:#36c !important ;
        border-color:#36c !important;
        }
.event2, .fc-agenda .event2 .fc-event-time,.event2 a,.legend2
        {
        background:#a00 !important ;
        border-color:#a00 !important;
        }
.event3, .fc-agenda .event3 .fc-event-time,.event3 a,.legend3
        {
        border-color:#070 !important;
        background:#070 !important ;
        }
.event4, .fc-agenda .event4 .fc-event-time,.event4 a,.legend4
        {
        background:#7d0996 !important;
        border-color:#7d0996 !important;
        }
.event5, .fc-agenda .event5 .fc-event-time,.event5 a,.legend5
        {
        background:#967009 !important;
        border-color:#967009 !important;
        }
.event6, .fc-agenda .event6 .fc-event-time,.event6 a,.legend6
        {
        background:#099694 !important;
        border-color:#099694 !important;
        }

#palautelomake input, #palautelomake textarea,#palautelomake select
	{
	padding:5px;	
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

/*
	-webkit-box-shadow: 0px 5px 5px 0px #000;
         box-shadow: 0px 5px 5px 0px #000;
*/
	}
#palautelomake option
	{
	margin-bottom:5px;
	}

.moduuli.kuva img
        {
        border:0px;
        }

.kulmat10
	{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.varjo5
	{
        -moz-box-shadow: 5px 5px 6px #000;
        -webkit-box-shadow: 5px 5px 6px #000;
        box-shadow: 5px 5px 6px #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Color='#000000')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Color='#000000');
	}

.piilolomake
	{
	display:none;
	}

#galleria
	{
	margin-top:30px;
	width:100%;
	display:block;
	float:left;
	}
#galleria .text
	{
	margin-top:3px;
	}
.kuvagalleria
	{
	margin-bottom:10px;
	float:left;
	}
.kuvagalleria .kuva
	{
	position:relative;
	width:100%;
	height:100%;
	max-height:100%;
	padding-bottom:100%;
	}
.kuvagalleria img
	{
	bottom:0;
	/*position:absolute;*/
	max-width:100%;
	max-height:100%;
	
	}
@media screen and (max-width:768px)
	{
	.kuvagalleria .kuva
		{
		padding-bottom:0px;
		height:auto;
		width:auto;
		max-height:auto;
		}
	.kuvagalleria img
		{
		position:relative;
		}
	}
.kuvagalleria .teksti
	{
	height:40px;
	overflow:hidden;
	}
.respimg
	{
	/*max-width:100% !important;*/
	width:100%;
	}


/* bootstrap override */
blockquote
	{
	font-size:auto;
	}
	

/* bootstrap navbar bottom margin override */
.navbar
	{
	margin-bottom:0px;
	min-height:20px;
	}
.navbar-collapse
	{
	border-top:0px !important;
	box-shadow:none;
	-webkit-box-shadow:none;
	padding-left:0px;
	padding-right:0px;
	}

/* vaakavalikon respo */
.vaakavalikko button
        {
        background:#FFF;
        color:#000;
        }
.vaakavalikko .icon-bar
        {
        border:1px #666 solid;
        color:#333 !important;
        }
@media screen and (max-width: 767px)
	{
	.vaakavalikko ul, .vaakavalikko li, .vaakavalikko li a	
		{
		display:block !important;
		width:100%;
		}
	}

#lomake .rivi
	{
	margin-bottom:20px;
	width:100%;
	clear:both;
	float:left;
	}

#kuvaprogress
	{
	width: 100%;   
	border: 1px #000 solid;
	position: relative;
	padding: 0px;
	background:#eee;
	height:30px;
	margin-bottom:10px;
	margin-top:10px;

	border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}

#kuvaprogress .percent
	{
	position: absolute;   
	left: 50%;
	}

#kuvaprogress .bar
	{
	height: 30px;
	background-color: #184275;
	border:1px #000 solid;
	width: 0%;
	}

#gallerialisaa
	{
	float:left;
	width:100%;
	padding:10px;
	background:#a8c5e8;
	border-radius:10px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.5);
	}

.layoutdivouter
	{
	width:100%;
	text-align:center;
	float:left;
	}
.layoutdivouter div
	{
	text-align:left;
	}
img.liitethumb
	{
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	border:1px #ccc solid;
	}
img.liitethumb:hover
	{
	border:1px #000 solid;
	}
.nostolayoutleft .kuva
	{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	}

/* ei toimi chrome*/
input:focus::-webkit-input-placeholder {  color:transparent; }
input:focus:-moz-placeholder { color:transparent;  } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent;  } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent;  } /* IE 10+ */


.nostovv5 .nosto
        {
	margin-bottom:10px;
	padding-bottom:10px;
        }
.nostovv6 .nosto
        {
/*
	margin-bottom:10px;
	padding-bottom:10px;
*/
        }
h1 div.edit
	{
	
	text-transform:none;
	}

.youtubewrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px; /* 25px 7.4.2016 */
	height: 0;
	margin-top:0px; /* 10px 7.4.2016 */
	margin-bottom:10px;
}
.youtubewrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videowrapper
	{
	position:relative;
	}
.videowrapper .mainosskip
	{
	right:0;
	bottom:50px;
	position:absolute;
	padding:10px;
	background:rgba(0,0,0,0.5);
	color:#fff;
	z-index:10000;
	}
.videowrapper .mainosskip a
	{
	color:#fff;
	text-decoration:none;
	}
.videowrapper .mainosskip a:hover
	{
	text-decoration:underline;
	}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.video-play-button
	{
	top: 50%;
	left: 50%;
	position: absolute;
	margin-left: -35px;
	margin-top: -40px;
	font-size:60px;
	}

.video-play-button:hover
	{
	}


/* karusellin fade -ominaisuus */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}


/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}