.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* siirtymäefektin kesto 1 sekunti */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* tab-palkin tyyli */
div.tab {
    overflow: hidden;
	
	
	border: 3px solid #f1f1f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#f5f5f5;
	padding:12px 10px;
}

/* tabi-nappuloiden tyylit */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	margin:0 10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
    font-size: 11pt;
	font-style:italic;
	font-family: 'Merriweather', serif;
	border:1px solid #ddd;
}

/* tabinappulan tyyli kun hiiri on päällä */
div.tab button:hover {
    background: #ddd;
}

/* aktiivisen tabinappulan tyyli */
div.tab button.active {
	color:#573b0f;
	background:#d28c22;
	border:1px solid #4b7e87;
}

/* tabin sisällön tyyli */
.tabcontent {
    display: none;
    padding: 15px 25px 20px 15px;
	min-height:500px;
	overflow:auto;
	
	margin-top:20px; 
	
	border: 3px solid #f1f1f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#f5f5f5;
	
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}
/* C:n tabimäärityksiä*/
div.tabc {
    overflow: hidden;
	
	
	border: 3px solid #f1f1f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#f5f5f5;
	padding:12px 10px;
}

/* tabi-nappuloiden tyylit */
div.tabc button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	margin:0 10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
    font-size: 11pt;
	font-style:italic;
	font-family: 'Merriweather', serif;
	border:1px solid #ddd;
}

/* tabinappulan tyyli kun hiiri on päällä */
div.tabc button:hover {
    background: #ddd;
}

/* aktiivisen tabinappulan tyyli */
div.tabc button.active {
	color:#bfbfbf;
	background:#4e4e4e;
	border:1px solid #4b7e87;
}

/* tabin sisällön tyyli */
.tabccontent {
    display: none;
    padding: 15px 25px 20px 15px;
	min-height:500px;
	overflow:auto;
	
	margin-top:20px; 
	
	border: 3px solid #f1f1f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#f5f5f5;
	
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}