@charset "utf-8";
/* CSS Document */


html, body {
    background-image: url('../img/bg_chalkboard.jpg');
    background-position: right center;
    background-size: cover;
	background-attachment:fixed;
}
p {
	color: #FFF;
	font-family: 'Nothing You Could Do',cursive;
	 font-family: 'Covered By Your Grace', cursive;
	 font-family: 'The Girl Next Door', cursive;
	font-size: 24px;
	margin-bottom: 20px;
		text-shadow: 1px 1px #000000;
	}
	p.isot_kirjaimet {
		text-transform:uppercase;
		margin-bottom: 22px;
	}
	p.isot_kirjaimet_punainen {
		text-transform:uppercase;
		margin-bottom: 22px;
		color: #38A9DB; /* sininen */
		font-weight: bold;
		text-shadow: 1px 1px #000000;
		min-width: 900px;
		display: inline;
			}
		p.isot_kirjaimet_sininen {
		text-transform:uppercase;
		margin-bottom: 22px;
		color: #38A9DB; /* sininen */
		font-weight: bold;
		text-shadow: 1px 1px #000000;
			}
			
	p.isot_kirjaimet_keltainen {
		/* text-transform:uppercase; */
		line-height: 1;
		margin-bottom: 22px;
		color: #EEC554;
		text-shadow: 1px 1px #000000;
	}
	p.keltainen {
		color: #EEC554;
	}
h1 {
	color: #FFF;
	font-family: 'Nothing You Could Do',cursive;
	 font-family: 'Covered By Your Grace', cursive;
	 font-family: 'The Girl Next Door', cursive;
	font-size: 30px;
	margin-bottom: 20px;
	font-weight:normal;
		text-shadow: 1px 1px #000000;
	}
	h1.isot_kirjaimet {
		text-transform:uppercase;
		margin-bottom: 20px;
	font-weight:normal;
		text-shadow: 1px 1px #000000;
	}

#top {
	margin: 0px 0px 60px 0px;
	border-bottom: solid #999 1px;
	height:154px;
	}
	#index #top {
	margin: 0px 0px 0px 0px;
	border-bottom: solid #999 1px;
	}
	#header {
	/*width:980px;*/
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	}
#myCanvasContainer {
	max-width:960px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	}
	#myCanvas {
		margin-left:auto;
		margin-right:auto;
	}
	
/*   etusivun kuva    */
	.pyoriva_kuva_1 {
		width: 200px;
		}
	/*   etusivun kuva    */
#center {
	min-height:650px;
	}
	#wrapper {
	max-width:940px;
	min-height:650px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 50px;
	padding: 0px 10px 0px 10px;
	}
	#content_1 {
	float:left;
	width:620px;
	min-height:650px;
		}
		#ansioluettelo #content_1, #linkit #content_1 {
		float:left;
		width:960px;
		min-height:650px;
			}
			.ansioluettlo_taulukko {
			border-spacing: 2px;
    		float: right;
    		font-size: 13px;
			margin: 100px 0px 100px 0px;
			width: 960px;
			}
			.ansioluettlo_solu {
			border: 0px solid #666 !important;
			color:#333333;
			text-align:left;
			margin:0px;
			padding:2px 2px 2px 2px;
			font-family: times new roman;
			}
			.ansioluettlo_solu_1 {
			border: 0px solid #666 !important;
			color:#333333;
			text-align:left;
			margin:0px;
			padding:2px 2px 2px 2px;
			font-family: times new roman;
			}
			.ansioluettlo_solu_2 {
			border: 0px solid #666 !important;
			color:#333333;
			text-align:left;
			margin:0px;
			padding:2px 30px 2px 30px;
			font-family: times new roman;
			}
		
			
	#content_2 {
	float:right;
	min-height:650px;
	}
	
	#flash {
		margin: 50px 0px 50px 0px;
		}

/* --------------------------- siekkilän_koulu ------------------------------- */
#brysseli #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#taiteellinen_työskentely #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#lisenssiaattityo #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#siekkilän_koulu #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#rantakylän_yhtenäiskoulu #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#sisäinen_yrittäjyys #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#artikkelit #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13 {
	float: left;
    margin: 40px 20px 0px 0px;
    min-height: 280px;
    text-align: center;
    width: 300px;
		}	
