@import url('http://fonts.googleapis.com/css?family=Acme|Chewy|Open+Sans+Condensed:300|Yesteryear|Cabin|Fjalla+One|Six+Caps');
/* Schriftarten unter: https://fonts.google.com */

/* siehe http://de.learnlayout.com/box-sizing.html */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

* { font-family: Cabin; font-size: 10pt; }

     label { width: 10em; float: left; }
     .error { color: red; float: none; line-height: 1.5em;
     padding-left: 0.5em; vertical-align: top; }
     p { clear: both; }
     .submit { margin-left: 10em; }
     form { width: 80%; }

.container {
  margin-top: 20px;
}

.panel-heading {
  font-size: larger;
}

.alert {
  display: none;
}

/**
 * Error color for the validation plugin
 */
.parsley-errors-list {
  color: #e74c3c;
}


.copy {
  position: fixed;
  top: 10;
  left: 0;
  padding: 4px 4px 1px 10px;
  color: black;
  text-align: left;
  font-size: 10px;
}

header.werke {
  position: fixed;
  top: 10;
  left: 0;
  width: 100%;
  padding: 4px 40px 1px 1px;
  background-color: #e8e8e8;
  color: darkolivegreen;
  text-align: right;
}

footer {
  margin-top: 48px;
  border-top: 1px solid black;
  text-align: right;
  font-size: 50%;
}

footer div {
  display: inline-block;
  width: 19%;
}

footer nav {
  text-align: left;
}

nav a {
  margin-left: 8px;
  text-decoration: none;
}

.logo {
  margin-right: 50px;
  padding-bottom: 100px;
  font-family: 'Yesteryear';
  font-size: 220%;
  color: whitesmoke;
  text-shadow: 2px 2px 2px black;
}

.zlogo {
  text-align: center;
  padding-bottom: 5px;
  font-family: 'Yesteryear';
  font-size: 150%;
  color: black;
}

.ylogo {
  margin-right: 150px;
  padding-bottom: 100px;
  font-family: 'Six Caps';
  font-size: 250%;
  color: whitesmoke;
  text-shadow: 2px 2px 2px black;
}

.vorschau {
  padding-top: 64px;;
}

.bildabsatz {
  margin-bottom: 16px;
}

.bildmeta {
  display: inline-block;
  vertical-align: top;
  width: 79%;
}

.bildmenue {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  text-align: right;
}

.vitatext {
  display: inline-block;
  vertical-align: top;
  width: 79%;
  padding: 6px;
  color: darkolivegreen;
}

.vitabild {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  padding: 6px;
}

.chaptertext {
  padding-bottom: 24px;
}

.chaptertitle {
  color: lightslategrey;
  font-weight: bold;
}


.rightcoloum2 {
  display: inline-block;
  vertical-align: top;
  width: 79%;
  padding: 6px;
  color: darkolivegreen;
}

.leftcoloum2 {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  padding: 6px;
}