/**
* Teaser
* @section teaser
*/
/**
 *
 * @section dimensions
 *
 */
/** @subsection horizontal */
.teaser 
                                                        { min-width: 1024px; }
.teaser .sidebar,
.teaser .main ul                                              { width: 290px; }

.teaser .modal                                                { width: 486px; }

.teaser .main,
.teaser .main .video                                        { width: 688px; }

.teaser .overlay                                               { width: 100%; }
/** @subsection vertcal */
.teaser .main .video                                        { height: 254px; }

.teaser .modal                                               { height: 416px; }

.teaser .overlay                                              { height: 100%; }

/**
 *
 * @section floatings
 *
 */
#content                                                       { float: none; }

.teaser .main,
.teaser .main ul,
.teaser .sidebar
                                                               { float: left; }
/**
 *
 * @section style
 *
 */
.teaser h3 { 
  padding: 0;
  margin-bottom: 2px;
}

.teaser li { margin-bottom: 30px; }

.teaser .main .video a {
  display: block;
  cursor: pointer;
}

.teaser .sidebar,
.teaser .main ul {
  padding: 20px 10px;
  margin-right: 10px;
  margin-left: 10px;
}

/** @section video */
.teaser .overlay,
.teaser .modal { position: absolute; }

.teaser .overlay {
  opacity: 0.75;
  right: 0;
}

.teaser .modal .close { padding-right: 4px; }

.teaser .modal {
  top: 10%;
  left: 50%;
  margin-left: -243px;
}