body{
  position: absolute;
  top: 0; 
  left: 0;
  font: 65% Verdana, Helvetica, Arial, sans-serif;
  background: White;
  color: black;
  margin: 0;
  padding: 0;
}

body ,#rammetabell{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

table{
  font-size: 100%;
}

td.stolpetopleft{
  margin: 0;
  padding: 0;
  width:187px;
  height: 500px;
  background:URL('http://www.notodden.vgs.no/aarstid/host/designbilder/logostolpe.gif');
  background-repeat:no-repeat;
  background-color: #99CC00;
  vertical-align: top;
}

td.stolpebottomleft{
  margin: 0;
  padding: 0;
  background: #99CC00;
  width: 187px;
  color: white;
}

h1, h2, h3, h4, h5, h6 {
  color: black;
  font-size: 100%;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin: 0;
  padding-top: 5px;
  border-bottom: 1px solid #B3D940;
  font-weight: normal;

}

h1 {
    font-size: 160%;
}
h2 {
    font-size: 150%;
}
h3 {
    font-size: 140%;
}
h4 {
    font-size: 120%;
}
h5 {
    font-size: 100%;
}
h6 {
    font-size: 80%;
}

b {
  font-weight: bold;
}

input {
  font-size: 100%;
}

a, a:visited {
  color: #99CC00;
  text-decoration: none;
}

a:hover, a:active {
  color: #99CC00;
  text-decoration: none;
}

div.hoved{
  vertical-align: top;
  font-size: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

div.headerblock{
  width: 100%;
  font-size: 110%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #B3D940;
  vertical-align: top;
}

div.headercontent{
  height: 100%;
  font-size: 100%;
  margin: 0;
  padding: 0;
  width: 570px;
  background: #CCE580;
}

div.headercontent h1{
  border: none;
}

div.bodycontent{
  margin: 0;
  padding: 0;
  font-size: 110%;
  width: 570px;
}

div.contentlist{
  margin: 0;
  padding: 10px 5px 0 5px;
  clear:both;
}

div.listevisning{
  float:right;
  text-align:right;
  padding-left:5px;
  padding-top: 2px;
  background:white;
}

div.teaser{
  font-weight: bold;
  margin: 0;
  padding: 5px;
}

div.text{
  margin: 0;
  padding: 5px;
}

div.vedlegg{
  margin: 0;
  padding: 5px;
}

div.bildetekst {
  float: none;
  clear: both;
  text-align: left;
  font-style: oblique;
}

/* Nyhetsstolpe på forsiden */

div.nyhetsstolpe{
  float: right;
  width: 201px;
  margin: 0;
  padding:0;
  text-align: left;
  background: #CCE580; 
}

div.nyhetsstolpebox{
  margin: 0;
  padding: 0;
  background: transparent;
  border-left: 1px solid #B3D940;
  border-right: 1px solid #B3D940;
  border-bottom: 1px solid #B3D940;
}

div.nyhetsstolpebox h3{
  border-bottom: none;
}

div.nyhetsstolpeheading{
  margin: 0;
  padding: 5px 5px 0 5px;
  background: transparent;
  color: black;
  font-size: 100%;
  font-weight: bold;
  border-top: 1px solid #B3D940;
}

div.nyhetsstolpecontent{
  margin: 0;
  padding: 5px 5px 5px 5px;
  background: transparent;
  color: black;
}

div.nyhetsstolpecontent a,
div.nyhetsstolpecontent a:visited,
div.nyhetsstolpecontent a:active,
div.nyhetsstolpecontent a:hover {
  color: black;
  text-decoration: underline;
}


/*ESmenu*/

#menuGoesHere {
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  border-bottom: 1px solid #B3D940;
}

#menuElem1.esSelected,
#menuElem1:active,
#menuElem1:esActive,
#menuElem1:hover {
  border-left: 1px solid #CCE580;
}

