.buttonspez a {
        position: absolute;
        bottom: 10px;
        width: 82px;
        height: 20px;
        right: 10px;
        padding: 1px 0 0 0;
        color: #B99F93 !important;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        background: url(./../assets/pbutton01.png) no-repeat;
}

.buttonspez a:hover {
        color: #ffffff !important;
        text-decoration: none;
        background: url(./../assets/pbutton01hover.png) no-repeat;
}


div.teaserborderboxspez {
        float: left;
        width:100%;
        min-height: 10px;
        padding: 4px 4px 4px 4px;
        margin: 3px 0px 1px 0px;
}

div.teaserborderbox2spez {
        float: left;
        width:100%;
        min-height: 10px;
        padding: 4px 4px 4px 4px;
        margin: 3px 0px 1px 0px;
}

div.teaserborderbox3spez {
        float: left;
        width:100%;
        min-height: 10px;
        padding: 4px 4px 4px 4px;
        margin: 3px 0px 1px 0px;
}

div.teaserpicture4box {
        text-align: center;
        border: none !important;
}

.title4box {
        margin: 2px 0px 2px 0px;
        padding: 5px;
        font-size: 140%;
        font-weight: bold;
        text-align: center;
}

.title4box a:hover {
        text-decoration: underline !important;
        color: #003366 !important;
}

.title4box a {
        color: #003366 !important;
}

.shorttext4box {
        margin: 0px 0px 2px 0px;
        padding: 3px 20px;
        color: #000000 !important;
        overflow: hidden;
}

.shorttext4box a {
        margin: 0px 0px 2px 0px;
        padding: 3px 20px;
        font-weight: normal !important;
        color: #000000 !important;
}

.shorttext4box a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}

.shorttext4box p a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}



.shownormal {
  display: block;
  padding: 4px;
  line-height: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


.shownormal .showmouseover{
color:#fff;
padding: 0 10px;
}

#wrap .shownormal .showmouseover a{

}

#wrap .shownormal .showmouseover h2{
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.9);
}

.teaser .shownormal h3{
word-wrap:break-word;
}

.shownormal{
padding:0;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.shownormal .showmouseover,.shownormal .content{
position:absolute;
overflow:hidden;
top:0;
left:0;
color:#fff;
}

.shownormal .showmouseover{
padding:0;
width:100%;
height:100%;
opacity:0;

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
border-width:1px;
}

.shownormal img{
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;
}

.shownormal p{
opacity:0;
padding:0px 10px 0 10px !important;
}

.shownormal h3{
-webkit-transform:translateY(-100px);
-moz-transform:translateY(-100px);
-ms-transform:translateY(-100px);
transform:translateY(-100px);
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}

.shownormal p{
padding:0px 10px 0 10px !important;
-webkit-transform:translateY(100px);
-moz-transform:translateY(100px);
-ms-transform:translateY(100px);
transform:translateY(100px);
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;
}

.shownormal a.button{
opacity:0;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}

.shownormal:hover img{
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5);
}

.shownormal:hover .showmouseover{
opacity:1;
}

.shownormal:hover h3,.shownormal:hover p,.shownormal:hover a.button{
opacity:1;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
}

.shownormal:hover p{
transition-delay:0.1s;
}

.shownormal:hover a.button{
transition-delay:0.2s;
}
