@font-face {
font-family: MrEaves;
src: url('MrEavesSanOT-Reg.otf') format("opentype");
font-style: normal;
font-weight: normal;
}
/*
Basis Formatierung
*/
*{
 border: 0px;
 margin: 0px;
 margin-top: 0px;
 padding: 0px;
 padding-top: 0px;
 vertical-align: top;
 }
div, p, h1, h2, h3, h4, h5, h6, ul, li, dd, dl, img, em, a, span, label, input, select, textarea, fieldset, abbr, address{
 border: 0;
 color: #555;
 font-family: Georgia, Times, serif;
 font-size: 100%;
 font-weight: normal;
 font-style: normal;
 line-height: 140%;
 text-align: left;
 text-decoration: none;
 }
/*Abstände*/
form,
ul.galerie li,
input.gross-submit,
#inhalt-1 p,
#inhalt-1 ul,
#inhalt-1 dt,
#inhalt-2 dt{
 margin-top: 12px;
 }
#inhalt-1 ul{
 margin-left: 18px;
 }
#inhalt-1 .tx-t3blog-pi2 p,
#spalte-2 p {
 margin-top: 6px;
 }
#spalte-2 h2,
address,
#footer{
 margin-top: 12px;
 }
h1, h2, h3, h4, h5, h6, .kat{
 color: #847177;
 font-size: 150%;
 line-height: 30px;
 }
h1.gross, h2, h3, h4, h5, h6{
 margin-top: 26px;
 }
h2.sub, h2 a{
 font-size: 120%;
 font-style: normal;
 line-height: 24px;
 }
h2.sub{
 margin-top: 26px;
 }
blockquote{
 font-style: italic;
 background-color: transparent;
 }
blockquote p{
 padding-left: 28px;
 background-image: url(img/haken.jpg);
 background-repeat: no-repeat;
 }
#inhalt-1 ul ul{
 margin-top: 0;
 }
#inhalt-1 ul.galerie{
 margin: 0;
 }
#inhalt-1 ul.galerie li{
 list-style-type: none;
 list-style-image: none;
 }
#inhalt-1 li{
 list-style-image: url(img/pfeil.jpg);
 }
label, input, textarea, select{
 display: block;
 margin-top: 6px;
 vertical-align: middle;
 width: 590px;
 }
input, textarea, select{
 border:1px solid #999;
 font-size: 100%;
 line-height: 24px;
 }
input, select{
 height: 24px;
 line-height: 24px;
 }
label{
 color: #988394;
 }
input.gross-submit{
 background-color: #988394;
 border: 0;
 color: #FFF;
 text-align: center;
 width: 80px;
 }
input.gross-submit:hover{
 background-color: #555;
 }
input.checkbox{
 width: 16px;
 }
fieldset div{
 margin-top: 4px;
 }
a{
 color: #EC0187;
 font-style: italic;
 }
a:visited{
 color: #847177;
 }
em{
 color: #444;
 font-style: italic;
 }
/*Container*/
#box{
 border-color: #666;
 border-style: solid;
 left: 50%;
 margin-left: -475px;
 top: 25px;
 position: relative;
 width: 960px;
 }
#teaser{
 background-image:url(img/teaser-herzblut-corporate-design.jpg);
 margin-top: 20px;
 height: 300px;
 width: 990px;
 }
#teaser h1{
 padding-top: 68px;
 padding-left: 26px;
 height: 30px;
 }
#teaser p{
 line-height: 22px;
 margin-top: 12px;
 padding-left: 26px;
 }
#teaser h1 span{
 background-color: #FFF;
 border-left: solid #FFF 8px;
 border-right: solid #FFF 8px;
 color: #EC0187;
 font-size: 100%;
 line-height: 30px;
 }
#teaser p span{
 background-color: #FFF;
 border-left: solid #FFF 8px;
 border-right: solid #FFF 8px;
 }
#inhalt-1{
 margin-top: 40px;
 }
#inhalt-1 a:hover,
#footer a:hover{
 color: #FFF;
 background-color: #b3a9ab;
 }
#inhalt-2{
 margin-top: 34px;
 }
#inhalt-2 dl{
 float: left;
 width: 320px;
 }
#inhalt-2 dd a{
 background-color: #EC0187;
 border-left: solid #EC0187 4px;
 border-right: solid #EC0187 4px;
 color: #fff;
 font-size: 110%;
 line-height: 24px;
 }
