/* CSS Document */

/* the height spawns a vertical scrollbar on all pages
 * to prevent short pages jumping to the left on Firefox
 * add a color and tiled image background to the page */ 
html, body {
	background-repeat: no-repeat;
	background-color: #2F2F2F;
	background-image: url(../kuvat/bckrond2.gif);
  }
/* this next rule prevents Firefox adding a space beneath the
 * title image when displayed as application/xhtml+xml */
#titlebar img {
  display: block;
  }
/* footer styles - set to height and width of the footer image */
#footer {
	width: 900px;
	height: 20px;
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 70%;
	background-color: #DFD097;
	float: left;
  }
#footer p {
	margin: 0;
	padding: 2px 2px 2px 2px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
  }
/* styles for contact form */
form {
	margin: 10px 25px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
  }
#email, #name {
width: 500px;
}
#message {
width:350px;
height:150px;
}
label, .warning {
font:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.warning {color:#F00;
}
 
#name, #email {
	width: 350px;
	font-size: 100%;
	background-color: #DDDDDD;
  }
#message {
	width: 350px;
	height: 150px;
	background-color: #DDDDDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
  }
label {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  }
.warning {
  color:#F00;
  }
/* styles for random quote */
blockquote {
	border-top: 10px solid #777777;
	border-bottom: 10px solid #777777;
	background: #EFF0EE;
	width: 250px;
	text-align: center;
	margin: 5px 20px 0 1em;
	padding: 0;
	font-family: georgia, serif;
	font-size: 130%;
	letter-spacing: -1px;
	line-height: 1.2;
	color: #333333;
	float: right;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #BBBBBB;
	border-left-color: #BBBBBB;
  }
#tunnusluvut {
	margin-left: 15px;
	margin-bottom: 10px;
}
#maincontent blockquote p {
  margin: 0 1em;
  }
#quote {
  margin: 0;
  padding: 20px 20px 10px 20px;
  }
#author {
  margin: 0;
  padding: 0 0 10px 0;
  color: #999;
  font-size: 80%;
  }
#space {
	background-color: #DDDDDD;
	clear: left;
	float: left;
	height: auto;
	width: 198px;
	border-bottom-color: #CCCCCC;
	color: #FFFFFF;
	display: block;
}
#news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	color: #000000;
	float: left;
	display: block;
	white-space: normal;
	width: 170px;
	margin-left: 10px;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: 15px;
}
#random {
	clear: both;
	height: 120px;
	width: 900px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #444444;
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 150px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	margin-bottom: 1em;
	white-space: normal;
}
.news_plain {
	font-size: 120%;
	font-weight: bold;
}
.ajank {
	margin-left: 10px;
}
#yhteystaulukko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #444444;
	background-color: #FFFFFF;
	border: thin dotted #BBBBBB;
}
.jobs {
	width: 450px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
}
#maincontentNews {
	float: left;
	clear: both;
	width: 900px;
	overflow: auto;
	height: 300px;

}
#maincontentNews2 {
	float: left;
	clear: both;
	width: 900px;
	overflow: auto;
	height: 300px;
}