@font-face{font-family:'Mr Dafoe';src:url("../oppiminen-root/fonts/Mr-Dafoe-regular.woff") format("woff");font-weight:normal;font-style:normal;}

#introarea {
	text-align:center;
	background-color:#ffffff;
	line-height:1.6;
	margin-bottom: 30px;
}

.intro {
	position: relative;
	display:inline-block;
	padding:20px;
	padding-left:40px;
	padding-right:40px;
	min-width:220px;
	max-width:470px; /* Vaihdettu 340px => 470px */
	vertical-align:top;
	
}

.generic-content-wrapper-box {
	/*Padding on sisällössä. Tällä tavalla responsiivisuuden vuoksi.*/
	padding-left: 0;
	padding-right: 0;
}

.infotext {
}

.introseparator {
	/*positiotu absoluuttisesti intron sisään, jottei tipu introjen väliin kavennettaessa*/
	position: absolute;
	top: 0;
	right: 0;
	background-color:#c7c8ca;
	display:inline-block;
	width:1px;
	height:500px; /* Vaihdettu 300px => 500px #facelift */
	margin-top:100px;
}

.intro .pic {
	display:inline-block;
	background:url('../oppiminen-root/pics/naamat.png');
	background-position:0 0;
	width:74px;
	height:75px;
	line-height:1;
}

.intro:first-child .pic {
	background:url('../oppiminen-root/pics/naamat.png');
	background-position:-74px 0;
	width:74px;
	height:75px;
}

.intro .title {
	font-family:'Mr Dafoe', Arial, sans-serif;
	font-size:3em;
	color: #00b1f0;
}

.intro .infotext > a {
	color:#00b1f0;
}