@font-face {
  font-family: "Marcellus";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Marcellus/Marcellus-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Charm";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Charm/Charm-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Charm";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/Charm/Charm-Bold.ttf") format("truetype");
}
body {
  font-family: "Apple Chancery", "Charm", serif;
  -webkit-text-size-adjust: none;
}

h1 {
  font-weight: normal;
  font-size: 1.4em;
  letter-spacing: 0.1em;
  font-family: "Apple Chancery", "Charm", serif;
  margin-bottom: 1em;
}

h2 {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 0.25em;
  padding-top: 0.5em;
}

article section h1 {
  font-size: 1.2em;
  letter-spacing: 0.08em;
}

p {
  margin-bottom: 1em;
}

dt {
  font-weight: bold;
  font-size: 0.9em;
}

dd {
  font-size: 1em;
  margin-bottom: 0.5em;
}

body.pageAbout div.right,
body.pageAbout1 div.right,
body.pageAbout2 div.right,
body.pageAbout3 div.right {
  font-family: "Optima", "Marcellus", sans-serif;
}

nav {
  position: relative;
  width: 100%;
  height: 40px;
  background: url(/img/gradient-vertical-40.png);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  text-align: center;
}
nav > ul {
  display: block;
  position: relative;
  margin: auto;
  width: 960px;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  border-right: 1px solid rgba(0, 0, 0, 0.6);
}
nav li {
  float: left;
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  list-style: none;
}
nav li ul {
  float: right;
}
nav li li {
  border-left: 1px dotted #000000;
  border-right: none;
  height: 40px;
  width: 53px;
}
nav li li a {
  width: 53px;
  height: 40px;
}
nav li li img {
  height: 40px;
  opacity: 0.6;
  /* modern browser */
  -moz-opacity: 0.6;
  /* older Mozilla browser */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /* IE8 in Standard Compliant Mode */
  filter: alpha(opacity=60);
  /* IE5.x -7.0 */
}
nav li li a[href="#"] {
  display: none;
}
nav li.active {
  font-weight: bold;
}
nav li:last-child {
  margin-right: -1px;
}
nav a {
  display: block;
  float: left;
  width: 159px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
  font-size: 1.2em;
  letter-spacing: 0.16em;
  font-weight: normal;
}
nav a:hover {
  background-image: url(/img/gradient-vertical-40-light.png);
}

body > footer {
  position: relative;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.6);
  background-image: url(/img/gradient-vertical-69.png);
  box-shadow: 0 0 2px rgba(50, 50, 50, 0.6);
  z-index: 100;
}
body > footer div.inner {
  position: relative;
  margin: auto;
  width: 960px;
  padding-top: 3px;
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  font-size: 1.2em;
  letter-spacing: 0.1em;
}
body > footer div.inner img {
  margin-right: 2em;
}

.verticalSeparator {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  top: 73px;
  bottom: 102px;
}
.verticalSeparator .verticalSeparatorTop {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  background-image: url(/img/ornament.png);
}
.verticalSeparator .verticalSeparatorMiddleTop {
  position: absolute;
  top: 16px;
  bottom: 50%;
  margin-bottom: 2px;
  left: 7px;
  width: 2px;
  background: #000;
  opacity: 0.3;
  /* modern browser */
  -moz-opacity: 0.3;
  /* older Mozilla browser */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE8 in Standard Compliant Mode */
  filter: alpha(opacity=30);
  /* IE5.x -7.0 */
}
.verticalSeparator .verticalSeparatorMiddle {
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  width: 16px;
  height: 5px;
  background-image: url(/img/ornament.png);
  background-position: -16px;
}
.verticalSeparator .verticalSeparatorMiddleBottom {
  position: absolute;
  bottom: 16px;
  top: 50%;
  margin-top: 2px;
  left: 7px;
  width: 2px;
  background: #000;
  opacity: 0.3;
  /* modern browser */
  -moz-opacity: 0.3;
  /* older Mozilla browser */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE8 in Standard Compliant Mode */
  filter: alpha(opacity=30);
  /* IE5.x -7.0 */
}
.verticalSeparator .verticalSeparatorBottom {
  position: absolute;
  bottom: 0;
  width: 16px;
  height: 16px;
  background-image: url(/img/ornament.png);
  background-position: -16px bottom;
}

