/* Perustyylit */

body {

  background: #FFF url(/img/bg_body.gif) repeat-x top left;
  width: 100%;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: center;
}

a, div, span, p, ul, li, blockquote, table, tr, td, input, textarea, option, select {

  font: normal 12px Tahoma, Verdana, Arial, Sans-Serif; color: #59595B;
}
  
h2, h3 {

	font: normal 24px Georgia, Verdana, Arial, Sans-Serif; color: #af1130;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 25px;
	margin-bottom: 10px;
}

div, img {

  padding: 0;
  margin: 0;
  border: 0;
}

ul {

  list-style-type: disc;
  padding: 0 0 0 20px;
  margin: 0px;
}
li {

  list-style-type: disc;
  padding-bottom: 2px;
}
li.inner {

  list-style-type: none;
  padding-bottom: 2px;
}

p {

  margin: 10px 0;
}

.kentta, .nappi {

  border: 1px solid #59595B;
  padding: 2px;
}

/* LINKIT */

a:link, a:visited, a:active {

  color: #af1130;
  text-decoration: underline;
}
a:hover, a:visited:hover, a:active:hover {

  text-decoration: none;
}

/* Wrapper */

div#wrapper {

  width: 770px;
  margin: 0 auto;
  text-align: left;
}

/* Header */

div#header {

  width: 770px;
  height: 45px;
  float: left;
  z-index: 1100;
}

div#header h1 {

  display: none;
}

/* Kielipalkki */

div#lang {

  width: 770px;
  height: 31px;
  he\ight: 30px;
  padding-top: 1px;
  float: left;
  text-align: right;
}

#lang a:link, #lang a:visited, #lang a:active {

  font: bold 12px Georgia, Verdana, Arial, Sans-Serif; color: #FFF;
  text-decoration: none;
}

#lang a:hover, #lang a:visited:hover, #lang a:active:hover {

  color: #DDD;
  text-decoration: none;
}

/* Päävalikko */

div#menu {

  width: 770px;
  height: 34px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  float: left;
  he\ight: 34px;
}

ul#mainmenu {

  padding: 0;
  margin: 0;
  list-style-type: none;
  z-index: 2000;
}

ul#mainmenu li {

  padding: 0;
  margin: 6px 0 0 0;
  border: 0;
  display: inline;
  float: left;
  z-index: 2001;
}

#mainmenu li a:link, #mainmenu li a:visited, #mainmenu li a:active {

  font: bold 12px Georgia, Verdana, Arial, Sans-Serif; color: #af1130;
  text-decoration: none;
}

#mainmenu li a:hover, #mainmenu li a:visited:hover, #mainmenu li a:active:hover {

  color: #59595B;
  text-decoration: none;
}

#mainmenu li a img {

  float: left;
}

#mainmenu li#logo {

  margin: 0 11px 0 0;
}

.avoimet {

  margin: 0 10px 25px 0;
}

.ilmoitus {

  margin: 0 10px 55px 0;
}

/* Sisällöt */

div#content {

  width: 770px;
  clear: both;
}

div#nosto {

  width: 465px;
  min-height: 300px;
  padding: 38px 0px 0px 0px;
  float: left;
  w\idth: 465px;
}

* html #nosto {

  height: 300px;
}

div#text {

  width: 465px;
  padding: 0 25px 10px 25px;
  line-height: 1.5;
  float: left;
  w\idth: 415px;
}

div#submenu {

  width: 305px;
  padding: 14px 0px 10px 0px;
  float: left;
  w\idth: 305px;
}

#submenu p {

  margin: 5px 0 10px 0;
}

/* Footer */

div#footer {

  clear: both;
  width: 770px;
  padding: 5px 20px 10px 20px;
  border-top: 4px solid #59595B;
  w\idth: 730px;
}

ul#footermenu {

  padding: 0 0 0 0;
  margin: 0 0 0 0;
  list-style-type: none;
}

ul#footermenu li {

  margin: 2px;
  padding: 0 2px 0 2px;
  border: 0;
  font-size: 11px;
  color: #59595B;
  font-weight: normal;
  display: inline;
  float: left;
}

#footermenu li a:link, #footermenu li a:visited, #footermenu li a:active {

  font-size: 11px;
  color: #af1130;
  font-weight: normal;
  text-decoration: none;
}

#footermenu li a:hover, #footermenu li a:visited:hover, #footermenu li a:active:hover {

  color: #59595B;
  text-decoration: none;
}

/* Tippuvalikot */

#mainmenu li.submenu #sub1,
#mainmenu li.submenu #sub2,
#mainmenu li.submenu #sub3,
#mainmenu li.submenu #sub4,
#mainmenu li.submenu #sub5,
#mainmenu li.submenu #sub6 {

  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1000;
  visibility: hidden;
  width: 152px;
  w\idth: 150px;
  padding: 0;
  margin: 0;
  border-top: 0px solid #af1130;
  border-bottom: 0px solid #af1130;
  border-left: 1px solid #af1130;
  border-right: 0px solid #af1130;
}

#mainmenu li.submenu #sub6 {

  width: 99px;
  w\idth: 97px;
}

#mainmenu li.submenu .tippumenu li {

  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
}

#mainmenu li.submenu .tippumenu li a:link,
#mainmenu li.submenu .tippumenu li a:active,
#mainmenu li.submenu .tippumenu li a:visited {

  background-color: #af1130;
  display: block;
  width: 150px;
  w\idth: 130px;
  padding: 5px 10px 3px 10px;
  margin: 0 0 0 0;
  border-bottom: 1px solid #FFFFFF;
  font: normal 11px Tahoma, Verdana; color: #FFFFFF;
  text-align: left;
  text-decoration: none;
}

#mainmenu li.submenu .tippumenu li.alataso a:link,
#mainmenu li.submenu .tippumenu li.alataso a:active,
#mainmenu li.submenu .tippumenu li.alataso a:visited {

  background-color: #75071c;
}

#mainmenu li.submenu #sub6 li a:link,
#mainmenu li.submenu #sub6 li a:active,
#mainmenu li.submenu #sub6 li a:visited {

  width: 97px;
  w\idth: 77px;
}

#mainmenu li.submenu .tippumenu li a:hover,
#mainmenu li.submenu .tippumenu li a:active:hover,
#mainmenu li.submenu .tippumenu li a:visited:hover {

  background-color: #bf1234;
  text-decoration: none;
}


/* Tabitettu hakemus */

@media projection, screen {
    .tabs-hide {
        display: none;
    }
}

@media print {
    .tabs-nav {
        display: none;
    }
}

.tabs-nav {
    display: inline;
	position: absolute;
	left: -20px;
	width: 450px;
}

.tabs-nav li {
    list-style: none;
    float: left;
    margin: 1px 3px 1px 0;
}

.tabs-nav li a {
    display: block;
    background-color: #DCDCDC;
    width: 125px;
    padding: 3px 3px 3px 6px;
    color: #000;
    text-decoration: none;
}

.tabs-nav li a:hover {
    background-color: #af1130;
    color: #FFF;
    text-decoration: none;
}

.tabs-nav .tabs-selected a {
    background-color: #af1130;
    color: #FFF;
    text-decoration: none;
}

.tabs-container {
    clear: both;
    padding-top: 85px;
}