body {
	background-image: url(rodion.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	padding:0;
	margin:30px 0;
	color:#5a5a5a;
	font-size:13px;
	font-family:Arial;
	line-height:18px;
	font-style:normal;
	text-align:left;
}

@font-face {
	font-family:bluehigd;
	src:url('bluehigd.ttf');
	src:url('bluehigd.eot');
	src:local(bluehigd), url('bluehigd.ttf') format('opentype');
}

#ulk {
	margin:0 auto;
	padding:0;
}

#yla {
	overflow:hidden;
}

#otsikko {
	margin:0;
	padding:0;
	float:left;
	width:100%;
	height:135px;
	background:rgba(245, 228, 236, 0.5);
	font-size:90px;
	line-height:135px;
	color:#fef9ff;
	text-transform:uppercase;
	font-family:bluehigd;
	text-align:center;
}

#otsikko a {
	color: #fef9ff;
	text-decoration:none;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#otsikko a:hover {
	color: #fcedfc;
	text-decoration:none;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#linkit {
	margin:0 auto;
	padding:40px 0;
	width:70vw;
	height:115px;
	font-size:17px;
	font-family:Georgia;
	line-height:20px;
	text-align:center;
}

#linkit ul {
	margin:0 auto;
	padding:0;
	list-style-type:none;
	width:auto;
}

#linkit ul li {
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:auto;
}

#linkit ul li a {
	display:block;
	margin:0;
	padding:20px 25px 20px 25px;
	text-decoration:none;
	color:#fffef9;
}

#linkit ul li a:hover {
	text-decoration:none;
	margin:0;
	background:rgba(255, 255, 255, 0.3);
}

#teksti {
	font-size:13px;
	background:rgba(252, 242, 247, 0.7);
	margin:0 auto;
	padding:30px 60px;
	width:70vw;
}

#copy {
	width:70vw;
	background:rgba(205, 174, 214, 0.8);
	margin:0 auto;
	padding:10px 60px;
	text-align:center;
	color:#735487;
}

#copy a {
	color:#8b5aad;
	text-decoration:none;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#copy a:hover {
	color:#af7dd1;
	text-decoration:none;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

h1 {
	margin:15px 0 20px 0;
	color:#8673bf;
	font-family:Georgia;
	font-size:24px;
	text-align:left;
}

h2 {
	margin:20px 0 5px 0;
	color:#b48cdb;
	font-family:Georgia;
	font-size:20px;
	text-align:left;
	font-style:italic;
	line-height: 1.8;
}

h3 {
	margin:20px 0 20px 0;
	color:#c287c7;
	font-family:Georgia;
	font-size:16px;
	text-align:left;
}

h4 {
	margin:15px 0 5px 0;
	color:#c186d9;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	font-weight: bold;
}

h5 {
	margin:15px 0 5px 0;
	color:#785094;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	font-weight: bold;
}

a:link, a:visited, a:active {
	color:#c979c8;
	text-decoration:none;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

a:hover {
	color:#a75fb0;
	text-decoration:none;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

b, strong {
	color: #a283c9;
}

i, em {
	color: #695a96;
}

.tab {
  	overflow: hidden;
 	margin: 20px 0;
	line-height: 2 !important;
}

.tab button {
  	background-color: inherit;
 	font-family: Georgia !important;
	font-size: 15px !important;
  	float: left;
  	border: none;
  	outline: none;
  	cursor: pointer;
  	margin-right: 30px;
  	padding: 15px 30px;
 	background-color: #e6b1d1;
  	transition: 0.3s;
  	font-family: Lora;
  	font-size: 14px;
  	color: #fef9ff;
  	text-shadow: 0px 0px 1px #fef9ff;
}

.tab button:hover {
  	background-color: #d19dca;
  	color: #fef9ff !important;
  	text-shadow: 0px 0px 1px #fef9ff !important;
}

.tab button.active {
  	background-color: #b798d6;
  	color: #fef9ff;
}

.tabcontent {
	font-family: Arial !important;
	font-size: 13px !important;
	line-height: 18px !important;
	margin-top: 20px;
}

table#taulukko {
	font-family: Arial;
	font-size: 13px;
	width: 100%;
	border-collapse: collapse;
	margin-top: 25px;
	margin-bottom: 23px;
}

.totsikko {
	background-color: #c3b1e6;
	padding: 15px 20px;
}

.tkennel {
	background-color: #d9c9f0;
	padding: 10px 20px;
}

.tmaa {
	background-color: #d9c9f0;
	padding: 10px 20px;
}

.tmuuta {
	background-color: #d9c9f0;
	padding: 10px 20px;
}

.totsikko b, strong {
	color: #695a96;
}