/**
 * namespace: microsite-westlotto
 * responsive: no
 * important to prefix all styles in order
 * to prevent conflicts with OBI stylecheets
 */



/* http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain)
 *
 * scope: #microsite-westlotto
 */
#microsite-westlotto div,#microsite-westlotto span,#microsite-westlotto applet,#microsite-westlotto object,#microsite-westlotto iframe,#microsite-westlotto
h1,#microsite-westlotto h2,#microsite-westlotto h3,#microsite-westlotto h4,#microsite-westlotto h5,#microsite-westlotto h6,#microsite-westlotto p,#microsite-westlotto blockquote,#microsite-westlotto pre,#microsite-westlotto
a,#microsite-westlotto abbr,#microsite-westlotto acronym,#microsite-westlotto address,#microsite-westlotto big,#microsite-westlotto cite,#microsite-westlotto code,#microsite-westlotto
del,#microsite-westlotto dfn,#microsite-westlotto em,#microsite-westlotto img,#microsite-westlotto ins,#microsite-westlotto kbd,#microsite-westlotto q,#microsite-westlotto s,#microsite-westlotto samp,#microsite-westlotto
small,#microsite-westlotto strike,#microsite-westlotto strong,#microsite-westlotto sub,#microsite-westlotto sup,#microsite-westlotto tt,#microsite-westlotto var,#microsite-westlotto
b,#microsite-westlotto u,#microsite-westlotto i,#microsite-westlotto center,#microsite-westlotto
dl,#microsite-westlotto dt,#microsite-westlotto dd,#microsite-westlotto ol,#microsite-westlotto ul,#microsite-westlotto li,#microsite-westlotto
fieldset,#microsite-westlotto form,#microsite-westlotto label,#microsite-westlotto legend,#microsite-westlotto
table,#microsite-westlotto caption,#microsite-westlotto tbody,#microsite-westlotto tfoot,#microsite-westlotto thead,#microsite-westlotto tr,#microsite-westlotto th,#microsite-westlotto td,#microsite-westlotto
article,#microsite-westlotto aside,#microsite-westlotto canvas,#microsite-westlotto details,#microsite-westlotto embed,#microsite-westlotto
figure,#microsite-westlotto figcaption,#microsite-westlotto footer,#microsite-westlotto header,#microsite-westlotto hgroup,#microsite-westlotto
menu,#microsite-westlotto nav,#microsite-westlotto output,#microsite-westlotto ruby,#microsite-westlotto section,#microsite-westlotto summary,#microsite-westlotto
time,#microsite-westlotto mark,#microsite-westlotto audio,#microsite-westlotto video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-align: left;
}
/* HTML5 display-role reset for older browsers */
#microsite-westlotto article,#microsite-westlotto aside,#microsite-westlotto details,#microsite-westlotto figcaption,#microsite-westlotto figure,#microsite-westlotto
footer,#microsite-westlotto header,#microsite-westlotto hgroup,#microsite-westlotto menu,#microsite-westlotto nav,#microsite-westlotto section {
  display: block;
}
#microsite-westlotto ol,#microsite-westlotto ul {
  list-style: none;
}
#microsite-westlotto blockquote,#microsite-westlotto q {
  quotes: none;
}
#microsite-westlotto blockquote:before,#microsite-westlotto blockquote:after,#microsite-westlotto
q:before,#microsite-westlotto q:after {
  content: '';
  content: none;
}
#microsite-westlotto table {
  border-collapse: collapse;
  border-spacing: 0;
}
#microsite-westlotto input[type=submit] { -webkit-box-shadow: none; box-shadow: none; float: none; }

#microsite-westlotto a { text-decoration: none; color: inherit; }
#microsite-westlotto strong { font-weight: bold; }
#microsite-westlotto em { font-style: italic; }

/**
 * main.css
 * red:     #990000
 * orange:  #5d3210
 * yellow:  #ffdd2b
 * brown:   #5e3210
 */


#microsite-westlotto.microsite-westlotto-preview { outline: 3px dotted #db524b; padding-top: 10px;}
#microsite-westlotto .microsite-westlotto-previewhint { color: #c09853; background-color: #fcf8e3; padding: 15px; margin-bottom: 20px; border: 1px solid #faebcc; border-radius: 4px; font-size: 14px; margin: 10px;}

