/* Carousel
--------------------------------------------------------------------------------------- */

/* --- SLIDER ITEMS --- */
#featured {width: 986px;clear: both; margin: 10px 0 15px 10px; position: relative;}
#featured .box{margin: 0 7px 0 7px}
#featured .item {padding: 30px; width: 570px; text-align: left;display: block}

.featured_lottery{visibility: hidden}
#featured .preloader{width: 100%; height: 120px; position:absolute; top:30px; left:0; background: url(../images/layout/ajax-loader.gif) no-repeat center}

.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative;}

.jcarousel-list {list-style: none; z-index:1; overflow:hidden; position:relative; top:0; left:0; margin-left:36px; padding:0;}

.jcarousel-list li,
.jcarousel-item {float: left;list-style: none;height: 190px; width: 170px; margin-right:20px; padding:20px 0; }
.jcarousel-container .box{padding-bottom:25px;}

#mycarousel-next,
#mycarousel-prev{background: url(../images/icons/ico-arrow-green.png) no-repeat left top; position: absolute; top: 50%; left: -8px; margin-top: -17px; height: 35px; width: 35px; z-index: 10000; text-indent: -9999px;position: absolute;}
#mycarousel-next{left: 960px;}
#mycarousel-prev{background: url(../images/icons/ico-arrow-green.png) no-repeat left bottom;}


#mycarousel-next:hover{background-position: -34px top;}
#mycarousel-prev:hover{background-position: -34px bottom;}



/* InnerFade
--------------------------------------------------------------------------------------- */

.innerfade{overflow: hidden; display: block;}
#ticker{overflow: hidden; display: block; height: 20px; }
#twitter{overflow: hidden; display: block; height: 85px; }
#ticker li, #twitter li{display: none}


/* Calendar
--------------------------------------------------------------------------------------------------- */

