@charset "utf-8";
/* CSS Document */

/* Overwrites */
#header {position:absolute;width:100%;}

#main-content {min-height:570px !important;}

/* Carousel */
#carousel-main {height:411px;min-width:960px;}
#carousel-wrap {height:509px;left:0;overflow:hidden;min-width:960px;position:absolute;width:100%;z-index:0;background:black;}
#carousel-content {height:509px;position:relative;}

#carousel-left-button, #carousel-right-button {cursor:pointer;height:78px;position:absolute;top:202px;width:38px;}
#carousel-left-button {background-position:0 -300px;left:50%;margin-left:-480px;}
#carousel-right-button {background-position:0 -379px;left:50%;margin-left:440px;}
#carousel-left-button:hover {background-position:-90px -300px;}
#carousel-right-button:hover {background-position:-90px -379px;}

#carousel-nav {display:none;height:60px;left:50%;margin-left:-36px;position:absolute;top:345px;visibility:hidden;width:600px;}
#carousel-nav a {background-position:0 -510px;float:left;height:50px;margin-left:2px;width:78px;
    -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}
.toSiteContainer {width:515px; text-align: center}
.carousel-slide {background-color:transparent;background-position:center 0;background-repeat:no-repeat;height:509px;left:50%;min-width:1680px;position:absolute;top:0;}

.showSlide {display:block;margin-left:-840px;visibility:visible;}
.hideSlide {display:none;margin-left:840px;visibility:hidden;}

.carousel-html5 {visibility:hidden;}

