/* Kaikille sivuistoille yhteyset perusasetukset */
video
	{
	margin-bottom:15px;
	}
.innerlayoutdiv
	{
	float:left;
	}
#sisaltoinner
	{
	width:100%;
	float:left;
	height:auto;
	}
body,html
	{
	font-family:Arial;
	font-size:12px;
        height:100%;
        margin-left:0px;
        margin-top:0px;  
        margin-right:0px; 

	}


#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;
}
 

OFF.nostokeski .otsikko
        {
        clear:left;
        display:inline;
        }
OFF.nostokeski .ingressi
        {
        clear:left;
        }



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

.OFFingressieditvv2, .OFFingressiedit
	{
	background:#def;
	}

.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;
	}
.nostokuvaright
        {
        margin-left:10px;
        }
.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;
	}
.OFFlicknedit div
	{
        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%;
	}


/*
.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
	{
	border:0px;
	margin:0px 0px 0px 0px;
	}
.banneripaikka .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;
	}
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;
	}

#wysiwygouter
	{
	text-align:left;
	}

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

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

.banneripaikkayla
	{
	
	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 .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);
	}
.mennyt
	{
	display:none;
	}