/* FONTS, Karla in Bold, Italic and Regular and BoldItalic */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 22, 2012 */
@font-face {
  font-family: "KarlaBold";
  src: url("../webfonts/karla-bold-webfont.eot");
  src: url("../webfonts/karla-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/karla-bold-webfont.woff") format("woff"), url("../webfonts/karla-bold-webfont.ttf") format("truetype"), url("../webfonts/karla-bold-webfont.svg#KarlaBold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "KarlaBoldItalic";
  src: url("../webfonts/karla-bolditalic-webfont.eot");
  src: url("../webfonts/karla-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/karla-bolditalic-webfont.woff") format("woff"), url("../webfonts/karla-bolditalic-webfont.ttf") format("truetype"), url("../webfonts/karla-bolditalic-webfont.svg#KarlaBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "KarlaItalic";
  src: url("../webfonts/karla-italic-webfont.eot");
  src: url("../webfonts/karla-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/karla-italic-webfont.woff") format("woff"), url("../webfonts/karla-italic-webfont.ttf") format("truetype"), url("../webfonts/karla-italic-webfont.svg#KarlaItalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "KarlaRegular";
  src: url("../webfonts/karla-regular-webfont.eot");
  src: url("../webfonts/karla-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/karla-regular-webfont.woff") format("woff"), url("../webfonts/karla-regular-webfont.ttf") format("truetype"), url("../webfonts/karla-regular-webfont.svg#KarlaRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* general styles */
body {
  padding: 0;
  margin: 0;
  text-align: left;
  background-color: #fff;
  font-family: Georgia; }

/* STRUKTUR */
#header {
  position: fixed;
  left: 120px;
  top: 82px;
  height: auto;
  width: 500px;
  z-index: 20; }

#navigation {
  position: fixed;
  left: 120px;
  top: 170px; }

#primary {
  margin-top: 170px;
  margin-left: 420px;
  width: 540px; }

#sidebar {
  position: fixed;
  left: 1000px;
  top: 240px;
  width: 240px; }

#sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

#sidebar ul li {
  padding: 0.4em 0 0.4em 0;
  /* abstand von oben, einzeln fuer jede seite errechnet sich aus basisabstand (170px) und aller navigationspunkte ueber dem aktiven * (mal) 30 */ }

.page-id-23 #primary {
  /* Home */
  margin-top: 170px;
  margin-left: 270px; }

.page-id-2 #primary,
.page-id-404445 #primary {
  /* Autor */
  margin-left: 280px;
  width: 700px; }

.page-id-179 #primary {
  margin-left: 270px;
  width: 660px; }

.autorportrait {
  width: 270px;
  float: left; }

.autorportrait img {
  max-width: 100%; }

.normal {
  float: right;
  width: 410px; }

#header h1 {
  display: inline; }

#header h2 {
  display: inline; }

/* removing assistive text */
.assistive-text {
  display: none; }

/* NAVIGATIONEN */
#navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

#navigation ul li {
  min-height: 30px; }

#navigation .sub-menu {
  display: none;
  padding: 10px 10px; }

#navigation .current-menu-item .sub-menu,
#navigation .current-menu-ancestor .sub-menu,
.single-post #navigation .sub-menu {
  display: block; }

/* TYPOGRAPHIE */
body {
  font-size: 100%; }

h1 {
  font-family: "KarlaBoldItalic";
  font-weight: normal; }

h2, h3, h4, h5, h6 {
  font-family: "KarlaBoldItalic";
  font-weight: normal; }

#header h1, #header h2 {
  font-size: 2em; }

#header h2 {
  font-family: "KarlaItalic"; }

h3 {
  padding: 1.4em 0 0.6em 0; }

#content p, figcaption {
  line-height: 1.5em;
  font-size: 90%; }

.story {
  padding: 0 0 30px 0; }

.story h3 {
  padding-bottom: 0; }

h3:first-child {
  padding-top: 0; }

p:first-child {
  padding-top: 0;
  margin-top: 0; }

#navigation, #subnavigation, select {
  font-family: "KarlaRegular"; }

select {
  font-size: 1.2em; }

#subnavigation {
  font-size: 90%;
  line-height: 1.4em; }

#content strong {
  font-family: "KarlaBold";
  font-weight: normal;
  font-size: 1.1em; }

#content h3 {
  font-size: 1.3em; }

#sidebar {
  color: #999;
  font-size: 9pt;
  line-height: 1.5em;
}

/* LINKS */
a {
  color: #313131;
  text-decoration: underline; }

a:hover {
  color: black; }

h1 a {
  text-decoration: none; }

#sidebar a {
  color: #999; text-transform: uppercase; }

#sidebar a:hover {
  color: #000; }

/* CONTACT FORM */
form label {
  font-family: "KarlaBold";
  font-weight: normal;
  font-size: 1em !important;
  font-weight: normal !important; }

