@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background: url(fovikartta-tausta.jpg) top no-repeat #afc6d7; margin:0; padding:0;
}
#pagecontainer {
	min-width: 380px; max-width: 900px; margin-left:auto; margin-right:auto; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.7);
}
#vikingcontainer {
	padding:0.4em; padding-top:0px; text-align:left; min-width:350; max-width: 470px; //background-color:rgba(255,255,255,0.6); margin-left:auto; margin-right:auto;
} #vikingcontainer p { font-size:small; }
.sidebar {
	max-width: 243px; padding:0em; margin-top:0; text-align:center; // background-color:#FFFFFF;
} .sidebar a { text-decoration:none; } .sidebar a:hover { color:#FF0000; }
.bannercontainer {
	margin-top:1.5em; margin-bottom:1.5em;
} .bannercontainer a, img { text-decoration:none; margin-bottom:6px; border:0px; }
.pictureframe {
	font-size:small;
} .pictureframe img { border:2px solid #aaa; }
#menubar {
	text-align:center; background-color:#666666; padding-top:1em; color:#FFFFFF; font-weight:bold;
} #menubar a { padding:0.3em; color:#FFFFFF; text-decoration:none; background-color:#666666; margin-right:3px; margin-left:3px; } #menubar a:hover { background-color:#CCddee; color:#000000; }
h1 { font-size:x-large; }
#kompassi {
	font-size:x-small; border:0px;
} #kompassi a { text-decoration:none; background-color:rgba(255,255,255,0.7); } #kompassi a:hover { color:#FF0000; }
#navigo {
border:5px;
border-color:red;
position: fixed;  top:0px; left: 100px;

}
#bottommenubar {
	text-align:center; background-color:#666666; padding-bottom:1em; margin-bottom:0em; color:#FFFFFF; font-weight:bold; clear:both;
} #bottommenubar a { padding:0.3em; color:#FFFFFF; text-decoration:none; background-color:#666666; margin-right:3px; margin-left:3px; } #bottommenubar a:hover { background-color:#CCCCCC; color:#000000; }