/* *, *:before, *:after {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.left {float:left;}
.right {float:right;}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


a {text-decoration:none}

body {
    background-color:#c69c6c;
    color:#eee;
    
    font-family: 'Open Sans', sans-serif;
    
    
    
    
    font-weight:300;
}

#header {width:100%;height:90px;background-color:#544741;}

#header .inner {width:1156px;margin:0 auto;position: relative;}

#header .logo-txt {position: absolute;top:20px;left:0;width:130px;height:48px;display:inline-block;font-weight:600;color:#FFFFFF;text-transform: uppercase;text-align:center;line-height: 1.3em;font-size:20px}
#header .logo {position: absolute;top:4px;left:160px;background:url('/images/szinkron/hu/v2015/logo.png') no-repeat 0 0 transparent;width:82px;height:80px;display:inline-block;text-indent: -10000px;}
#header .icon-movie {background:url('/images/szinkron/hu/v2015/icon-movie.png') no-repeat center 0 transparent;width:70px;height:50px;display:inline-block;text-indent: -10000px;}
#header .icon-chat {background:url('/images/szinkron/hu/v2015/icon-chat.png') no-repeat center 0 transparent;width:70px;height:50px;display:inline-block;text-indent: -10000px;}
#header .icon-search {background:url('/images/szinkron/hu/v2015/icon-search.png') no-repeat center 0 transparent;width:70px;height:50px;display:inline-block;text-indent: -10000px;}
#header .icon-pics {background:url('/images/szinkron/hu/v2015/icon-pics.png') no-repeat center 0 transparent;width:70px;height:50px;display:inline-block;text-indent: -10000px;}
#header .icon-email {background:url('/images/szinkron/hu/v2015/icon-email.png') no-repeat center 0 transparent;width:70px;height:50px;display:inline-block;text-indent: -10000px;}

#header .menu a {color:white;font-size:45px;}
#header .database {display:inline-block;}
#header .mainmenu {display:inline-block;}
#header .theater {display:inline-block;}
#header .card {display:inline-block;}
#header .joey {display:inline-block;}
#header .facebook {display:inline-block;}
#header .twitter {display:inline-block;}
#header .contact {display:inline-block;}

#header .icon-pics {background:url('/images/szinkron/hu/v2015/icon-pics.png') no-repeat center 0 transparent;width:70px;height:50px;display:inline-block;text-indent: -10000px;}
#header .icon-email {background:url('/images/szinkron/hu/v2015/icon-email.png') no-repeat center 0 transparent;width:70px;height:50px;display:inline-block;text-indent: -10000px;}



#header ul.menu {position: absolute;left:275px;top:20px;}
#header ul.menu li {float:left;width:70px;}

#header ul.menu ul a {font-size:17px;}

#header ul.menu ul {
	display: none;
    position: absolute;
    width:250px;
    height:auto;
    background-color: #544741;
    color:white;
    z-index: 100;
    top:70px;
}

#header ul.menu ul li {
    float:none;
    width:90%;
    margin:5px auto;
    border-bottom:1px solid #998675;
}

#header ul.menu ul li a {
    color:white;
    text-decoration: none;
    margin:5px 0px;
    display:block;
}

#header ul.menu li:hover > ul {
    display: block;
}

#main {width:980px;margin:0 auto;position: relative;}
*/

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

.left {float:left;}
.right {float:right;}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


a {text-decoration:none}