.opacity-90 {-moz-opacity:.90;filter:alpha(opacity=90);opacity:.90;}
.activeNavBtn, .inactiveNavBtn, .tweenNavBtn {border:3px solid #B5B5B5;
    -moz-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.5);
    box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.5);
}
.inactiveNavBtn {border-color:#ec490b;cursor:default;}
.carousel-control {display:none;z-index:9;visibility:hidden;}
#carousel-control-wrap {height:auto;margin:0 auto;position:relative;width:960px;}

/* Carousel Slide */
.slide-wrapper {color:white;height:509px;min-width:1680px;position:relative;}

.slide-wrapper h2 {text-shadow:black 2px 4px 5px;}
.slide-wrapper h2 a {color:white;font-size:30px;font-weight:bold;text-shadow:0px 4px 5px rgba(7, 7, 7, 0.75);}
.slide-wrapper p {font-size:16px;line-height:22px;margin:5px 0;text-shadow:0px 1px 3px rgba(7, 7, 7, 0.75);}
.slide-wrapper .description {position:absolute;top:128px;right:415px;width:460px;height:218px;}
.slide-wrapper a.toSite {background:none;border:1px solid #f67544;color:white;cursor:pointer;font-size:18px;font-weight:bold;padding:8px 50px;position:relative;text-decoration:none;top:33px;
    text-shadow:0px -1px 1px #6c1e00;
    background: #f24d0d;
    background: -moz-linear-gradient(top, #f24d0d 0%, #942c03 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f24d0d), color-stop(100%,#942c03));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24d0d', endColorstr='#942c03',GradientType=0 );
    -moz-border-radius:30px;-webkit-border-radius:30px;
    -moz-box-shadow:0 0 0 9px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 0 9px rgba(0, 0, 0, 0.3);
    box-shodow:0 0 0 9px rgba(0, 0, 0, 0.3);
}
.slide-wrapper a.toSite:hover {
    background: #942c03;
    background: -moz-linear-gradient(top, #942c03 0%, #f24d0d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#942c03), color-stop(100%,#f24d0d));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942c03', endColorstr='#f24d0d',GradientType=0 );
}

/* Popout Effect and Header */
#carousel-popout-main, #carousel-header-main {height:0;min-width:960px;}
#carousel-popout-wrap, #carousel-header-wrap {height:150px;left:0;min-width:960px;overflow:hidden;position:absolute;width:100%;}
#carousel-popout-content, #carousel-header-content {position:relative;}
#carousel-header-block {height:72px;left:50%;margin-left:-480px;min-width:960px;position:absolute;top:27px;}
#carousel-popout-wrap {top:0;z-index:9999;pointer-events:none;}
#carousel-header-wrap {z-index:999;pointer-events:none;}

/* Feature Games */
#feature-games {position:relative;width:960px;}
#category-games {margin-top:8px;width:960px;}

.feature-head {height:34px;position:relative;width:100%;}
.feature-head h2 {color:white;font-size:15px;font-weight:bold;line-height:35px;text-indent:12px;}

.feature-game-content {background-color:white;border:1px solid #ddd;border-top:none;min-height:165px;padding:10px 5px;}
.feature-game-cell {float:left;min-height:160px;padding:0 6px;width:176px;}
.feature-game-cell-content {background-color:#b5b5b5;display:block;height:103px;position:relative;margin-bottom:8px;padding:5px;width:168px;}
.feature-game-cell-content img {height:103px;width:168px;}
.feature-game-cell-content span {height:30px;position:absolute;right:0;top:0;width:30px;}
.feature-game-cell-content b {display:block;}

.feature-game-cell span{top:0;}

/* Game Type Container */
.category-head h2 {color:white;font-size:12px;font-weight:bold;letter-spacing:-1px;line-height:32px;text-indent:15px;
    text-shadow:0 2px 1px rgba(7, 7, 7, 0.43);
}

.category-games-a {float:left;max-width:315px;position:relative;}

.category-games-main {background-color:white;border:1px solid #ddd;min-height:310px;}
.category-games-content {float:left;min-height:200px;margin:0 1px;padding:18px 14px 0;width:283px;}
.category-games-image-wrap {background-color:#b5b5b5;float:left;height:71px;position:relative;padding:3px;width:115px;}
.category-games-image-wrap img {height:71px;width:115px;}

.lang_de .category-games-content {min-height:236px;}

.width-extend {max-width:628px;min-width:315px;}
.pod-item-0, .width-extend  .pod-item-1 {border:none !important;}

.green-01 {border:1px solid #1d9325;}
.blue-01 {border:1px solid #2871bd;}
.orange-01 {border:1px solid #952608;}

.more-link {background-position:right -594px;color:white;font-size:10px;font-weight:bold;padding:4px 9px;padding-right:25px;position:absolute;right:7px;top:7px;text-transform:capitalize;z-index:9;
    -moz-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.7);
    box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.7);
}

.blue-01 .more-link {border:1px solid #86bdf5;}
.blue-02 .more-link {border:1px solid #505a63;}
.green-01 .more-link {border:1px solid #8ae28b;}
.orange-01 .more-link {border:1px solid #de7e65;}

/* Promo */
.promo-block {cursor:pointer;display:block;margin-top:10px;height:238px;}

.promo-img {float:left;font-size:11px;line-height:14px;margin-top:10px;position:relative;height:240px;width:476px;}
.promo-img a {border:1px solid #f67544;bottom:33px;color:white;cursor:pointer;font-size:14px;font-weight:normal;left:200px;padding:10px 25px;position:absolute;text-decoration:none;
    text-shadow:0px -1px 1px #6c1e00;
    background: #f24d0d;
    background: -moz-linear-gradient(top, #f24d0d 0%, #942c03 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f24d0d), color-stop(100%,#942c03));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24d0d', endColorstr='#942c03',GradientType=0 );
    -moz-border-radius:30px;-webkit-border-radius:30px;
}

.promo-block a {border:1px solid #f67544;top:130px;color:white;cursor:pointer;font-size:14px;font-weight:normal;left:730px;padding:10px 25px;position:relative;text-decoration:none;
    text-shadow:0px -1px 1px #6c1e00;
    background: #f24d0d;
    background: -moz-linear-gradient(top, #f24d0d 0%, #942c03 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f24d0d), color-stop(100%,#942c03));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24d0d', endColorstr='#942c03',GradientType=0 );
    -moz-border-radius:30px;-webkit-border-radius:30px;
}

.promo-img a:hover, .promo-block a:hover {
    background: #942c03;
    background: -moz-linear-gradient(top, #942c03 0%, #f24d0d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#942c03), color-stop(100%,#f24d0d));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#942c03', endColorstr='#f24d0d',GradientType=0 );
}
.promo-img p {position:absolute;right:37px;top:113px;width:225px;}
.promo-block p {position:relative;left:250px;top:150px;width:450px;font-size:20px;}
.promo-first-img {margin-right:8px;}
.promo-dark {color:#666;}
.promo-light {color:white;}

/* Common Border */
.border-top-01 {border-top:1px solid #e6e6e6;}

/* Common Padding */
.margin-lr-07 {margin:0 7px;}
.margin-l-14 {margin-left:14px;}

/* SEO */
.seo-header {background:white;border-top:solid 15px gray;border-bottom:solid 10px gray;margin-top:20px;}
.seo-header .mediaTarget {text-decoration:underline;margin:25px;float:right;}
.seo-header .mediaTarget:hover {color:#333;}
.seo-header .info {margin:20px 25px;float:left;width:430px;}
.seo-block {margin:10px 0 0 0;padding:10px;background:#fff;border:1px solid #E6E6E6;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.seo-block a {font-weight:bold;}
.seo-block p {color:#666;font-size:11px;background:#fff;}
#full-seo {display:none;opacity:0;}
#full-seo-text {overflow:hidden;color:#676767;word-wrap:break-word;}
.seo-header h1, .seo-block h1 {font-weight:bold;font-size:1.2em;color:black;}
.seo-header h2, .seo-block h2 {font-weight:bold;font-size:1em;margin:0;padding:0;display:inline;color:slategray;}
#full-seo-text p {margin-top: 12px;color: slategray;}
.read-more {font-size:.9em;color:#676767;word-wrap:break-word;}
.read-more-link {color:#6495ed;float:right;text-align:right;text-transform:capitalize;}
#full-seo .read-more-link {display:block;float:none;}

/* Front page pop up */
#main-content #showErrors {
    margin: 0px;
    position: absolute;
    top: 90px;
    width:960px;
}

#main-content #showErrors .messages {
    z-index: 20;
    border:none;
    padding: 7px 25px;
}

#main-content #showErrors .messages.status{
    background: none;
    filter:Progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC27A730,endColorstr=#CC27A730);
    zoom: 1;
    background-color: rgba(39,167,48, .8);
    border-radius: 0 0 10px 10px;
}

#main-content #showErrors .messages.error{
    background: none;
    background-color: rgba(138, 50, 28, .8);
    border-radius: 0 0 10px 10px;
    margin-top: 5px;
}
