#detailansicht{
  position:absolute;
  display:none;
  height:220px;
  width:330px;
  margin-left:46px;
  margin-top:-19px;
  background-image:url("../../images/wm_contact_popup.gif");
  background-color:transparent;
  padding:10px;
  padding-left:20px;
  line-height:16px;
}

*html #detailansicht{
  height:240px;
  width:360px;
}

#close_detailansicht {
  margin-top:5px;
  margin-left:260px;
  height:9px;
  width:57px;  
}

#close_detailansicht:hover {
  color: #7E8483;
}

.detailtable {
  width:95%;
  font-size: 1em;  
}

.wm_contact_contenttable {
  border-collapse: seperate;
  /*
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF;
  border: 1px solid black;
  */
  border-spacing: 2px;
  margin: 0 0 0 84px;
  padding: 10px 0 0 12px;
  overflow: hidden;
  border-left: 1px solid #a5a5a5;
}

.wm_contact_picture_detail {
}

.wm_contact_picture {
/*  border-collapse: separate;*/
  vertical-align: middle;
  text-align: center;
  border: 1px solid #FFFFFF;
  border-spacing: 2px;
  padding: 7px;
  margin: 2px;
}

.wm_contact_content {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #000000;
  border-collapse: separate;
  vertical-align: top;
  text-align: left;
  border: 1px solid #FFFFFF;
  border-spacing: 2px;
  padding: 2px;
  margin: 2px;
}

.wm_contact_text {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #000000;
  margin: 5px;
}

.wm_contact_job, .wm_contact_email, .wm_contact_home {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #000000;
}

.wm_contact_firstname, .wm_contact_lastname {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}


/*******************************************************
Popup for details

 - works via ":focus" in FF, Opera
 - works via ":focus" and "DeanEdwards IE7" in IE4-6
 - works via ":hover" and "*+html-Hack" in IE7 (you can't teach this browser to use ":focus")
 
 - works in IE7 only if Doctype is strict or transitional
*********************************************************/
div.wm_contact_click {
  outline:0px;
}

div.wm_contact_click:focus div#detailansicht {
  display:block;
}

div.detailansicht_close:focus div#detailansicht {
  display:none;
}

.wm_contact_name {
  text-decoration:underline;
  color: #004178;
  padding-bottom:6px;  
}

.wm_contact_name:hover {
  color: #7E8483;
}

.wm_contact_name_detail {
  font-weight:bold;
  color: #004178;
  padding-bottom:3px;
}

.wm_contact_phone_detail, .wm_contact_email_detail, .wm_contact_spec1_detail {
  padding-top:15px;
}

.wm_contact_phone_detail a:link, a:visited {
  color:#004178;
}
.wm_contact_phone_detail a:hover, a:focus {
  color:#7E8483;
}

*+html div.wm_contact_click:hover{
  text-decoration:none;
}

*+html div.wm_contact_click:hover div#detailansicht {
  display:block;
}