/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html, body{height:100%;}
body{position:relative;}
p {text-align:justify;margin-bottom:20px;}
ul{margin:0 0 15px 20px;padding:0;}
ul li{margin:0;padding:0;}
ol{margin:0 0 15px 20px;padding:0;}
ol li{margin:0;padding:0;}
a img{border:none;}
p img{padding:0;max-width:100%;}
.clear{clear:both;}
img{max-width:100%;height:auto;}

a{color:#0170c4;text-decoration:none;}
a:hover{color:#03518c;text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-family:Tahoma, Arial, sans-serif;font-weight:normal;padding:0px;margin:0; line-height:150%;color:#143a85;}
h1{font-size:400%;}
h2{font-size:18px;padding:0;}
h3{font-size:120%;padding:0;}
h4{font-size:100%;padding:0;}
h5{font-size:80%;padding:0;}
h6{font-size:60%;padding:0;}

/* page setup */
body{font-family:Tahoma, Arial, sans-serif;font-size:13px;line-height:150%;padding:0;margin:0;color:#222;background:#222;}
#home{min-height:100vh;background:url(images/berlin-city.jpg) top center no-repeat #222222;background-size:cover;}

/* layout */
.wrapper{margin:0 auto;width:1024px;padding:0 10px;overflow:hidden;background:transparent;min-height:100%;}

#header{display:block;margin:0;padding:5px 0 0;background:#000;}
#middle{display:block;margin:10px;padding:20px;min-height:550px;}
#content{width:720px;padding:0;margin:10px 10px 0;float:left;}
#right{width:210px;padding:0;margin:10px 10px 0;float:left;}
#footer{padding:10px;color:#fff;font-size:13px;display:block;height:auto;margin:0; overflow:hidden;text-align:center;background:#000;}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}

/* logo */
#header #logo{margin:20px auto 0;padding:0;display:block;width:310px;height:100px;float:left;}
.hasil{display:block;text-align:center;margin-bottom:30px;}
.big{font-size:64px;font-weight:bold;line-height:110%;color:#014578;}

.loginform{float:right;padding:15px 0;}
.loginform input{font-family:Arial, sans-serif;font-size:14px;}
.loginform input[type=text], .loginform input[type=password]{padding:5px;}

.userinfo{float:right;padding:15px 5px;font-size:12px;text-align:right;color:#0171c4;line-height:150%;}

/* topmenu */
#menu{display:block;margin:70px 20px 0 0;}
#menu a{float:right;margin:0;margin-right:2px;margin-bottom:1px;color:#fff;padding:5px 10px;background-color:#a60000;border-radius:8px;border:1px solid #a60000;}
#menu a:hover{color:#000;background-color:#fff000;border:1px solid #fff000;}

/* slider */
#slider{display:block;float:left;padding:0;background:transparent;width:650px;height:300px;overflow:hidden;}

.result{display:block;margin-bottom:10px;font-size:11px;color:#0171c4;}

* img.centered{display:block;margin-left:auto;margin-right:auto;}
* img.alignright{padding:4px;margin:5px 0 5px 10px;display:inline;}
* img.alignleft{padding:4px;margin:5px 10px 5px 0;display:inline;}
* .alignright{float:right; margin:0 0 5px 10px;}
* .alignleft{float:left; margin:0 10px 5px 0;}

ol.trackback{margin:0 0 0 20px;}
ol.trackback li{list-style:none;}

input, select{margin-bottom:4px;}

.nopadding{padding:0 !important;}

#entry{display:block;height:auto;padding:0;margin:10px 5px; overflow:hidden;background:#530201;}
.comment{display:block;padding:10px;margin:10px 0 0;}
.comment a{text-decoration:none;}
.comment a:hover {text-decoration:underline;}
.comment h2{margin:0 0 15px;padding:0;font-size:20px;font-weight:bold;}
.comment h2.title{text-align:center;text-transform:uppercase;}
.comment h3, .comment h4, .comment h5{font-weight:bold;padding:0;margin:0 0 15px;}
.comment img{margin:0px; padding:0px;}
.comment img.centered{display:block;margin-left:auto;margin-right:auto;}
.comment img.alignright{padding:4px;margin:5px 0 5px 10px;display:inline;}
.comment img.alignleft{padding:4px;margin:5px 10px 5px 0;display:inline;}
.comment img.avatar{float:left;padding:4px;border:#fff 1px solid;margin:5px 15px 10px 0;}
.comment img.readmore{margin:10px 0;}
.comment ul{margin:10px 0 10px 20px;padding:0;}
.comment ul li{margin:0 0 5px;padding:0 0 5px 25px;list-style:none;background:url(images/list.png) 0 2px no-repeat;}
.comment ol{margin:10px 0 10px 30px;padding:0;}
.comment ol li{margin:0;padding:0;list-style:decimal;}
.comment p{margin:10px 0;padding:0;}
.comment blockquote, .comment pre{margin:10px 0px;padding:10px 15px;font-family:'Courier New', Courier;background:#500200;border:1px dashed #bb2435;}
.comment blockquote cite{margin:5px 0 0;display:block;}
.comment code{font:1em 'Courier New', Courier, Fixed;padding:10px 15px;border:1px dashed #bb2435;background:#500200;display:block;margin:15px 0px;}
.comment quote{padding:10px 15px;background:#500200;border:1px dashed #bb2435;display:block;margin:15px 0px;}
.comment quote code{padding:0;border:none;display:block;margin:0px;}
.comment .metainfo{margin:-15px 0 10px 0;font-size:10px;color:#ffd91f;}
.comment .metainfo a{font-weight:normal;text-decoration:none;color:#ffd91f;}

.thumbs{width:auto;height:auto;}
.thumbs img{max-width:300px;height:auto;}

/* navigation */
.navigation{clear:both;margin:10px 0 0 0;padding:6px;text-align:center;color:#ffd91f;}
span.pages{display:none}
span.page-numbers.current{margin:0;padding:3px 10px 3px 10px;color:#ffd91f;background:#230000;border:1px solid #bb2435;}
.navigation a{color:#ffd91f;margin:0;padding:3px 10px 3px 10px;background:#93111b;border:1px solid #bb2435;}
.navigation a:hover{text-decoration:underline;}
.navigation a.prev{display:none;width:0;height:0;}
.navigation a.next{display:none;width:0;height:0;}

#tabContainer{padding:0;}
.tabs{background:transparent;margin:0;padding:0;}
.tabs>ul{list-style:none;margin:0;padding:0;}
.tabs>ul>li{margin:0 1px 0 0;padding:5px 10px;display:block;font-weight:bold;float:left;color:#ffd91f;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #230000;background:#230000;transition:background-color ease-in-out .2s;-moz-transition:background-color ease-in-out .2s;-webkit-transition:background-color ease-in-out .2s; text-transform:uppercase;}
.tabs>ul>li:hover{color:#ffd91f;background:#530000;border:1px solid #530000;cursor:pointer}
.tabs>ul>li.tabActiveHeader{background:#ffd91f;cursor:pointer;display:block;color:#530000;text-shadow:1px 1px #fff;}
.tabscontent{padding:0;margin:0;background:transparent;}

table.noborder td{border:0 !important;}

th, td{padding:5px;font-size:14px;}

.noborder th, .noborder td{padding:0;border:0;}

.tablehead{text-align:center;color:#ff0;font-size:13px;font-weight:bold;border:1px solid #222;background:#000;}

.tstriped{margin:0 !important;}
.tstriped>tbody>tr:nth-child(odd)>td{background-color:#111;border:1px solid #222;color:#eee;}
.tstriped>tbody>tr:nth-child(even)>td{background-color:#111;border:1px solid #222;color:#eee;}

.bola{display:inline-block;text-align:center;width:28px;height:28px;margin-right:2px;margin-bottom:2px;color:#fff;border-radius:50%;font-size:16px;padding:4px 0;text-shadow:1px 1px 0 #000;background-color:#045f8e;}

.bola1{display:inline-block;text-align:center;width:28px;height:28px;margin-right:2px;color:#fff;border-radius:50%;font-size:16px;padding:4px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #f7d600), color-stop(1, #9c8001) ); background:-moz-linear-gradient( center top, #f7d600 15%, #9c8001 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7d600', endColorstr='#9c8001');background-color:#9c8001;}

.bola2{display:inline-block;text-align:center;width:28px;height:28px;margin-right:2px;color:#fff;border-radius:50%;font-size:16px;padding:4px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #6cfb4d), color-stop(1, #1c8300) ); background:-moz-linear-gradient( center top, #6cfb4d 15%, #1c8300 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cfb4d', endColorstr='#1c8300');background-color:#1c8300;}

.bola3{display:inline-block;text-align:center;width:28px;height:28px;margin-right:2px;color:#fff;border-radius:50%;font-size:16px;padding:4px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #adadad), color-stop(1, #3d423f) ); background:-moz-linear-gradient( center top, #adadad 15%, #3d423f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#3d423f');background-color:#3d423f;}

.bola4{display:inline-block;text-align:center;width:28px;height:28px;margin-right:2px;color:#fff;border-radius:50%;font-size:16px;padding:4px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #2bd7ea), color-stop(1, #018398) ); background:-moz-linear-gradient( center top, #2bd7ea 15%, #018398 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bd7ea', endColorstr='#018398');background-color:#018398;}

.bola5{display:inline-block;text-align:center;width:28px;height:28px;margin-right:2px;color:#fff;border-radius:50%;font-size:16px;padding:4px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #cd05e7), color-stop(1, #7f0090) ); background:-moz-linear-gradient( center top, #cd05e7 15%, #7f0090 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd05e7', endColorstr='#7f0090');background-color:#7f0090;}


/* bola besar */
.bola6{display:inline-block;text-align:center;width:40px;height:40px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:10px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #f7d600), color-stop(1, #9c8001) ); background:-moz-linear-gradient( center top, #f7d600 15%, #9c8001 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7d600', endColorstr='#9c8001');background-color:#9c8001;}

.bola7{display:inline-block;text-align:center;width:40px;height:40px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:10px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #6cfb4d), color-stop(1, #1c8300) ); background:-moz-linear-gradient( center top, #6cfb4d 15%, #1c8300 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cfb4d', endColorstr='#1c8300');background-color:#1c8300;}

.bola8{display:inline-block;text-align:center;width:40px;height:40px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:10px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #adadad), color-stop(1, #3d423f) ); background:-moz-linear-gradient( center top, #adadad 15%, #3d423f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#3d423f');background-color:#3d423f;}

.bola9{display:inline-block;text-align:center;width:40px;height:40px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:10px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #2bd7ea), color-stop(1, #018398) ); background:-moz-linear-gradient( center top, #2bd7ea 15%, #018398 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bd7ea', endColorstr='#018398');background-color:#018398;}

.bola10{display:inline-block;text-align:center;width:40px;height:40px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:10px 0;text-shadow:1px 1px 0 #000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #cd05e7), color-stop(1, #7f0090) ); background:-moz-linear-gradient( center top, #cd05e7 15%, #7f0090 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd05e7', endColorstr='#7f0090');background-color:#7f0090;}

.btn{padding:3px 5px !important;}

.bukaan{display:block;margin:0 0 20px;padding:0;height:auto;border:1px solid #fff;border-radius:8px;background:#222;}
.bukaan h2{display:block;margin:5px;font-size:18px;line-height:24px;color:#000;}
.bukaan .prize{display:block;margin:0;padding:5px;}
.bukaan a{font-weight:bold;}

.judul{color:#fff;padding:5px;margin-bottom:5px;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #c50001), color-stop(1, #900001) ); background:-moz-linear-gradient( center top, #c50001 15%, #900001 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c50001', endColorstr='#900001');background-color:#900001;overflow:hidden;}
.judul2{padding:5px;color:#fff;}
.judul3{padding:5px;color:#fff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #f90), color-stop(1, #f30) ); background:-moz-linear-gradient( center top, #f90 15%, #f30 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90', endColorstr='#f30');background-color:#f30;}
.judul4{padding:5px;color:#000;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #ff0), color-stop(1, #f90) ); background:-moz-linear-gradient( center top, #ff0 15%, #f90 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0', endColorstr='#f90');background-color:#f90;}

.borderoren{display:block;margin:0;padding:5px;border:1px solid #ff6634;}


/* BerlinPrize CMS dynamic frontend */
.header-flex{display:flex;align-items:center;justify-content:space-between;overflow:visible;}
#header #logo{float:none;flex:0 0 auto;}
#menu{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px;margin:70px 20px 0 20px;}
#menu a{float:none;margin:0;}
#menu a.active{color:#000;background:#fff000;border-color:#fff000;}
.site-banner{margin:0 auto 20px;max-width:100%;overflow:hidden;border:2px solid #fff;border-radius:8px;background:#111;}
.site-banner img{display:block;width:100%;max-height:330px;object-fit:cover;}
.frontend-alert{padding:18px;margin:15px 0;color:#7c0000;background:#fff3f3;border:1px solid #d88;border-radius:8px;font-size:15px;}
.latest-result-wrap{display:flex;justify-content:center;margin-bottom:28px;}
.latest-result-table{width:600px;max-width:100%;border-collapse:collapse;box-shadow:0 8px 28px rgba(0,0,0,.35);}
.latest-result-table td,.history-table td{border:1px solid #222;text-align:center;}
.latest-date{background:#000;color:#fff;}
.latest-date h2,.live-draw h2{font-size:28px;color:#fff;font-weight:bold;}
.live-draw{background:#000;color:#fff;}
.draw-number-row{background:#fff000;color:#000;font-size:22px;text-align:left!important;overflow:hidden;}
.draw-number-row span{display:inline-block;margin-top:9px;}
.draw-number-row img{float:right;width:54px;height:38px;object-fit:cover;border:1px solid #000;border-radius:7px;}
.dark-head{background:#000;color:#fff;}
.red-head{background:#a60000;color:#fff;}
.white-row{background:#fff;color:#111;}
.prize-main td{font-size:22px;font-weight:bold;}
.reveal-countdown{padding:7px;color:#fff000;font-size:16px;font-weight:bold;}
.spin-number{display:inline-block;min-width:66px;font-variant-numeric:tabular-nums;}
.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.history-card{margin:0;height:auto;min-width:0;}
.history-table{width:100%;border-collapse:collapse;}
.history-table td{padding:5px 3px;font-size:13px;}
.draw-icon-small{float:right;width:36px;height:26px;object-fit:cover;border:1px solid #000;border-radius:6px;}

@media(max-width:1050px){
  .wrapper{width:100%;padding-left:15px;padding-right:15px;}
  #middle{margin:10px 0;padding:15px 0;}
}
@media(max-width:820px){
  .header-flex{display:block;text-align:center;}
  #header #logo{float:none;width:auto;height:auto;margin:12px auto;}
  #header #logo img{max-height:85px;}
  #menu{margin:10px 0 15px;justify-content:center;}
  .history-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .wrapper{padding-left:8px;padding-right:8px;}
  #menu{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:6px;}
  #menu a{flex:0 0 auto;padding:5px 8px;}
  .latest-date h2,.live-draw h2{font-size:20px;}
  .draw-number-row{font-size:17px;}
  .history-grid{grid-template-columns:1fr;}
  .latest-result-table td{padding:5px 2px;font-size:13px;}
  .prize-main td{font-size:17px;}
}