body {
    background-color: #d7d7ff;}
td {
    font-size: 10px;}

a.start{
    color: #606060;
	text-decoration: underline;}
a.start:link{
	color: #606060;
	text-decoration: underline;}
a.start:visited{
	color: #606060;
	text-decoration: underline;}
a.start:hover{
	color: #660000;
	text-decoration: underline;}
a.start:aktiv {
	color: #990000;
	text-decoration: underline;}

#inforuta {
    width: 180px;  
    margin: 0px 0px 0px 10px;
    float: left;
    font-size: 1.3em;
    color: #606060; 
    border: 0px solid #999999;}

#guldkorn {
    width: 380px;
    margin: 30px 0px -40px 50px;
    float: left;
    font-family: "Comic Sans MS", sans-serif;
    color: #303030;
    font-size: 13px;
    border: 0px solid #999999;}
#flash {
    width: 160px;
    height: auto;
    margin: 0px 0px 0px 420px;
    border: 0px solid #999999;} 

#nyheter {
    clear: left;
    width: 590px;
    margin: 5px 0px 0px 5px;
    float: left;
    border: 0px solid #999999;}

#kurser {
    clear: left;
    width: 146px;
    margin: 5px 0px 0px 5px;
    float: left;
    border: 0px solid #999999;}
#utbild { 
    width: 146px;
    margin: 5px 0px 0px 5px;
    float: left;
    border: 0px solid #999999;}
#ovra { 
    width: 146px;
    margin: 5px 0px 0px 5px;
    float: left;
    border: 0px solid #999999;}
#aktiv { 
    width: 146px;
    margin: 5px 0px 0px 5px;
    float: left;
    border: 0px solid #999999;}

#footer{ 
    clear: left;
    width: 600px;
    height: 95px;
    margin: 0px 0px 0px 10px;
    border: 0px solid #999999;}

#container_hornN {
    background: #ff3300;
    float: left;}
.roundtopN {
    background: #d7d7ff;}
.roundbottomN {
    background: #d7d7ff;}
.rN1{
    margin: 0 5px;
    height: 1px;
    overflow: hidden;
    background: #ff3300;}
.rN2{
    margin: 0 3px;
    height: 1px;
    overflow: hidden;
    background: #ff3300;}
.rN3{
    margin: 0 2px;
    height: 1px;
    overflow: hidden;
    background: #ff3300;}
.rN4{
    margin: 0 1px;
    height: 2px;
    overflow: hidden;
    background: #ff3300;}
.contentN {
    margin: -1px 2px 0px 2px;
    color: #606060;
    font-size: 10px;}

#container_hornA {
    background: #ddaabb;
    float: left;}
.roundtopA {
    background: #d7d7ff;}
.roundbottomA {
    background: #d7d7ff;}
.rA1{
    margin: 0 5px;
    height: 1px;
    overflow: hidden;
    background: #ddaabb;}
.rA2{
    margin: 0 3px;
    height: 1px;
    overflow: hidden;
    background: #ddaabb;}
.rA3{
    margin: 0 2px;
    height: 1px;
    overflow: hidden;
    background: #ddaabb;}
.rA4{
    margin: 0 1px;
    height: 2px;
    overflow: hidden;
    background: #ddaabb;}
.contentA {
    margin: -1px 2px 0px 2px;
    color: #606060;
    font-size: 10px;}

#container_hornB {
    background: #99cccc;
    float: left;}
.roundtopB {
    background: #d7d7ff;}
.roundbottomB {
    background: #d7d7ff;}
.rB1{
    margin: 0 5px;
    height: 1px;
    overflow: hidden;
    background: #99cccc;}
.rB2{
    margin: 0 3px;
    height: 1px;
    overflow: hidden;
    background: #99cccc;}
.rB3{
    margin: 0 2px;
    height: 1px;
    overflow: hidden;
    background: #99cccc;}
.rB4{
    margin: 0 1px;
    height: 2px;
    overflow: hidden;
    background: #99cccc;}
.contentB {
    margin: -1px 2px 0px 2px;
    color: #606060;
    font-size: 10px;}


#container_hornC {
    background: #99bbff;
    float: left;}
.roundtopC {
    background: #d7d7ff;}
.roundbottomC {
    background: #d7d7ff;}
.rC1{
    margin: 0 5px;
    height: 1px;
    overflow: hidden;
    background: #99bbff;}
.rC2{
    margin: 0 3px;
    height: 1px;
    overflow: hidden;
    background: #99bbff;}
.rC3{
    margin: 0 2px;
    height: 1px;
    overflow: hidden;
    background: #99bbff;}
.rC4{
    margin: 0 1px;
    height: 2px;
    overflow: hidden;
    background: #99bbff;}
.contentC {
    margin: -1px 2px 0px 2px;
    color: #606060;
    font-size: 10px;}

#container_hornD {
    background: #ffeeaa;
    float: left;}
.roundtopD {
    background: #d7d7ff;}
.roundbottomD {
    background: #d7d7ff;}
.rD1{
    margin: 0 5px;
    height: 1px;
    overflow: hidden;
    background: #ffeeaa;}
.rD2{
    margin: 0 3px;
    height: 1px;
    overflow: hidden;
    background: #ffeeaa;}
.rD3{
    margin: 0 2px;
    height: 1px;
    overflow: hidden;
    background: #ffeeaa;}
.rD4{
    margin: 0 1px;
    height: 2px;
    overflow: hidden;
    background: #ffeeaa;}
.contentD {
    margin: -1px 2px 0px 2px;
    color: #606060;
    font-size: 10px;}


/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'Välkommen'; 
}
#second_2:before { 
  content: 'Välkommen'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

-->