/* Common styles */

  div, span, p,
  h1, h2, h3, h4,
  table, th, td,
  img,
  form,
  ul, li {
  margin: 0;
  padding: 0;
  border: 0;
}
 
body {
  margin: 25px 0;
  padding: 0;
  color: #000;
  background: #f7f7f7;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
}

a {
  font-size: 11px;
  font-family: "trebuchet ms", verdana, arial, sans-serif;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

th, td {
font-size: 11px;
}

ul {
  margin: 5px 0 0 10px;
/*   list-style-type: square; */
/*  list-style-position: inside; */
}

li {
  list-style-type: none;
  list-style-image: url('/files/nslehti/images/list_dash.png');
  margin: 0 0 5px 5px;
}

.clear {
  clear: both;
}

.clearer {
clear: both;
line-height: 0;
font-size: 0;
height: 0;
}

h1, h2, h3 {
  font-family: "trebuchet ms", verdana, arial, sans-serif;
}

h1 {
  font-size: 20px;
  color: #506c81;
}

h2 {
  font-size: 18px;
  font-weight: normal;
  color: #506c81;
}

h3 {
  font-size: 15px;
  font-weight: normal;
  color: #506c81;
}

h4 {
}

h5 {
}

h6 {
}



input, textarea, select {
border-color: #0099ff;
}

input.submit {
  border: 1px outset #0099ff;
  background: #ECF4F7;
}

/* Debug */

xdiv {
  border: 1px solid black;
}


/* Container */

div.container {
  width: 907px;
  margin: 0 auto;
}

div.page {
  float: left;
  width: 757px;
}


/* Header */

div.header {
  height: 96px;
}

div.header_1 {
  background: url('/files/nslehti/images/header_1.jpg') bottom center no-repeat;
}

div.header_2 {
  background: url('/files/nslehti/images/header_2.jpg') bottom center no-repeat;
}

div.header_3 {
  background: url('/files/nslehti/images/header_3.jpg') bottom center no-repeat;
}

div.header_4 {
  background: url('/files/nslehti/images/header_4.jpg') bottom center no-repeat;
}


.header a.nslink {
  float: left;
  position: relative;
  top: 20px;
  left: 62px;
  width: 70px;
  height: 35px;
}

.header div.issue {
  float: right;
  position: relative;
  color: white;
  font-weight: bold;
}

.header_1 div.issue {
  top: 37px;
  right: 8px;
}

.header_2 div.issue {
  top: 37px;
  right: 8px;
}

.header_3 div.issue {
  top: 37px;
  right: 8px;
}

.header_4 div.issue {
  top: 37px;
  right: 8px;
}


/* Menu */

div.menu {
  border-width: 0 2px;
  border-color: #eee;
  border-style: solid;
  padding: 0 2px;
  background: white;

}

.menu table {
  width: 749px;
  border-spacing: 0;
  border-collapse: collapse;
  background: #228220 url('/files/nslehti/images/menubackground_green.gif') top left repeat-x;
}

.menu td {
  padding: 5px 25px;
  text-align: center;
  border-left: 2px solid white;

}

.menu td.start {
  width: 60px;
  padding: 0;
}

.menu td.selected {
  background: #ecf4f7;
}

.menu a {
  white-space: nowrap;
  font-weight: bold;
  font-family: Arial, Verdana, sans-serif;
}

.menu a:link,
.menu a:visited {
  color: white;
  text-decoration: none;
}

.menu a:focus,
.menu a:hover,
.menu a:active {
  color: white;
  text-decoration: underline;
}

.menu .selected a:link,
.menu .selected a:visited,
.menu .selected a:focus,
.menu .selected a:hover,
.menu .selected a:active {
  color: #606163;
  text-decoration: none;
}


/* Content */

div.content {
  border-width: 0 2px 1px 2px;
  border-color: black #eee #eee #eee;
  border-style: solid;
  background: white;
  padding: 2px;
}

.content div.contentarea {
  background: #f4f8fb;
  padding: 0 0 0 1px;
}

.content .contentarea b {
  color: #384855;
}

.content .contentarea a.selected:link,
.content .contentarea a.selected:visited,
.content .contentarea a.selected:focus,
.content .contentarea a.selected:hover,
.content .contentarea a.selected:active {
  color: #4c697b;
  text-decoration: none;
}

.content .contentarea a:link,
.content .contentarea a:visited {
  color: #0e8ee9;
  text-decoration: none;
}

.content .contentarea a:focus,
.content .contentarea a:hover,
.content .contentarea a:active {
  color: #0e8ee9;
  text-decoration: underline;
}

/* Frontpage */

.content div.frontpage_column1,
.content div.frontpage_column2,
.content div.frontpage_column3 {
  height: 305px;
  overflow: hidden;

}

.content div.frontpage_column4,
.content div.frontpage_column5,
.content div.frontpage_column7 {
 height: 140px;
overflow: hidden;
}

.content div.frontpage_column6 {
height: 140px;
overflow: hidden;
}

.content div.frontpage_column1 div.padding,
.content div.frontpage_column2 div.padding,
.content div.frontpage_column3 div.padding,
.content div.frontpage_column4 div.padding,
.content div.frontpage_column5 div.padding,
.content div.frontpage_column6 div.padding,
.content div.frontpage_column7 div.padding {
  padding: 10px 15px;
}

div.frontpage_image {
  text-align: center;
  padding: 10px 0 0 0;
}

.frontpage_image img {
  border: 2px solid white;
}

a.frontpage {
  font-size: 17px;
  font-weight: bold;
  display: block;
  margin: 0 0 7px 0;
}

a.frontpage:link,
a.frontpage:visited {
  color: #0099ff;
  text-decoration: none;
}

a.frontpage:focus,
a.frontpage:hover,
a.frontpage:active {
  color: #0099ff;
  text-decoration: underline;
}

.content div.frontpage_column1 {
  float: left;
  width: 185px;
  background: #edf4f7;
  border-right: 2px solid white;
}

.content div.frontpage_column2 {
  float: left;
  width: 374px;
  background: #f4f8fa;
  border-right: 2px solid white;
}

.content div.frontpage_column3 {
  background: #edf4f7;
  float: left;
  width: 185px;
}

.content div.frontpage_column4 {
  float: left;
  width: 185px;
  background: #f4f8fa;
  border-top: 2px solid white;
  border-right: 2px solid white;
}

.content div.frontpage_column5 {
  float: left;
  background: #edf4f7;
  width: 180px;
  border-top: 2px solid white;
  border-right: 2px solid white;
}

.content div.frontpage_column6 div.padding
{}

.content div.frontpage_column7 div.padding {
  padding-top: 20px;
}

.content div.frontpage_column6 {
  float: left;
  background: #f4f8fa;
  width: 185px;
  border-right: 2px solid white;
  border-top: 2px solid white;
}

.content div.frontpage_column7 {
  float: left;
  background: #edf4f7;
  width: 190px;
  overflow: hidden;
}

.content div.frontpage_title_bluered {
  background: url('/files/nslehti/images/frontpage_title_bluered_2.gif') top right no-repeat;
  width: 194px;
  height: 26px;
  float: right;
  position: relative;
  margin-top: -155px;
}

.frontpage_title_bluered span {
  display: block;
  padding: 5px 0 0 0;
  font-weight: bold;
  text-align: center;
  color: white;
}

.frontpage_title_bluered a.br:link,
.frontpage_title_bluered a.br:visited {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.frontpage_title_bluered a.br:focus,
.frontpage_title_bluered a.br:hover,
.frontpage_title_bluered a.br:active {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.content .frontpage_title_bluered span.blue {
  width: 185px;
  height: 26px;
  float: left;
}

.content .frontpage_title_bluered span.red {
  width: 190px;
  height: 26px;
  float: right;
}


/* Other pages */

.content div.column1 {
  float: left;
  width: 186px;
  margin: 0 0 10px 0;
}

.content .column1 div.padding {
  padding: 20px 15px;
}

.content .column1 div.title {
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  color: white;
  background: url('/files/nslehti/images/titlebackground_red.gif') center left repeat-x;
  border-right: 2px solid white;
}

.content .column1 .links {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  background: #ecf4f7;
}

.content .column1 .links a {
  display: block;
  font-weight: bold;
  padding: 8px 10px 8px 15px;
  border-bottom: 2px dotted white;
}

.content .column1 .links a.last {
  border-bottom: none;
}

.content .column1 div.smallimage {
  text-align: right;
}

.content .column1 div.smallimage img {
  border: 2px solid white;
}

.content div.column2 {
  float: right;
  width: 550px;
}

.content .column2 div.padding {
  padding: 35px 40px 15px 35px;
}

.content div.bigimage {
  margin: 5px 0 0 0;
  text-align: center;
}

.content .bigimage img {
  border: 2px solid white;
}

/* Tilaa lehti, kerro kaverille & feedback forms */

.feedback table,
.inform table,
.mailinglist table {
}

.feedback td,
.inform td,
.mailinglist td {
  vertical-align: top;
  white-space: nowrap;
  padding: 5px;

}

.feedback td.q,
.inform td.q,
.mailinglist td.q {
  font-weight: bold;
}

.feedback td.a,
.inform td.a,
.mailinglist td.a {
}

.feedback textarea {
  width: 200px;
  height: 150px;
}


/* Lehden valinta -select */
select.changer {
  width: 160px;
}


/* Footer */

table.footer {
  width: 100%;
  border-width: 2px;
  border-color: #eee;
  border-style: solid;
  background: white;
  border-collapse: separate;
  border-spacing: 2px;
  height: 50px;
}

.footer td {
  width: 50%;
  text-align: center;
  vertical-align: middle;
}

.footer td.column1 {
  background: #f4f8fb;
}

.footer td.column2 {
  background: #ecf4f7;
}

.footer .column2 a {
  padding: 0 15px;
}

.footer .column2 a:link,
.footer .column2 a:visited {
  color: #048fe4;
  text-decoration: none;
}

.footer .column2 a:focus,
.footer .column2 a:hover,
.footer .column2 a:active {
  color: #048fe4;
  text-decoration: underline;
}

/* Sidebar */

div.sidebar {
  width: 140px;
  float: right;
  border-width: 2px;
  border-color: #eee;
  border-style: solid;
  padding: 2px;
  background: white;
}


/* Copyright */

div.copyright {
  width: 140px;
  float: right;
  margin: 10px 0 0 0;
  padding: 0 5px 0 0;
  
  text-align: center;
  color: #aaa7a7;
}

.banner img{

margin: 0 0 2px 0;

}


/* Gallup */

#gallup {
padding: 0px;
font-size: 11px;
}

.gallup_cell {
font-size: 11px;
}

#gallup h2 {
font-size: 12px; 
font-weight: bold;
margin-bottom: 0px;
}

.g_pros {
padding-left: 4px;
}

table.kommentit { border-top: 3px solid #555555; border-left:2px solid #555555; border-right: 2px solid #555555; width: 450px; }

.row1c1 {  padding: 5px; border-right: 1px solid #888888; background: #d6e8ef;}
.row2c1 { padding: 5px;  border-right: 1px solid #888888; background: #d6e8ef;}
.row3c1 { padding: 5px; border-right: 1px solid #888888; border-bottom: 3px solid #555555; background: #d6e8ef;}
.row1c2 { font-weight: bold;  padding: 5px; border-bottom: 1px solid #888888;}
.row2c2 { padding: 5px; border-bottom: 1px solid #888888;}
.row3c2 { padding: 5px; border-bottom: 3px solid #555555;}
.komment { width: 250px; padding-bottom: 4px; }

.cmHotspot {position: relative;}