/******************************************************************************
CSS Styles für Mischapage Web Gallery
(C) Copyright 2004 Michael Hoser
*******************************************************************************/

/* --------------------------------------------------------------------------------------------------- */
/* GENERAL LAYOUTS                                                                                     */
/* --------------------------------------------------------------------------------------------------- */

body {
  font-family: helvetica, tahoma, arial;
  background-color: #FFFFFF;
}

img {
  border: 0px;
}

h1 {
  margin-top: 20px;
  font-family: Georgia, serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
}

div.footer,
div.footer a {
  margin-top: 20px;
  text-align: center;
  text-decoration: none;
  font-size: 8pt;
  color: #999999;
}

div.control { 
  margin-top: 15px;
  text-align: center;
}

div.control img {
  width: 35px;
  height: 25px;
}

div.bar {
  text-align: center;
}

/* --------------------------------------------------------------------------------------------------- */
/* OVERVIEW LAYOUTS                                                                                    */
/* --------------------------------------------------------------------------------------------------- */

table.overview { 
  margin-top: 15px;
}

table.overview td {
  border: 0px solid maroon;
  font-size: 0pt;
}

table.overview tr td.landscape {
  background-image: url( landscape.gif );
  background-position: 0px 16px;
  background-repeat: no-repeat;
  width: 193px;
  height: 193px;
  text-align: left;
  vertical-align: top;
}

table.overview tr td.portrait {
  background-image: url( portrait.gif );
  background-position: 16px 0px;
  background-repeat: no-repeat;
  width: 193px;
  height: 193px;
  text-align: left;
  vertical-align: top;
}

table.overview tr td.landscape div.image {
  padding-left: 24px;
  padding-top: 44px;
}

table.overview tr td.portrait div.image {
  padding-left: 44px;
  padding-top: 24px;
}

table.overview tr td.landscape img {
  width: 140px;
  height: 105px;
}

table.overview tr td.portrait img {
  width: 105px;
  height: 140px;
}

table.overview tr td div.title {
  font-family: Georgia, serif;
  font-size: 10pt;
  text-align: center;
  padding-top: 32px;
}

table.overview tr td.space {
  width: 0px;
  height: 20px;
}

table.overview tr td.empty {
  text-align: center;
}

/* --------------------------------------------------------------------------------------------------- */
/* DETAIL LAYOUTS                                                                                      */
/* --------------------------------------------------------------------------------------------------- */

div.detail {
  margin-top: 30px;
  text-align: center;
}