div.bgColor {
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  background-color: #aaa;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

body.pageHome,
body.pageHome div.bgColor {
  background-color: #321010;
}

body.pageAbout,
body.pageAbout div.bgColor {
  background-color: #bda069;
}

body.pageAbout1,
body.pageAbout1 div.bgColor {
  background-color: #89a8cb;
}

body.pageAbout2,
body.pageAbout2 div.bgColor {
  background-color: #e3ab68;
}

body.pagePublications,
body.pagePublications div.bgColor {
  background-color: #fff;
}

body.pageContact,
body.pageContact div.bgColor {
  background-color: #4c95cf;
}

#publicationMosaic {
  position: relative;
  padding: 0;
  margin-top: 2em;
}
#publicationMosaic a {
  display: block;
  position: absolute;
  border: 1px solid #000;
  background-image: url(../img/transparent.png);
}
#publicationMosaic a:hover,
#publicationMosaic a.active {
  border-color: #fff;
  z-index: 1000;
}
#publicationMosaic a[href="#bookAlphaMales"] {
  top: 216px;
  left: 0;
  width: 125px;
  height: 166px;
}
#publicationMosaic a[href="#bookMenPure"] {
  top: 216px;
  left: 126px;
  width: 197px;
  height: 166px;
}
#publicationMosaic a[href="#bookUniversal"] {
  top: 216px;
  left: 324px;
  width: 122px;
  height: 166px;
}
#publicationMosaic a[href="#bookMaleNudeNow"] {
  top: 77px;
  left: 0;
  width: 112px;
  height: 138px;
}
#publicationMosaic a[href="#bookNakedMen"] {
  top: 77px;
  left: 113px;
  width: 109px;
  height: 138px;
}
#publicationMosaic a[href="#bookInternationalNudes"] {
  top: 77px;
  left: 223px;
  width: 114px;
  height: 138px;
}
#publicationMosaic a[href="#bookNakedMenDe"] {
  top: 77px;
  left: 338px;
  width: 108px;
  height: 138px;
}
#publicationMosaic a[href="#bookBeautifulVision"] {
  top: 383px;
  left: 0px;
  width: 101px;
  height: 139px;
}
#publicationMosaic a[href="#bookNaked"] {
  top: 383px;
  left: 102px;
  width: 89px;
  height: 139px;
}
#publicationMosaic a[href="#bookNudeBible"] {
  top: 383px;
  left: 192px;
  width: 152px;
  height: 139px;
}
#publicationMosaic a[href="#bookTheNudeMale"] {
  top: 383px;
  left: 345px;
  width: 101px;
  height: 139px;
}

body.pageContact #content {
  margin-top: 0;
  margin-bottom: 0;
}
body.pageContact #content > article {
  padding-top: 64px;
  padding-bottom: 64px;
}
body.pageContact #content .verticalSeparator {
  top: 32px;
  bottom: 32px;
}
body.pageContact #contactGermany {
  float: left;
  width: 50%;
}
body.pageContact #contactEmail {
  float: right;
  width: 50%;
}
body.pageContact #kappelhoffWebServices {
  margin-top: 3em;
}
body.pageContact #partner {
  clear: both;
  padding-top: 1em;
}
body.pageContact #partner > h1 {
  margin-bottom: 0.5em;
}
body.pageContact #partner section {
  float: left;
  width: 50%;
}
body.pageContact #partner section section {
  font-size: 14px;
}
body.pageContact #copyright {
  margin: 3em 0;
  font-size: 0.9em;
}
body.pageContact article .left > img {
  border: 1px solid #444;
  margin-bottom: 3em;
}
body.pageContact article .email span {
  display: none;
}
body.pageContact article h1 {
  margin-bottom: 0.5em;
}
body.pageContact article section {
  margin-bottom: 1em;
}
body.pageContact article section h1 {
  font-weight: normal;
  margin-bottom: 0.25em;
}
body.pageContact article > .left,
body.pageContact article > .right {
  width: 448px;
  padding: 0;
  margin-bottom: 16px;
}
body.pageContact label,
body.pageContact input,
body.pageContact p {
  font-family: "Optima", "Marcellus", sans-serif;
}
body.pageContact a {
  letter-spacing: 0.09em;
}