.cal-sheet{ background:url(../images/layout/kalenderblatt.png) no-repeat; width:39px; height:39px; text-align:center; float:left; margin:3px 10px 6px 0; }
.cal-sheet.right{ display:block; text-align:center; float:right; margin:3px 3px 6px 10px; }
.cal-sheet span{ display:block; float:left; }
.cal-sheet .month{ font-size:0.8em; height:15px; width:39px; padding-top:5px; letter-spacing:1px; color:#fff; font-weight:bold; text-transform:uppercase;}
.cal-sheet .day .weekday{display:none;}
.cal-sheet .day{ font-size:1.3em; color:#333; font-weight:bold; line-height:16px; width:39px; }



/* Bubble
--------------------------------------------------------------------------------------------------- */

.bubbleInfo{position:absolute;}
.trigger{position:absolute; top:78px;cursor:pointer;}
#featured .box-in .txt{position:absolute; margin:15px;}
#featured .box-in .txt h1{margin: 0 0 3px; line-height: 20px}
.featured-list{position:absolute; top:410px; left:20px}
.featured-list ul li{float:left; background:url(../images/icons/check.png) no-repeat; padding:0 40px 0 25px; list-style:none;}

.popup, .popup.first{cursor:pointer;position:absolute; display:none; width:207px; height:190px; padding:10px; background: url(../images/layout/bubble-right.png) no-repeat; left:-120px; top:10px}
.popup.first{background: url(../images/layout/bubble-left.png) no-repeat; left:80px; padding-left: 32px; z-index:100000; left:60px !important;}

.popup .headline{float:left; display:block; height:26px; width:185px; text-indent:-5000px; background-repeat:no-repeat;}
.popup .date{float:left; font-size:10px;}

.popup .drawing{clear:both; display:block; height:37px;}
.popup .drawing .ball{background-repeat: no-repeat; float:left; height:33px; width:32px; line-height:36px; margin:0 3px 4px -6px; color:#474747; padding-left:2px; font-size:12px; font-weight:bold; text-align:center;}
.popup .drawing label{float:left; margin:10px 10px 10px 4px; font-size:11px;}

.popup .box{float:left; padding:1px 5px; width:168px; font-size:10px; margin-top:4px !important;}
.popup .box strong{font-size:1.7em; font-weight:bold; line-height:20px; color:#474747;}

.popup .btn-more{margin:6px 32px 0 0;}



/* LottoTeam informiert List
--------------------------------------------------------------------------------------------------- */

.jackpot-schein{background:url(../images/content/lottoschein_head.png) left bottom no-repeat; height:194px; width:389px !important; position:relative;}
.jackpot-total{background:url(../images/content/gesamtjackpot_gruen.png) no-repeat; color:#fff; display:block; padding-top:10px; font-size:1.2em; width:281px; height:65px; text-align:center;}
.jackpot-total strong{font-size:2.5em; font-weight:bold; line-height:1.2em; text-shadow:#444 2px 2px;}

.ball{background-repeat: no-repeat; width:35px; height:35px; margin:0 0px 0 -4px; float:left; line-height:36px; text-align:center; color:#555; font-size:13px; font-weight:bold;}
.ball.jpcolor{text-indent:-5000px;}



/* LottoTeam informiert Detail
--------------------------------------------------------------------------------------------------- */

.lottodetail{position:relative; height:193px; background-repeat:no-repeat; background-position:bottom left;}
.lottodetail .cal-sheet.right{position:absolute; width:73px; margin:0;}
.lottodetail .cal-sheet .month{background-color:#003E90; height:16px; font-size:1.2em; line-height:16px;}
.lottodetail .cal-sheet .day{height:41px; font-size:2.2em; line-height:26px; text-transform: none;}
.lottodetail .cal-sheet .day .weekday{font-size:10px; line-height:16px; font-weight:normal; color:#aaa; display:block;}
.lottodetail strong{font-size:2.0em; line-height:30px;}
.lottodetail .balls .ball{margin:0 2px 0 -6px;background-repeat:no-repeat; width:40px; height:40px; float:left; line-height:41px; text-align:center; color:#555; font-size:13px; font-weight:bold;}
.lottodetail b{color:#555;}
.lottodetail form{position:absolute; bottom:10px; right:10px;}
.lottodetail form select.archiv{border:none; cursor:pointer; position:relative; z-index:1;}
.lottodetail form select.archiv option{padding:2px; width:70px;}
.lottodetail form select.archiv option.even{background-color:#ddd;}


/* LottoTeam (REDAKTION)
--------------------------------------------------------------------------------------------------- */
.loader {display:none; margin-top:50px; text-align:center;}
#inp_z1,#inp_z2,#inp_z3,#inp_z4,#inp_z5,#inp_z6,#inp_zz,#inp_sz,
#inp_sp77_1,#inp_sp77_2,#inp_sp77_3,#inp_sp77_4,#inp_sp77_5,#inp_sp77_6,#inp_sp77_7,
#inp_s6_1,#inp_s6_2,#inp_s6_3,#inp_s6_4,#inp_s6_5,#inp_s6_6{ width:20px; }
#inp_ga_1,#inp_ga_2,#inp_ga_3,#inp_ga_4,#inp_ga_5,#inp_ga_6,#inp_ga_7,#inp_ga_8,#inp_ga_9,#inp_ga_10,#inp_ga_11,#inp_ga_12{ width:80px; }
#inp_k0,#inp_k1,#inp_k2,#inp_k3,#inp_k4,#inp_k5,#inp_k6,#inp_k7,#inp_k8,#inp_k9,#inp_k10,#inp_k11,#inp_k12{ width:193px; }
.chk_kl{ width:13px; }
#sidebar th,td,caption { padding:2px 4px; }
.redaktion form.form-def label{ width:170px; }
.redaktion #gkl_anzahl{ width:107px; }


/* jQuery Countdown styles 1.5.0.
------------------------------------------------------------------------------------------------ */

#MyCountdown{ position:absolute; float:right; background:url(../images/lotto/counter2.png) no-repeat; height:65px; width:200px; right:10px;	top:10px; padding:27px 0 0 0; }
.countdown_rtl{ direction: rtl; }
.countdown_holding span{ background-color: #ccc;}
.countdown_row{ clear:both; width:100%; padding:0px 2px; text-align:center; }
.countdown_show1 .countdown_section{ width:100%; }
.countdown_show2 .countdown_section{ width:49%; }
.countdown_show3 .countdown_section{ width:33%; }
.countdown_show4 .countdown_section{ width:24.5%; }
.countdown_show5 .countdown_section{ width:19.5%; }
.countdown_show6 .countdown_section{ width:16.5%; }
.countdown_show7 .countdown_section{ width:14%; }
.countdown_section{ display:block; float:left; font-size:75%; text-align:center; }
.countdown_amount{ font-size: 200%; }
.countdown_descr{ position:absolute; top:1px; line-height:18px; left:0; padding:0 0 0 10px; display:block; text-align:left; width:200px; }



/* Pagination
------------------------------------------------------------------------------------------------ */
.art-list li.pagination{ border:none; padding:10px; }
.pagination p{}
.pagination a{text-decoration:none; font-size:11px; line-height:17px;  color:#333; background:url(../images/layout/paging-bg.png) no-repeat right top; height:17px; float:left; width:17px; text-align:center; margin-right: 3px}
.pagination a span{background:url(../images/layout/paging-bg.png) no-repeat left top; display:block;}
.pagination a:hover{background:url(../images/layout/paging-bg.png) no-repeat right -17px;}
.pagination a:hover span{background:url(../images/layout/paging-bg.png) no-repeat left -17px; color:#fff;}  
.pagination a.current{background:url(../images/layout/paging-bg.png) no-repeat right -17px;}
.pagination a.current span{background:url(../images/layout/paging-bg.png) no-repeat left -17px; font-weight:bold; color:#fff;}
.pagination a.arrow{font-size:14px; line-height: 17px}
.pagination a#prevlink:hover,
.pagination a#nextlink:hover{ color:#fff; text-decoration:none;}



/* Listen
------------------------------------------------------------------------------------------------ */
.all_games li{ float:left; line-height:26px; }
.all_games li .game{ float:left; width:120px; }
.all_games li .more{ float:left; margin-right:10px; font-size:0.85em; font-weight:normal; }
.all_games li .play_now{ float:left; font-size:0.85em; font-weight:normal; }
.winner li span{ font-weight:normal; font-style:italic; }


/* Provisionsrechner
------------------------------------------------------------------------------------------------ */
#provCalc{ width:489px; margin:0 auto; }
#provCalc .blueBox{position:relative; background:url(../images/layout/blue_box.png) no-repeat; width:142px; height:56px;}
#provCalc .figur{float:left; background:url(../images/icons/figur.png) no-repeat; margin:3px 0 0 10px; text-indent:-1500px; overflow: hidden; width:15px; height:55px;}
#provCalc .stufe{float:right; margin:2px 5px 0 0; font-weight: bold; line-height: 22px; width:97px;}
#provCalc input,
#provCalc span{color:#194874; font-size:12px;}
#provCalc .stufe .inp_prov{border:none; background:url(../images/forms/rectangle.png) no-repeat; width:97px; height:26px; padding:5px; margin:4px 0 0 0; text-align:center;}
#provCalc .stufe span{position:absolute; top:33px; left:40px;}
* html #provCalc .stufe span{left:35px;}
#provCalc .stufe span i{position:absolute; top:0; left:38px; border:none; background:url(../img/vertrieb/kreis.png) no-repeat; text-align:center; width:21px; font-style:normal;}

#provCalc .partner{float:left; width:489px;}
#provCalc .partner .level_p{margin-left:179px;}
#provCalc .s_partner .level_sp{margin-bottom:33px;}
#provCalc .s_partner{float:left; margin-bottom:0px;}
#provCalc .s_partner.first{margin-left:11px;}
#provCalc .s_partner.second,
#provCalc .s_partner.third{margin-left:26px;}
#provCalc .s_partner .ss_partner{clear:both; margin-bottom:10px;}

#provCalc .line_v{background:url(../images/forms/linie_quer.png) no-repeat; width:364px; height:31px; margin-left:75px;}
#provCalc .line_h{background:url(../images/forms/linie_senkrecht.png) no-repeat; width:11px; height:230px; position:absolute; margin:25px 0 0 -11px;}

#provCalc .form-btn{ float:left; margin:10px 169px; }
#provCalc .formsubmit{ color:#fff; font-size:1.4em; }

.res p{clear:both; font-size:13px;}
.res span{clear:both; float:left; width:150px;}
.res i{font-style: normal; text-align:right;}


/* Provisionstabelle
------------------------------------------------------------------------------------------------ */
.provTab tr.row1{ height:40px; }
.provTab tr.row2{ height:50px; }
.provTab tr.row3{ height:60px; }
.provTab tr.row4{ height:70px; }
.provTab tr.row5{ height:80px; }
.provTab tr.row6{ height:90px; }
.provTab tr.row7{ height:100px; }
.provTab tr.row8{ height:110px; }

.provTab tr.row1 td.bg{ background-color:#BDEAED; }
.provTab tr.row2 td.bg{ background-color:#A0E1E7; }
.provTab tr.row3 td.bg{ background-color:#89DAE2; }
.provTab tr.row4 td.bg{ background-color:#70D2DB; }
.provTab tr.row5 td.bg{ background-color:#54CCD5; }
.provTab tr.row6 td.bg{ background-color:#36C6CE; }
.provTab tr.row7 td.bg{ background-color:#00BEC9; }
.provTab tr.row8 td.bg{ background-color:#00BEC9; }

/* Telemarketing */
.provTab td.stufe{ color:#fff; font-weight:bold; font-size:1.1em; text-align:left;}
.provTab td{ width:65px !important; vertical-align:middle; text-align:center; color:#1b304a; }
.provTab td.bg{ border:4px solid #fff; }
.provTab td.bg-green{ background-color:#71BD1B !important; font-weight:bold; font-size:1.4em; border:4px solid #fff; }
.provTab td.bg-orange{ background-color:#F6B54C !important; font-weight:bold; font-size:1.4em; border:4px solid #fff; }

/* Direktmarketing */
.provTab.direktmarketing td.stufe{ color:#000; font-weight:normal; vertical-align:middle; text-align:left; }
.provTab.direktmarketing td.stufe.first{ width:65px !important; }
.provTab.direktmarketing td.stufe.last{ width:160px !important; }
.provTab.direktmarketing td{ width:60px !important; font-size:0.9em; }
.provTab.direktmarketing td.bg-green,
.provTab.direktmarketing td.bg-orange{ font-size:0.9em; }


/* Twitter
--------------------------------------------------------------------------------------- */

#twitter{background: url(../images/layout/twitter.png) no-repeat; width: 411px; height: 85px; position: absolute; right: 0; top: 38px; z-index: 10; overflow: hidden}
#twitter ul{width: 265px; height: 39px; position: absolute; top: 7px; left: 10px; margin:0; list-style: none; font-size: 10px;}
#twitter .follow{width: 120px; height: 65px; position: absolute; top: 10px; right: 0; display:block; text-indent: -9999px;}


/* Tabs
--------------------------------------------------------------------------------------- */

.tab-nav {list-style:none; margin:0; padding:0 5px 0 5px; clear:both; display:block; height:28px; line-height:28px;}
.col12 .tab-nav{background: url(../images/layout/tab-bg.jpg) no-repeat right top;}

.tab-nav li{float: left; padding: 0 7px; margin: 1px 0 0 5px; height: 27px; line-height: 27px;border-right: 1px solid transparent; border-left: 1px solid transparent}
.tab-nav a{text-decoration: none; color: #333; font-size: 13px}
.tab-nav a:hover{color: #000; text-decoration: underline}
.tab-nav .current{background: #fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc}

.tab-content{clear: both; display: block; padding: 5px 0}

.tab-content ul{list-style: none; margin: 0; padding: 0}
.tab-content li{clear: both; border-bottom: 1px solid #ccc; display: block; overflow: hidden; padding: 10px 10px 0}
.tab-content img{margin: 0 10px 10px 0}
.tab-content strong a{text-decoration: none; color: #474747}
.tab-content strong a:hover{text-decoration:underline}
.tab-content .thumb{padding: 1px; border: 1px solid #ccc}
.tab-content .current{background: #E1EEF7}
.tab-content p{height: 32px; overflow: hidden; font-size: 11px}
.tab-content .current p{height: 50px}

#loader{padding:10px 0}



/* jQuery UI
--------------------------------------------------------------------------------------- */
.ui-dialog .ui-dialog-titlebar { -moz-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; }
.ui-dialog { border:5px solid #fff !important; -moz-box-shadow:2px 2px 10px #ccc !important; }

.ui-datepicker-trigger{ position:absolute; cursor:pointer; top:5px; margin-left:-20px; }
.ui-datepicker-title{ float:left; line-height:1.8em; margin:0 2.3em; text-align:center; }
.ui-datepicker-prev span,
.ui-datepicker-next span{ cursor:pointer; }
.ui-widget-header a:hover{ text-decoration:none; }
.ui-datepicker-prev span{ float:left; }
.ui-datepicker-next span{ float:right; }
.ui-widget-content a{ display:block; text-align:center; }
.ui-datepicker-buttonpane{ padding:5px; }
.ui-datepicker-close{ float:right; }