/* Strek venstre hovedmeny*/
div.esMenuBar,
div.esMenuBarIE {
  /*border-left: 1px solid black;*/  /* Only touch if messing with borders */
}

div.esMenuBarIE {
  /*padding: 4px 0px 2px 0px; original*/ /* Ugly bugly: Set padding to border + padding for a */
/*  padding: 2px 0px 2px 0px;*/
}

/* Bildeplassering hovedmeny*/
div.esMenuBar img,
div.esMenuBarIE img {
  /*padding-left: 8px;*/
}

/* Undermeny */
div.esPopupMenu,
div.esPopupMenuIE {
  position: absolute;             /* Don't touch */
  visibility: hidden;             /* Don't touch */
  background: #E6F2BF;
  border: 1px solid #B3D940;
  margin-top: -1px;               /* Only touch if messing with borders */
}

div.esPopupMenuIE {
  margin-left: -1px;
  margin-top: -1px;
}

/* Alle elementer */
div.esMenuBar a,
div.esMenuBarIE a,
div.esPopupMenu a,
div.esPopupMenuIE a {
  font-family: verdana;
  font-size: 11px;
  color: black;
  /*border: 1px solid black;*/
  background: transparent;
  text-decoration: none;
  /*margin-top: -1px;*/               /* Only touch if messing with borders */
  padding: 3px;
}

div.esMenuBar a:visited,
div.esMenuBarIE a:visited,
div.esPopupMenu a:visited,
div.esPopupMenuIE a:visited {
  color: black;
}

div.esMenuBar a,
div.esMenuBarIE a {
  margin-left: -1px;              /* Only touch if messing with borders */
  /*line-height: 145%; original*/          /* Modify this to make it fit in container */
  line-height: 145%;
  font-size: 15px;
  margin-left: 1px;
  margin-right: 0px;
}

div.esMenuBarIE a {
  line-height: 130%;
}

div.esMenuBarIE a {
  white-space: nowrap;
}


div.esPopupMenu a,
div.esPopupMenuIE a {
  display: block;            /* Don't touch */
  /*margin-bottom: -1px;*/       /* Only touch if messing with borders */
}

div.esMenuBar a:active, 
div.esMenuBarIE a:active,
div.esMenuBar a:hover,
div.esMenuBarIE a:hover,
div.esPopupMenu a:hover,
div.esPopupMenuIE a:hover {
  color: black;
  background-color: #CCE580;
  text-decoration: none;
  cursor: pointer;
/*  border-top: 1px solid #B3D940;
  border-left: 1px solid #B3D940;
  border-right: 1px solid #B3D940;*/
}

div.esMenuBar a:active, 
div.esMenuBarIE a:active,
div.esMenuBar a:hover, 
div.esMenuBarIE a:hover {
  border-top: 1px solid #B3D940;
  border-left: 1px solid #B3D940;
  border-right: 1px solid #B3D940;
  margin-left: 0px;
  margin-right: -1px;
}

div.esMenuBar a.esSelected,
div.esMenuBarIE a.esSelected,
div.esMenuBar a.esActive,
div.esMenuBarIE a.esActive {
  background: #CCE580;
  border-top: 1px solid #B3D940;
  border-left: 1px solid #B3D940;
  border-right: 1px solid #B3D940;
}

div.esMenuBar a.esActive,
div.esMenuBarIE a.esActive {
  margin-left: 0px;
  margin-right: -1px;
}

div.esMenuBar a.esSelected,
div.esMenuBarIE a.esSelected {
  margin-left: 0px;
  margin-right: -1px;
}

div.esPopupMenu a.esSelected,
div.esPopupMenuIE a.esSelected {
  background: #CCE580;
}

/* Toppmeny */

