p.slaegt {
   font-size:20px;
}
.rightalign{
    text-align: right;
}
h1.afrika {
    text-align: center;
}
#hoved {
    width: 1010px;
    height: 760px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: thin;
    background-image: url(billeder/backg4.jpg);
}
#top {
    width: 1010px;
    height: 85px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: "papyrus";
    font-size: 50px;
    padding-top: 2px;
 //   background-color: #cccccc;
 //   background-image: url(backg3.jpg);
 }
  #venstre {
    width: 174px;
    height: 670px;
    margin-left: auto;
    float: left;
 }
 #venstremenu {
    width: 169px;
    height: 620px;
    margin-left: auto;
    float: left;
    text-align: left;
    font-family: "papyrus";
    font-size: 20px;
    padding-left: 5px;
 }
#midt {
    border-top-color: black;
    border-top-width: thin;
    border-top-style: solid;
    border-left-color: black;
    border-left-width: thin;
    border-left-style: solid;
    width: 401px;
    height: 669px;
    margin-left: auto;
    float: left;
    font-size: 18px;
    padding-left: 8px;
    padding-right: 8px;
}
#hoejre {
    border-left-color: black;
    border-left-width: thin;
    border-left-style: solid;
    border-top-color: black;
    border-top-width: thin;
    border-top-style: solid;
    width: 401px;
    height: 669px;
    margin-left: auto;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
#bund {
    width: 169px;
    height: 50px;
    margin-left: auto;
    float: left;
    text-align: center;
    font-size: 12px;
}
a:link {
    color: #000099;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}
a:visited {
    color: #000099;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}
a:hover {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}
a:active { 
    color: #ff3333;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
} 
a.hoejre:link {
    color: #000099;
    text-decoration: none;
    font-weight: bold;
}
a.hoejre:visited {
    color: #000099;
    text-decoration: none;
    font-weight: bold;
}
a.hoejre:hover {
    color: white;
    text-decoration: none;
    font-weight: bold;
}
a.hoejre:active { 
    color: #ff3333;
    text-decoration: none;
    font-weight: bold;
} 
.galleri {
  position: relative;
  top:0px;
  left:0px;
//  overflow: hidden;
  background: #999;
  width: 249px;
  height: 158px;
//  border-radius: 2em;
//  box-shadow: 3px 3px 3px #666;
}
.galleri dt  {
  width: 249px;
  height: 158px;
//  margin: 1em;
  cursor: pointer;
//  border-radius: 2em;
//  box-shadow: 3px 3px 3px #666;
  overflow: hidden;
  -webkit-transition: 1s all;
}
.galleri dt:hover {
//  box-shadow: 3px 3px 3px #fff;
}
.galleri dd {
  position: absolute;
  left : -210px;
  top: -250px;
  width: 362px;
  height: 241px;
  background: blue ;
  opacity: 0;
  visibility: hidden;
  filter: alpha(opacity=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: 1.5s all;
   -webkit-transition: 1.5s all;
}

.galleri dt:hover + dd {
   z-index:5;
   visibility: visible;;
   opacity: 1;
   filter: alpha(opacity=100);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.galleri dd:active {
     z-index:1; 
       visibility: hidden;
   opacity: 0;
   filter: alpha(opacity=0);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}


.galleri.id2 dd {
  -webkit-transform: scale(0);
}
.galleri.id2 dt:hover + dd {
  -webkit-transform: scale(1);
}


.galleri.id3 dd {
  -webkit-transform: skewY(180deg);
}
.galleri.id3 dt:hover + dd {
  -webkit-transform: skewY(0deg);
}

.galleri.id4 dd {
  -webkit-transform: translateX(500px) scale(0) rotate(365deg)skewY(30deg);
  -webkit-transition: 3s all;
}
.galleri.id4 dt:hover + dd {
  -webkit-transform: translateX(0px) scale(1) rotate(0deg)skewY(0deg);
}