#brysseli #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#taiteellinen_työskentely #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#lisenssiaattityo #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#siekkilän_koulu #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#rantakylän_yhtenäiskoulu #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#sisäinen_yrittäjyys #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#artikkelit #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14 {
	float:left;
	max-width:960px;
	min-height:240px;
	margin:20px 0px 20px 0px;
	padding:40px 0px 20px 0px;
	}
	.thump_image {
	margin:30px 0px 30px 0px;
	}
	
	
	
	
	
	
#bottom {
	height:250px;
	padding-top: 20px;
	border-top: #999 solid 1px;
	}
	#footer {
	max-width:960px;
	min-height:250px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
		}
		#footer_left {
		float:left;
		margin: 1%;
		width:30%;
		min-height:150px;
		}
		#footer_center {
		float:left;
		margin: 1%;
		width:30%;
		min-height:150px;
		}
		#footer_right {
		float:left;
		margin: 1%;
		width:30%;
		min-height:150px;
		}
		.face {
			width: 50%;
			float:right;
			}
		.facebookicon {
			float: left;
			width:40px;
			margin: 0px 20px 0px 0px;
			}
		#footer p {
		color: #FFF;
		font-family: 'Nothing You Could Do',cursive;
	 font-family: 'Covered By Your Grace', cursive;
	 font-family: 'The Girl Next Door', cursive;
		font-size: 22px;
		margin-bottom: 20px;
		}
		#footer a {
		text-decoration:underline;
		color:#FFF;
		}

.clear-fix {
    clear: both;
    font-size: 0;
	margin: 0px 0px 80px 0px;
}

section {
}

a {
	color: #EEC554;
	text-decoration:none;
	text-decoration:underline;
	}
a:hover {
	color: #EEC554;
	text-decoration:none;
	text-decoration:underline;
	}

.inline {
	text-decoration:none;
	}
a img {
	border: none;
	}

#mobileContainer{display:none;}	
#dl-menu{display:none;}


@media only screen and (max-width: 960px) and (min-width: 401px) {
/*html, body {
    background-image:none;
    background-color:#47725b;
}*/

li {
    display: block !important;
    text-align: center;
    width: 100% !important;
	text-decoration:none !important;
	font-family: 'The Girl Next Door',cursive;
}
a {text-decoration:none !important;}

#myCanvas{display:none;}
#mobileContainer{
	display:block;
	/*width:50%;*/
	margin:5%;
	}
#MenuBar1{display:none;}
#dl-menu{display:block;}

.marja-leena {
    left: 100px;
    position: absolute;
    top: 51px;
}

}	
@media only screen and (max-width: 400px) {
	html, body {
    background-image:none;
    background-color:#47725b;
}

li {
    display: block !important;
    text-align: center;
    width: 100% !important;
	text-decoration:none !important;
	font-family: 'The Girl Next Door',cursive;
}
a {text-decoration:none !important;}

#myCanvas{display:none;}
#mobileContainer{
	display:block;
	/*width:50%;*/
	margin:5%;
	}
#MenuBar1{display:none;}
#dl-menu{display:block;}

.marja-leena {
    left: 100px;
    position: absolute;
    top: 51px;
}
/* --------------------------- siekkilän_koulu ------------------------------- */
#brysseli #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#taiteellinen_työskentely #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#lisenssiaattityo #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#siekkilän_koulu #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#rantakylän_yhtenäiskoulu #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#sisäinen_yrittäjyys #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13,
#artikkelit #content_1, #content_3, #content_5, #content_7, #content_9, #content_11, #content_13 {
	float: left;
    margin: 40px 0px 0px 0px;
    min-height: 280px;
    text-align: center;
    max-width: 300px;
		}	
#brysseli #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#taiteellinen_työskentely #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#lisenssiaattityo #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#siekkilän_koulu #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#rantakylän_yhtenäiskoulu #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#sisäinen_yrittäjyys #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14,
#artikkelit #content_2, #content_4, #content_6, #content_8, #content_10, #content_12, #content_14 {
	float:right;
	max-width:960px;
	min-height:240px;
	margin:20px 0px 20px 0px;
	padding:40px 0px 20px 0px;
	}
	.thump_image {
	margin:30px 0px 30px 0px;
	}
}