body { 
	font-family:      			Verdana, sans-serif;
	background:       			#010080; /* #99c; */
	margin:						0; 
}


/* SIVUSTON RAKENNE */

#ulkokehys	{ 
			width: 100%; 
			max-width:1000px; 
			margin:auto;
			background-color: #010080;
			
}

.kehys_pal {
	border: solid 1px black;
	margin:20px;
	padding:10px;
}


/* HOVER-TOIMINTO TOUCHSCREENEJÄ VARTEN */
	element:hover, element:active {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-webkit-touch-callout: none
}

/* TOP */

#top {	
		 	width: 100%; 
			background-color: #ccf; /* white; */
			border-radius: 0 0 100px 0;
}

#top a	{ border: none; text-decoration: none; }

#logo {
			width:100%;
			height:100%;
}

p.otsikkoteksti { 
					text-align:center; 
					color: #010080; 
					margin-bottom: 0px;
					padding-bottom: 0px;
					font-size: 400%;
					font-weight: bold;
					font-family: Gill sans, Helvetica, sans-serif;
}

p.sitaatti {
				text-align:center;
				margin-top: 0px;
				padding-top: 0px;
				font-style: oblique;
				font-family: Times New Roman;
				font-weight: bold;
				font-size: 170%;
}

p.valikkolinkki { 
					text-align:center; 
					color: #010080; 
					font-weight: bold;
}

#pallodiv {
			height:35px;
}

#pallo {
			position: absolute;
			left: calc(50% - 50px);

}


/* CONTENT */

#content	{ 
			width: calc( 100% - 60px); 
			background-color: white; 
			
			padding: 30px;
			padding-bottom: 0px;
			margin-top: 30px;
			
			border-radius: 0 100px 100px 0;
	}



h1 {
  font-size:        200%;
  color:            #010080;
  padding-top: 0
}

#content h2 { 	font-size: 160%; 
		color: #010080;
		margin-top: 35px;
		
}

#content h3 { 	font-size: 120%;
		margin-top: 35px;
}

#content p { 	font-size: 120%; 
				margin-left: 50px;	
}

#content p.kuvateksti {
				font-size: 90%;
				font-weight: bold;
				padding-left: 120px;
				padding-top: 0px;
				padding-bottom: 50px;				
}

#content ul, #content ol { 	margin-left: 50px;
				font-size: 120%;
				line-height: 150%;
 }

#content p,ul,ol,h1,h2,h3	{ padding: 10px; font-family: Verdana }



ul li	{ list-style-type: circle; margin-left: 1em; }

#content a:link, #content a:visited {
	font-weight: bold;
}

#content a:hover {
			background: #ccc;
			font-weight: bold;
}

#arkisto_ots {
		float: left;
		width: 30%;
}

p.arkisto_huom {
		margin-top: 0;
		padding-top: 0;
		font-size: 180%;
}

h2.arkisto_huom {
		margin-bottom: 0;
		padding-bottom: 0;
}

#lehti_isox {
		float: left;
		padding-left: 100px;
		padding-right: 50px;
}

#lehti_pienix {
		float: left;
		padding-left: 25px;
		padding-right: 0px;
}

#content p.lehti {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
}

#julk_kuvavas {
	float: left; 
	margin-left: 20px; 
	margin-right: 20px;
}

#julk_kuvaoik {
	float: right; 
	margin-left: 20px; 
	margin-right: 20px;
}

#video {
	float: left;
	padding-left: 80px;
}

#audio {
	padding-left: 50px;
}

p.katko {
		clear:both;
}

#navi li	{ 	list-style: none; 
				padding: 3px; 
				margin-bottom: 2px; 
				
				border-bottom: 1px solid #010080; 
}
.update		{ 	text-align:center; 
				padding-bottom: 10px;
}

.update a { 		
			text-decoration: none;
			font-weight: bold;
 }

hr.palkki	{ clear: both; }


		/* KUVAT */


#img_kokoruutu	{
				width: calc( 100% - 200px );
 			 	margin-left: 100px; 
 			 	margin-right:100px;
 			 	margin-top: 50px; 
 			 	margin-bottom: 0px;
 			 	border-radius: 0 20% 20% 0;
 			 	border: solid 10px #99c;
 }

#img_isokasvokuva {
					float: left;
					width:120px;
					height:150px;
					margin-top: 0px; 
					margin-bottom: 0px; 
					margin-left: 0px; 
					margin-right: 20px;
}

p.txt_isokasvokuva {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
				
}


#img_kasvokuva { 	
				float:left;
				width:100px; 
				height:125px; 
				margin-left:0px; 
				margin-right:20px; 
				margin-top: 0px;
				margin-bottom: 20px;
}

p.txt_kasvokuva {
				margin-top: 20px;
				margin-bottom: 20px;
				display: inline-block;
				width: calc((85% - 50px) / 2);
}



/* NAVIGOINTI MENU */

#navi{ 
		background-color: #ccf; /* white; */
		width:calc(100% - 20px); 
		padding-top: 10px; 
		padding-bottom: 20px;
		padding-left:10px;
		padding-right:10px;
		margin: 0px; 
		color: #010080;/* white;  */
		margin-top: 30px;
		border-radius: 0 100px 0 0;

}



	/* LINKIT */
	
	
.btn_prim {
		color:white;
		background: #010080;
		border: solid 2px #010080;
		font-weight: bold;
		padding: 0.5em 2em;
		border-radius: 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
}

.btn_prim:hover {
	color: #ccc;
		-webkit-appearance: none;
		-moz-appearance: none;
}

.btn_sec {
		color:#010080;
		background: white;
		border: solid 2px #010080;
		font-weight: bold;
		padding: 0.5em 2em;
		border-radius: 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
}

.btn_sec:hover {
	background: #ccc;
		-webkit-appearance: none;
		-moz-appearance: none;
}

a img	{ border: none;}


a#navilist	{  border-bottom: none; }

	/* #navi links */

#navi a {
	font-weight: bold;
	text-decoration: none;
	background-color: #ccf; /* white; */
	border: none;
	color: #010080; /* white; */
}

#navi a:link, #navi a:visited {
	padding-bottom: 1px;
	color: #010080; /* white; */
	background-color: #ccf; /* white; */
}
	
#navi a:hover {
				padding-bottom: 1px;
				background: white;  /* #4141bd; */
				color: #000040; /* #eaeaf6; */
				/*border-bottom: 2px solid #dbd5c5;*/
}



#veikkaus img { float: right;
				width:100px; 
				padding-right:40px;
				padding-top: 30px;
}

#mainos {
		float:left;
		margin-right: 10px;
		margin-bottom: 10px;
		border: 0px;
}

/* BOTTOM FOOTER */

#alaosa	{
		 	width:calc(100% - 120px); 
			background-color: #ccf; /* white;  */
			color: #010080; /* white; */
			padding: 20px;
			padding-left:100px;
			float:left;
			font-size:90%;
}

#imgfoot img {
				width:160px;
				height:80px;
				float:left;
				padding-right:40px;
				padding-bottom: 20px;
}




@media print	{

	#navi	{ display: none }
	#logo	{ border: none   }
	#top	{ position: static; margin: 0 }
	#content	{ margin-left: 0px; width: 95%; float: left }


@media aural {

		
	}