/************* FONTER *************/

/* Generella definitioner för rubriker och löptext */

h1 {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  font-size: 20px; 
  color: #333333; 
  font-style: normal;
  margin: 7px;
  margin-bottom: 15px;
}

h2 {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  font-size: 16px; 
  color: #333333; 
  font-style: normal;
  margin: 7px;
  margin-bottom: 15px;
}

h3 {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  font-size: 14px; 
  color: #333333; 
  font-style: normal;
  margin: 7px;
  margin-bottom: 15px;
}

h4 {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  font-size: 9px; 
  color: #999999; 
  font-style: normal;
  margin: 7px;
  margin-bottom: 15px;
}

p {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  font-size: 12px; 
  color: #333333; 
  font-style: normal;
  text-align: justify;
  margin: 7px;
  margin-bottom: 15px;
}

.contenttd ul li {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  font-size: 12px; 
  color: #333333; 
  font-style: normal;
  text-align: left;
  margin: 7px;
}

.contenttd table tr td {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  font-size: 12px; 
  color: #333333; 
  font-style: normal;
  text-align: left;
  margin: 7px;
}

/* Definitioner för navigationsmenyn */

.navigation h1 {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  text-align: left;
  font-size: 20px; 
  color: #333333; 
  font-style: normal;
  margin-bottom: 0px;
}

.navigation a {
  font-family: Arial, sans-serif; 
  font-size: 12px; 
  text-decoration: none; 
  color: blue; 
  font-style: normal;
}

/* Definitioner för 'Senaste nytt i Galleriet' */

.latestpicture h1 {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  font-size: 20px; 
  color: #333333; 
  font-style: normal;
}

/* Definitioner för radrubrikerna i fenologitabellerna */

.fenologi table {
  font-family: Arial Narrow, sans-serif;
  font-size: 16px;
}

.fenologi table i {
  font-family: Arial Narrow, sans-serif;
  font-size: 12px;
}

/* Definitioner för återfyndstabellerna */

table.ringmrecovery {
  font-family: Arial, sans-serif;
}

table.ringmcontrol {
  font-family: Arial, sans-serif;
}

/* Definitioner siffrorna i ringmärkningstabellerna */

table.ringmtable tr td table tr td {
  font-size: 12px;
}

/* Definitioner för sidfoten */
.footer { 
   font-size: 12px;
}

/************* SLUT FONTER *************/

/************* SEKTIONSINDELNING *************/

/* Färgen på bakgrunden utanför sidan */

body.phpgenerated {
  background-color: #666666;
}

/* Huvudtabellen som innefattar hela sidan */

table.alltable {
  background-color: #ffffff;
  width: 970px;
  margin: 0px;
  padding: 0px;
}

/* Sidhuvudet (spänner hela huvudtabellen) */

td.headertd {
  width: 970px;
  border-bottom: 2px solid #aaaaaa;	
}

/* Övergripande indelning i navigation och innehåll */
td.navtd {
  width: 175px;
  border-right: 2px solid #aaaaaa;	
}

td.contenttd {
  width: 795px;
  margin: 0px;
  padding: 0px;
}

/* Sidfoten (spänner hela huvudtabellen) */

/* Indelning av sidhuvudet */

td.headertd table td.logo {
  width: 255px;
}

td.headertd table td.pics {
  width: 460px;
}

td.headertd table td.flagtd {
  width: 255px;
}

/* Indelning av innehållsdelen. widesection används om wide=true i URLen, annars används middlesection och rightsection */

td.contenttd table.sectiontable {
   width: 795px;
   margin: 0px;
   padding: 0px;
}

td.contenttd table.sectiontable td.widesection {
  width: 795px;
}

td.contenttd table.sectiontable td.middlesection {
   width: 620px;
   margin: 0px;
   padding: 0px;
   border-right: 2px solid #aaaaaa;
}

td.contenttd table.sectiontable td.rightsection {
   width: 175px;
   text-align: center;
}

/* Mittsektionen kan dessutom indelas i två halvor */

td.contenttd table.sectiontable td.middlesection table.middlesectioninnertable {
   width: 620px;
   margin: 0px;
   padding: 0px;
}

td.contenttd table.sectiontable td.middlesection table.middlesectioninnertable td {
   width: 310px;
}

td.contenttd table.sectiontable td.middlesection table.middlesectioninnertable {
   border-top: 2px solid #aaaaaa;
}

td.contenttd table.sectiontable td.middlesection table.middlesectioninnertable td.right {
   border-left: 2px solid #aaaaaa;
}


/************* SLUT SEKTIONSINDELNING *************/

/************* NAVIGATIONSMENYN *************/

