/******************************************************************************************************
* copyright (c) 2010 MEDIAL MULTIMEDIA SERVICES
* client: hotel.de
* project: widget online application
*
* version: 1.0.0
* date: 2010-10
*******************************************************************************************************/

html, body
{
    margin:0px;
    padding:0px;
    overflow:hidden;
}

body 
{
    font-family:arial,helvetica,sans-Serif;
    color:#4c555a;
    font-size:12px;
    background-color:#FFFFFF;
    overflow:hidden;
}

.error-msg 
{
    font-size:11px;
    color:#999999;
    display:block;    
    text-align:center;
    padding-top:20px;
}

a 
{
    text-decoration:none;    
}

/*begin tpl1*/

.tpl1 .outer 
{
    display:block;
    width:180px;
    height:150px;
    overflow:hidden;
    background-color:#FFFFFF;
    cursor:pointer;
}

.tpl1 .inner
{
    background-color:#FFFFFF;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}

.tpl1 .logo
{
    background:url(/widgets/review/images/tpl1/hotelde_top2010.gif) no-repeat center center scroll transparent;    
    display:block;
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;   
}

.tpl1 .wrapper 
{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute;
    top:0px; 
    left:0px;
    z-index:1;
    text-align:center;
}

.tpl1 .wrapper .top
{
    display:block;
    width:100%;
    overflow:hidden;
    position:absolute;
    top:72px;
    line-height: 16px;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    color: #000000;
    height:16px;
    overflow:hidden;
}

.tpl1 .wrapper .middle
{
    display:block;
    width:100%;
    overflow:hidden;
    position:absolute;
    bottom:0px;
    line-height: 18px;
    font-size:11px;
    color: #000000;
}

.tpl1 .wrapper .middle .first
{
    display:block;
    height:18px;
    overflow:hidden;
}

.tpl1 .wrapper .middle .second 
{
    color: #000000;
    display: block;
    font-weight: bold;
}

.tpl1 .wrapper .middle .button span
{
    background:url(/widgets/review/images/icon-arrow.png) no-repeat right center transparent;
    display:inline-block;
    color:#16bade;
    font-weight: normal;
    padding-right: 15px;
}
/*end tpl1*/

/*********************************************************************************/

/*begin tpl2*/

.tpl2 .outer 
{
    display:block;
    width:110px;
    height:110px;
    overflow:hidden;
    background-color:#FFFFFF;
    cursor:pointer;
    padding:5px;
}

.tpl2 .inner
{
    background-color:#FFFFFF;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}

.tpl2 .logo
{
    background:url(/widgets/review/images/tpl2/hotelde_top2010.gif) no-repeat center center scroll transparent;    
    display:block;
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;   
}

.tpl2 .wrapper 
{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute;
    top:0px; 
    left:0px;
    z-index:1;
    text-align:center;
}

.tpl2 .wrapper .top
{
    display:block;
    width:100%;
    overflow:hidden;
    position:absolute;
    top:42px;
    line-height: 12px;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color: #000000;
    height:12px;
    overflow:hidden;
}

.tpl2 .wrapper .middle
{
    display:block;
    width:100%;
    overflow:hidden;
    position:absolute;
    top: 55px;
    line-height: 14px;
    font-size:11px;
    color: #000000;
}

.tpl2 .wrapper .middle .first
{
    display:block;
    height:24px;
    line-height: 12px;
    overflow:hidden;
}

.tpl2 .wrapper .middle .second 
{
    color: #000000;
    display: block;
    font-weight: bold;
}

.tpl2 .wrapper .middle .button span
{
    background:url(/widgets/review/images/icon-arrow.png) no-repeat right center transparent;
    display:inline-block;
    color:#16bade;
    font-weight: normal;
    padding-right: 15px;
    height: 14px;
    overflow:hidden;
}

/*end tpl2*/

/*********************************************************************************/

/*begin tpl3*/

.tpl3 .outer 
{
    display:block;
    width:110px;
    height:80px;
    overflow:hidden;
    background-color:#FFFFFF;
    cursor:pointer;
    padding:5px;
}

.tpl3 .inner
{
    background-color:#FFFFFF;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}

.tpl3 .logo
{
    background:url(/widgets/review/images/tpl3/hotelde_top2010.gif) no-repeat center center scroll transparent;    
    display:block;
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;   
}

.tpl3 .wrapper 
{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute;
    top:0px; 
    left:0px;
    z-index:1;
    text-align:center;
}

.tpl3 .wrapper .top
{
    display:block;
    width:100%;
    overflow:hidden;
    position:absolute;
    top:40px;
    line-height: 12px;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color: #000000;
    height:12px;
    overflow:hidden;
}

.tpl3 .wrapper .middle
{
    display:block;
    width:100%;
    overflow:hidden;
    position:absolute;
    top: 55px;
    line-height: 13px;
    font-size:11px;
    color: #000000;
}

.tpl3 .wrapper .middle .second 
{
    color: #000000;
    display: block;
    font-weight: normal;
}

.tpl3 .wrapper .middle .second span 
{
    color:#ff7500;
    font-weight:bold;
}

.tpl3 .wrapper .middle .button span
{
    background:url(/widgets/review/images/icon-arrow.png) no-repeat right center transparent;
    display:inline-block;
    color:#16bade;
    font-weight: normal;
    padding-right: 15px;
}

/*end tpl3*/


/*begin tpl3*/
/*
.tpl3 .outer 
{
    display:block;
    width:118px;
    height:90px;
    padding:0px 1px 0px 1px;
    overflow:hidden;
    background-color:#FFFFFF;
    cursor:pointer;
}

.tpl3 .inner
{
    background-color:#FFFFFF;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
}

.tpl3 .logo
{
    background:url(/widgets/review/images/tpl3/hotelde_top2010.gif) no-repeat 0px -8px scroll transparent;    
    display:block;
    width:48px;
    height:73px;
    float:left;
    overflow:hidden;   
}

.tpl3 .wrapper 
{
    display:block;
    width:68px;
    height:73px;
    float:left;
    overflow:hidden;
}

.tpl3 .wrapper .top
{
    display:block;
    padding-top:0px;
    width:100%;
    height:34px;
    overflow:hidden;
}

.tpl3 .wrapper .top span
{
    display:block;
    font-size:12px;
    color:#4c555a;
    font-weight:bold;
}

.tpl3 .wrapper .middle
{
    border-top:1px solid #f68b1e;
    display:block;
    width:65px;
    padding-left:1px;
    padding-top:2px;
    height:36px;
    overflow:hidden;
    line-height:12px;
    font-size:11px;
    color:#4c555a;
}

.tpl3 .bottom 
{
    display:block;
    padding:0px 5px 0px 5px;
    width:110px;
    height:15px;
    overflow:hidden;
    text-align:right;
}

.tpl3 .bottom span
{
    font-size:11px;
    color:#4c555a;
    line-height:12px;
}

.tpl3 .bottom span span 
{
    color:  #f68b1e;   
}
*/
/*end tpl2*/