body {
   margin: 0;
   padding: 0;
   line-height: 1.4em;
   font-size: 0.69em;
   font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
   color: #323232;
}

#wrapper {
   width: 925px;
   height: 399px;
}

#popup_profiel #wrapper {
   background: url(gfx/popup_profile.png) no-repeat;
}

* html #popup_profiel #wrapper {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/popup_profile.png');
}

#popup_contact #wrapper {
   background: url(gfx/popup_contact.png) no-repeat;
}

* html #popup_contact #wrapper {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/popup_contact.png');
}

#body {
   position: relative;
   padding: 16px 18px 0 18px;
}

h1 {
   margin: 0;
   font-size: 18px;
}

a {
   color: #0885DD;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

#profile strong {
   font-size: 12px;
}

#profile ul {
   float: left;
   width: 50%;
   margin: 0;
   padding: 0;
   list-style: none;
}

#profile li {
   margin-bottom: 1.4em;
   padding-left: 70px;
   background-repeat: no-repeat;
}

#profile li h2 {
   margin: 0;
   font-size: 13px;
}

#profile li p {
   margin: 0;
}

#profile li#architecture {
   background-image: url(gfx/icon_architecture.gif);
}

#profile li#wireframes {
   background-image: url(gfx/icon_wireframes.gif);
}

#profile li#visualdesign {
   background-image: url(gfx/icon_visualdesign.gif);
}

#profile li#optimization {
   background-image: url(gfx/icon_optimization.gif);
}

#profile li#usability {
   background-image: url(gfx/icon_usability.gif);
}

#profile li#sparring {
   background-image: url(gfx/icon_sparring.gif);
}

#contact dl
#contact dt,
#contact dd {
   margin: 0;
   padding: 0;
}

#contact dt {
   font-weight: bold;
}

#contact .address dd {
   margin-bottom: 1em;
}

#contact .contact dt {
   float: left;
   margin-right: 0.3em;
}

#contact .contact dt:after {
   content: ':';
}

#contact .contact dt {
   behavior: expression(void(this.innerHTML += ':'), void(this.runtimeStyle.behavior = 'none'));
}

#map {
   position: absolute;
   top: 14px;
   right: 38px;
   width: 691px;
   height: 355px;
   background: url(gfx/map.gif) no-repeat;
}

#map iframe {
   width: 669px;
   height: 333px;
   margin: 11px 0 0 11px;
}

#close {
   display: block;
   position: absolute;
   right: 4px;
   top: 0;
   width: 30px;
   height: 0;
   overflow: hidden;
   padding-top: 30px;
   background: url(gfx/close.gif) 10px 10px no-repeat;   
}

#close:hover {
   background-position: 10px -10px;
}