html,body {
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:12px;
color:#FFFFFF;
margin:0;
height:100%;
width:100%;	
padding: 0;
vertical-align:top;
text-align:justify;
}

body a,body a:link, body a:active, body a:visited {
color:#D7CEED;
text-decoration:underline;

} 

body a:hover {
color:#fd6000;
text-decoration:none;
}

@font-face  {
font-family: "My Font";
src: url(http://www.kdconsult.dk/font/font.ttf) format("truetype");
}

p.cfont {
font-family: "My Font", Verdana, Tahoma;
text-align:justify;
font-size:12px;
}

p.right {
font-family: Verdana, Tahoma;
text-align:right;
font-size:12px;
}

p.center {
font-family: Verdana, Tahoma;
text-align:center;
font-size:12px;
}

p.header {
font-family: Verdana, Tahoma;
color: #3F19A0;
text-align:center;
font-size:22px;
}

p.footer {
font-family: Verdana, Tahoma;
color: #3F19A0;
text-align:center;
font-size:16px;
}

div.background
  {
  margin:30px 30px;
  width:830px;
  height:860px;
  position: center;
  background:url(../gfx/dx2.jpg) no-repeat;
  border:2px solid black;

  }
div.transbox
  {
  width:710px;
  height:740px;
  margin:60px 60px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }
div.transbox p
  {
  margin:30px 40px;
  color:#000000;
  }
  
div.imageContainer{
        position: absolute;
        width: 500px; /*the image width*/
        height: 500px; /*the image height*/
        left: 50%;
        top: 50%;
        margin-left: -250px; /*half the image width*/
        margin-top: -250px; /*half the image height*/
    }