/* Menyn är i princip utan marginaler. Den första nivå som syns är dock ul li ul, som definieras nedan. Ingen list-style. */

.navigation ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  text-align: left;
}

/* Vänstermarginal för högsta meny-nivån samt indentering för undermenyer. */

.navigation ul li ul{
  padding: 2px;
  margin-left: 8px;
}

/* Pilarnas position relativt texten. */

.navigation li ul img {
  position: relative;
  right: 2px;
}

/* Färgförändring vid musrörelse över en menyrubrik. */

.navigation a:hover {
  color: #333333;
}

/* Menyrubriker som inte expanderas (eftersom de tillhör en undermeny som inte är vald) ska inte visas. */

.navigation li.other li{
  display: none;
}

/* Se till att de icke-visade menyerna inte ger upphov till luckor. */

.navigation li.other ul{
  padding: 0px;
}

/************* SLUT NAVIGATIONSMENYN *************/

/************* SIDFOTEN *************/

.footer { 
  text-align: center;
  background-color: #dcdefe;
}

/************* SLUT SIDFOTEN *************/

/************* RINGMÄRKNINGSTABELLERNA *************/

/* Övergripande format på de scrollbara års- och månadssummetabellerna */

table.ringmtable {
  margin: 10px;
  width: 780px;
  border: 2px solid #aaaaaa;
}

.ringmdata {
  height: 370px;
  overflow: auto;
}

.ringmtables h1 {
	font-size: 24px;
}

/* Bredd och text-alignment hos de olika kolumnerna i de scrollbara års- och månadssummetabellerna */