#inhalt-2 dd a:hover{
 background-color: #b3a9ab;
 border-left: solid #b3a9ab 4px;
 border-right: solid #b3a9ab 4px;
 color: #fff;
 }
/* 1-Spalten-Layout*/
#inhalt-1 .tx-t3blog-pi2 .p-meta{
 margin-top: 24px;
 }
#inhalt-1 .tx-t3blog-pi2 h2{
 margin-top: 6px;
 font-size: 100%;
 line-height: 24px;
 }
.tx-t3blog-pi2 .p-meta,
.tx-t3blog-pi2 .meta-2,
.tx-t3blog-pi2 .p-meta a{
 color: #999;
 font-family: MrEaves, Verdana, Arial, sans-serif;
 font-size: 80%;
 font-style: normal;
 line-height: 19px;
 letter-spacing: 1pt;
 text-transform: uppercase;
 }
.tx-t3blog-pi2 .p-meta a{
 font-size: 100%;
 }
#inhalt-1 #commentList{
 margin-top: 24px;
 }
#spalte-1{
 float: left;
 width: 590px;
 }
#spalte-2{
 float: left;
 margin-left: 40px;
 width: 300px;
 }
#spalte-2 h2.erste{
 margin-top: 62px;
 }
/* 3-Spalten-Layout */
#box-1,
#box-2,
#box-3{
 float: left;
 width: 300px;
 }
#box-2,
#box-3{
 margin-left: 30px;
 }
/* Footer */
#footer{
 background-image: url(img/footer.jpg);
 background-repeat: no-repeat;
 clear: both;
 float: none;
 height: 250px;
 width: 960px;
 }
#footer div{
 float: left;
 margin-top: 10px;
 width: 180px;
 }
#footer div.erste{
 margin-left: 14px;
 }
#footer #twitter{
 width: 245px;
 margin-left: 1px;
 }
#footer #twitter p{
 margin-top: 24px;
 }
#footer #kontakt{
 width: 160px;
 }
#footer #kontakt p{
 margin-top: 24px;
 }
#footer h3, #footer .kat{
 margin-top: 30px;
 font-size: 110%;
 line-height: 24px;
 }
#footer ul{
 margin-top: 4px;
 }
#footer ul li{
 list-style-image: none;
 list-style-type: none;
 line-height: 12px;
 text-align: left;
 }
#footer ul li a{
 color: #666;
 font-size: 80%;
 font-style: normal;
 line-height: 18px;
 }
/* Farbeinstellungen */
/*Grün*/
.farbe-1 a,
.farbe-1 h2 a{
 color: #A8C302;
 }
.farbe-1 .img-cont p{
 font-style: italic;
 }
/*Blau*/
.farbe-2 a,
.farbe-2 h2 a {
 color: #77C5D1;
 }
.farbe-2 h2 a:hover{
 color: #FFF;
 background-color: #b3a9ab;
 border-left: solid #b3a9ab 4px;
 border-right: solid #b3a9ab 4px;
 }
.farbe-3 a,
.farbe-3 h2.sub{
 color: #4b8792;
 }
.farbe-4  a,
.farbe-4  h1,
.farbe-4  h2,
.farbe-4  h3 {
 color: #C4A6B2;
 }
.farbe-5 a{
 color: #988394;
 }
/*Bild-Container*/
.img-cont{
 clear: both;
 margin-top: 40px;
 width:590px;
 }
.img-cont h2,
.img-cont p{
 clear: both;
 margin-top: 0;
 }
.img-cont h2{
 font-size: 120%;
 line-height: 24px;
 }
.img-fl{
 float: left;
 min-width: 125px;
 min-height: 91px;
 }
.img-fl-text{
 float:left;
 width: 405px;
 margin-left: 10px;
 min-height: 85px;
 }
.img-hover{
 transition: box-shadow 1s, transform 1s;
 }
.img-hover:focus, .img-hover:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  opacity:0.8;
 }

/* Diverse Klassen*/
.clear{
 clear: both;
 border: 0;
 font-size: 0;
 height: 0;
 line-height: 0;
 margin: 0;
 padding: 0;
 }
 /*
Farben für Headlines und Links
*/
.trenner{
 clear: left;
 }
.trenner img{
 margin-top: 24px;
 }
@media screen
{}
@media print
{}