@font-face {
	font-family: BebasNeue;
	src: url(BebasNeue.otf);
}

* {
	margin:0;
}
	
html, body {
	height:100%;
	margin:0;
	padding:0;
}

body {
	background:#858585 url('tausta.gif') left top;
	padding:0;
	font:10pt/1.0 Arial, Sans-Serif;
	color:#000;
	text-align:center;
}

img {
	padding:0;
	border:0;
}

p { 
	padding:9px 0;
}

a { 
	color:#5d2f80;
	text-decoration:none;
}

a:hover {
	color:#000;
}

table {
font-size:12px;
}

h1 {
	color:#212121;
	text-align:left;
	font:14pt/1.5 Arial, Sans-Serif;
	border-bottom:1px solid #979797;
	margin-bottom:10px;
}

#runko, #yla, #yla-sisa, #otsikko, #varjo,  #ala {
	min-width:985px;
}

#runko {
	background:url('tekstitausta.png') repeat-y top center;
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -92px;
}

#yla {
	background:#e1e1e1;
	width:100%;
	height:370px;
	padding:0;
	border:0;
}

#yla-sisa {
	background:#191919;
	width:100%;
	height:108px;
	padding:0;
	border:0;
}

#linkit {
	width:985px;
	margin:0 auto;
	clear:both;
	text-align:center;
}

#linkit a {
	-webkit-transition-duration:0s;
	transition-duration:0s;
}

#linkit:hover a {
	color:#666;
	text-shadow:0 0 10px #666;
	-webkit-transition-duration:1s;
	transition-duration:1s;
}

#linkit li {
	float:left;
	text-align:center;
	list-style:none;
}

#linkit li a {
	display:block;
	width:150px;
	height:108px;
	margin:0 auto;
	color:#FFF;
	font:15pt/108px BebasNeue, Arial;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
}

#linkit li a:hover {
	color:#8f49c6;
	text-shadow:none !important;
	background:#1f1f1f;
	-webkit-transition-duration:0s !important;
	transition-duration:0s !important;
}

#otsikko {
	background:url('otsikko.jpg') no-repeat center top;
	max-width:1211px;
	height:262px;
	margin:0 auto;
}

#varjo {
	background:url('varjo.png') repeat-x left top;
	width:100%;
	padding:0;
}

#keski {
	width:985px;
	margin:0 auto;
	padding-top:15px;
	font:10pt/1.5 Arial, Sans-Serif;
	clear:both;
}

#sivu {
	width:190px;
	margin-left:15px;
	float:left;
	text-align:left;
	padding-bottom:15px;
}

#tekstit {
	width:725px;
	margin-left:230px;
	text-align:justify;
	padding-bottom:15px;
}

#vali {
	height:92px;
	clear:both;
}

#ala {
	background:#191919;
	width:100%;
	height:92px;
	margin:0 auto;
	clear:both;
}

#ala a {
	color:#FFF;
}

#ala a:hover {
	color:#8f49c6;
}

#ala-sisa {
	width:940px;
	line-height:90px;
	color:#FFF;
	margin:0 auto;
	clear:both;
	text-align:left;
}

#kuvat {
	margin-left:25px;
}

#perustieto tr:last-child td:first-child ,.kisakalenteri tr:last-child td:first-child , #nurkat {
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-left-radius:10px
}

#perustieto tr:first-child td:first-child,.kisakalenteri tr:first-child td:first-child, #sukutaulu tr:first-child td:first-child {
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    border-top-left-radius:10px
}

#perustieto tr:last-child td:last-child, .kisakalenteri tr:last-child td:last-child, #sukutaulu tr:last-child td:last-child {
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-right-radius:10px;
}
#perustieto tr:first-child td:last-child , .kisakalenteri tr:first-child td:last-child , #sukutaulu tr:first-child td:last-child {
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    border-top-right-radius:10px;
}

#perustieto {
	width: 100%;
	margin: 0 0;
	border-collapse:collapse;
}
#perustieto td {
	background: #bdbdbd;
	padding: 4px 8px;
	border-bottom: 1px solid #cacaca;
	width:25%;
}
#perustieto .tieto {
	background: #a0a0a0;
	border:0;
	border-bottom: 1px solid #cacaca;
}