* {margin:0; padding:0}

body {
	text-align:center;	background:#000 url(bg.jpg) repeat-x;
	font:normal 0.7em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#222;
}
#container_outer {
	background:#fff url(bg.jpg) repeat-x;
}
#container {
	width:800px;
	margin:0 auto;
	padding-bottom:16px;
}
#header { 	width:800px;
	margin:0 auto;
height: 120px; background:#000 }
#header #logo { padding-top: 50px; }
#header h1 { display: none; }
#header p { display: none; }
#content { position: relative; text-align: left; }

p { padding-bottom: 8px; }
img { border: 0; }
h1 { color: #777; padding:12px; font:bold 1.2em/1.2em; }
h2 { color: #777; padding:10px 0; font:normal 1.2em/1.1em Georgia, "Times New Roman", Times, serif; font-style:oblique;  color:#98347A}
h3 { color: #777; padding:10px 0; font:bold 1.0em/1.0em; }
h1 a, h2 a, h3 a { text-decoration: none; color:inherit }
a:link, a:hover, a:active { color:#C154CD; }
a:visited { color: #AB6DB4; }
a img {border:0}

table { border-collapse: collapse; }

ul { margin-left:26px; }



#navi { width: 800px; height: 30px; line-height:30px; background:#fcf; }
#navi a { text-decoration: none;  color: #222; padding:0 6px; border-left:1px solid #AB6DB4 }
#navi a.selected, #navi a.selected:hover { color:#F03; }
#navi a:hover { color:#F69; }
#navi a.first { border-left:none }

.isokuva { border-bottom:3px solid #fcf; margin-bottom:10px }
		
.col1 { float: left; width: 390px; }
.col2 { float: left; width: 390px; margin-left: 20px; }
.col1_front { float: left; width: 440px; }
.col2_front { float: left; width: 320px; margin-left: 70px; border: 1px solid #777; }
		
hr { background-color: #777; color: #777; border: 0; height: 1px; margin:10px 0; display: block;}
	
table#pagecontent { border-collapse: collapse; width:800px }
#content td { padding: 4px; vertical-align: top; padding: 0 14px; }
td.border { border-left: 1px solid #ccc; }

#footer { text-align: center; clear:both; border-top:#ccc 5px solid }
#footer div { text-align: center; width:800px; margin:0 auto }
#footer p {
		font:normal 80% Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		padding-top: 10px;
		text-align: center;
}

form {text-align:left;}
form * {font-size:12px; font-family:"Trebuchet MS", Helvetica, sans-serif}
label {display:block; padding-top:7px; font-weight:bold; color:#7D007D}
textarea  {display:block; width:300px; height:70px; color:#600; border:1px solid #777; padding:1px;}
form#yhteydenotto input.text { width:300px; color:#600; border:1px solid #777; padding:1px;}
form#bonuslomake input.text { width:200px; color:#600; border:1px solid #777; padding:1px;}
input.submit {cursor:pointer; margin-top:4px; padding:0; font:bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color: #7D007D; padding:1px}


.hilight {color:#c00}