@font-face {

  font-family: liberation_sans;

  src: url('../font/LiberationSans-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

body {

  margin: 0px 5% 0px 0px;

  font-family: liberation_sans;

  font-size:14pt;

  color: #101010;



}

div.container {

  margin: 10px auto 100px 8%;  /* div#navi_layer */

  max-width: 1240px;

  position: relative;

}

div.container div.hzwei {

  background-color: #6B7069;

  font-size: 1.1em;

  color: #ffffff;

  padding: 15px 40px 16px 40px;

  font-weight: bold;

  margin-bottom: 7px;

}

div.zeile {

  padding: 5px 20px 7px 20px;

}

div.leer {

  padding: 3px 10px 3px 10px;

}

.entwicklung {

  margin-top: 8px;

}

div.container div.letztezeile {

  padding-bottom: 200px;

}

div.zeile div.box {

  width:200px;  /*Standardbreite*/

  position:relative;

  display:inline-block;

  font-size:1em;

  vertical-align: top;

  padding: 0px 20px 0px 20px;

  min-height: 62px;

}

div.zeile div.box p.silbentrennung {

	hyphens: auto;

}

div.zeile div.logobox {

	margin: 0px 19px 0px 19px;

	width: 94%;

	padding: 60px 0px 60px 0px;

}

div.zeile div.logobox img:first-child {

  margin: 5px 0px 20px 0px;



}

div.zeile div.logobox img:last-of-type {

  margin: 5px 0px 20px 0px;



}











div.zeile div.ausleiher {

  background-color: #F5F5E8;

  text-align: center;

  width: unset;

  padding: 0px 20px 0px 20px;

  min-height: unset;

  margin: 0px 8px 0px 8px;

}

div.zeile div.ausleiher h3 {

  color: #E3646A;

}

div.zeile div.breit {

  width: 440px;

}

div.zeile div.ganzbreit {

  width: 614px;

}

div.zeile div.aktionen {

  width: 57px;

  margin-top: 2px;

  padding: 0px 10px 2px 10px;

}

div.zeile div.box h3 {

  font-size:1em;

  margin: 8px auto 10px auto;

}

div.zeile div.box input[type=search] {

  width:100%;

  font-size: 1em;

}

div.zeile div.box input:focus {

background-color:#fff;

}

div.zeile div.box input:active {

background-color:#fff;

}

div.zeile div.box input[type=text], div.zeile div.box input[type=password] {

  width:96%;

  font-size: 1em;

}

div.zeile div.breit input[type=search], div.zeile div.breit input[type=text] {

  width:98%;

}

div.zeile div.bewertung input[type=text], div.zeile div.erscheinungsjahr input[type=text] {

  text-align:center;

  width: 90px;

}

div.zeile div.box select {

  width: 200px;

  font-size: 1em;

  background-color: #fff;

  text-align:center;

  height: 30px;

}

div.zeile div.breit textarea {

  font-size: 1em;

  width: 98%;

}

div.zeile div.box input[type=checkbox] {

  width: 18px;

  height: 18px;

  float: left;

  margin-right: 15px;

}

button {

width:200px;     /* wie div.box */

font-size:1em;

cursor:pointer;

border: 1px solid #999;

height: 30px;

}

button.links {

position:absolute;

left:20px; top:10px;

text-align: center;

}

button.warnung {

  color: #CE2015;

}

button.warnung:hover {

  background-color: #ffffff;

}

div.zeile div.aktionen button {

width: 57px;

height: 57px;

background-repeat: no-repeat;

background-position: center;

background-color: #F5F5E8;

border-radius: 28px;

}

div.zeile div.aktionen button:hover {

background-color: #fffff9;

}

div.zeile div.aktionen button.bearbeiten {

background-image: url(../grafik/bleistift.png);

}

div.zeile div.aktionen button.ausleihen {

background-image: url(../grafik/ausleihen.png);

}

div.zeile div.aktionen button.zurueckgeben {

background-image: url(../grafik/zurueckgeben.png);

}

div.zeile div.aktionen button.verleihen {

background-image: url(../grafik/verleihen.png);

}

div.zeile div.aktionen button.zurueckerhalten {

background-image: url(../grafik/zurueckerhalten.png);

}

div.zeile div.aktionen button.weiterverleihen {

background-image: url(../grafik/weiterverleihen.png);

}

div.zeile div.aktionen button.uebernehmen {

background-image: url(../grafik/uebernehmen.png);

}



p {

  margin: 0px 0px 30px 0px;

}

p.warnung {

  font-weight:bold;

  color: #CE2015;

  font-size:1.2em;

  margin-top: 28px;

}

p.hinweis, span.hinweis {

  color: #CE2015;

}

.zentriert {

  text-align:center;

}

.rechts {

  text-align:right;

}

.links {

  text-align:left;

}

a.imtext {

  text-decoration: none;

  color: #CE2015;

  font-weight:bold;

}

a.imtext:hover {

  color: #213141;

}

div#navi_button {

  background-color: #6B7069;

  position: fixed;

  top: 10px;

  left: 2%;

  cursor:pointer;

  padding: 8px 7px 3px 7px;

}

div#navi_layer {

  position: fixed;

  top: 72px;

  left: 7.6%;  /* wie div.container */

  display: none;

  background-color: #F5F5E8;

  padding: 30px 40px 30px 25px;

  border: 1px solid #6B7069;

  max-width: 400px;

}

a.navi_aktiv {

  text-decoration: none;

  color: #213141;

  font-weight:bold;

}

a.navi_aktiv:hover {

  color: #CE2015;

}



ul, ol {text-align:left; margin-top:0px; }

ul li, ol li {margin-left:-23px; padding: 8px 0px 8px 3px}