#microsite-westlotto h2 a:hover { text-decoration: none; }

#microsite-westlotto { width: 860px; min-height: 300px; __background: #f00; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }
#microsite-westlotto * { font-family: inherit; }
#microsite-westlotto .microsite-westlotto-clearfix {  clear: both; height: 0; line-height: 0; display: block; }
#microsite-westlotto .microsite-westlotto-quicklink { cursor: pointer; }
#microsite-westlotto .microsite-westlotto-quicklink:hover p a { text-decoration: underline; }

/**
 * microsite-westlotto-media-billboard
 */
#microsite-westlotto .microsite-westlotto-media-billboard { width: 840px; height:156px; position: relative; margin: 0 10px 20px;}
#microsite-westlotto .microsite-westlotto-media-billboard-inner { width: 840px; height:156px; overflow: hidden; posistion: absolute; z-index: 5000; background: url('../assets/images/banner/banner_full_fallback.png') no-repeat; }

.microsite-westlotto-media-billboard-canvas {width: 840px; height: 156px; overflow: hidden;}

/**
 * microsoft-westlotto-menu
 */
#microsite-westlotto .microsite-westlotto-menu {
  clear: both;
  overflow: hidden;
  margin: 0 10px;
  padding: 10px 0 1.35em;
  position: relative;
  width: 100%;
  font-weight: bold;
}
/*#microsite-westlotto .microsite-westlotto-menu ul { list-style: none outside none } */
#microsite-westlotto .microsite-westlotto-menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
/*#microsite-westlotto .microsite-westlotto-menu ul li { padding: 1em; }*/
#microsite-westlotto .microsite-westlotto-menu ul li a:link, #microsite-westlotto .microsite-westlotto-menu ul li a:visited { padding: 1em 1.5em 1em 1em; }
#microsite-westlotto .microsite-westlotto-menu ul li a:hover, #microsite-westlotto .microsite-westlotto-menu ul li a:active, #microsite-westlotto .microsite-westlotto-menu ul li.active a { text-decoration: underline; }

/**
 * teaser generals
 */
#microsite-westlotto h1,
#microsite-westlotto h2,
#microsite-westlotto h3,
#microsite-westlotto h4 { font-family: Impact, Arial, sans-serif; }
#microsite-westlotto .microsite-westlotto-teaser { border-bottom: 1px solid transparent; margin: 0 10px 20px ; bac_kground: url('{{asset('assets/images/ui/teaser_bg.png')}}') repeat-x left bottom; border-bottom: 3px double #E6E6E6;}
#microsite-westlotto .microsite-westlotto-teaser:last-child { _border: 0; _margin: 0; background-image: none; }
#microsite-westlotto .microsite-westlotto-teaser h2 { font-weight: bold; margin: 0 0 15px; }
#microsite-westlotto .microsite-westlotto-teaser h2 span { display: block; text-decoration: none;}
#microsite-westlotto .microsite-westlotto-teaser h2 span.microsite-westlotto-headline { font-size: 20px; line-height: 27px; color: #5d3210; }
#microsite-westlotto .microsite-westlotto-teaser h2 span.microsite-westlotto-headline-intro { font-size: 15px; line-height: 23px; color: #5d3210;}
#microsite-westlotto .microsite-westlotto-teaser h2 span.microsite-westlotto-headline:first-child:not(:last-child) { margin-bottom: 7px;}


#microsite-westlotto .microsite-westlotto-form-group { margin: 0 0 15px; }
#microsite-westlotto .microsite-westlotto-btn-submit { border: 0; margin: 10px 0 0 0;}

#microsite-westlotto .microsite-westlotto-btn { line-height: normal; height: auto; background: #ffdd2b; color: #5e3210; font-size: 18px; font-weight: bold; border-radius: 5px; padding: 5px 29px; text-decoration: none; display: block; text-align: center;}

/**
 * teaser hero
 */
#microsite-westlotto .microsite-westlotto-teaser-hero h2 span.microsite-westlotto-headline { font-size: 24px; line-height: 30px; }
#microsite-westlotto .microsite-westlotto-teaser-hero p { font-weight: bold; }
#microsite-westlotto .microsite-westlotto-teaser-hero p a { font-weight: normal; }
#microsite-westlotto .microsite-westlotto-teaser > img { margin: 0 0 10px; }
#microsite-westlotto .microsite-westlotto-teaser p { padding: 0 0 20px; font-size: 12px; line-height: 17px; }
#microsite-westlotto .microsite-westlotto-teaser p a { text-decoration: none; color: #990000; }