body.pagePrivacy-policy article .email span {
  display: none;
}

body.pagePublications div.right {
  position: relative;
  text-align: center;
  font-family: "Optima", "Marcellus", sans-serif;
}
body.pagePublications div.right h1,
body.pagePublications div.right section header {
  font-family: "Apple Chancery", "Charm", serif;
}
body.pagePublications div.right h1 {
  font-weight: normal;
  margin-bottom: 0.5em;
}
body.pagePublications div.right {
  padding: 0;
}
body.pagePublications .book {
  margin-bottom: 5em;
}

body.pageGallery .galleryHorizontal,
body.pageGalleryPhoto .galleryHorizontal {
  text-align: center;
}
body.pageGallery .galleryHorizontal .infos,
body.pageGalleryPhoto .galleryHorizontal .infos {
  background: url("/img/ornament-horrizontal.png") no-repeat scroll center 1em transparent;
  padding-top: 4em;
  text-align: center;
}
body.pageGallery .galleryHorizontal .infos table,
body.pageGalleryPhoto .galleryHorizontal .infos table {
  margin: auto;
  width: 640px;
}
body.pageGallery .galleryVertical img,
body.pageGalleryPhoto .galleryVertical img {
  display: block;
  float: left;
  left: 0;
  width: 448px;
  padding: 2em 0;
}
body.pageGallery .galleryVertical .infos,
body.pageGalleryPhoto .galleryVertical .infos {
  padding: 2em 0;
  width: 448px;
  margin-left: 512px;
}
body.pageGallery .galleryVertical .copyright,
body.pageGalleryPhoto .galleryVertical .copyright {
  width: 300px;
  margin-left: 0;
  margin-top: 1em;
  font-size: 0.9em;
}
body.pageGallery .infos h1,
body.pageGalleryPhoto .infos h1 {
  margin-bottom: 1em;
}
body.pageGallery .infos table,
body.pageGalleryPhoto .infos table {
  text-align: left;
  font-size: 0.9em;
}
body.pageGallery .infos th, body.pageGallery .infos td,
body.pageGalleryPhoto .infos th,
body.pageGalleryPhoto .infos td {
  vertical-align: top;
  padding-bottom: 0.5em;
  font-family: "Optima", "Marcellus", sans-serif;
}
body.pageGallery .infos em,
body.pageGalleryPhoto .infos em {
  display: block;
  margin: auto;
  text-align: left;
  width: 640px;
  font-family: "Optima", "Marcellus", sans-serif;
  font-size: 0.9em;
}
body.pageGallery .infos th:after,
body.pageGalleryPhoto .infos th:after {
  content: ":";
  margin-right: 1em;
}

body.pageGallery .galleryPhoto ul {
  list-style: square outside none;
  margin-left: 1em;
}

#galleryIndex {
  margin: 2em 0;
}

