/*
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;}
#header {height: 105px; position: relative;}
#header img.logo {position: absolute; top: 10px; left: 0;}
#header h1 {text-indent: -9999px;}
#header div.languages {display:none; 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.col3 {float: right; width: 160px; margin-left: 5px;}

#menu {}
#menu li {margin-bottom: 10px; height: 20px; overflow: hidden;}
#menu li a {width: 160px; height: 20px; background-position: 0 20px; line-height: 20px; display: inline-block;}
#menu li a:hover, #menu li a.selected {background-position: 0 0;}
#menu li a img {width: 160px; height: 20px;}
#menu li a.news {background-image: url(images/btn_news.gif);}
#menu li a.company {background-image: url(images/btn_company.gif);}
#menu li a.showreel {background-image: url(images/btn_showreel.gif);}
#menu li a.trailer {background-image: url(images/btn_trailer.gif);}
#menu li a.team {background-image: url(images/btn_team.gif);}
#menu li a.contact {background-image: url(images/btn_contact.gif);}
#menu li a.imprint {background-image: url(images/btn_imprint.gif);}

#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:hover, #search li div button.selected {background-position: 0 0;}

li.floatItem {background-color: black; color: white; float: left; display: inline; overflow: hidden;}
li.floatItem div.imgContainer {height: 190px; margin-bottom: 5px;}
li.floatItem img {}
li.floatItem div.mediumVideo {margin-bottom: 5px;}
li.floatItem div.textBox {padding: 5px;}
li.floatItem div.textBox h2 {font-weight: bold; margin-bottom: 3px; line-height: 1em; text-transform: uppercase;}
li.floatItem div.textBox h2 span {text-transform: none; display: block; margin-top: 5px; font-weight: normal;}
li.floatItem div.textBox div.text {line-height: 1.7em;}
li.floatItem div.textBox div.text a {color: white; text-decoration: underline;}
li.floatItem div.textBox div.text a:hover {text-decoration: underline;}
li.floatItem div.textBox div.text dt {width: 45px; float: left;}
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;}

li.contactform {background-color: #00ff00;}
ul.contactform {margin: 10px;}
ul.contactform li {}
ul.contactform li label {display: block; color: black; margin-bottom: 5px; line-height: 15px;}
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;}
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;}
ul.contactform li.checkboxes {color: black; line-height: 15px; margin-bottom: 10px;}
ul.contactform li.checkboxes input {background-color: transparent; width: auto; padding: 0; margin: 0; margin-right: 3px; line-height: normal; height: auto;}
ul.contactform li.submit {position: relative; text-align: right; height: 20px;}
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;}
ul.contactform li.submit img.ajax-loader {position: absolute; top:2px; left: 120px;}

div.single-medium {width: 330px; margin-left: 175px;}
div.single-large {width: 670px; margin-left: 5px;}
div.largeVideo {width: 670px; height: 503px; background-color: black;}
div.trailer {width: 670px;}
div.trailer div.video {background-color: black;}
div.trailer h2 {font-weight: bold; margin-top: 10px; margin-bottom: 20px;}


#footer {}

span.wpcf7-not-valid-tip {display: none !important;}
.wpcf7-response-output {border: 0px none !important; color: black;}