body {padding: 3em; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #f6a93f; background: #000000;}
h1 {margin: 1.2em 0 0.5em 0; font-size: 1.2em; color: #ffed80;}                                           /* används bara i kalendariet och bildsektionen(?) */
h2 {margin: 0.5em 0 1.2em 0; font-size: 1.7em; color: #dddddd; border-bottom: 1px dashed #828282; text-align: center;}        /* används bara på förstasidan */
h3 {margin: 1em 0 1.0em 0; font-size: 1.6em; color: #dddddd; letter-spacing: 0.1em;}                      /* används som storrubrik */
h4 {margin: 1.5em 0 0.5em 0; font-size: 1.2em; letter-spacing: 0.1em; border-bottom: 1px dashed #835a22;} /* används i historia som smårubrik */
h5 {margin: 2em 0 0.5em 0; font-size: 1.2em; color: #dddddd; font-weight: bold;}                          /* används i konsertfilen & administrationfilen */
p {line-height: 1.6em; margin: 0 0 5px 0;}
hr {border: none; border-top: 1px dashed #888888; width: 50px; height: 1px; align: left; margin-left: 10px;} /* höjden måste finnas där och vara samma som border-top */

a:link {color: #7bb2ff; font-weight: bold;}    /* gamla blå: #3388ff */
a:visited {color: #a80054; font-weight: bold;}
a:active {color: #dddddd; font-weight: bold;}

/*  färger som används:
  guld: #f8c807                  ; används ej
  gklavblågrå: #30333c
  ljusgul: #ffed80
  gråvit (till text): #dddddd
  gråvit (till kant): #888888
  gso-bildorange: #f5a335        ; används ej
  gso-bakgrundsorange: #f6a93f   ; används
  nyhetsrött: #dd0000
*/


/*  sidlayout  */
#layout {width: 772px; background: #000000 url("pix/gklav.kl11.motionblur.bla.jpg") no-repeat 580px -80px; border: 2px solid #888888; margin-right: auto; margin-left: auto;}
#sidhuvud {padding: 0; margin: 0; background: transparent;}
#kolumncontainer{float: left; width: 772px; background: transparent; border-bottom: 1px solid #888888;}
#kolumn1 {float: left; width: 499px; padding: 10px; background: transparent; text-align: justify;}
#kolumn2 {float: left; width: 229px; padding: 10px; background: transparent; border-left: 2px solid #888888; text-align: justify;}
#sidfot {clear: both; padding: 10px; border-top: 1px solid #888888;}


/*  menyn  */
#menycontainer {padding: 0 0 0em 0; margin: 0; background: transparent; border-bottom: 1px solid #888888;}
#menycontainer ul {padding: 3em 0 2.75em 1.5em; margin: 0; background: transparent;}  /* padding-bottom ändras för att passa underdelen med bordern */
#menycontainer li {padding: 0 1.3em 0 0; display: block; float: left;}.menycontent {display: block; padding: 0.1em 0.5em 0.4em 0.5em; margin: 0; background: #f6a93f; font-size: 1.1em; color: #30333c;  /* marginright18px */
              text-align: center; font-weight: bold; border-left: 1px solid #888888; border-right: 1px solid #888888; border-bottom: 1px solid #888888;}
a.meny, a.meny:visited {width: 9.0em; display: block; text-decoration: none; line-height: 1.8em;}
a.meny:hover .menycontent, a.meny:hover .r2, a.meny:hover .r3, a.meny:hover .r4 {background: #30333c; color: #f6a93f;}
a#current .r1 {background: #ffffff; border-color: #ffffff;}
a#current .r2, a#current .r3, a#current .r4  {background: transparent; border-color: #ffffff;}    /* bg: #000000 */
a#current .menycontent {background: transparent; color: #dddddd; border-bottom: 1px solid #000000; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}    /* bg: #000000 */ 
/*  behövs denna?! ja, tydligen för att ie ska göra nåt åt hover...  */
a.meny:hover {background: transparent;}


/*   runda hörn   */
.roundtop {background: transparent;}
.r1 {margin: 0 5px; height: 1px; overflow: hidden; background: #888888; border-left: 1px solid #888888; border-right: 1px solid #888888;}
.r2 {margin: 0 3px; height: 1px; overflow: hidden; background: #f6a93f; border-left: 2px solid #888888; border-right: 2px solid #888888;}
.r3 {margin: 0 2px; height: 1px; overflow: hidden; background: #f6a93f; border-left: 1px solid #888888; border-right: 1px solid #888888;}
.r4 {margin: 0 1px; height: 2px; overflow: hidden; background: #f6a93f; border-left: 1px solid #888888; border-right: 1px solid #888888;}


/*  undermenyn  */
#submenycontainer ul   {font: 1.0em; margin: 2em 0em 2em 0em; padding: 0; background: #f6a93f;}
#submenycontainer li   {display: inline; list-style: none;}
#submenycontainer li a {text-decoration: none; padding: 0.4em 1.5em; margin: 0 1em 0 1em; border: 1px solid #888888; background: #30333c;}
#submenycontainer a:link    {color: #f6a93f;}
#submenycontainer a:visited {color: #f6a93f;}
#submenycontainer a:hover   {border: 1px solid #dddddd;}
#submenycontainer a#current {background: #dddddd; border: 1px solid #30333c; color: #30333c;}


/*  bilder  */
img.titelbild {margin: 25px 0px 0px 0px; height: 150px; vertical-align: top; border: none;}
img.logobild {margin: 25px 35px 0px 35px; height: 130px; vertical-align: top; border: none;}
img.bredbild {width: 100%;}
img.genombild {width: 100%; opacity: 0.80; filter: alpha(opacity=80);}
img.genombakgrund {width: 100%; opacity: 0.5; filter: alpha(opacity=50); position: absolute;}
img.medalj {border: 1px solid #f6a93f;}


/*  används i kalendariet  */
a.calender, a.calender:visited {text-decoration: none; color: #ffed80;}
a.calender:hover {text-decoration: overline underline;}
.music {line-height: 1.6em; vertical-align: top; width: 100%; margin: 0 0 0.1em 0;}
.composer {float: left; vertical-align: top; height: 100%; margin: 0 0.3em 0.1em 0;} /* border: 1px solid #ffffff;}*/


/*  används i bildsektionen  */
a.pixpart, a.pixpart:visited {text-decoration: none; color: #ff5700;}
a.pixpart:hover {text-decoration: overline underline;}
a.pixpartcurrent, a.pixpartcurrent:visited {text-decoration: none; color: #dddddd;}
a.pixpartcurrent:hover {text-decoration: overline underline;}
a.pixmember, a.pixmember:visited {text-decoration: none; color: #7bb2ff;}
a.pixmember:hover {text-decoration: underline;}
p.pixmember {line-height: 1.6em; margin: 0;}
a.pixtable, a.pixtable:visited {text-decoration: none; color: #f6a93f; line-height: 1.6em; margin: 0;}
a.pixtable:hover {text-decoration: none;}img.pixtable {border: none; width: 89px;}


/*  används i schemat  */
.manad {border-bottom: 1px solid #dddddd; padding: 1.2em 0 0 0; font-size: 1.2em; font-weight: bold; color: #dddddd;}
.vecka {border-bottom: 1px solid #ffed80; padding: 0.4em 0 0 0; font-size: 1.0em; font-weight: bold; color: #ffed80; text-align: center;}   /* #dd0000 */
.dagen {font-size: 1.0em; font-weight: bold; color: #ffed80;}
.dagenhoger {font-size: 1.0em; font-weight: bold; color: #ffed80;}
/* .dagenhoger {font-size: 1.0em; font-weight: bold; color: #ffed80; border-right: 1px dotted #dddddd;} den gamla, med kantlinje till höger */
.dagenefter {line-height: 0.4em; border-top: 1px solid #ffed80; padding: 0.2em 0 0 0;}  /* #dd0000 */
.hoger {border-right: 1px dotted #dddddd;}
.nytt {font-size: 1.0em; font-weight: bold; color: #dd0000;}
.mellanrum {line-height: 0.05em; border-bottom: 1px dashed #888888;}  /* #dd0000 */


/*  onumrerad lista  */
.lista {list-style-image: url(pix/lista.gif); line-height: 1.2em; margin: 0 0 1.0em 0;}
#kolumn1 li {margin-bottom: 5px;}


/*  textruta, knapp  */
.textruta {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.knapp {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}