table.ringmtable tr td table tr td {
  text-align: right;
  border: 1px solid #aaaaaa;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

table.ringmtable tr td table tr td.num {
  width: 29px;
  text-align: right;
}

table.ringmtable tr td table tr td.widenum {
  width: 34px;
  text-align: right;
}

table.ringmtable tr td table tr td.yearnum {
  width: 36px;
  text-align: right;
}

table.ringmtable tr td table tr td.ringdays {
  text-align: right;
}

table.ringmtable tr td table {
  width: 750px;
}

table.ringmtable tr td table tr td.month {
  width: 29px;
  text-align: left;
  font-weight: bold;
}

table.ringmtable tr td table tr td.year {
  width: 36px;
  text-align: left;
  font-weight: bold;
}

table.ringmtable tr td table tr td.species {
  text-align: left;
  font-weight: bold;
}

table.ringmtable tr td table tr td.engspecies {
  text-align: left;
}

table.ringmtable tr td table tr td.season {
  width: 36px;
  text-align: left;
  font-weight: bold;
  font-style: italic;
}

table.ringmtable tr td table tr td.seasonnum {
  width: 36px;
  text-align: right;
  font-style: italic;
}

table.ringmtable tr td table tr td.sum {
  width: 47px;
  text-align: left;
  font-weight: bold;
}

table.ringmtable tr td table tr td.sumnum {
  width: 47px;
  text-align: right;
  font-weight: bold;
}

table.ringmtable tr td table tr td.sumrow {
  font-weight: bold;
}

table.ringmtable tr td table tr td.sumlabel {
  text-align: left;
  font-weight: bold;
}

table.ringmtable tr td table tr td.seasonsum {
  text-align: right;
  font-weight: bold;
  font-style: italic;
}

table.ringmcolorstable {
  font-family: Arial, sans-serif;
  margin: 10px;
  border: 2px solid #aaaaaa;
}

table.ringmcolorstable tr td{
  border: 1px solid #aaaaaa;
}

/* Färgsättning hos de olika raderna i de scrollbara års- och månadssummetabellerna */

table.ringmtable tr td table.header{
  background-color: #dddddd;
}

table.ringmtable tr td table.header tr td.title{
  background-color: #ffffff;
  text-align: center;
}

table.ringmtable tr td table tr{
  background-color: #ffffff;
}

table.ringmtable tr td table tr.morecommon{
  background-color: #ffffcc;
}

table.ringmtable tr td table tr.lesscommon{
  background-color: #ffcccc;
}

table.ringmtable tr td table tr.new{
  background-color: #ccffcc;
}

table.ringmcolorstable tr.morecommon{
  background-color: #ffffcc;
}

table.ringmcolorstable tr.lesscommon{
  background-color: #ffcccc;
}

table.ringmcolorstable tr.new{
  background-color: #ccffcc;
}

/* Generellt format på återfyndstabellerna */

table.ringmrecovery {
  width: 580px;
  padding: 2px;
  background-color: #ffffcc;
}

table.ringmcontrol {
  width: 580px;
  padding: 2px;
  background-color: #ccffcc;
}

/************* SLUT RINGMÄRKNINGSTABELLERNA *************/

/************* ÖVRIGT *************/

/* 'Senast nytt i galleriet' på startsidan */

.latestpicture img { 
  width: 130px; 
  margin: 2px;
  border: 2px solid #aaaaaa;
}

/* Loggan */

td.logo a img {
  border: 0px;
}

/* Bilderna i sidhuvudet */

table.headerpictable {
  border: 0px;
}

table.headerpictable img {
  border: 2px solid #aaaaaa;
  width: 160px;
}


table.middlesectioninnertable td.left iframe {
  width: 250px;
  height: 275px;
  margin: 7px;
}

/* Bilderna i nyheter på startsidan */

img.newsillustration {
  margin-right: 5px;
  margin-top: 20px;
  margin-bottom: 5px;
  margin-left: 5px;
  float: right;
  border: 2px solid #aaaaaa;
}

/* 'Sponsorer' */
table.sponsors {
  font-family: Times, serif; 
  text-decoration: none; 
  font-size: 14px; 
  color: #333333; 
  font-style: normal;
  text-align: left;
}

table.sponsors img {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0px;
}

table.sponsors a {
  text-decoration: none;
}

/* 'Sök på landsort.com' i högersektionen */
td.rightsection form {
  width: 130px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* 'Snabblänkar' i högersektionen */

td.rightsection img {
  width: 120px;
  border: 0px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
}

table.rightsectioninnertable {
  width: 120px;
  border: 5px double #aaaaaa;
  background-color: #dcdefe;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

table.rightsectioninnertable h1 {  
  font-family: Arial, sans-serif; 
  text-decoration: none; 
  font-size: 16px; 
  color: #333333; 
  font-style: normal;
  text-align: center;
  margin: 0px;
  margin-bottom: 15px;
}

table.rightsectioninnertable p {
  text-align: center;
  margin: 3px;
  margin-bottom: 10px;
}

/* Flaggorna */

td.headertd table td.flagtd img {
  border: 0px;
  position: relative;
  margin-top: 50px;
}

/* Bokningsläget */

table.reservation {
  border: 2px solid #aaaaaa;
  margin: 5px;
}

table.reservation tr td {
  font-family: Arial, sans-serif;
  font-size: 12px;
  width: 66px;
  border: 1px solid #aaaaaa;
  margin: 0px;
  padding: 0px;
}

table.reservation tr td.week {
  width: 99px;
}

/* Fenologitabellerna */

table.fenologi {
  border: 2px solid #aaaaaa;
}

table.fenologi tr td {
  border: 1px solid #aaaaaa;
}

table.fenologi tr td.onerec {
  background-color: #bbbbbb;
}

table.fenologi tr td.tworec {
  background-color: #888888;
}

table.fenologi tr td.threerec {
  background-color: #555555;
}

table.fenologi tr td.fourrec {
  background-color: #333333;
}

table.fenologi tr td.fiverec {
  background-color: #111111;
}

/* Nya galleriet */
td.gallerinavtd {
  width: 200px
}

td.gallerinavtd img {
  border: 0px;
}

td.gallericontenttd {
  width: 770px;
  margin: 0px;
  padding-left: 20px;
  padding: 20px;
  border-left: 2px solid #aaaaaa;
  text-align: left;
}

table.imgtable {
  border: 2px solid #aaaaaa;
}

table.imgtable td {
  border: 2px solid #aaaaaa;
  font-family: Times, serif; 
  text-decoration: none; 
  font-size: 14px; 
  color: #333333; 
  font-style: normal;
  text-align: left;
}

table.imgtable td.photo {
  background-color: #dcdefe;
}

table.imgtable td.species {
  background-color: #dcdefe;
}

table.imgtable td.sponsor {
  background-color: #dcdefe;
}

table.imgtable td.direct_link_caption {
  background-color: #dcdefe;
}

table.imgtable href.direct_link {
  background-color: #dcdefe;
  font-size: 10px; 
}

table.thumbnails {
  border: 2px solid #aaaaaa;
}

table.thumbnails td {
  width: 130px;
  border: 2px solid #aaaaaa;
  font-family: Times, serif; 
  text-decoration: none; 
  font-size: 14px; 
  color: #333333; 
  font-style: normal;
  text-align: left;
  background-color: #dcdefe;
}

table.thumbnails td.img {
  width: 130px;
}

table.thumbnails tr.header td {
  font-weight: bold;
}

table.thumbnails td.img img {
  border: 0px;
  width: 130px;
}

table.thumbnails td.img form {
  width: 130px;
}