/* CSS Document */
body, html {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	
}

body {
	/*background-image: url(images/mediataidenet_01.jpg);*/
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

html {
	
}

.page {
	position: relative;
	width: 768px;
	margin: 0 auto auto auto;
	/* muut selaimet, sijoita ennen IE heightsiä:*/
	min-height: 100%;
	height: auto !important;
	/* important ylimerkkaa kaikki muut samat määritellyt*/
	/*IE spesifi height:*/
	height: height 100%;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(images/mediataidenet_05.gif);
	background-repeat: no-repeat;
	background-position: 0px 52px;
}

.header {
	position: relative;
	width: 768px;
	background: #FFFFFF URL(images/mediataidenet_03.gif) no-repeat;
	/* bg: ensin väri, sitten kuva, repeat, position*/
	height: 52px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}

.vasenpalkki {
	position: absolute;
	width: 61px;
	height: 100%;
	margin: 0 auto 0 0;
	background: #000001 URL(images/mediataidenet_01.gif) no-repeat;
	padding: 0 0 0 0;
	float: left;
}

.oikeapalkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333300;
	background-color: #e9eee9;
}


.content {
	width: 680px;
	height: 100%;
	margin: 42px 0 0 62px;
}

.leipa {
	width: 680px;
	float: left;
	margin: 55px 0 0 10px;
}


.otsikkoteksti {
	/*poistetaan linkin sis. olevilta kuvilta border*/
	width: 64px;
	height: 24px;
}


/*navmenu NAVIGAATIOMÄÄRITTELY ylävalikko alkaa */

.navmenu {
	float: right;
}
ul#navmenu {
  margin: 5px 0 0 auto;
  padding: 2px;
  width: 768px; /*KHTML*/
  list-style: none;
  height: 24px;
  float: left;
}

ul#navmenu li {
  margin: 0 0 0 0;
  border: 0 none;
  padding: 0;
  float: right; /*Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  border: 0 none;
  padding: 0;
  width: 100px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul:after /*IE 7 */{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 100px;
  float: left; /*IE 7 */
  display: block !important;
  display: inline; /*For IE*/
}

/* päätason menu */
ul#navmenu a {
	border: 1px solid #003333;
	padding: 0 10px;
	float: none !important; /*Opera*/
	float: left; /*IE*/
	display: block;
	color: #333333;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*IE*/
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 22px;
	font-weight: bold;
}

/* Päämenu hover */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	border: 1px solid #333333;
	color: #333333;
	background-color: #CCCCCC;
}

/* kakkostason Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  border: 1px solid #00639F;
  background: #FFFFFF;
  color: #333333;
}

/* kakkostason hover */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	border: 1px solid #333333;
	color: #333333;
	background-color: #CCCCCC;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* älä siirrä tätä tulee ennen display:block - Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/*navmenu ylävalikko NAVIGAATIO loppuu*/

/*KIELIVALINTA NAVIGAATIO ALKAA*/

ul#engmenu {
  margin: 5px 0px 0 10px;
  padding: 2px;
  width: 90px; /*KHTML*/
  list-style: none;
  height: 24px;
  float:right;
}

ul#engmenu a {
	/*float: none !important; /*Opera*/
	float: right; /*IE*/
	display: block;
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFFFFF;
	border: #666666;
}

/* hover */
ul#engmenu a:hover {
	border: none;
	color: #00639F;
	background-color: none;
}


ul#engmenu li:hover ul {
  display: block;
}

/* KIELIVALINTA NAVIGAATIO LOPPUU*/


.tyhja {
	width: 100px;
	margin: 0 auto;
	height: 10px;
	clear: both;
	/* clear tyhjentää float komennon joka määritelty edellisissä joten eivät päde tähän osaan!*/
}

/* määritellään footerille class joka asettaa contentille minimialueen (ei mene päälle)*/
.footershield {
	height: 30px;
	clear: both;
	/* clear: ei huomioi kummastakaan suunnasta tulevia floatteja tai aligneja. Clear left ja rigth myös olemassa*/
}

.footer {
	position: absolute;
	bottom: 0;
	width: 730px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	left: 10px;
	right: 10px;	
	background-image: url(images/footer2.gif);
	background-repeat: no-repeat;
	background-position: 20px;
}



/* misc:*/

a img
{
	/*poistetaan linkin sis. olevilta kuvilta border*/
	border4: 0;
}

.hidden 
{
	/*piilottava luokka!!*/
	display: none;
}

/*TYPOGRAFIA*/
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#336633;
}


a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0033FF;
	text-decoration: underline;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	text-decoration: underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0033FF;
	text-decoration: underline;
}

.oikeapalkki a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033FF;
	text-decoration: underline;
}
.oikeapalkki a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033FF;
	font-size: 11px;
	text-decoration: underline;
}
.oikeapalkki a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	text-decoration: underline;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #336633;
	font-weight: bold;
	font-style: normal;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336633;
	font-weight: bold;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #336633;
	font-weight: bold;
}

.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.english {
	font-family: Arial, Helvetica, sans-serif;
	color: #330033;
}