/*
 *           glenn.css
 *           Glenn Persson, juni 2009
 */

A:link     {text-decoration: none; color: blue; }
A:visited  {text-decoration: none; color: purple; }
A:hover    {text-decoration: none; color: red; }
A:active   {text-decoration: none; }
A:focus    {text-decoration: none; color: fuchsia; }

body {
  font-family: Verdana, aria, sans-serif;
  color: #404040;
  font-size: x-small;
  /*background: url('pics/background.jpg') repeat;*/
}
h3 {
  color: #000000;
  font-weight: bold;
}
h5 {
  font-weight: normal;
  font-style: italic;
}
.bread {
  font-size: x-small;
}
.citat {
  font-size: small;
  background-color: #FFFFFF; 
}  
#container {
  width: 1000px;
}
#footer {
  border-top: 1px solid #000000;
  clear: both;
}
#header {
  position: absolute;
  top: 5px;
  left: 220px;
  width: 465px;
  height: 80px;
  padding: 10px;
  background-color: #FFFFFF; 
}
.lpic {
  position: absolute;
  top: 23px;
  left: 15px;
}
.rpic {
  position: absolute;
  top: 16px;
  left: 500px;
}
.logo {
  position: absolute;
  top: 15px;
  left: 97px;
  width: 363px;
  height: 75px;
}
img {
  border: none;
}
#tema {
  position: absolute;
  top: 87px;
  left: 427px;
  font-size: x-small;
  font-style: italic;
  color: #000000;
}
#menu {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 215px;
  background-color: #FFFFFF;
}
#menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#menu li {
  border-top: 1px solid #404040;
}
#menu li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  /*border-left: 12px solid #711515;
  border-right: 1px solid #711515;
  background-color: #B51032;*/
  border-left: 10px solid #000000;
  border-right: 2px solid #000000;
  background-color: #7D7D7D;
  color: #FFFFFF;
}
#menu li a:hover {
  background-color: #000000;
  color: red;
}
#menu li a:focus {
  color: fuchsia; 
}
.menupic {
  padding: 0px;
}
#submenu {
  font-size: small;
  line-height: 20px;
}
#subpage {
  text-align: center;
}
#content {
  position: absolute;
  top: 105px;
  left: 220px;
  width: 465px;
  padding: 10px;
  /*border-style: solid;
  border-width: thin;
  border-color: silver;*/
  background-color: #FFFFFF;
}
#right {
  position: absolute;
  top: 5px;
  left: 705px;
  width: 205px;
  padding: 10px;
  font-weight: normal;
  /*border-left-style: solid;
  border-left-width: thin;
  border-left-color: silver;*/
  background-color: #FFFFFF;
}
#right a:link {
  font-weight: bold;
}
#right a:hover {
  font-weight: normal;
  text-decoration: none;
  color: red;
}
#right a:focus {
  color: fuchsia; 
}
.blogglinks {
  text-align: center;
}
.datum {
  font-size: xx-small;
  font-weight: bold;
  padding: 9px;
  padding-left: 15px;
  background-color: #FFFFFF;
}
hr {
  border: none;
  height: 1px;
  width: 465px;
  background-color: silver;
}
label {
 padding-left: 22px; /* To leave room for the icon */
}
label.required {
 background-image: url(pics/required.gif);
 background-repeat: no-repeat;
 background-position: 3px 0px;
}
label.problem {
 background-image: url(pics/caution.gif);
 background-repeat: no-repeat;
 background-position: 3px 0px;
}
label.completed {
 background-image: url(pics/complete.gif);
 background-repeat: no-repeat;
 background-position: 3px 0px;
}