/**
 * teaser news
 */
#microsite-westlotto .microsite-westlotto-teaser-news p { font-weight: bold; }
#microsite-westlotto .microsite-westlotto-column-wide .microsite-westlotto-teaser-news p a { font-weight: normal; color: #990000;}

/**
 * teaser box
 */
#microsite-westlotto .microsite-westlotto-teaser-box { padding: 15px; margin: 0 0 20px; display: block; background: #f9eac4; }
#microsite-westlotto .microsite-westlotto-teaser-box h2 { color: #000; }
#microsite-westlotto .microsite-westlotto-teaser-box p { font-weight: bold; }

/**
 * survey
 */
#microsite-westlotto .microsite-westlotto-teaser-box.microsite-westlotto-teaser-box-survey { background: url('../assets/images/ui/question_of_the_week-bg.jpg') repeat-x #fff9e0; }
/* overview-articleteaser */
#microsite-westlotto .microsite-westlotto-teaser-article small { font-size: 12px; color: #555; }
/**
 * teaser halve
 */
#microsite-westlotto .microsite-westlotto-teaser-halve { width: 50%; min-height: 50px; float: left; backgroun_d: #00f; margin: 0 0 20px;}
#microsite-westlotto .microsite-westlotto-teaser-halve .microsite-westlotto-iframe:last-child { margin: 0; }



