@charset "ISO-8859-1";
/* ==================== Defaults ==================== */
* { outline: none }
body { background: #5f5c57 url(img/hg.gif) repeat }
a { display: inline-block; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: white }

/* ==================== References (all types of) ==================== */
.layoutPopup { position: absolute; top: 10px; left: 10px; width: 708px }
.layoutPopup img.refFull { border: 4px solid white; width: 700px; height: 472px }
.layoutPopup a { display: inline-block; border: 1px solid white; height: 103px; vertical-align: top }
.layoutPopup a:hover, .layoutPopup a.active { border: 1px solid #eb6003 }
.layoutPopup .close { width: 100%; height: 20px; text-align: right; margin-bottom: 3px }
.layoutPopup .close a:link, .layoutPopup .close a:visited { border: 0; height: auto; margin: 0 }
.layoutPopup .close a:hover { text-decoration: none }
.layoutPopup .previews { position: absolute; z-index: 2 }
.layoutPopup .previews .first { margin-right: 20px }
.layoutPopup .previews .last { margin-left: 20px }
.layoutPopup .previews img, .layoutPopup .previews a.arrow { border: 0 }
.layoutPopup .previews img { width: 124px }
.layoutPopup .previews img.fillerTyp1 { width: 291px }
.layoutPopup .previews img.fillerTyp2 { width: 146px }
.layoutPopup .previews a.arrow img { width: 19px }
.layoutPopup .labels { position: absolute; top: 593px; left: 0; width: 706px; text-align: center; z-index: 1 }
.layoutPopup .labels table { width: 706px; font: normal 11px/1.5 Arial, Helvetica, sans-serif; color: white }
.layoutPopup .labels table td { width: 124px; vertical-align: top }
.layoutPopup .labels table td.sepTyp1 { width: 22px }
.layoutPopup .labels table td.sepTyp2 { width: 21px }
.layoutPopup .past img.refFull { height: 422px }
.layoutPopup .past a { height: 94px }
.layoutPopup .past .labels { top: 534px }

/* ==================== Old & new parallel ==================== */
.layoutPopup a.new { height: 103px }
.layoutPopup a.old { height: 94px }
.layoutPopup .labels.new { top: 543px }
.layoutPopup .labels.old { top: 584px }

/* ==================== 3D/ Animation + "Printwerbung" + "Briefpapier, Flyer" (additional styles) ==================== */
.layoutPopup .animation img, .layoutPopup .print img, .layoutPopup .flyer img { border: 4px solid white }
.layoutPopup .close.popupAquagenius a { margin-right: 498px }
.layoutPopup .close.popupSchreibtisch a { margin-right: 210px }
.layoutPopup .close.popup3DProjektstandbild a { margin-right: -59px }