/* div.buch fuer die buecherseite */
.buch {
  width: 250px;
  padding: 0 20px 20px 0;
  float: left; }

.buch.klein {
  width: 120px;
  padding: 0 15px 17px 0; }

.buch p {
  padding: 0 0 0 0;
  margin: 0 0 8px 0; }

h3 {
  margin-bottom: 0.1em; }

.hoerbuch {
  width: 250px;
  padding-right: 20px;
  float: left; }

.buch.neuezeile, .hoerbuch.neuezeile {
  clear: both; }

.buch img {
  width: 240px;
  height: 350px; }

.buch.klein img {
  width: 120px;
  height: 165px; }

h3 {
  clear: both; }

.buch strong a {
  text-decoration: none; }

.single_buch h3 {
  margin-top: 0;
  padding-top: 15px; }

/* karte */
#karte_blend {
  position: fixed;
  left: -1000px;
  bottom: 20px;
  height: auto;
  z-index: 99;
  -webkit-box-shadow: #ccc 0px 0px 20px 3px;
  -moz-box-shadow: #ccc 0px 0px 20px 3px;
  box-shadow: #ccc 0px 0px 20px 3px; }

/* DIV */
#totop a {
  font-size: 80%; }

#totop {
  padding: 100px 0 200px; }

.page-id-2 #totop,
.page-id-404445 #toptop {
  padding-left: 300px; }

.clr, #totop {
  clear: both; }

.clr {
  height: 0px;
  width: 0px; }

#content .lead {
  font-size: 160%; }

#buecher_frontpage {
  width: 540px;
  padding-bottom: 70px; }

#wpstats {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; }

/* enable responsive styles for christoph simon */
/* TINY NAV */
.tinynav {
  display: none; }

@media screen and (max-width: 500px) {
  #navigation .tinynav {
    display: block; }

  #menu-hauptnavigation {
    display: none !important; } }
/* TINY NAV END */
/* remove sidebar if too narrow */
@media screen and (max-width: 1200px) {
  #sidebar {
    z-index: -10;
    position: relative;
    float: left;
    clear: both;
    top: 0;
    left: 0px;
    width: 540px;
    border-top: 1px solid #ccc;
    padding: 0 0 300px 420px; }

  #content {
    padding: 0 0 40px 0 !important; }

  #totop {
    padding: 50px 0 50px 0 !important; } }
/* remove card if too narrow */
@media screen and (max-width: 690px) {
  #karte_blend {
    display: none; } }
/* SCALER */
img {
  max-width: 100%; }

@media screen and (max-width: 975px) {
  ul.sub-menu {
    display: none !important; }

  #header {
    position: relative;
    left: 0;
    top: 0;
    padding: 60px 0 0 120px; }

  #navigation {
    float: none;
    position: relative;
    top: 0;
    left: 0;
    padding: 30px 0 0 120px;
    width: 500px; }

  #navigation ul li {
    float: left;
    padding: 0 15px 0 0; }

  #subnavigation {
    position: relative;
    top: 0;
    left: 0;
    width: 500px;
    padding: 30px 0 0 120px; }

  .js #subnavigation .tinynav {
    display: block; }

  .js #subnavigation ul {
    display: none !important; }

  #primary {
    width: auto !important;
    margin: 15px 0 0 120px !important; }

  #sidebar {
    margin: 0 0 0 90px;
    padding: 30px 0 300px 30px; }

  #totop {
    margin: 0 0 0 0px; }

  .autorportrait {
    width: 27%;
    margin-right: 3%; }

  .normal {
    width: 60%;
    float: left; } }
@media screen and (max-width: 690px) {
  #header {
    font-size: 70%; }

  #header, #navigation, #subnavigation {
    padding-left: 60px !important; }

  #primary, #sidebar {
    margin-left: 60px !important;
    padding-left: 0; }

  .autorportrait {
    float: none; }

  .normal {
    padding-top: 15px;
    width: 100%;
    float: none; } }
@media screen and (max-width: 625px) {
  #primary, #sidebar, #header, #navigation, #subnavigation {
    width: auto !important; }

  form p, form {
    width: 300px;
    margin-right: 0; }

  form input {
    width: 140px !important; }

  span.small {
    width: 160px; }

  form textarea {
    width: 300px; }

  #buecher_frontpage {
    width: 270px; } }

form input,
form textarea {
  border: 1px solid grey;
  padding: 0.2em;
  font-family: "KarlaRegular", Arial, sans-serif;
  font-size: inherit;
  line-height: 1.4em;
}

form input[type=submit],
form .contact-submit button {
  background: grey;
  border-radius: 0.2em;
  border: none;
  color: white;
  padding: 1em;
  font-family: "KarlaBold", Arial, sans-serif;
  font-weight: normal;
  font-size: inherit;
  transition: 0.5s background ease;
}

form .contact-submit button:hover {
  background: black;
}

figure { z-index: 0; }
/* clearfix */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1;
  /* ie 6/7 */ }