.microsite-westlotto-socialcontent .microsite-westlotto-headline-intro { color: #000 ; font-weight: normal ; font-family: verdana, arial, sans-serif;}

/**
 * teaser cummons
 */
#microsite-westlotto .microsite-westlotto-iframe { max-width: 100%; border: 0; margin: 0 0 20px; }
#microsite-westlotto .microsite-westlotto-statistic-table tbody th { font-weight: bold; }
#microsite-westlotto .microsite-westlotto-statistic-table-content { margin: 0 0 38px; }
#microsite-westlotto .microsite-westlotto-statistic-table-content:last-child { margin: 0; }
#microsite-westlotto .microsite-westlotto-statistic-table-content tbody tr { border-top: 1px solid #e5e5e5; }
#microsite-westlotto .microsite-westlotto-statistic-table-content tbody tr td,
#microsite-westlotto .microsite-westlotto-statistic-table-content tbody tr th { padding: 11px 0; }
#microsite-westlotto .microsite-westlotto-statistic-table-content thead tr th { padding: 0 0 11px; }

#microsite-westlotto .microsite-westlotto-statistic-table-sidebar { margin: 0 0 20px; }
#microsite-westlotto .microsite-westlotto-statistic-table-sidebar thead { font-size: 14px; }
#microsite-westlotto .microsite-westlotto-statistic-table-sidebar tbody { font-size: 12px; }
#microsite-westlotto .microsite-westlotto-statistic-table-sidebar tbody tr { border-top: 0; }
#microsite-westlotto .microsite-westlotto-statistic-table-sidebar thead th { font-weight: bold; }
#microsite-westlotto .microsite-westlotto-statistic-table-sidebar tbody tr td,
#microsite-westlotto .microsite-westlotto-statistic-table-sidebar tbody tr th { padding: 5px 0; }

/**
 * teaser statistics
 */
#microsite-westlotto .microsite-westlotto-teaser-statistics .microsite-westlotto-headline-intro { color: #000 !important; font-family: verdana, arial, sans-serif; font-size: 14px; }

/**
 * teaser socialcontent
 */
#microsite-westlotto .microsite-westlotto-socialcontent { padding: 11px; background: url('../assets/images/ui/socialcontent-bg.jpg') repeat-x #f9eac4;  }
#microsite-westlotto .microsite-westlotto-socialcontent-contentwrapper { width: 100%; height: 330px;}
#microsite-westlotto .microsite-westlotto-socialcontent-contentviewport {width: 100%; height: 100%; overflow: hidden; position: relative;}
#microsite-westlotto .microsite-westlotto-socialcontent-content { width: 100%; min-height: 330px; background: #fff; position: absolute; left: 0; top: 0;}

#microsite-westlotto .microsite-westlotto-socialcontent-contentwrapper .scrollbar{ background: transparent; position: absolute;  background-position: 0 0; right: 1px; width: 6px; z-index: 10; }
#microsite-westlotto .microsite-westlotto-socialcontent-contentwrapper .track { background: transparent; height: 100%; width:6px; position: relative; }
#microsite-westlotto .microsite-westlotto-socialcontent-contentwrapper .thumb { background: #ccc; height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; right: 0px; border-radius: 2px}
#microsite-westlotto .microsite-westlotto-socialcontent-contentwrapper .thumb .end { background: transparent; overflow: hidden; height: 5px; width: 6px; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#microsite-westlotto .microsite-westlotto-socialcontent-item { padding: 10px 0; margin:  10px ; border-bottom: 1px solid #ccc;}
#microsite-westlotto .microsite-westlotto-socialcontent-item-profileimage { margin: 0 10px 10px 0; float: left; }
#microsite-westlotto .microsite-westlotto-socialcontent-item-postimage { margin: 0 0 7px; }
#microsite-westlotto .microsite-westlotto-socialcontent-item p { padding: 0 ; margin: 0 0 7px 0;}
#microsite-westlotto .microsite-westlotto-socialcontent-item p b { color: #5d3210; font-weight: bold; }
#microsite-westlotto .microsite-westlotto-socialcontent-item span { font-size: 12px; color: #7c7c7c; }
#microsite-westlotto .microsite-westlotto-socialcontent-item em { font-weight: bold ; }
#microsite-westlotto .microsite-westlotto-socialcontent-item p,
#microsite-westlotto .microsite-westlotto-socialcontent-item span { word-wrap: break-word; }
#microsite-westlotto .microsite-westlotto-socialcontent-item span { line-height: 18px; vertical-align: top;}
#microsite-westlotto .microsite-westlotto-socialcontent-item span img { margin: 0 4px 0 0; }

/**
 * teaser lotto (Lotto 6 aus 49)
 */
#microsite-westlotto .microsite-westlotto-teaser-lotto p a { color: #000; text-decoration: underline; }
#microsite-westlotto .microsite-westlotto-teaser-lotto p a:hover { text-decoration: none; }

/**
 * teaser age disclaimer
 */
#microsite-westlotto .microsite-westlotto-agedisclaimer p { color: #999999; }

/**
 * columns
 */
#microsite-westlotto .microsite-westlotto-columns .microsite-westlotto-column { float: left }
#microsite-westlotto .microsite-westlotto-columns .microsite-westlotto-column-wide:first-child { margin: 0 20px 0 0 ; }
#microsite-westlotto .microsite-westlotto-columns .microsite-westlotto-column-small:first-child { margin: 0 20px 0 10px ; }

#microsite-westlotto .microsite-westlotto-column-wide { width: 570px; min-height: 100px; __background: #ff0;}
#microsite-westlotto .microsite-westlotto-column-small { width: 260px; min-height: 100px; __background: #f0f;}

#microsite-westlotto .microsite-westlotto-column-wide ul { list-style-type: disc; padding: 0 0 0 22px; margin: 0 0 20px 0;}
#microsite-westlotto .microsite-westlotto-column-wide ol { list-style-type: decimal; padding: 0 0 0 22px; margin: 0 0 26px 0;}
#microsite-westlotto .microsite-westlotto-column-wide ol li,
#microsite-westlotto .microsite-westlotto-column-wide ul li { margin: 0 0 5px; }
#microsite-westlotto .microsite-westlotto-column-wide p a { text-decoration: none; color: #000000; }
#microsite-westlotto .microsite-westlotto-column-wide p a:hover { text-decoration: underline; }

#microsite-westlotto .microsite-westlotto-column-small .microsite-westlotto-teaser { margin: 0 0 20px; }

/* featurerequest: highlight sidebar on subpages: add background and padding; */
#microsite-westlotto .microsite-westlotto-column-small-subpage { background: #efe8dc; }
#microsite-westlotto .microsite-westlotto-column-small-subpage .microsite-westlotto-teaser { padding: 0 10px;}
#microsite-westlotto .microsite-westlotto-column-small-subpage .microsite-westlotto-teaser > img { margin: 0 0 10px -10px; }
#microsite-westlotto .microsite-westlotto-column-small-subpage .microsite-westlotto-teaser-youtubevideo {padding: 0;}

/**
 * COLUMNE DETAIL-PAGE aka Article
 */

/**
 * Detail-page sidebar
 */
#microsite-westlotto .microsite-westlotto-teaser-useractions li,
#microsite-westlotto .microsite-westlotto-teaser-useractions li time { font-size: 11px;  }
#microsite-westlotto .microsite-westlotto-teaser-useractions li { padding: 7px 0 7px 25px; background: url( '../assets/images/ui/sidebar_actions_sprite.png' ) no-repeat; border-bottom: 1px solid #e6e6e6;}
#microsite-westlotto .microsite-westlotto-teaser-useractions li a:last-child:not(:first-child) { border-left: 1px solid black; padding: 0 3px; }
#microsite-westlotto .microsite-westlotto-teaser-useractions .microsite-westlotto-teaser-useraction-created { background-position: 0 8px; }
#microsite-westlotto .microsite-westlotto-teaser-useractions .microsite-westlotto-teaser-useractions-reuse { background-position: 0 -24px; }
#microsite-westlotto .microsite-westlotto-teaser-useractions .microsite-westlotto-teaser-useractions-info { background-position: 0 -185px; }
#microsite-westlotto .microsite-westlotto-teaser-useractions .microsite-westlotto-teaser-useractions-home { background-position: 0 -219px; }
#microsite-westlotto .microsite-westlotto-teaser-useractions .microsite-westlotto-teaser-useractions-social { background: none; padding: 7px 0 7px 0;  }
#microsite-westlotto .microsite-westlotto-teaser-useractions .microsite-westlotto-share-container { overflow: hidden; float: left; display: block; height: 21px; margin: 0 0 8px; }

/**
 * Detail-page article
 */
#microsite-westlotto .microsite-westlotto-article { margin: 0 0 20px; padding: 0 10px 0 0;}
#microsite-westlotto .microsite-westlotto-article h1 { font-size: 22px; line-height: 28px; font-weight: bold; margin: 0 0 15px; }
#microsite-westlotto .microsite-westlotto-article h1 span.microsite-westlotto-headline { color: #5d3210; }
#microsite-westlotto .microsite-westlotto-article p:nth-of-type(1) { font-weight: bold; }
#microsite-westlotto .microsite-westlotto-article p { margin: 0 0 20px; }
#microsite-westlotto .microsite-westlotto-article figure { margin: 0 0 20px; }
#microsite-westlotto .microsite-westlotto-article figcaption { text-align: right; font-size: 11px; color: #808080; }

#microsite-westlotto .microsite-westlotto-article-recent { margin: 0 0 20px; }
#microsite-westlotto .microsite-westlotto-article-recent h3 { font-size: 15px; font-weight: bold; margin: 0 0 15px;}
#microsite-westlotto .microsite-westlotto-article-recent-preview { width: 176px; margin: 0 0 0 20px; float: left; }
#microsite-westlotto .microsite-westlotto-article-recent-preview:nth-of-type(1) { margin: 0; }
#microsite-westlotto .microsite-westlotto-article-recent-preview img { margin: 0 0 5px; }
#microsite-westlotto .microsite-westlotto-article-recent-preview h4 { font-size: 15px; color: #5d3210; font-weight: bold; margin: 0 0 3px;}
#microsite-westlotto .microsite-westlotto-article-recent-preview p{ font-size: 13px; overflow: hidden; line-height: 19px; max-height: 57px /* three lines */; }

/**
 *  Ad-Hint
 */
#microsite-westlotto .microsite-westlotto-adhint { position: relative; padding: 0 0 3px;}
#microsite-westlotto .microsite-westlotto-adhint img { float: right; margin: 0 0 30px; }
#microsite-westlotto .microsite-westlotto-adhint p { position: absolute; left: 0; bottom: 5px; font-size: 18px; text-transform: uppercase; font-weight: normal; width: 100%; text-align: right; font-weight: bold;}


#microsite-westlotto .microsite-westlotto-adhint-border { outline: 1px solid #ccc; background: #fffdf3; padding: 15px 0 15px 0;}

/**
 * Youtube video in article
 */
 microsite-westlotto-youtube-video { display: block; width: 550px; height: 309px;}