.Mockups
{
    position:relative;
    width:100%;   
}

.Mockup 
{
    position:relative;
    float:left;
    width:27.66%;
    padding:20px;
    height:auto; 
    margin-right:21px;     
    margin-top:15px;    
    font-size:1.0em;
    overflow:hidden;  
    line-height:1.0em;        
    color:#999;
}
.Mockups li:first-child{margin-left:0px; margin-right:0px;}
.Mockups li{margin-left:8.5%; margin-right:8.5%; padding:0px; list-style-type:none;}
.Mockups li:nth-child(3){margin-left:0px; margin-right:0px;}

.Mockups li .text-wrapper img{width:100%;height:auto; margin-top:20px;}

.LeesMeerMockup{width:110px; height:20px; right:0; bottom:0; position:absolute;background-color:#221e1f; padding-right:3px; text-align:right; line-height:20px;}
.LeesMeerMockup a{}

.HeaderMockup{padding-left:10px; padding-top:5px; padding-bottom:5px; width:100%; position:absolute; Background-color:#231f20; text-transform:uppercase;}

.Mockup .Mockups .text-wrapper{max-height:230px; overflow:hidden;}
.Mockup p{margin:0px!important;}

.text-wrapper a{color:White;}

.DefaultMockup{background: url('/images/mockup/MockupBack.png') no-repeat; color:White; margin-left:-4px;}
.MockupImage img{max-height:285px; max-width:240px;}
.MockupHead{font-family: Calibri, Arial, Helvetica, sans-serif; color: #ed2577; font-size:21px; line-height:20px; margin-bottom:10px;}
.MockupContent{background-color:White; color:#535353; height:130px; padding:5px 10px; margin-bottom:10px;}
.MockupButton{float:right;}
.MockupButton span{padding:0px; margin:0px; font-family: Calibri, Arial, Helvetica, sans-serif; display:inline-block; background: url('/images/mockup/btn.png') no-repeat; height:41px;  
                    line-height:35px; padding-left:15px; color:White; font-size:21px; width:auto;}

.MockupButton span span{padding-right:30px; background-position-x:100%;}