body.pageReichstagsluemmelDe h1, body.pageReichstagsluemmelDe p, body.pageReichstagsluemmelDe a, body.pageReichstagsluemmelDe div, body.pageReichstagsluemmelDe *,
body.pageReichstagsluemmelEn h1,
body.pageReichstagsluemmelEn p,
body.pageReichstagsluemmelEn a,
body.pageReichstagsluemmelEn div,
body.pageReichstagsluemmelEn *,
body.pageReichstagsluemmelFr h1,
body.pageReichstagsluemmelFr p,
body.pageReichstagsluemmelFr a,
body.pageReichstagsluemmelFr div,
body.pageReichstagsluemmelFr *,
body.pageReichstagsluemmelNl h1,
body.pageReichstagsluemmelNl p,
body.pageReichstagsluemmelNl a,
body.pageReichstagsluemmelNl div,
body.pageReichstagsluemmelNl * {
  font-family: Arial;
}
body.pageReichstagsluemmelDe div.bgColor,
body.pageReichstagsluemmelEn div.bgColor,
body.pageReichstagsluemmelFr div.bgColor,
body.pageReichstagsluemmelNl div.bgColor {
  background-color: #89A8CB;
}
body.pageReichstagsluemmelDe .verticalSeparatorTop,
body.pageReichstagsluemmelDe .verticalSeparatorBottom,
body.pageReichstagsluemmelEn .verticalSeparatorTop,
body.pageReichstagsluemmelEn .verticalSeparatorBottom,
body.pageReichstagsluemmelFr .verticalSeparatorTop,
body.pageReichstagsluemmelFr .verticalSeparatorBottom,
body.pageReichstagsluemmelNl .verticalSeparatorTop,
body.pageReichstagsluemmelNl .verticalSeparatorBottom {
  display: none;
}
body.pageReichstagsluemmelDe ul.navigation a.reichtstagsluemmel,
body.pageReichstagsluemmelEn ul.navigation a.reichtstagsluemmel,
body.pageReichstagsluemmelFr ul.navigation a.reichtstagsluemmel,
body.pageReichstagsluemmelNl ul.navigation a.reichtstagsluemmel {
  width: 320px;
}
body.pageReichstagsluemmelDe #contactLink,
body.pageReichstagsluemmelEn #contactLink,
body.pageReichstagsluemmelFr #contactLink,
body.pageReichstagsluemmelNl #contactLink {
  bottom: 1em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.3em;
  left: 1em;
  letter-spacing: 0.15em;
  position: absolute;
  text-align: left;
  text-decoration: none;
}
body.pageReichstagsluemmelDe #contactLink:hover,
body.pageReichstagsluemmelEn #contactLink:hover,
body.pageReichstagsluemmelFr #contactLink:hover,
body.pageReichstagsluemmelNl #contactLink:hover {
  text-decoration: underline;
}
body.pageReichstagsluemmelDe div.left,
body.pageReichstagsluemmelEn div.left,
body.pageReichstagsluemmelFr div.left,
body.pageReichstagsluemmelNl div.left {
  text-align: center;
}

article, header, footer, nav, section {
  display: block;
}

html {
  height: 100%;
}

p, h1, h2, h3, li, td, th, dd, dt, textarea, a {
  color: #000;
}

* {
  margin: 0;
  padding: 0;
  border: none;
}

body {
  position: relative;
  height: 100%;
  min-width: 960px;
  font-size: 16px;
}

body > header {
  position: relative;
  width: 100%;
  z-index: 100;
}

#content {
  position: relative;
  width: 960px;
  min-height: 100%;
  margin: -41px auto -70px auto;
}
#content > article {
  position: relative;
  padding-top: 73px;
  padding-bottom: 102px;
}

.left {
  float: left;
}

article .left {
  padding: 2em 0;
  float: left;
}

article .right {
  padding: 2em 0;
  width: 448px;
  margin-left: 512px;
}

.clear {
  clear: both;
  height: 0;
}

body.pageHome #content article p {
  display: none;
}

#animatedMosaic {
  position: relative;
  width: 961px;
  height: 641px;
  background-image: url(/img/start.jpg);
}
#animatedMosaic div {
  position: absolute;
  width: 80px;
  height: 80px;
  opacity: 0;
  color: #fff;
  font-weight: bold;
}
#animatedMosaic div.center {
  opacity: 1;
}
#animatedMosaic div.diagonally {
  opacity: 0.5;
}
#animatedMosaic div.sideward {
  opacity: 0.8;
}