﻿body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #999999;
  color: black;
  font: small Arial, Helvetica, Verdana, sans-serif;
}

h1, .h1 { font-size: 140%; color: #333333; background-color: transparent; font-weight: Bold; }
h2, .h2 { font-size: 130%; color: #333333; background-color: transparent; font-weight: Bold; }
h3, .h3 { font-size: 120%; color: #333333; background-color: transparent; font-weight: Bold; }
h4, .bold { font-size: 100%; color: #333333; background-color: transparent; font-weight: Bold; }

.note{ font-size: 95%; color: #000000;}
.note1{ font-size: 90%; color: #444444; }
.note2{ font-size: 85%; color: #666666;}
.note3 { font-size: 75%; color: #666666; }


.HeadlineLink { color: #333333; font-weight: Bold; }
.tulimieleen { COLOR: #333333; FONT-WEIGHT: bold; TEXT-DECORATION: none }

img { border: 0; }

@media print {
    #sidebar ul{ display: none; }
    #lang { display: none; }
    #zzheader { display: none; }
    #footer { display: none; }
}

#wrapper {
	min-width: 700px;
	max-width: 960px;
	width:expression(document.body.clientWidth > 960? "960px": "auto" );
	  /* ---http://www.svendtofte.com/code/max_width_in_ie/----  */
	text-align: left;
	margin-top: 15px;
 	margin-bottom: 15px;  
 	margin-left: auto; 
 	margin-right: auto; 
 	padding: 0;
	border: 0px solid #999999
}


#header {
  color: #FFFFFF;
  text-align: center;
  margin: 0 0 10px 0;
  border: 0px solid #666666;
  padding: 3px 0 0 0;
}


#main {
  margin: 0;
  padding: 0;
}



#header ul, #footer ul {
  margin: 0;
  padding: 0;
}

#header li, #footer li {
 list-style-type: disc;
  display: inline;
  margin-left: 15px;
}

#header A:link, #footer A:link {
		COLOR: #FFFFFF; text-decoration: underline;
}
#header A:hover, #footer A:hover {
		COLOR: #FFFFFF; text-decoration: underline;
}

#header A:visited, #footer A:visited {
		COLOR: #FFFFFF; text-decoration: underline;
}






/* ======== CONTENT ======== */

#content {
  margin: 0;
  padding: 10px 15px 10px 15px;
  border-top: 1px solid #990000;
  border-left: 1px solid #990000;
  border-right: 1px solid #990000;
  background-color: #FFFFFF;
}

#content_black {
  margin: 0;
  padding: 10px 15px 10px 15px;
  border-top: 1px solid #990000;
  border-left: 1px solid #990000;
  border-right: 1px solid #990000;
  color: #FFFFFF;
  background-color: #000000;
}



#content h1, h2 {
	margin: 0 0 2px 0;
}

#content h3, h4 {
	margin: 3px 0 1px 0;
}

#content A:link {
		COLOR: #993333; text-decoration: underline;
}
#content A:hover {
		COLOR: #000000; text-decoration: underline;
}

#content A:visited {
		COLOR: #333399; text-decoration: underline;
}

.centrum {
	text-align: center;
}



/* ============== MenuLink ========  */

A.MenuLink { 
	color: #FFFFFF; font-size: 100%; letter-spacing: 0.02em; font-weight: bolder; MARGIN: 0px; TEXT-DECORATION: none
}

A.MenuLinkSelected { 
	color: #FFFFFF; font-size: 100%; letter-spacing: 0.02em; font-weight: bolder; MARGIN: 0px; TEXT-DECORATION: underline
}

A.MenuLink:hover { 
	color: #FFFFFF; font-size: 100%; letter-spacing: 0.02em; font-weight: bolder; MARGIN: 0px; TEXT-DECORATION: underline
}


A.SubMenuLink { 
	color: #FFFFFF; font-size: 90%; letter-spacing: 0.02em; font-weight: normal; margin-left: 0px; TEXT-DECORATION:  none
}

A.SubMenuLinkSelected { 
	color: #FFFFFF; font-size: 90%; letter-spacing: 0.02em; font-weight: normal; margin-left: 0px; TEXT-DECORATION:  underline
}

A.SubMenuLink:hover { 
	color: #FFFFFF; font-size: 90%; letter-spacing: 0.02em; font-weight: normal; margin-left: 0px; TEXT-DECORATION: underline
}




/* ============== MENU DIV ======== */

.MenuDiv, .MenuCell { 
	background-color: #CC0000;
	margin: 0;
	padding: 3px 1px 3px 7px;
	border-top: 1px solid #DC3349;
	border-bottom: 1px solid #990000;
}


.MenusubDiv, .SubMenuCell { 
background-color: #CC0000;
margin: 0;
padding: 4px 1px 4px 12px;
border-bottom: 0px solid #990000;
}

/* ============== MENU DIV ========*/



#clearone {
  clear: both;
  height: 1px;
margin: 0;
  padding: 0;
  border-left: 1px solid #990000;
}

#footer {
	clear: both;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 1px 0 2px 0;
	border-bottom: 1px solid #990000;
	background-color: #CC0000;
}


#update {
	color: #CCCCCC;
	font-size: 85%;
	margin: 0;
	text-align: center;
	padding: 20px;
}

#update A:link, #update A:visited {
		COLOR: #DDDDDD; font-size: 85%; text-decoration: none;
}
#update A:hover {
		COLOR: #999999; font-size: 85%; text-decoration: underline;
}