.mblock {position: relative;}
.mblock .pic {position: absolute;background-size: cover !important;background-repeat: no-repeat !important;background-position: center top !important;}
.mblock .txt {position: relative;padding:20px;} 
.block2 .tlbox {position: absolute;}
.mblock .title {font-size:25px;color:#fff;font-weight:600;display:block;text-decoration: none;line-height:1.1em;}
.mblock .icons {position: absolute;bottom:10px;right:20px;}
.mblock .lead {font-size:16px;color:#fff;font-weight:300;line-height:1.1em;margin-top:10px;}
#tw, .icons .tw {font-size:48px;color:white;margin:0;padding:0;width:auto;margin-right: 10px;}
#fb, .icons .fb {font-size:48px;color:white;margin:0;padding:0;width:auto;}

.icons .fb::before, .icons .tw::before {
    margin:0;
    width:auto;
}


.block1 {height:300px;width:800px;margin:20px auto;}
.block1 .pic {width:400px;height:300px;left:0;top:0;}
.block1 .txt {left:400px;width:400px;background-color:#998675;height:80%;top:20%;}
.block1 .title {position: absolute; bottom:90px; }
.block1 .lead { display:none; }

.block2 {height:368px;width:735px;margin: 20px 0 20px 245px;}
.block2 .pic {width:490px;height:368px;left:245px;top:0;}
.block2 .txt { left:0px;width:245px;background-color:#694330;height:80%;top:0%;}
.block2 .tlbox {bottom:90px;}

.block3 {height:300px;width:660px;margin: 20px 0 20px 130px;}
.block3 .pic {width:360px;height:271px;left:0px;bottom:0;    }
.block3 .txt {left:360px;width:300px;     background-color:#a0682f;height:100%;top:0;}
.block3 .tlbox {bottom:90px;}

.block4 {height:350px;width:520px;margin: 20px 0 20px 230px;}
.block4 .pic {width:260px;height:350px;left:0px;bottom:0;    }
.block4 .txt {left:260px;width:260px;background-color:#b68250;height:100%;top:0;}
.block4 .tlbox {bottom:90px;}


.show {
    width:60%;
    margin:0 auto;
    padding:30px;
    color:white;
    margin-top:40px;
    line-height:1.3em;
    background-color:#998675;
}

.show h1 {
    color:#fff;
    font-size:30px;
    font-weight:600;
    margin-bottom:20px; 
    line-height:1.3em;   
}

.text,
.text span,
.text p {font-family: 'Open Sans', sans-serif !important;font-size:14px !important;line-height: 1.2em;}

.text a,
.text a span {color:#544741 !important;font-weight:600}

.show .hopeimage,
.text .hopeimage
{
    margin:15px;
}

.show p {
    margin:15px 0;
}



.newsblock {
  margin: 30px auto;
  max-width: 800px;
  padding: 20px;
  background-color:#998675;
}


.ftitle {
    color:#544741;
    font-size:30px;
    font-weight:600;
    margin:20px 0;  
    text-align: center;   
}

.fsubtitle {
    color:#544741;
    font-size:25px;
    font-weight:400;
    margin-bottom:20px;
    text-align: center;     
}

.newsblock .title {color:white;font-size:20px;font-weight:600;display:block;margin-bottom:10px;text-decoration: none;}
.newsblock .lead {line-height:1.2em}
.newsblock img.left {margin-right:20px;}
.newsblock .hopeimage,
.newsblock .himage  {margin:0 15px;}

.fullblock1 {
    background-color: #998675;
}

.fullblock2 {
    background-color: #694330;
}

.fullblock3 {
    background-color: #A0682F;
}

.fullblock4 {
    background-color: #B68250;
}



#imglist {}
#imglist li {float:left;margin:20px;width:20%}
#imglist li img {height:120px;max-width:100%;width:auto;}



#banner1 {position: absolute;top:352px;left:-90px;}
#banner2 {position: absolute;right:-135px;top:1000px;display:none}
#banner3 {position: relative;text-align: center;margin:20px;}

.back {font-weight:600;font-size:20px;color:#544741;text-align:center;display:block;margin:20px;text-decoration: none;cursor:pointer}

.letters  {text-align: center;}
.letters li {
  background-color: #998675;
  border: 1px solid #694330;
  display: inline-block;
  margin: 8px;
  text-align: center;
}
.letters li:hover,
.letters li.sel {background-color:#694330;}
.letters li a {display:inline-block;padding:5px;color:white;font-size:20px;text-decoration: none;}

.mpdata {text-align:center;}
.mpdata li {display:inline-block;background-color: #998675;color:white;text-align:center;padding:10px;margin:10px;}
.mpdata li:hover {background-color:#694330;}
.mpdata li img {display:inline-block;margin-bottom:10px;}
.mpdata li a {color:white;} 


.mdata {text-align:center;}
.mdata li {display:inline-block;background-color: #998675;color:white;text-align:center;padding:10px;margin:10px;}
.mdata li a {color:white;}
.mdata li:hover {background-color:#694330;}
.mdata li img {display:inline-block;margin-bottom:10px;}


.moviedata {line-height: 1.3em;}
.moviedata li {font-weight:600}
.moviedata li span {color:#524741;padding-left:5px;display:inline-block;font-family: 'Open Sans', sans-serif !important;font-size:16px !important;}

#performers {display:none;padding:20px;}
#performers .row { border-bottom: 1px dotted #ac885e;}

.row img.left {margin:0 10px 0 0;}

.row .thumb {width:40px;margin-bottom: 5px !important;}
.info {text-align:center;margin:40px;}

.dubs {font-weight:600}
.dubs .row {border-bottom: 1px dotted #ac885e;}
.dubs .row .col1 {width:30%;margin:10px;display:inline-block;float:left;}
.dubs .row .col2 {width:30%;margin:10px;display:inline-block;float:left;}
.dubs .row .col3 {width:30%;margin:10px;display:inline-block;float:left;}
.dubs .row .col1 a {color:#524741}
.dubs .row .col2 a {color:#524741}
.dubs .row .col3 a {color:#544741}


#performers .row .col1 {width:30%;margin:10px;display:inline-block;float:left;}
#performers .row .col2 {width:30%;margin:10px;display:inline-block;float:left;}
#performers .row .col3 {width:30%;margin:10px;display:inline-block;float:left;}
#performers .row .col1 a {color:#524741}
#performers .row .col2 a {color:#A0682F}
#performers .row .col3 a {color:#544741}


#episodes .row .col1 {width:30%;margin:10px;display:inline-block;float:left;}
#episodes .row .col2 {width:30%;margin:10px;display:inline-block;float:left;}
#episodes .row .col3 {width:30%;margin:10px;display:inline-block;float:left;}
#episodes .row .col1 {color:#524741}
#episodes .row .col2 {color:#A0682F}
#episodes .row .col3 a {color:#544741}

#episode_performers {display:none;padding:20px;}
#episode_performers .row { border-bottom: 1px dotted #ac885e;}
#episode_performers .row .col1 {width:30%;margin:10px;display:inline-block;}
#episode_performers .row .col2 {width:30%;margin:10px;display:inline-block;}
#episode_performers .row .col3 {width:30%;margin:10px;display:inline-block;}
#episode_performers .row .col1 a {color:#524741;}
#episode_performers .row .col2 a {color:#A0682F;}
#episode_performers .row .col3 a {color:#544741;}



#dub_crews {display:none;padding:20px;}
#dub_crews .col1 {width:40%;margin:10px;display:inline-block;}
#dub_crews .col2 {width:40%;margin:10px;display:inline-block;color:#544741}
#dub_crews .col1 a {color:#524741}
#dub_crews .col2 a {color:#544741}

#crews {display:none;padding:20px;}
#crews .col1 {width:40%;margin:10px;display:inline-block;}
#crews .col2 {width:40%;margin:10px;display:inline-block;}
#crews .col1 a {color:#524741}
#crews .col2 a {color:#a0682f}

#theme_lyrics {display:none;color:#524741;padding:20px;font-size:14px;}
#theme_lyrics p,
#theme_lyrics span {font-family: 'Open Sans', sans-serif !important;font-size:14px !important;}


#mnews {display:none;padding:20px;color:#524741;}
#mnews a {color:#524741;}

#mvideos {display:none;color:#524741;padding:20px;}
#mvideos a {color:#fff;}

#mimages {display:none;padding:20px;}

#moviesdatashow {font-size:16px;font-weight:600}
#moviesdatashow .icons {position: absolute;right:0;}

.movie-btn {cursor: pointer;font-weight:600}

.thumbs {margin:20px;}
.thumbs a {
    background-color: #998675;
    border: 1px solid #694330;
    display: inline-block;
    margin: 8px;
    text-align: center;
    padding:10px;    
}

.thumbs a img {max-width:100px;}

#nevnap {
  float: right;
  font-size: 13px;
  line-height: 1.5em;
  padding-top: 22px;
  text-align: center;
  width: 170px;
}


#footer {
    margin-top:30px;
    width:100%;
    background-color: #998675;
    color:#fff;
}

#footer a {
    color:#fff;
}

#footer .inner {
    width:1156px;
    margin:0 auto;  
}

#footer .inner .col {
    width:25%;
    padding:15px;
    float:left;
}



#page_form a {
    color:white;
}

.bannermain {margin: 20px;text-align:center}
.bannermain iframe {display:inline-block !important} 


/**2021**/

body {
    width: 100%;
    height: 100vh;
    margin: 0;    
    background-color: #c69c6c;
  }
  
  .container {
    padding: 10px;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
  }
  
  header {
    text-decoration: none;
    text-align: center;
    color: white;
  }
  
  header .grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }
  
  header .grid .row {
    grid-area: 1 / 2 / 2 / 3; 
  }
  
  header h1 {
    margin-top: 1.5em;
    font-size: 3em;
    margin-bottom:0;
  }
  
  header h2 {
    font-size: 1.3em;
    margin-top:0;
  }
  
  section#main {
    background-color: navajowhite;    
    margin-top: 1em;
  }
  
  /* section#main .row {
    text-align: center;
    margin: 0 auto;  
  }
   */

   section#main .defrow {
    text-align: center;
    margin: 0 auto;  
  }

  footer.grid {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }
  
  
  footer h3 {
    text-align: center;
    color: #382c1f;
  }
  
  footer ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }
  
  footer ul li {
    text-align: center;
    padding: 5px 0px;
    margin: none;
  }
  
  footer ul li a {
    color: #382c1f;
    text-decoration: none;
  }
  
  footer ul li a:hover {
    color: #f1f1f1;
  }
  
  footer .col:nth-child(2) {
    border-left:1px solid #382c1f;
    border-right:1px solid #382c1f;
  }
  
  
  .button {
    width: auto;
    min-width: 200px;
    height: 65px;
    background: url(button-bg-1.svg);
    background-size: cover;  
    text-align: center;
    padding-bottom: 15px;
    color: #382c1f;
    /* color: #544741; */
    text-decoration: none;
    display: inline-block;
    margin: 1em 1.5em;  
  }
  
  .button span {  
    position: relative;
    top: 34px;
    
    position: relative;
    top: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 160px;
    display: block;
    margin: 0 auto;    
  }
  
  .button:hover {
    background: url(button-bg-2.svg);
    background-size: cover;    
  }
  
  .button:hover{
    color: #f1efef;
  }
  
  #impressum {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid navajowhite;
    color: #382c1f;
    text-align: center;  
    font-size: 90%;
  }
  
  #impressum span { 
    color: #f1efef;
  }