div.toppmeny{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

/* Venstremeny */

div.menyvenstre{
  margin: 0;
  padding-right: 5px;
  background: transparent;
  color: white;
  vertical-align: top;
  font-size: 120%;
  line-height: 1.3;
}

div.menyvenstre a,
div.menyvenstre a:visited{
  text-decoration: none;
  color: white;
  display: block;
  padding-bottom: 2px;
}

div.menyvenstre a.selected{
  text-decoration: none;
  color: #E6F2BF;
}

div.menyvenstre a.plain{
  text-decoration: none;
  color: white;
}

div.menyvenstre a:hover{
  text-decoration: none;
  color: #E6F2BF;
}

div.menyvenstreheading{
  width:175px;
  margin: 0;
  padding: 3px 0 3px 0;;
  font-size: 130%;
  font-weight: bold;
  color: white;
  border-bottom: 1px solid white;
}

/* Searchform */

div.searchform{
  margin: 0;
  padding: 5px;
  background: white;
  color: black;
  font: 100%;
  font-weight: bold;
  border-left: 1px solid #B3D940;
  border-right: 1px solid #B3D940;
}

input.searchform{
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #B3D940;
  background: transparent;
  color: black;
}

input.searchformbutton{
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  border: 1px solid #B3D940;
  background: transparent;
  color: black;
}

/* Loginform */

div.loginform{
  margin: 0;
  padding: 5px;
  border-top: 1px solid white;
  background: transparent;
  color: black;
  font: 100%;
  font-weight: bold;
}

input.loginform{
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #B3D940;
  background: white;
  color: black;
}

input.loginformbutton{
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  border: 1px solid #B3D940;
  background: white;
  color: black;
}

/* Kontaktinfo visning */

div.kontaktinfo{
  margin: 0;
  padding: 5px;
  background: transparent;
  color: black;
  text-decoration: none;
}

a.contact_mail,
a.contact_mail:hover,
a.contact_mail:active,
a.contact_mail:visited {
  color: white;
}

/* Visning av SUTable*/

table.SUTable{
  border-collapse: collapse;
  border-left: 1px solid #B3D940;
  border-bottom: 1px solid #B3D940;
}

.SUTable td,th{
  text-align: left;
  border: 1px solid #B3D940;
  border-collapse: collapse;
  padding: 2px;
}

.SUTable th{
  background: #CCE580;
  color: black;
}

/*Visning av SUSkjema*/

table.suskjema {
   border:none;
}

td.suskjema  {
   text-align:left;
   vertical-align:top;
   line-height:1.5;

}

th.suskjema {
   border:none;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   line-height:1.5;   
}

input.suskjema  {
}

div.suskjemaledetekst {

}

/* SUBB */

div.SUBBNavBar {
    background: transparent;
    border: 1px solid black;
    padding: 10px;
    text-align: left;
    text-transform: none;
    clear: both;
    vertical-align: top;
    margin: 0px;
}

div.SUBBSearchNavBar {
    background: transparent;
    border: 1px solid #060606;
    padding: 0em 1em;
    text-align: center;
    text-transform: none;
    clear: both;
    vertical-align: top;
    margin: 1em 0em;
}

div.SUBBSearchNavBar span.previous {
    text-align: left;
    float: left;
}

div.SUBBSearchNavBar span.next {
    text-align: right;
    float: right;
}

div.SUBBMsg{
  margin: 0px;
  padding: 0px;
}

div.SUBBMsg .even{
  background: transparent;
  border-bottom: 1px solid black; 
  padding-bottom: 7px; 
  padding-top: 7px;
}

div.SUBBMsg .odd{
  background: #FCFCF0;
  border-bottom: 1px solid black; 
  padding-bottom: 7px; 
  padding-top: 7px;
}

div.SUBBMsg .navBar{
  padding-top: 5px;
}


/* Visning av kontakttabell */

table.kontaktertabell {
  margin: 15px;
  border-collapse: collapse;
  border-bottom: 1px solid #CCE580;
}

table.kontaktertabell th {
  background: #CCE580;
  border: 0;
  padding: 4px 0 4px 2px;
}

table.kontaktertabell td {
  border: 1px solid #CCE580;
  border-top: 0;
  border-bottom: 0;
  padding: 4px 5px 4px 2px;
}