/* Copyright (C) 2002-2014 Jari Vehmaa. Kaikki oikeudet pidätetään */

body         { font-family: sans-serif;
               font-weight: bold;
               background-image: url('clouds2.jpg')
             }

orgbody { font-family: sans-serif;
               font-weight: bold;
               margin-left: 50px; 
               margin-right:50px;
               background-image: url('clouds2.jpg')
}

#container {
	width: 80%;
	margin: 0 auto;
}

/*
@media only screen and (max-width: 767px) {
	#container {
		width:100%;
		margin: 0 auto;
	}
}
*/

/* toimii samanlailla kuin kotikoneessakin 
@media handheld {
	#container {
		width:100%;
		margin: 0 auto;
	}
}	
*/

/*** iPad landscape ***/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	#container {
		width:100%;
		margin: 0 auto;
	}	
}

/*** iPad portrait ***/
@media only screen and (min-device-width:  768px) and (max-device-width: 1024px) and (orientation: portrait) {
	#container {
		width:100%;
		margin: 0 auto;
	}	
}


/*** iPhone portrait ***/
@media  only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
	#container {
		width:100%;
		margin: 0 auto;
	}	

}

/*** iPhone landscape ***/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
	#container {
		width:100%;
		margin: 0 auto;
	}	
}



img {		
		max-width: 47%;
		width: auto;
		height: auto;
		vspace; 10;
		border: 2px solid gray;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 10px 10px 5px #888888;
}
/*''
iframe {		
		max-width: 107%;
		width: auto;
		height: auto;
		vspace; 10;
		border: 2px solid gray;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 10px 10px 5px #888888;
}
*/


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width:  100%;
    height: 100%;
}



div.leftimg {
		max-width: 50%;
		width: auto;
		height: auto;
		vspace: 10;
/*		border: 2px solid gray;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px*/
}

div.rightimg {
		max-width: 50%;
		width: auto;
		height: auto;
		vspace: 10;
		hspace:10;
/*		border: 2px solid gray;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px*/
}

div.full_img {  display: block; 
		max-width: 150%;
  		width: auto;
		height: auto;
}

div.varjo {
		max-width: 47%;
  		width: auto;
		height: auto;
    		box-shadow: 10px 10px 5px #888888;
}

#fullimg {  /*display: block; */
		max-width: 100%;
		width: auto;
		height: auto;
}


tittle       { display: block; font-size: 38pt }

h1           { display: block; font-size: 200% }

h2           { display: block; font-size: 150% }

h3           { display: block; font-size: 100%; text-align: center }

table        { font-size: 125% }
th           { font-size: 125% }
td           { font-size: 125% }
u            { font-size: 125% }
li           { font-size: 125% }

p            { display: block; font-size: 125%;  text-align: justify }

div.footnote { display: block; font-size: 75%; text-align: center }