html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	width:				100%;
	height:				100%;
	background-color:		#598F2F;
	background-image:		url(tausta800x600.jpg);
	background-repeat:		no-repeat;
	background-attachment:		scroll;
	background-position:		center center;
	background-size:		cover;
	line-height:			18px;
	text-align:			left;
	font-family:			Verdana, Tahoma, Arial, sans-serif;
	font-weight:			normal;
	font-size:			11px;
	color:				#FFFFFF;
}

div {
	width:				90%;
	margin-left:			auto;
	margin-right:			auto;
	padding-bottom:			20px;
	background-color:		#598F2F;
}

@media screen and (min-width: 500px) {
  div {
	position:			fixed;
	left:				50%;
	top:				50%;
	overflow:			auto;
	width:				500px;
	height:				425px;
	margin-left:			-250px;
	margin-top:			-150px;
	padding-bottom:			20px;
	background-color:		#598F2F;
  }
}

h1 {
	padding-left:			20px;
	padding-right:			20px;
	padding-top:			20px;
	padding-bottom:			5px;
	font-weight:			bold;
	color:				#D1FF31;
}

p {
	padding-left:			20px;
	padding-right:			20px;
	padding-top:			5px;
	padding-bottom:			5px;
}

p.yhteystiedot {
	margin-top:			20px;
	border-top:			1px dotted #D1FF31;
	border-bottom:			1px dotted #D1FF31;
}

a:link {
	text-decoration:		underline;
	color:				#D1FF31;
}

a:visited {
	text-decoration:		underline;
	color:				#D1FF31;
}

a:hover {
	text-decoration:		none;
	color:				#FFFFFF;
}

a:active {
	text-decoration:		none;
	color:				#FFFFFF;
}