@import url(http://fonts.googleapis.com/css?family=Special+Elite);

body {
	color: rgb(250,250,250);
	text-decoration: none;
	text-align: center;
	font-family: 'Special Elite', cursive;
	font-size: 15px;
	margin: 0px;
	background: #000000;
	background-image: url(http://www.lainepet.com/kuvat/tausta01.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lainepet.com/kuvat/tausta01.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lainepet.com/kuvat/tausta01.jpg', sizingMethod='scale')"; 
	}

@media (max-width: 899px) {
	DIV.runko {
		margin-top: 30px;
		width: 95%;
	}
	DIV.otsikko {
		padding-top: 35px;
		padding-bottom: 15px;
		}
}
@media (min-width: 1000px) {
	DIV.runko {
		margin-top: 30px;
		width: 950px;
	}
	DIV.otsikko {
		padding-top: 5px;
		padding-bottom: 5px;
		}
}
A {
	text-decoration: none;
	color: #F0F0F0;
	font-size: 1em;
    }

A:hover {
	text-decoration: none;
	color: #FF0000;
	}

DIV.runko {
	margin-top: 30px;
	background: rgba(0,0,0,0.7);
	background: -webkit-linear-gradient(0,0,0,0.8), rgba(0,0,0,0.5)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.5)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.5)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.5)); /* Standard syntax */
	}

DIV.ylin {
	height: 20px;
	padding-top: 10px;
	font-size: 1em;
	}

DIV.otsikko {
	font-size: 4em;
	}

DIV.main {
	min-height: 100px;
	align: center;
	font-size: 1em;
	color: #F0F000;
	padding-top: 5px;
	}

DIV.linkit {
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	}

span.linkki {
	margin: 2px;
	width: 200px;
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
	}

table.linkkitaulukko {
	align: center;
	width: 95%;
	margin: 10px;
	padding: 2px;
	}

tr.linkkitaulukko {
	}

td.linkkitaulukko {
	vertical-align: top;
	margin: 10px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #FF0000;
	}

DIV.linkkitaulukko_otsikot {
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 10px;
	font-weight: bold;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #FF0000;
	}

li.taso_1 {
	margin-left: 10px;
	}

li.taso_2 {
	margin-left: 30px;
	font-size: 11px;
	}

li.taso_3 {
	margin-left: 50px;
	font-size: 10px;
	}

li.taso_4 {
	margin-left: 70px;
	font-size: 10px;
	}
	
.etusivun_kuva {
	width: 30%;
	}