/* STARTLAYOUT */
#teaser h2.head,
#teaser .inhalt {background-color: #4699B7;}

#teaser .inhalt {color: #fff;}

#teaser{padding-bottom: 50px;}

#teaser h2.head {color: #fff;}

#teaser h2.head a,
#teaser h2.head a:link,
#teaser h2.head a:visited {color: #fff;}


/* ALLGEMEINE DEFINITIONEN */
#bannerbk #teaser {
   width: 190px;
   heigth: 190px;
   padding: 0 10px 10px;
   height: auto;
   margin-bottom: 10px;
   background-color: #ffd608;
}
#bannerbk #teaser.blau {
   background-color: #68B0D7;
}
#bannerbk #teaser.orange {
   background-color: #F7AF15;
}
#bannerbk #teaser.grün {
   background-color: #95BC6C;
}
#bannerbk #teaser.weiß {
   background-color: #fff;
}
#bannerbk #teaser.grau {
   background-color: #eee;
}
#bannerbk #teaser.gelb {
   background-color: #FFDD00;
}
#bannerbk #teaser h3.teaserhead {
   color: #333;
   font-size: 130%;
   padding: 5px 0;
   text-decoration: none;
}
#bannerbk #teaser h3.teaserhead a:focus,
#bannerbk #teaser h3.teaserhead a:hover,
#bannerbk #teaser h3.teaserhead a:active {
   color: #333;
   text-decoration: none;
}

#bannerbk #teaser .block {
   float: none;
   position: relative;
   width: 190px;
   margin: 0;
   height: 75px;
}
#bannerbk #teaser .text {
   position: relative;
   padding: 5px 5px 5px 0;
   color: #000;
}
#bannerbk #teaser a.readmore,
#bannerbk #teaser a.readmore:link,
#bannerbk #teaser a.readmore:visited {
   display: block;
   text-align: right;
   color: #333 !important;
   padding: 0 10px;
   text-align: right;
   text-decoration: none;
}
#bannerbk #teaser a.readmore:focus,
#bannerbk #teaser a.readmore:hover,
#bannerbk #teaser a.readmore:active {
   text-decoration: underline;
}
#teaser {
   position: relative;
   margin: 0 5px 0 0;
   padding: 0 14px 0 0;
   float: left;
   width: 308px;
   font-size: 92%;
   height: 191px;
   border: 1px solid #ccc;
   -moz-box-shadow: 0px 2px 1px #ccc;
   background-color: #fff;
   box-shadow: 0 2px 1px #ccc;
}
/* Float im Bannerbk entfernen, sonst ist a.readmore nicht klickbar */
#bannerbk #teaser{
   float:none;
   }
#teaser_last {
   position: relative;
   margin: 0 0 0 0;
   padding: 0 12px 0 0;
   float: left;
   width: 308px;
   font-size: 92%;
   height: 191px;
   border: 1px solid #ccc;
   background-color: #fff;
   -moz-box-shadow: 0px 2px 1px #ccc;
   box-shadow: 0 2px 1px #ccc;
}
h3.teaserhead {
   font-size: 120%;
   padding: 10px 10px 5px 15px;
   font-weight: bold;
   z-index: 5;
   position: relative;
   text-decoration: none;
}

h3.teaserhead a,
h3.teaserhead a:link,
h3.teaserhead a:visited {
   display: block;
   color: #333;
   text-decoration: none;
}
h3.teaserhead a:focus,
h3.teaserhead a:hover,
h3.teaserhead a:active {
   color: #000;
   background-color: transparent;
}

.block {
   position: relative;
   z-index: 2;
   display: block;
   width: 127px;
   height: 127px;
   margin-top: 5px;
   margin-right: 5px;
   margin-left: 5px;
   float: left;
}
.block img{display: block;width: 100%;}  

#content #teaser .block a,
#content #teaser .block a:link,
#content #teaser .block a:visited {
   padding: 0;
   margin: 0;
   display: block;
}

#content #teaser .inhalt {
   padding: 0 10px 10px 15px;
   color: #555;
   min-height: 45px;
   width: 160px;
}
#content a.readmore {
   display: block;
   position: relative;
   text-align: right;
   color: #F7AF15 !important;
   float: right;
   padding: 0 10px;
}
#fullsizewrapper.familie a.readmore {
   color: #95bc6c !important;
}
#fullsizewrapper.familie #contentwrapper a:focus,
#fullsizewrapper.familie #contentwrapper a:hover,
#fullsizewrapper.familie #contentwrapper a:active {
   color: #95bc6c;
}
#fullsizewrapper.mandant a.readmore {
   color: #68B0D7 !important;
}
#fullsizewrapper.mandant #contentwrapper a:focus,
#fullsizewrapper.mandant #contentwrapper a:hover,
#fullsizewrapper.mandant #contentwrapper a:active {
   color: #68B0D7;
}
#content a.readmore:focus,
#content a.readmore:hover,
#content a.readmore:active {
   text-decoration: underline !important;
   background-color: transparent !important;
}
#content a.readmore.selected,
#content a.readmore.selected:link,
#content a.readmore.selected:visited,
#content a.readmore.selected:focus,
#content a.readmore.selected:hover,
#content a.readmore.selected:active {
   text-decoration: underline;
}
