@charset "UTF-8";

html {
	overflow-y: scroll;
}

.reset {
	clear:both;
	text-align: left;
}

#container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	//-moz-border-radius:10px;
	//-webkit-border-radius:10px;
	-moz-box-shadow:0px 0px 8px #a2a2a2;
	-webkit-box-shadow:0px 0px 8px #a2a2a2;
	box-shadow:0px 0px 8px #a2a2a2;
}

#header {
	display:block;
	//float: left;
	vertical-align: middle;
	margin-left:auto;
	margin-right:auto;
	//padding: 0px;
	width:900px;
	height:240px;
	background: #fff;
}

#osastofront {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:450px;
	background: #fff;
}

#osasto {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:1300px;
}

#toptext {
	position:relative;
	top: 20px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	width:900px;
	height:80px;
	background: #a9a9a9;
}

#headertext {
	position:relative;
	left: 0px;
	width:500px;
	//height:50px;
	text-align:center;
}

#copyright {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#menu {
	width:850px;
	//height:25px;
	text-align:right;
	//background: url("images/background-header.png") repeat-x;
	//border-bottom: #a2a2a2 1px solid;
	word-spacing:7px;
}

#patternbox {
	float:left;
	//display:block;
	margin-right:40px;
	margin-bottom:30px;
	width:220px;
	height:250px;
	text-align:center;
	background: #f8f8f8;
	border: #a2a2a2 1px solid;
}

body {
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	//background-image: url(images/background.png);
}

.column-left {
	float: left;
	width: 320px;
	margin-right: 20px;
}

.column-right {
	float: left;
	width: 340px;
	margin-right: 0px;
}

a:link { color: #444; font-size: 10pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
a:active { color: #444; font-size: 10pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
a:visited { color: #444; font-size: 10pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
a:hover { color: #444; font-size: 10pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: underline; }

.menulink a:link { color: #000; font-size: 12pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
.menulink a:active { color: #000; font-size: 12pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
.menulink a:visited { color: #000; font-size: 12pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
.menulink a:hover { color: #000; font-size: 12pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: underline; }
.menuvalittu a:link { color: #000; font-size: 12pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: underline}

.normaltxt { font-size: 10pt; font-family:'Nobile', 'Helvetica', 'Arial'; text-decoration: none; color: #000; }
.normaltextalfa { font-size: 10pt; font-family:'Nobile', 'Helvetica', 'Arial'; color: #000; }
.normaltextalfagrey { font-size: 10pt; font-family:'Nobile', 'Helvetica', 'Arial'; color: #232323; }
.description { font-size: 11pt; font-family:'Nobile', 'Helvetica', 'Arial'; text-decoration: none; color: #000; }
.hinta { font-size: 11pt; font-family:'Nobile', 'Helvetica', 'Arial'; color: #000; }
.copytext { font-size: 8pt; font-family:'Nobile', 'Helvetica', 'Arial'; color: #a4a4a4; }
.bigtext { font-size: 14pt; font-family:'Nobile', 'Helvetica', 'Arial'; color: #000; }
.headertext { font-size: 20pt; font-family:'Nobile', 'Helvetica', 'Arial'; color: #444; }