/* 8 punkters verdana */
BODY {
  font-family: Verdana;
  font-size: 8pt;
  color: black
}
/* Stycke med 11 punkters svart verdana */
P {
  font-family: Verdana;
  color: Black;
  font-size: 11pt
}
/* Huvudrubrik 20 punkters svart tahoma */
H1 {
  font-family: Tahoma, verdana;
  color: Black;
  font-size: 20pt
}
/* Andrarubrik 18 punkters svart tahoma */
H2 {
  font-family: Tahoma, verdana;
  color: Black;
  font-size: 18pt
}
/* Tredjerubrik 13 punkters svart tahoma */
H3 {
  font-family: Tahoma, verdana;
  color: Black;
  font-size: 13pt
}
/* Länkar med svart verdana */
A:link {
  font-family: Verdana;
  color: black
}
A:visited {
  font-family: Verdana;
  color: black
}

A:active {
  font-family: Verdana;
  color: black
}

A:hover {
  font-family: Verdana;
  color: black
}


/* Länkar till logo */
A#logo:link {
  position: relative; left:20px
}
A#logo:visited {
  position: relative; left: 20px
}
A#logo:active {
  position: relative; left: 20px
}
A#logo:hover {
  position: relative; left: 20px
}

/* Samtliga länkfunktioner för menyn på leftcol */
A.leftmenu:link {
  font-family: Tahoma, Helvetica, Arial;
  Color: White;
  Font-size: 11pt;
  text-decoration: none;
  position: relative;
  left: 40px;
  top: 90px;
  padding-left: 3px;
  padding-right: 3px;
}
A.leftmenu:visited {
  font-family: Tahoma, Helvetica, Arial;
  Color: White;
  Font-size: 11pt;
  text-decoration: none;
  position: relative;
  left: 40px;
  top: 90px;
  padding-left: 3px;
  padding-right: 3px;
}
A.leftmenu:active {
  font-family: Tahoma, Helvetica, Arial;
  Color: White;
  Font-size: 11pt;
  text-decoration: none;
  position: relative;
  left: 40px;
  top: 90px;
  padding-left: 3px;
  padding-right: 3px;
}
A.leftmenu:hover {
  font-family: Tahoma, Helvetica, Arial;
  Color: White;
  Font-size: 11pt;
  text-decoration: none;
  Border-left-style: solid;
  Border-left-color: blue;
  Border-left-width: 2px;
  Border-top-style: solid;
  Border-top-color: blue;
  Border-top-width: 2px;
  Border-right-style: solid;
  Border-right-color: blue;
  Border-right-width: 2px;
  Border-bottom-style: solid;
  Border-bottom-color: black;
  Border-bottom-width: 2px;
  position: relative;
  left: 40px;
  top: 90px;
  padding-left: 1px;
  padding-right: 1px;
}

/*Länkfunktioner till validator */
A.val:link {
  position: relative;
  left: 30px;
  top: 370px;
}
A.val:visited {
  position: relative;
  left: 30px;
  top: 370px;
}
A.val:active {
  position: relative;
  left: 30px;
  top: 370px;
}
A.val:hover {
  position: relative;
  left: 30px;
  top: 370px;
}

/* Länkfunktioner för email */
A#mail:link {
  font-family: Tahoma, Helvetica, Arial;
  color: black;
  text-decoration: none
  
}
A#mail:visited {
  font-family: Tahoma, Helvetica, Arial;
  color: black;
  text-decoration: none
}

A#mail:active {
  font-family: Tahoma, Helvetica, Arial;
  color: black;
  text-decoration: none
}

A#mail:hover {
  font-family: Tahoma, Helvetica, Arial;
  color: black;
  text-decoration: underline
}

/* huvudindelning med 750 pixlars bredd och 670 pixlars höjd (Spontanökning pga utrymmesskäl) */
#page {
  text-align: left;
  width: 750px;
  height: 700px
}
  /* Top 100 pixlar hög och 600 pixlar bred, färg1 */
#top {
  height: 100px;
  width: 600px;
  background-color: #000000;
  overflow: auto;
  position: absolute;
  top: 0px;
  left: 150px;
  overflow: hidden
}
  /* Vänstra delen 700 pixlar hög och 150 pixlar bred, färg1 */
#leftcol {
  height: 670px;
  width: 150px;
  background-color: #000000;
  overflow: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden
}
  /* Main delen 600 pixlar hög och 600 pixlar bred, färg2 */
#maincol {
  height: 570px;
  width: 600px;
  background-color: #0000DD;
  overflow: auto;
  position: absolute;
  left: 150px;
  top: 100px
}
/*storlek, placering, färg på messageboxen */
#message {
  background-color: rgb(255,255,255);
  border-style: dotted;
  border-width: 2px;
  border-color: gray;
  padding-right: 2px;
  padding-left: 2px;
  height: 400px;
  width: 500px;
  margin-left: 40px
}