/* ALLGEMEINE DEFINITIONEN */

.promobox_schmal {
   position: relative;
   overflow: hidden;
   width: 310px;
   float: left;
   min-height: 325px;
   border: 1px soli #E7E7E7;
   margin: 0 30px 10px 0;
   background-color: #fff;
   -webkit-box-shadow: 0 4px 11px #999999; 
   /* webkit browser*/ 
   -moz-box-shadow: 0 4px 11px #999999; 
   /* firefox */ box-shadow: 0 4px 11px #999999;  
}

.promobox_schmal.last {
   margin: 0 0 10px 0;
}

body .letztesElement {margin-right: 0;}

.promobox_schmal h2.head {
   color: #Fff;
   font-size: 130%; 
   background-color: #FF6600; 
   font-weight: normal;
   text-transform: uppercase;
   margin: 7px 0 7px 0;
   padding:  2px 12px 2px 12px;
   line-height: 1.4;
}

.promobox_schmal h2.head a,
.promobox_schmal h2.head a:link,
.promobox_schmal h2.head a:visited {
   color: #Fff;
   background-color: #FF6600; 
   font-size: 100%;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
}

.promobox_schmal h2.head a:focus,
.promobox_schmal h2.head a:hover,
.promobox_schmal h2.head a:active {
   color: #fff;
   text-decoration: underline;  
}

.promobox_schmal .inner {
   position: relative;
}

.promobox_schmal .block {
   position: relative;
   display: block;
   bottom: 0;
   left: 0;
   display: block;
}
.promobox_schmal .block img {
   display: block;
   margin: 0 auto 0;
}

.promobox_schmal img{border: 0 none;}
.promobox_schmal .block a,
.promobox_schmal .block a:link,
.promobox_schmal .block a:visited {
   display: block;
}

.promobox_schmal .inhalt h5 {
   position: relative;
   line-height: 1.4;
   color: #444;
   font-weight: normal;
   font-size: 130%;
   padding: 0 14px 6px 14px;
   margin: 0 -14px 8px -14px;
   border-bottom: 1px solid #FA5A10;
}
 
.promobox_schmal .inhalt {
   position: relative;
   padding: 10px 14px;
}

.promobox_schmal .inhalt p {
   margin: 0;
}
.promobox_schmal .inhalt a,
.promobox_schmal .inhalt a:link,
.promobox_schmal .inhalt a:visited {
   font-weight: normal;
}
 
.promobox_schmal .inhalt a:focus,
.promobox_schmal .inhalt a:hover,
.promobox_schmal .inhalt a:active {
}
 
.clear-left {
   clear: left;
}

.promobox_schmal .readmore {
   position: absolute;
   right: 0;
   margin: 0;
   bottom: 0;   
   display: none;
}

.promobox_schmal .readmore a,
.promobox_schmal .readmore a:link, 
.promobox_schmal .readmore a:visited {
   position: relative;
   display: block;
   height: 18px; 
   width: 18px;
   background-image: url(../images/bg_teaserarrow.html);
   background-position: left bottom;
   background-repeat: no-repeat;
   text-indent: -1000em;
}


/* Teaserbox mit der Klasse blau */

#teaser.blau .promobox_schmal h2.head {
   color: #Fff;
   font-size: 130%; 
   background-color: #0089DE; 
   font-weight: normal;
   text-transform: uppercase;
   margin: 7px 0 7px 0;
   padding:  2px 12px 2px 12px;
   line-height: 1.4;
}

#teaser.blau .promobox_schmal h2.head a,
#teaser.blau .promobox_schmal h2.head a:link,
#teaser.blau .promobox_schmal h2.head a:visited {
   color: #Fff;
   background-color: #0089DE; 
   font-size: 100%;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
}

#teaser.blau .promobox_schmal h2.head a:focus,
#teaser.blau .promobox_schmal h2.head a:hover,
#teaser.blau .promobox_schmal h2.head a:active {
   text-decoration: underline;  
}

#teaser.blau .promobox_schmal .inhalt h5 {
   position: relative;
   line-height: 1.4;
   color: #444;
   font-weight: normal;
   font-size: 130%;
   padding: 0 14px 6px 14px;
   margin: 0 -14px 8px -14px;
   border-bottom: 1px solid #0089DE;
}