/* ################################
** ### FCE einstellbare Spalte
** ################################
*/
div.flexi {overflow:hidden; display:block; clear:both; width:100%; height:1%;}
div.flexi div.left {display:block; overflow:hidden; float:left;}
div.flexi div.center {display:block; overflow:hidden; float:left;}
div.flexi div.right {display:block; overflow:hidden; float:right; margin-left: -5px;}
div.flexi div.clearfix{clear: both; height: 0; width:0; line-height: 0; visibility: hidden;}

div.flexi div.left_content{margin-right:5px;}
div.flexi div.center_content{margin-right:5px; margin-left:5px;}
div.flexi div.right_content{margin-left:5px; }


/* ################################
** ### FCE Testemonial
** ################################
*/


.testemonial {
    width: 100%;
    height: 155px;
    overflow: hidden;
}

.testemonial .t-image{
    height: 155px;
    width: 201px;
    float: left;
    background: #fff;
}

.testemonial .t-image img{
    display: block;
}

.testemonial .t-text {
    height: 155px;
    color: #fff;
    float: right;
}

.testemonial .t-text p {
     text-align: right;
     height:  155px;
     display: table-cell; 
     vertical-align: middle; 
      width: 251px;
     font-weight: bold;
     font-size: 125%;
     line-height: 1.25em;
}

.hidecol-R .testemonial .t-text p {
     width:  477px;
}

.testemonial .t-comment {
    display: block;
     padding:  0 1em;
}

.testemonial .t-name {
    display: block;
    font-weight: normal;
    font-size: 75%;
     line-height: 1.1em;
     margin-top:  0.6em;
      padding:  0 1em;
}

.testemonial .t-type{
    display: block;
    font-size: 75%;
    line-height: 1.2em;
     padding:  0 1em;
}

/* ################################
** ### FCE Imagebox
** ################################
*/

.imagebox {
    width: 100%;
    height: 100px;
    overflow: hidden;
    border: 1px solid #e3e3e4;
}

.imagebox .vcard {

}

.imagebox .standard {

}

.imagebox .ib-image {
    height: 100px;
    width: 100px;
    float: left;
}

.imagebox .ib-image img{
    display: block;
}

.imagebox .ib-text {
    height: 100px;
    float:  right;
    width: auto;
    overflow: hidden;
    margin-left: -5px;
    text-align: left;
    width:  336px;

}

.hidecol-R .imagebox .ib-text,
.hidecol-R .imagebox .ib-text {
    width: 562px;
}

.imagebox .ib-text h3 {
    font-weight: bold;
    margin: 0;
}

.imagebox .ib-text p {
    margin: 0;
}

.imagebox .row1,
.imagebox .row2,
.imagebox .row3 {
    display: block;
}

/* standard */

.imagebox .standard p {
    line-height: 1.8em;
}

.imagebox .standard h3 {
    font-size: 130%;
    color: #707070;
    margin-top: 14px;
}

.imagebox .standard .row1 {
    font-weight: bold;
    font-size: 140%;
    color: #a0a0a0;
}

.imagebox .standard .row2 {
    font-weight: bold;
    font-size: 110%;
    color: #707070;
    margin-top: 3px;
}

.imagebox .standard .row3{
	display: none;
}


/* vcard */

.imagebox .vcard p {
    line-height: 1.6em;
}

.imagebox .vcard h3 {
    font-size: 130%;
    color: #707070;
    margin-top: 5px;
}

.imagebox .vcard .row1 {
    font-weight: bold;
    font-size: 110%;
    color: #04579c;
}

.imagebox .vcard .row2 {
    font-weight: bold;
    font-size: 110%;
    color: #707070;
}

.imagebox .vcard .row3{
    display:  block;
    font-size: 130%;
    color: #707070;
    background: transparent url(../../img/icon-tel.gif) no-repeat 0px 4px;
    padding-left: 25px;
    margin-top: 3px;
}


/* ################################
** ### FCE Teaser
** ################################
*/

#t1, #t2, #t3, #t4 {
    height: 250px;
}

#teaser > div > div{ 
    position: relative;
    
}

#teaser #t1 > div{
    background: #04579c;
    height: 250px;
    width: 226px;
}

#teaser #t2 > div{
    background: #afc816;
    height: 250px;
    width: 237px;
}

#teaser #t3 > div{
    background: #9c9e9f;
    height: 250px;
    width: 237px;
}

#teaser #t4 > div{
    background: #afc816;
    height: 250px;
    width: 226px;
}

#teaser h2{
    color: #fff;
    font-size: 125%;
    margin: 8px auto;
    width: 216px;
    max-width: 204px;
    overflow: hidden;
    padding: 0;
    background: transparent;
    overflow: hidden;
}


#teaser a.more,
#teaser a.more:visited {
    color: #fff;
    position: absolute;
    right: 14px;
    bottom: 13px;
    border: 1px #fff dotted;
    padding: 0.1em 0.6em;
}

#teaser .left_content{
    margin: 0 7px 0 0;
}

#teaser .center_content{
    margin: 0 7px 0 0;
}

#teaser .right_content {
    margin: 0;    
}