@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@import url(floatz-1.2.0/floatz.liquid.css);

@import url(../scripts/lightbox-2.6/css/lightbox.css);
/****************************************************
 * Load floatz CSS framework
 */
/* ------------ Upcoming floatz styles ----------- */
/****************************************************
 * Project specific styles
 */
/* Variables */
body {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 0.9em;
  /* 14.4px @ 16px */

  color: #333333;
}
h1 {
  font-size: 1.85em;
  /* 28.8px @ 14.4px */

  font-weight: 300;
}
h2,
h3,
h4 {
  font-size: 1em;
  /* 14.4px @ 14.4px */

  font-weight: 300;
}
h2 {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
}
h3 {
  text-align: right;
}
p,
ul {
  padding-bottom: 1em;
}
p.more {
  padding-top: 1em;
  text-align: right;
}
ul li {
  margin-left: 1.25em;
}
/* Header panel */
.header {
  height: 1.5em;
  bottom: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 1em;
}
.header .flz_topnav {
  padding-right: 0;
  top: 0;
}
.header .flz_topnav li a:hover {
  text-decoration: underline;
}
/* Content panel */
.content {
  margin-top: 1em;
  padding: 0 1em 1em 1em;
  top: 7.5em;
}
.content .col_mid {
  width: 62.50000em;
  /* 1024px @ 14.4px */

}
.content .col_right {
  width: 62.50000em;
  /* 1024px @ 14.4px */

}
.article {
  margin-left: auto;
  margin-right: auto;
  max-width: 62.50000em;
  /* 1024px @ 14.4px */

}
#menu,
#photographie,
#malerei,
#aktuelles,
#uebermich,
#kontakt {
  padding-bottom: 3em;
}
#menu {
  position: relative;
}
#photographie .photo .flz_lsubspacer,
#malerei .photo .flz_lsubspacer,
#uebermich .photo .flz_lsubspacer {
  background-color: #eee;
  height: 20em;
  /* 288px @ 14.4px */

  margin-right: 0.5em;
  overflow: hidden;
}
#photographie .photo .flz_lsubspacer_mrmc_top,
#malerei .photo .flz_lsubspacer_mrmc_top,
#uebermich .photo .flz_lsubspacer_mrmc_top,
#photographie .photo .flz_lsubspacer_mrmc_mid,
#malerei .photo .flz_lsubspacer_mrmc_mid,
#uebermich .photo .flz_lsubspacer_mrmc_mid,
#photographie .photo .flz_lsubspacer_mrmc_bottom,
#malerei .photo .flz_lsubspacer_mrmc_bottom,
#uebermich .photo .flz_lsubspacer_mrmc_bottom {
  background-color: #eee;
  height: 20em;
  /* 288px @ 14.4px */

  padding: 0;
  margin: 0 0.5em 0.5em 0;
  overflow: hidden;
}
#photographie .photo .flz_msubspacer_mrmc_top,
#malerei .photo .flz_msubspacer_mrmc_top,
#uebermich .photo .flz_msubspacer_mrmc_top,
#photographie .photo .flz_msubspacer_mrmc_mid,
#malerei .photo .flz_msubspacer_mrmc_mid,
#uebermich .photo .flz_msubspacer_mrmc_mid,
#photographie .photo .flz_msubspacer_mrmc_bottom,
#malerei .photo .flz_msubspacer_mrmc_bottom,
#uebermich .photo .flz_msubspacer_mrmc_bottom {
  background-color: #eee;
  height: 20em;
  /* 288px @ 14.4px */

  padding: 0;
  margin: 0 0.5em 0.5em 0.5em;
  overflow: hidden;
}
#photographie .photo .flz_rsubspacer_mrmc_top,
#malerei .photo .flz_rsubspacer_mrmc_top,
#uebermich .photo .flz_rsubspacer_mrmc_top,
#photographie .photo .flz_rsubspacer_mrmc_mid,
#malerei .photo .flz_rsubspacer_mrmc_mid,
#uebermich .photo .flz_rsubspacer_mrmc_mid,
#photographie .photo .flz_rsubspacer_mrmc_bottom,
#malerei .photo .flz_rsubspacer_mrmc_bottom,
#uebermich .photo .flz_rsubspacer_mrmc_bottom {
  padding: 0;
  height: 20em;
  /* 288px @ 14.4px */

  margin-left: 0.5em;
  margin-bottom: 0.5em;
  background-color: #eee;
  overflow: hidden;
}
#photographie .photo .flz_lsubspacer_mrmc_mid,
#malerei .photo .flz_lsubspacer_mrmc_mid,
#uebermich .photo .flz_lsubspacer_mrmc_mid,
#photographie .photo .flz_msubspacer_mrmc_mid,
#malerei .photo .flz_msubspacer_mrmc_mid,
#uebermich .photo .flz_msubspacer_mrmc_mid,
#photographie .photo .flz_rsubspacer_mrmc_mid,
#malerei .photo .flz_rsubspacer_mrmc_mid,
#uebermich .photo .flz_rsubspacer_mrmc_mid,
#photographie .photo .flz_lsubspacer_mrmc_bottom,
#malerei .photo .flz_lsubspacer_mrmc_bottom,
#uebermich .photo .flz_lsubspacer_mrmc_bottom,
#photographie .photo .flz_msubspacer_mrmc_bottom,
#malerei .photo .flz_msubspacer_mrmc_bottom,
#uebermich .photo .flz_msubspacer_mrmc_bottom,
#photographie .photo .flz_rsubspacer_mrmc_bottom,
#malerei .photo .flz_rsubspacer_mrmc_bottom,
#uebermich .photo .flz_rsubspacer_mrmc_bottom {
  margin-top: 0.5em;
}
#photographie .photo .flz_lsubspacer_mrmc_bottom,
#malerei .photo .flz_lsubspacer_mrmc_bottom,
#uebermich .photo .flz_lsubspacer_mrmc_bottom,
#photographie .photo .flz_msubspacer_mrmc_bottom,
#malerei .photo .flz_msubspacer_mrmc_bottom,
#uebermich .photo .flz_msubspacer_mrmc_bottom,
#photographie .photo .flz_rsubspacer_mrmc_bottom,
#malerei .photo .flz_rsubspacer_mrmc_bottom,
#uebermich .photo .flz_rsubspacer_mrmc_bottom {
  margin-bottom: 0;
}
#aktuelles .news {
  padding-bottom: 2em;
}
#kontakt {
  padding-bottom: 10em;
}
