/* Style sheet for the Ridkonst web-site */

a{text-decoration: none}

/* Content blocks */

body {
  margin: 0px; 
  background-color: #666666;
}
div.headerstrip {
  background-color: #CC9900;
  position: absolute;
  top: 0px;
  left: 108px;
  width: 10px;
  height: 116px;
  z-index: 2;
}
div.headerblock {
  background-color: #2F2D57;
  color: #F0F0F0;
  position: absolute;
  top: 0px;
  left: 108px;
  width: 100%;
  height: 116px;
  vertical-align: bottom; 
  text-align: left; 
  padding-left:20px; padding-bottom:8px;
  z-index: 0;
}
div.leftblock {
  position: absolute;
  top: 116px;
  left: 0px;
  width: 108px;
  height: 100%;
  vertical-align: top; 
  text-align: left;
  margin: 0px; 
  padding-left:1px; padding-right:2px; padding-top:20px;
  background-color:#666666; 
  z-index: 1;
}
div.mainblock {
  font-size:x-small; font-family:"Book Antiqua",serif; color:#101010;
  position: absolute;
  top: 116px;
  left: 108px;
  width: 80%;
  height: 100%;
  vertical-align: top; 
  text-align: left; 
  padding-left:12px; padding-right:12px; padding-top:20px;
  background-color:#F9EFB7; 
}
div.stycke {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}
div.fordjupningsruta {
  background-color:#F0E8D0;
  color:#202020;
  font-family:arial, sans-serif; font-weight:bold;
  padding:10px; margin:6px; border:2px solid #808080;
}

/* Header cell */

  td.rubrik{
    vertical-align: bottom; 
    align: left; 
    padding-left:20pt; padding-bottom:8pt;
  }

/* Menu buttons, based on table */

td.linktable{
    cursor:pointer;
    background-color:#404040; 
    border:2px solid #404040;
    padding-top:1pt; padding-bottom:1pt; padding-left:3pt; padding-right:3pt; 
    font-size:x-small; font-family:"Book Antiqua",serif; font-weight:bold; color:#C0C0C0
  }
  td.infolink{
    cursor:pointer;
    background-color:#404040; 
    border:1px solid #404040; 
    padding-top:1pt; padding-bottom:1pt; padding-left:2pt; padding-right:2pt; 
    font-size:x-small; font-family:"Arial",sans-serif; color:#C0C0C0
  }
  td.selectedlink{
    background-color:#383838; 
    border:1px solid #404040; 
    padding-top:1pt; padding-bottom:1pt; padding-left:2pt; padding-right:2pt; 
    font-size:x-small; font-family:"Arial",sans-serif; color:#D0E0C0;
    border-top-color:#303030;
    border-right-color:#808080;
    border-bottom-color:#808080;
    border-left-color:#303030;
  }
/* Menu buttons, but without table */
.menulink{
    cursor: pointer;
    text-decoration: none;
    position: fixed;
    width: 100%;
    margin: 1px;
    margin-top: 2px;
    background-color: #404040; 
    border: 2px solid #404040;
    padding-top:1pt; padding-bottom:1pt; padding-left:3pt; padding-right:3pt; 
    font-size:x-small; font-family:"Book Antiqua",serif; font-weight:bold; color:#C0C0C0;
}
.infolink{
    cursor:pointer;
    text-decoration: none;
    position: fixed;
    width: 100%;
    margin: 1px;
    margin-top: 2px;
    background-color:#404040; 
    border:1px solid #666666; 
    padding-top:1pt; padding-bottom:1pt; padding-left:2pt; padding-right:2pt; 
    font-size:x-small; font-family:"Arial",sans-serif; color:#C0C0C0
}
.selectedlink {
    cursor: normal;
    color:#D0E0C0;
    border-top-color:#303030;
    border-right-color:#808080;
    border-bottom-color:#808080;
    border-left-color:#303030;
}
#selectedlink {
    position: fixed;
    width: 100%;
    margin: 2px;
    margin-left: 2px;
    background-color:#383838; 
    border:1px solid #404040; 
    padding-top:1pt; padding-bottom:1pt; padding-left:2pt; padding-right:2pt; 
    font-size:x-small; font-family:"Arial",sans-serif; color:#D0E0C0;
    border-top-color:#303030;
    border-right-color:#808080;
    border-bottom-color:#808080;
    border-left-color:#303030;
}

/* Picture properties */

div.minibild {
  float: left;
  display: block;
  position: relative;
  width: 110px;
  padding: 6px;
  margin: 0px;
  font-size: x-small; font-family:"Arial",sans-serif; color: #101010;
  text-align: center;
}
div.litenbild {
  float: left;
  display: block;
  position: relative;
  width: 220px;
  padding: 8px;
  margin: 0px;
  font-size: x-small; font-family:"Arial",sans-serif; color: #101010;
  text-align: center;
}
div.mellanbild {
  float: left;
  display: block;
  position: relative;
  width: 330px;
  padding: 10px;
  margin: 0px;
  font-size: x-small; font-family:"Arial",sans-serif; color: #101010;
  text-align: center;
}
div.storbild {
  float: left;
  display: block;
  position: relative;
  width: 440px;
  padding: 12px;
  margin: 0px;
  font-size: x-small; font-family:"Arial",sans-serif; color: #101010;
  text-align: center;
}
span.bild {
  /*display: block;*/
  position: relative;
  /*padding: 8px;*/
  /*margin: 8px;*/
  font-size:x-small; font-family:"Arial",sans-serif; color:#101010;
}
img.temabild {
    position: relative;
    float: right; 
    left: 40px; 
    top: -60px; 
    z-index: 10;
}
img.miniatyrbild {
    cursor:pointer;
    margin: 2px;
    border-size: 2px;
    border-top-color: #404030;
    border-right-color: #606040;
    border-bottom-color: #606040;
    border-left-color: #404030;
}
.linkimage {
  cursor: pointer;
  border: 2px solid #2F2D57;
}

/* Informative texts */

  div.introtext {
    font-size:small; font-family:"Book Antiqua",serif; font-weight: bold;
    color:#101010;
    padding: 6px;
  }
  div.detaljtext {
    font-size:x-small; font-family:"Book Antiqua",serif; color:#101010;
    padding: 6pt;
    position: relative; /* to make it an object in Netscape */
  }
  div.ridtygstext {
    font-size:large; font-family:"Century Gothic",sans-serif; color:#FED;
    padding: 2pt;
    position: relative; /* to make it an object in Netscape */
  }

/* Link to main side */

#homelink {
  cursor: pointer;
  background-color: #666666;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 108px;
  height: 116px;
  margin: 0px;
  padding: 0px;
  z-index: 3;
  target: "_top";
}  

/* Header styles */

#prerubrik {
  font:16pt "Book Antiqua",serif; color:#F8F8F0;
  position: absolute;
  top: 40px; 
  left:40px;
  z-index: 10;
}
#rubrik {
  font:24pt "Book Antiqua",serif; color:#F8F8F0;
  position: absolute;
  top: 70px; 
  left:60px;
  z-index: 10;
}
#underrubrik {font:14pt "Book Antiqua",serif; color:#F0F0F0; z-index:10}

/* decorations */

#topstrip {
  position: absolute;
  top: 20px;
  left: 130px;
  height: 20px;
  width: 100%;
  background-color: #303D50;
}