/* Rækkefølgen på styles bestemmer hvad der bruges, derfor skal man have generel først
   derefter kan man så specialisere ved at bruge ' xxx', se f.eks. brugen med img */
   

/* border-width:2;
  border-style:ridge; */

/* De to kolonners bredde i procent på hver side af puslespilsfeltet */
div.brikvertikal {
  height: auto;
  width: 36%;
  float: left;
}

/* Den kolonners bredde i procent hvor puslespilsfeltet er*/
div.midtbrikvertikal {
  height: auto;
  width: 25%;
  float: left;
}

div.brik {
  width: 100%;
  height: auto;
  float: left;
  text-align:center;
}

/* Bruges til de enkelte løse brikker MED A HREF */
/* Img som findes i en a i en brik */
div.brik a img {
  display:block;
  border:0;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}
/* Kun det centrale hele billede uden A HREF */
div.brik img {
  display:block;
  border:0;
  margin-top: 25px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

span.briktext {
  display: block;

  text-align: center;
}

div.vbrik {
  margin-top: 2px;
  height: auto;
  float: left;
}

/* Img som findes i en vbrik */
div.vbrik img {
  display: block;
  float: right;
  border:0;
  margin: 10px;
}

div.vbrik span.briktext {
  margin-top: 8px;
  text-align: right;

}

div.hbrik {
  margin-top: 2px;
  height: auto;
  float: left;
}

/* Img som findes i en hbrik */
div.hbrik img {
  display: block;
  float: left;
  border:0;
  margin: 10px;
}

/* span.briktext som findes i en hbrik */
div.hbrik span.briktext {
  margin-top: 8px;
  text-align: left;
}

div.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
}

h3 {
  margin-bottom: 5px;
}

/* en center som findes i en h3 */
h3.center {
  text-align: center;
}