body {background:#f2e3c8; position: relative; overflow-x:hidden; font-family:Georgia, "Times New Roman", Times, serif; line-height: 1.2; } strong{ font-weight:bold !important;} .fields:before, .fields:after { content:""; display:table; } .fields:after { clear:both; } .fields{ position: relative; width: 960px; margin: 0 auto 0; zoom:1; } header[role="banner"]{ background:url(../img/general/header-bg.jpg) no-repeat 50% 0; height:674px; width:100%; margin-bottom:35px; position:relative;} header[role="banner"] .fields{ height:674px;} header[role="banner"] #top-nav{ position:absolute; right:0; top:55px;} header[role="banner"] #top-nav li{ float:left; margin-left:8px;} header[role="banner"] #top-nav li a{ display:block; font-size:15px; color:#3e0f0c;} header[role="banner"] #top-nav li.selected a{ font-weight:bold; color:#a42920; text-decoration:underline;} header[role="banner"] #top-nav li a:hover{ color:#a42920; text-decoration:underline;} header[role="banner"] .soundtrack-link{ position:absolute; top:94px; right:0; background:url(../img/icons/sound-track-btn.png) no-repeat; width:214px; height:50px; text-indent:-9999px; display:block;} .en header[role="banner"] .soundtrack-link{ position:absolute; top:94px; right:0; background:url(../img/icons/sound-track-btn_eng.png) no-repeat; width:214px; height:50px; text-indent:-9999px; display:block;} .fr header[role="banner"] .soundtrack-link{ position:absolute; top:94px; right:0; background:url(../img/icons/sound-track-btn_fr.png) no-repeat; width:214px; height:50px; text-indent:-9999px; display:block;} .de header[role="banner"] .soundtrack-link{ position:absolute; top:94px; right:0; background:url(../img/icons/sound-track-btn_de.png) no-repeat; width:214px; height:50px; text-indent:-9999px; display:block;} nav[role="navigation"]{ position:absolute; bottom:15px; left:0; width:100%;} nav[role="navigation"] ul{list-style:none;} nav[role="navigation"] ul li{ float:left; background:url(../img/icons/navigation-icon.png) no-repeat 100% 50%; margin-right: 3px; padding-right:15px;} nav[role="navigation"] ul li.last {margin-right: 0; padding-right: 0; background: none;} nav[role="navigation"] ul li.trailer {float: right; margin-right: 0; padding-right: 0; background: none;} nav[role="navigation"] ul li a{ display:block; background: url(../img/general/navigation-ui.png) no-repeat; text-indent:-9999px; height:40px;} /* TR */ .tr nav[role="navigation"] ul li.nav-1 a {width: 78px; background-position: 0px 0;} .tr nav[role="navigation"] ul li.nav-2 a {width: 45px; background-position: -101px 0;} .tr nav[role="navigation"] ul li.nav-3 a {width: 122px; background-position: -168px 0;} .tr nav[role="navigation"] ul li.nav-4 a {width: 53px; background-position: -312px 0;} .tr nav[role="navigation"] ul li.nav-5 a {width: 75px; background-position: -385px 0;} .tr nav[role="navigation"] ul li.nav-6 a {width: 57px; background-position: -479px 0;} .tr nav[role="navigation"] ul li.nav-7 a {width: 58px; background-position: -555px 0;} .tr nav[role="navigation"] ul li.nav-8 a {width: 101px; background-position: -631px 0;} .tr nav[role="navigation"] ul li.nav-9 a {width: 75px; background-position: -752px 0;} .tr nav[role="navigation"] ul li.nav-10 a {width: 110px; background-position: -851px 0;} .tr nav[role="navigation"] ul li.nav-1 a:hover, .tr nav[role="navigation"] ul li.nav-1.selected a {background-position: 0px -40px;} .tr nav[role="navigation"] ul li.nav-2 a:hover, .tr nav[role="navigation"] ul li.nav-2.selected a {background-position: -101px -40px;} .tr nav[role="navigation"] ul li.nav-3 a:hover, .tr nav[role="navigation"] ul li.nav-3.selected a {background-position: -168px -40px;} .tr nav[role="navigation"] ul li.nav-4 a:hover, .tr nav[role="navigation"] ul li.nav-4.selected a {background-position: -312px -40px;} .tr nav[role="navigation"] ul li.nav-5 a:hover, .tr nav[role="navigation"] ul li.nav-5.selected a {background-position: -385px -40px;} .tr nav[role="navigation"] ul li.nav-6 a:hover, .tr nav[role="navigation"] ul li.nav-6.selected a {background-position: -479px -40px;} .tr nav[role="navigation"] ul li.nav-7 a:hover, .tr nav[role="navigation"] ul li.nav-7.selected a {background-position: -555px -40px;} .tr nav[role="navigation"] ul li.nav-8 a:hover, .tr nav[role="navigation"] ul li.nav-8.selected a {background-position: -631px -40px;} .tr nav[role="navigation"] ul li.nav-9 a:hover, .tr nav[role="navigation"] ul li.nav-9.selected a {background-position: -752px -40px;} .tr nav[role="navigation"] ul li.nav-10 a:hover, .tr nav[role="navigation"] ul li.nav-10.selected a {width: 110px; background-position: -851px -40px;} /* EN */ .en nav[role="navigation"] ul li.nav-1 a {width: 45px; background-position: 0px -80px;} .en nav[role="navigation"] ul li.nav-2 a {width: 48px; background-position: -67px -80px;} .en nav[role="navigation"] ul li.nav-3 a {width: 134px; background-position: -135px -80px;} .en nav[role="navigation"] ul li.nav-4 a {width: 65px; background-position: -290px -80px;} .en nav[role="navigation"] ul li.nav-5 a {width: 57px; background-position: -374px -80px;} .en nav[role="navigation"] ul li.nav-6 a {width: 55px; background-position: -452px -80px;} .en nav[role="navigation"] ul li.nav-7 a {width: 62px; background-position: -531px -80px;} .en nav[role="navigation"] ul li.nav-8 a {width: 85px; background-position: -615px -80px;} .en nav[role="navigation"] ul li.nav-9 a {width: 106px; background-position: -855px -80px;} .en nav[role="navigation"] ul li.nav-1 a:hover, .en nav[role="navigation"] ul li.nav-1.selected a {background-position: 0px -120px;} .en nav[role="navigation"] ul li.nav-2 a:hover, .en nav[role="navigation"] ul li.nav-2.selected a {background-position: -67px -120px;} .en nav[role="navigation"] ul li.nav-3 a:hover, .en nav[role="navigation"] ul li.nav-3.selected a {background-position: -135px -120px;} .en nav[role="navigation"] ul li.nav-4 a:hover, .en nav[role="navigation"] ul li.nav-4.selected a {background-position: -290px -120px;} .en nav[role="navigation"] ul li.nav-5 a:hover, .en nav[role="navigation"] ul li.nav-5.selected a {background-position: -374px -120px;} .en nav[role="navigation"] ul li.nav-6 a:hover, .en nav[role="navigation"] ul li.nav-6.selected a {background-position: -452px -120px;} .en nav[role="navigation"] ul li.nav-7 a:hover, .en nav[role="navigation"] ul li.nav-7.selected a {background-position: -531px -120px;} .en nav[role="navigation"] ul li.nav-8 a:hover, .en nav[role="navigation"] ul li.nav-8.selected a {background-position: -615px -120px;} .en nav[role="navigation"] ul li.nav-9 a:hover, .en nav[role="navigation"] ul li.nav-9.selected a {background-position: -855px -120px;} /* FR */ .fr nav[role="navigation"] ul li.nav-1 a {width: 95px; background-position: 0px -160px;} .fr nav[role="navigation"] ul li.nav-2 a {width: 66px; background-position: -112px -160px;} .fr nav[role="navigation"] ul li.nav-3 a {width: 79px; background-position: -194px -160px;} .fr nav[role="navigation"] ul li.nav-4 a {width: 77px; background-position: -289px -160px;} .fr nav[role="navigation"] ul li.nav-5 a {width: 70px; background-position: -385px -160px;} .fr nav[role="navigation"] ul li.nav-6 a {width: 76px; background-position: -472px -160px;} .fr nav[role="navigation"] ul li.nav-7 a {width: 67px; background-position: -567px -160px;} .fr nav[role="navigation"] ul li.nav-8 a {width: 70px; background-position: -648px -160px;} .fr nav[role="navigation"] ul li.nav-9 a {width: 85px; background-position: -875px -160px;} .fr nav[role="navigation"] ul li.nav-1 a:hover, .fr nav[role="navigation"] ul li.nav-1.selected a {background-position: 0px -200px;} .fr nav[role="navigation"] ul li.nav-2 a:hover, .fr nav[role="navigation"] ul li.nav-2.selected a {background-position: -112px -200px;} .fr nav[role="navigation"] ul li.nav-3 a:hover, .fr nav[role="navigation"] ul li.nav-3.selected a {background-position: -194px -200px;} .fr nav[role="navigation"] ul li.nav-4 a:hover, .fr nav[role="navigation"] ul li.nav-4.selected a {background-position: -289px -200px;} .fr nav[role="navigation"] ul li.nav-5 a:hover, .fr nav[role="navigation"] ul li.nav-5.selected a {background-position: -385px -200px;} .fr nav[role="navigation"] ul li.nav-6 a:hover, .fr nav[role="navigation"] ul li.nav-6.selected a {background-position: -472px -200px;} .fr nav[role="navigation"] ul li.nav-7 a:hover, .fr nav[role="navigation"] ul li.nav-7.selected a {background-position: -567px -200px;} .fr nav[role="navigation"] ul li.nav-8 a:hover, .fr nav[role="navigation"] ul li.nav-8.selected a {background-position: -648px -200px;} .fr nav[role="navigation"] ul li.nav-9 a:hover, .fr nav[role="navigation"] ul li.nav-9.selected a {background-position: -875px -200px;} /* DE */ .de nav[role="navigation"] ul li.nav-1 a {width: 101px; background-position: 0px -240px;} .de nav[role="navigation"] ul li.nav-2 a {width: 49px; background-position: -122px -240px;} .de nav[role="navigation"] ul li.nav-3 a {width: 106px; background-position: -193px -240px;} .de nav[role="navigation"] ul li.nav-4 a {width: 43px; background-position: -319px -240px;} .de nav[role="navigation"] ul li.nav-5 a {width: 50px; background-position: -381px -240px;} .de nav[role="navigation"] ul li.nav-6 a {width: 68px; background-position: -450px -240px;} .de nav[role="navigation"] ul li.nav-7 a {width: 55px; background-position: -539px -240px;} .de nav[role="navigation"] ul li.nav-8 a {width: 84px; background-position: -612px -240px;} .de nav[role="navigation"] ul li.nav-9 a {width: 91px; background-position: -870px -240px;} .de nav[role="navigation"] ul li.nav-1 a:hover, .de nav[role="navigation"] ul li.nav-1.selected a {background-position: 0px -280px;} .de nav[role="navigation"] ul li.nav-2 a:hover, .de nav[role="navigation"] ul li.nav-2.selected a {background-position: -122px -280px;} .de nav[role="navigation"] ul li.nav-3 a:hover, .de nav[role="navigation"] ul li.nav-3.selected a {background-position: -193px -280px;} .de nav[role="navigation"] ul li.nav-4 a:hover, .de nav[role="navigation"] ul li.nav-4.selected a {background-position: -319px -280px;} .de nav[role="navigation"] ul li.nav-5 a:hover, .de nav[role="navigation"] ul li.nav-5.selected a {background-position: -381px -280px;} .de nav[role="navigation"] ul li.nav-6 a:hover, .de nav[role="navigation"] ul li.nav-6.selected a {background-position: -450px -280px;} .de nav[role="navigation"] ul li.nav-7 a:hover, .de nav[role="navigation"] ul li.nav-7.selected a {background-position: -539px -280px;} .de nav[role="navigation"] ul li.nav-8 a:hover, .de nav[role="navigation"] ul li.nav-8.selected a {background-position: -612px -280px;} .de nav[role="navigation"] ul li.nav-9 a:hover, .de nav[role="navigation"] ul li.nav-9.selected a {background-position: -870px -280px;} header[role="banner"] #social-nav{ position: absolute; right: 0; bottom: -53px; z-index: 999;} header[role="banner"] #social-nav li{ float:left; margin-left:7px} header[role="banner"] #social-nav li a{ display:block; background:url(../img/icons/social-nav.png) no-repeat; height:22px; text-indent:-9999px;} header[role="banner"] #social-nav li.imbd a{ background-position: 0 0; width:48px;} header[role="banner"] #social-nav li.youtube a{ background-position: -54px 0; width:22px;} header[role="banner"] #social-nav li.twt a{ background-position: -83px 0; width:22px;} header[role="banner"] #social-nav li.fb a{ background-position: -112px 0; width:22px;} .box-container:before, .box-container:after { content:""; display:table; } .box-container:after { clear:both; } .box-container{ list-style:none; margin:0; padding:0; zoom:1; } .box-container li{ float:left; margin-right:27px; margin-bottom:44px;} .box-container li:nth-child(3n){ margin-right:0;} .box-container li figure{ background:#bd3f2e; width:280px; height:194px; padding:4px; margin-bottom:15px;} .box-container li figure img{} .box-container li article{ width:302px; text-align:left;} .box-container li article h3{ font-size:22px; line-height:24px; color:#a42920; font-weight:bold; margin-bottom:8px;} .box-container li article p{ font-size:12px; color:#3e3e3e; line-height:20px;} .box-container li article .box-link{ font-size:12px; color:#3e3e3e; background:url(../img/icons/box-link-icon.png) no-repeat 100% 50%; padding-right:20px; margin:10px 0 0 0; font-style:italic; display:inline-block; font-weight:bold;} .box-container li article .box-link:hover{ font-size:12px; color:#a42920; text-decoration:underline; } .box-container.sponsor li{ float:left; margin-right:15px; margin-bottom:15px;} .box-container.sponsor li:nth-child(4n){ margin-right:0;} .box-container.sponsor li figure{ background:#bd3f2e; width:212px; height:147px; padding:4px; margin-bottom: 0;} .box-container.sponsor li figure img{} .box-container.galeri li{ float:left; margin-right:14px; margin-bottom:14px;} .box-container.galeri li:nth-child(6n){ margin-right:0;} .box-container.galeri li figure{ background:#bd3f2e; width:140px; height:97px; padding:4px; margin-bottom: 0;} .box-container.galeri li figure img{ width: 140px; height: 97px;} .box-container.galeri li figure a{ display: block; cursor: pointer;} .detail-content{ margin-bottom:44px;} .detail-content#poems{ margin-bottom:11px;} .page-capital{ position:relative; overflow:hidden;} .page-capital h1{ background:url(../img/general/page-capital-border.png) repeat-x 0 41px #f2e3c8; text-align:center; font-size:45px; color:#3e3e3e; margin-bottom:30px; } .page-capital span{ background:#f2e3c8; padding:0 10px;} #poems .page-capital h1{ margin-bottom:0;} .back-link{ background:url(../img/icons/back-link-icon.png) no-repeat 0 50%; display:block; color:#3e3e3e; font-style:italic; font-weight:bold; font-size:12px; position:absolute; right:0; top:30px; padding:0 0 0 17px;} .back-link:hover{ text-decoration:underline;} .news-detail{ position:relative;} .news-detail figure{ float:left; background:url(../img/general/news-detail-figure.png) no-repeat; width:480px; height:314px; margin-right:24px; } .news-detail figure img{ display:block;margin:11px 0 0 12px;} .news-detail article{ float:left; width:456px;} .news-detail article h3{ font-size:22px; line-height:28px; color:#a42920; font-weight:bold; margin-bottom:12px;} .news-detail article p{ font-size:13px; color:#3e3e3e; line-height:22px; margin-bottom:35px;} .news-detail article .share-block{} .about{ position:relative; background:url(../img/general/about-content-border.png) repeat-y 736px 0 ;} .about article{ float:left; width:705px; padding:0 31px 0 0;} .figure-wrap{ overflow:hidden;} .about figure{ background:url(../img/general/about-figure.png) no-repeat; width:337px; height:217px; margin-right:24px; overflow:hidden; float:left; margin-bottom:24px; } .about figure:nth-child(2n){ margin-right:0;} .about figure img{ display:block; margin:11px 0 0 10px;} .about article h3{ font-size:22px; line-height:28px; color:#a42920; font-weight:bold; margin-bottom:12px;} .about article p{ font-size:13px; color:#3e3e3e; line-height:20px; margin-bottom:25px;} .about article .share-block{} .about aside{ float:left; width:191px; padding:0 0 0 33px;} .about aside h4{ font-size:22px; color:#a42920; line-height:28px; font-weight:bold; margin-bottom:8px;} .about aside h3{ font-size:18px; color:#3e3e3e; line-height:28px; font-weight:bold;} .about aside p{ font-size:13px; line-height:22px; margin-bottom:10px;} .about aside p strong{ font-weight:bold;} .center-content { text-align:center;} .center-inner { display:inline-block; *display:inline; zoom:1;} .poems-list{ list-style:none; margin-top:32px; overflow:hidden;} .poems-list > li{ float:left; width:290px; margin-right:45px; margin-bottom:32px; text-align:left;} .poems-list > li:nth-child(3n){ margin-right:0;} ..poems-list > li.omega{ margin-right:0} .poems-list li h3{font-size:22px; line-height:28px; color:#a42920; font-weight:bold; margin-bottom:10px; } .poems-list li p{font-size:13px; line-height:22px; color:#3e3e3e; margin-bottom:15px; } .social-block{ list-style:none; overflow:hidden; margin:0;} .social-block li{ float:left; height:20px; margin-right:12px;} .box-container.video{} .box-container.video a{ display:block; width:100%; height:100%; position:relative;} .box-container.video .overlay{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background:url(../img/general/video-overlay.png) repeat;} .video-icon{ display:block; background:url(../img/icons/video-icon.png) no-repeat 0 0; width:79px; height:79px; margin:-40px 0 0 -40px; top:50%; left:50%; position:absolute; z-index:100} .box-container.video li:hover .video-icon{ background-position:100% 0} .seanslar-content {width: 100%; padding-bottom: 10px; font-size: 14px; color: #52514c; margin: 0 0 20px 0; } .seanslar-content table{ width: 100%;} .seanslar-content h3 {padding: 15px; font-size: 35px; font-weight: bold; color: #a42920;} .seanslar-content thead td {padding: 20px 15px; font-size: 18px; font-weight: bold; color: #4c4a45; background: #e9d7b5;} .seanslar-content tbody td {padding: 10px 15px;} footer[role="contentinfo"]{ width:100%; min-height:100px; } footer[role="contentinfo"] .fields{ border-top:1px solid #dad4b4; padding:20px 0 0 0; position:relative;} footer[role="contentinfo"] small{ color:#b95848; font-size:12px; margin:10px 0 0 0; float:left;} footer[role="contentinfo"] .bkm-logo{ display:block; position:absolute; right:0; top:20px; margin:0 0 0 -20px; background:url(../img/general/bkm-logo.png) no-repeat; width:68px; height:39px; text-indent:-9999px;} footer[role="contentinfo"] .mamutfilm-logo{ display:block; position:absolute; left:537px; top:29px;}