/* Theme Name: BENEDIKT PICTURES Theme Author: DANIEL VON MITSCHKE, TIMO THURNER */ /*reset css*/ * {-webkit-text-size-adjust:none;} body,div,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; } table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0; outline: none;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; } ol,ul {list-style:none; } caption,th {text-align:left; } h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; } q:before,q:after {content:'';} abbr,acronym {border:0; } a {color: black; outline: none;} /*page layout*/ html {width:100%; height:100%; margin:0px;} body {font-family: Verdana, Arial; font-size: 11px; height: 100%;} #lightsoff {background-color:#000; height:100%; width:100%; position:absolute; top:0; left:0; filter: alpha(opacity=90); display:none;} #videoplayer {background-color:white; position:relative; z-index:1000;} #container {width: 1010px; margin: 20px auto; padding: 0 5px; margin-top: 35px; padding-bottom: 30px;} #header {height: 105px; position: relative;} #header img.logo {position: absolute; top: 10px; left: 0;} #header h1 {text-indent: -9999px;} #header div.languages {position: absolute; top:0; right: 0; width: 120px; height: 20px; background-image: url(images/languages.gif); background-repeat: no-repeat;} #header div.languages a.german {position: absolute; bottom: 0; height: 14px; left: 4px; width: 33px;} #header div.languages a.english {position: absolute; bottom: 0; height: 14px; left: 37px; width: 33px;} #header div.languages a img {width: 100%; height: 100%;} #content {overflow: hidden;} #content div.col1 {float: left; width: 160px; margin-right: 5px;} #content div.col2 {width: 680px; margin-left: 165px;} #content div.col2 div.notfound {padding: 0 5px;} #content div.col3 {float: right; width: 160px; margin-left: 5px;} #menu {} #menu li {margin-bottom: 10px; height: 20px; overflow: hidden;} #menu li.submenu {display: none;} #menu li.visible {display: block;} #menu li a {width: 160px; height: 20px; line-height: 20px; display: block;} ul.de li a {background-image: url(images/buttons.gif);} ul.en li a {background-image: url(images/buttons_en.gif);} #menu li.news a {background-position: 0 -20px;} #menu li.news a:hover, #menu li.news a.selected {background-position: 0 0px;} #menu li.company a {background-position: 0 -60px;} #menu li.company a:hover, #menu li.company a.selected {background-position: 0 -40px;} #menu li.showreel a {background-position: 0 -260px;} #menu li.showreel a:hover, #menu li.showreel a.selected {background-position: 0 -240px;} #menu li.profile a {background-position: 0 -300px;} #menu li.profile a:hover, #menu li.profile a.selected {background-position: 0 -280px;} #menu li.team a {background-position: 0 -340px;} #menu li.team a:hover, #menu li.team a.selected {background-position: 0 -320px;} #menu li.location a {background-position: 0 -380px;} #menu li.location a:hover, #menu li.location a.selected {background-position: 0 -360px;} #menu li.jobs a {background-position: 0 -420px;} #menu li.jobs a:hover, #menu li.jobs a.selected {background-position: 0 -400px;} #menu li.press a {background-position: 0 -460px;} #menu li.press a:hover, #menu li.press a.selected {background-position: 0 -440px;} #menu li.documentary a {background-position: 0 -100px;} #menu li.documentary a:hover, #menu li.documentary a.selected {background-position: 0 -80px;} #menu li.imagefilms a {background-position: 0 -140px;} #menu li.imagefilms a:hover, #menu li.imagefilms a.selected {background-position: 0 -120px;} #menu li.specialprojects a {background-position: 0 -500px;} #menu li.specialprojects a:hover, #menu li.specialprojects a.selected {background-position: 0 -480px;} #menu li.contact a {background-position: 0 -180px;} #menu li.contact a:hover, #menu li.contact a.selected {background-position: 0 -160px;} #menu li.imprint a {background-position: 0 -220px;} #menu li.imprint a:hover, #menu li.imprint a.selected {background-position: 0 -200px;} #search {} #search li {margin-bottom: 10px;} #search li div {height: 20px;} #search li div input.searchbox {width: 156px; height: 16px; padding: 2px; font-size: 12px; line-height: 16px; background-color: #00ff00; border: 0px none !important; margin: 0;} #search li div button {width: 160px; height: 20px; background-image: url(images/btn_search.gif); border: 0px none; background-position: 0 20px; background-color: black;} #search li div button.de {width: 160px; height: 20px; background-image: url(images/btn_suche.gif); border: 0px none; background-position: 0 20px; background-color: black;} #search li div button:hover, #search li div button.selected {background-position: 0 0;} #search li.logout {} #search li.logout a {display: block; height: 20px; width: 160px; background-image: url(images/buttons.gif); background-position: 0 -520px;} #search li.facebook {text-align: right;} #content li.floatItem {background-color: black; color: white; float: left; display: inline; overflow: hidden;} #content li.floatItem img {} #content li.floatItem div.mediumVideo {margin-bottom: 5px;} #content li.floatItem div.textBox {padding: 5px;} #content li.floatItem div.textBox h2 {font-weight: bold; margin-bottom: 3px; line-height: 1.3em; text-transform: uppercase;} #content li.floatItem div.textBox h2 span {text-transform: none; display: block; margin-top: 5px; font-weight: normal;} #content li.floatItem div.textBox div.text {line-height: 1.7em;} #content li.floatItem div.textBox div.text a {color: white; text-decoration: underline;} #content li.floatItem div.textBox div.text a:hover {text-decoration: underline;} #content li.floatItem div.textBox div.text dt {width: 45px; float: left;} #content li.floatItem div.textBox div.text dd {margin-left: 45px; margin-bottom: 5px;} #twoColumnFloatBox {overflow: hidden; zoom: 1;} #twoColumnFloatBox li.floatItem {margin: 10px 5px; margin-top: 0; height: 390px; width: 330px;} #twoColumnFloatBox li.floatItem div.imgContainer {height: 190px; margin-bottom: 5px;} #threeColumnFloatBox {overflow: hidden; zoom: 1;} #threeColumnFloatBox li.floatItem {margin: 10px 5px; margin-top: 0; height: 190px; width: 160px;} #threeColumnFloatBox li.floatItem div.imgContainer {height: 90px; margin-bottom: 5px;} #threeColumnFloatBox li.floatItem div.textBox h2 {font-weight: normal; line-height: 1.5em; text-transform: uppercase;} ul.page li.floatItem p {margin-bottom: 7px;} #twoColumnFloatBoxPress {overflow: hidden; zoom: 1; background: url(images/press_bg.gif) repeat-y 0 0;} #twoColumnFloatBoxPress li.floatItem {background-color: transparent; margin: 5px; margin-top: 0px; margin-bottom: 10px; width: 320px; padding: 5px;} #twoColumnFloatBoxPress li.floatItem h2 {font-weight: bold; margin-bottom: 3px; line-height: 1.3em; text-transform: uppercase;} #twoColumnFloatBoxPress li.floatItem p {margin-bottom: 10px;} #twoColumnFloatBoxPress li.floatItem em {font-style: italic; display: inline-block; margin-bottom: 3px;} #twoColumnFloatBoxPress li.floatItem strong {font-weight: bold;} #twoColumnFloatBoxPress li.floatItem a {color: white;} #content li.contactform {background-color: #00ff00;} #content ul.contactform {margin: 10px;} #content ul.contactform li {} #content ul.contactform li label {display: block; color: black; margin-bottom: 5px; line-height: 15px;} #content ul.contactform li input {width: 306px; border: 0px none; background-color: black; padding: 2px; font-size: 12px; line-height: 16px; height: 16px; color: white; margin-bottom: 5px;} #content ul.contactform li textarea {width: 306px; height: 116px; padding: 2px; background-color: black; font-size: 12px; color: white; border: 0px none; margin-bottom: 5px; overflow: auto;} #content ul.contactform li.checkboxes {color: black; line-height: 15px; margin-bottom: 10px;} #content ul.contactform li.checkboxes input {background-color: transparent; width: auto; padding: 0; margin: 0; margin-right: 3px; line-height: normal; height: auto;} #content ul.contactform li.submit {position: relative; text-align: right; height: 20px;} #content ul.contactform li.submit input {margin: 0; margin-left: 150px; width: 160px; height: 20px; padding: 0; background-image: url(images/btn_sendform.gif); color: black; position: absolute; right: 0; top:0;} #content ul.contactform li.submit img.ajax-loader {position: absolute; top:2px; left: 120px;} #content div.single-medium {width: 330px; margin-left: 175px;} #content div.single-large {width: 670px; margin-left: 5px;} #content div.largeVideo {width: 670px; height: 503px; background-color: black;} #content div.trailer {width: 670px;} #content div.trailer div.video {background-color: black;} #content div.trailer h2 {font-weight: bold; margin-top: 10px; margin-bottom: 20px;} #content div.single {} #content div.single div.topvideo, #content div.single div.topimage {margin: 0 5px; margin-bottom: 10px; width: 670px;} #content div.single div.topvideo {xbackground-color: #000;} #content div.single div.text h1 {font-weight: bold; margin-bottom: 3px; line-height: 1em; text-transform: uppercase; line-height: 1.7em; width: 670px; padding: 0 5px;} #content div.single div.text div.content {line-height: 1.7em; text-align: justify;} #content div.single div.text div.content a {color: black;} #content div.single div.text div.content p {margin-bottom: 5px; width: 670px; padding: 0 5px;} #content div.single div.text div.content form {} #content div.single div.text div.content form px {width: 300px; margin-left: auto; margin-right: auto;} #content div.single div.text div.content form p input {background-color: black; border:0 none !important; font-size:13px; height:20px; line-height:16px; margin:0; padding:0; width:160px; color: #0f0; text-transform: uppercase;} #content div.single div.text div.content form p label input {color:black; background-color:#00FF00; border:0 none !important; font-size:12px; height:16px; line-height:16px; margin:0;padding:2px; width:156px; margin-bottom: 10px;} #content div.single div.text div.content div.gallery { overflow: hidden} #content div.single div.text div.content div.gallery dl.gallery-item {float: left; width: 160px; height: 90px; overflow: hidden; padding: 5px;} #content div.single div.text div.content div.gallery dl.gallery-item dt.gallery-icon a img {height: 90px; width: 160px; padding: 0; max-width: none;} #footer {} span.wpcf7-not-valid-tip {display: none !important;} .wpcf7-response-output {border: 0px none !important; color: black;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{background-color: #000;} #cboxContent{margin-bottom:24px;} #cboxLoadedContent{background:#000; padding:0px;} #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; bottom:-16px; left:4px; color:#0F0; text-transform: uppercase; font-weight: bold;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; bottom:-20px; background:url(images/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}