body                               { color: black; background: #dff4fc; font-family: Tahoma, sans-serif}
  body.body                          { margin: 0 }
  
  img                                { border: 0 }
  
  span.required                      { color: red; font-weight: bold; }
  span.help                          { font-style: italic; font-family: serif; color: #f26631; font-weight: normal;}
  a.helpicon                         {  }
  
  h1                                 { color: #006b90; background: #dff4fc; margin-bottom: 1em; border-bottom: 2px dashed #a29261; width: 100%; }  
  h2                                 { color: #008db0; }
  
  p.warning                          { color: black; background: white; border: 2px dashed #f26631; padding: 1em; } 
  p.ingress                          { font-weight: bold; }  
  p.appell                           { font-size: 140%; font-style: normal; color: #006b90; font-weight: bold }
  
  div.boblerh                        { z-index: 1; position: absolute; top: 82px; left: 5em; height: 205px; width: 377px; text-align: left; background: #dff4fc url('../grafikk/boblerh.gif') no-repeat;  }
  div.bobler                         { z-index: 1; position: absolute; top: 82px; right: 0; height: 205px; width: 377px; text-align: right; background: #dff4fc url('../grafikk/bobler.gif') no-repeat;  }
  div.stolpe                         { z-index: 2; position: absolute; top: 0; left: 0; height: 100%; width: 5em; background: #90bacc; border-right: 2px dashed #008ba9; }
  div.headerlogo                     { z-index: 3; position: absolute; top: 0; left: 0; height: 82px; width: 100%; text-align: left; border-bottom: 2px dashed #a29261; background: #008db0 url('../grafikk/headermk.jpg') no-repeat;  }
  
  div.jump                           { display: inline; float: left; height: 100px; width: 100px; background: url('../grafikk/jump2.gif') no-repeat; }
  // div.gutter                         { z-index: 8; position: absolute; height: 100px; width: 100px; top: 32px; left: 800px; background: url('../grafikk/gutter2.gif') no-repeat;}
  div.jente                          {}
  div.paddel                         {}
  
  
  div.linkediv                       { z-index: 7; position: absolute; top: 100px; left: 15em; padding: 0.5em 1em; color: white; background: #006b90; width: 38em; text-align: left; }  
  div.linkediv a                     { color: white;  }
  div.nav                            { z-index: 9; position: absolute; top: 140px; left: 1em; }  
  div.maintext                       { z-index: 10; position: absolute; top: 140px; left: 15em; width: 40em; }
  div.maintextinner                  { background: #cee3eb; padding: 1em;  }
  
  div.maintextinner a                { color: #005a80; background: #cee3eb; font-weight: bold; }
  div.maintextinner a:hover          { color: #cee3eb; background: #005a80; font-weight: bold; }
  
  div.form                           { margin-bottom: 1em}
  div.form fieldset                  { background: #cee3eb; padding: 1em; border: 2px dashed #90bacc;  } 
  div.form fieldset legend           { background: #90bacc; padding: 0.5em 1.5em;  font-weight: bold; }
  div.form table                     { }
  div.form table td                  { vertical-align: top; }
  div.form table td.key              { }
  div.form table td.value            { }  
  div.form div.inputbutton           { text-align: right; margin: 1em;}
  div.form input.submit              { font: caption; }  

  div.nav ul                         { list-style-type: none; margin: 0; padding: 0;  }  
  div.nav ul li                      { color: #f26631; background: #f0dbb1; margin-bottom: 1em; width: 10em; border: 1px solid #f26631;  }
  div.nav ul li a                    { color: #f26631; background: #f0dbb1; font-weight: bold; text-decoration: none; display: block; padding: 0.5em 0.5em 0.5em 1em; }
  div.nav ul li a:hover              { border-left: 0.5em solid #f26631; padding-left: 0.5em ; padding-right: 0; }  
  
  div.nav ul li.chosen               { color: #f0dbb1; background: #f26631; border-color: #f0dbb1; }    
  div.nav ul li.chosen a             { color: #f0dbb1; background: #f26631; }  
  div.nav ul li.chosen a:hover       { border-left: 0.5em solid #f0dbb1 }  
  
  div.nav ul.sub                     { margin-left: 2em;  }  
  div.nav ul.sub li                  { color: #008ba9; border-color: #008ba9; }
  div.nav ul.sub li a                { color: #008ba9; }    
  div.nav ul.sub li a:hover          { border-color: #008ba9; }
  
  div.nav ul.sub li.chosen           { background: #008ba9; border-color: #f0dbb1; }
  div.nav ul.sub li.chosen a         { color: #f0dbb1; background:  #008ba9; }  
  div.nav ul.sub li.chosen a:hover   { border-color: #f0dbb1;   }  
  
  ul.download                        { list-style-type: none; }
  ul.kontakt li                      { margin-bottom: 0.5em;  }

  table.skule th                     { color: black; background: #acc1c9; padding: 0 0.2em;}
  table.skule tr.pair                { color: black; background: #bdd2da; }
  table.skule tr.impair              { color: black; background: #cee3eb; }
  table.skule tr, table.skule td     { padding: 0 0.5em; }


  table.timetable              { margin-bottom: 1em; }
  table.timetable tr.pair      { color: black; background: #bdd2da; }
  table.timetable tr.impair    { color: black; background: #cee3eb; }
  table.timetable td.time      { color: black; font-weight: bold }
  table.timetable td.activity  { color: black; }
  
  input.faddername  { width: 12em }
  input.fadderadresse  { width: 24em }
  input.faddermobil  { width: 6em }
  
  td.comment { font-style: italic; }
  
   .tab ul                { border-bottom-style: solid; border-bottom-width: 2px; margin: 1em 0; padding: 0; text-align: center; }
   .tab ul li             { display: inline; list-style-type: none;  }
   .tab ul li a           { white-space: nowrap; text-decoration: none; padding: 0 0.5em; margin: 0; border-width: 2px 2px 1px 2px; border-style: solid; }
   .tab ul li a:link      { border-width: 2px 2px 1px 2px; }
   .tab ul li a.chosen    { font-weight: bold; }

   .tab ul                { border-bottom-color: #8D9FC2; }
   .tab ul li a:link,
   .tab ul li a:visited   { color: black; background: #C6CFE1;  
                            border-top-color: #E3E7F0; border-right-color: #8D9FC2; border-bottom-color: #8D9FC2; border-left-color: #E3E7F0; }
   .tab ul li a:hover     { background: #8D9FC2; }
   .tab ul li a:active    { color: black; background: #C6CFE1;                             
                            border-top-color: #E3E7F0; border-right-color: #8D9FC2; border-bottom-color: #8D9FC2; border-left-color: #E3E7F0; }
   .tab ul li a:link.chosen,
   .tab ul li a:visited.chosen,
   .tab ul li a:hover.chosen,
   .tab ul li a:active.chosen    { background: #8D9FC2; }


table.datoer  { 
	margin: 1em;
	background: #90bacc;
	}

table.datoer td { 
	padding: 1px ; 
	background: #cee3eb;
	}
	
table.datoer td.checkbox { 
	text-align: center; 
	}