/* basic */

body {
  width: 960px;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.85em;
}

img {
  border: 0;
}

a {
  outline: none;
}

div.clear {
  clear: both;
}

/* point_beilagenonline */

#point_beilagenonline a.thumbnail {
  display: block;
}

#point_beilagenonline img.thumbnail {
  width: 132px;
  height: 200px;
}

#point_beilagenonline div.detail_loading_1, #point_beilagenonline div.detail_loading_2 {
  float: left;
  width: 332px;
  height: 473px;
  background: transparent url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

#point_beilagenonline div.gallery_thumbnail {
  float: left;
  margin: 3px;
}

#point_beilagenonline div.gallery_thumbnail p {
  margin: 0;
  font-size:11px;
  text-align: center;
}

#point_beilagenonline div.navigation_overview, #point_beilagenonline div.navigation_details {
  float: left;
  display: table;
  text-align: center;
  margin: 5px 0 5px 0;
  height: 473px;
}

#point_beilagenonline div.navigation_overview {
  width: 61px;
  height: 473px;
}

#point_beilagenonline div.navigation_details {
  width: 145px;
  height: 473px;
}

#point_beilagenonline div.gallery_overview {
  float: left;
  width: 838px;
  margin: 5px 0 5px 0;
  height: 473px;
}

#point_beilagenonline div.gallery_details {
  float: left;
  width: 668px;
  height: 473px;
  margin: 5px 0 5px 0;
}

#point_beilagenonline a.next,
#point_beilagenonline a.previous, #point_beilagenonline a.previous_detail
{
  display: table-cell;
  width: 33px;
  height: 55px;
  text-align: center;
  vertical-align: middle;
}

#point_beilagenonline a.next_detail
{
  display: block;
  margin-top: 210px;
}

#point_beilagenonline div.tip
{
  margin: 0 10px 0 10px;
  text-align: left;
  font-size: 0.8em;
  color: #666666;
  position: absolute;
  bottom: 65px;
}

#point_beilagenonline div.zoom {
  width: 150px;
  height: 150px;
  opacity: 0.95;
  z-index: 1500;
  background-repeat: no-repeat;
  position: absolute;
  overflow: hidden;
  border: 2px #ffffff solid;
}

#point_beilagenonline img.detail_1, #point_beilagenonline img.detail_2 {
  width: 332px;
  height: 473px;
  float: left;
  cursor: crosshair;
}

/* Header */

#header {
  width: 960px;
  height: 69px;
}

#header div.logo {
  float: left;
  width: 226px;
  height: 53px;
  margin: 8px 0 0 200px;
  background: transparent url(../images/logo.png) no-repeat;
}

#header a.overview, #header a.details,
#header div.overview_empty, #header div.details_empty {
  float: left;
  display: block;
  width: 101px;
  height: 31px;
}

#header a.overview, #header div.overview_empty {
  margin: 18px 0 0 10px;
} 

#header a.details, #header div.details_empty {
  margin: 18px 0 0 190px;
}

#header a.close {
  display: block;
  margin: -17px 0 0 43px;
}

#header a.close:hover {
  cursor: pointer;
}

#header div.background {
  float: left;
  width: 842px;
  height: 69px;
  background: transparent url(../images/background_header.png) repeat-x;
}

#header div.left, #header div.right {
  float: left;
  width: 59px;
  height: 69px;
}

#header div.left {
  background: transparent url(../images/background_header_left.png) no-repeat 50%;
}

#header div.right {
  background: transparent url(../images/background_header_right.png) repeat-x;
}

/* Footer */

#footer {
  width: 960px;
  height: 39px;
}

#footer div.background {
  float: left;
  width: 902px;
  height: 28px;
  padding: 11px 0 0 0;
  background: transparent url(../images/background_footer.png) repeat-x;
}

#footer div.left, #footer div.right {
  float: left;
  width: 29px;
  height: 39px;
}

#footer div.left {
  background: transparent url(../images/background_footer_left.png) no-repeat;
}

#footer div.right {
  background: transparent url(../images/background_footer_right.png) repeat-x;
}

#footer a {
  font-size: 0.8em;
  color: #ffffff;
}

#footer a.gesamt_pdf {
  float: left;
  margin: 2px 0 0 15px;
}

#footer div.download_pdf_1, #footer div.download_pdf_2 {
  height: 30px;
  float: left;
  text-align: center;
  padding: 2px 0 0 0;
}

#footer div.download_pdf_1 {
  width: 220px;
  margin: 0 50px 0 0;
}

#footer div.download_pdf_2 {
  width: 332px;
}