/*css reset*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a { text-decoration: none; }

html { background: #242424; font-family: verdana, arial, sans-serif; font-size: 0.9em; }
body { background: #1d2f62 url(http://kino-und-werbung.de/img/bodybg.jpg) repeat-x; position: relative; z-index: 0;  min-width: 920px; }

/*header*/
#header { padding: 53px 0 0 10px; }
#header h1 a { display: block; width: 239px; height: 134px; background: url(http://kino-und-werbung.de/img/logo.jpg) no-repeat; }
#header h1 a:hover { background-position: 0 -134px; }
#header h1 a span { display: none; }

/*menu*/
#menu { position: absolute; top: -10px; left: 261px; }
#menu li { float: left; }
#menu li a { display: block; width: 131px; height: 158px; opacity: 0.8; }
#menu li a span { display: none; }
#menu li.ueber-mich a { background: url(http://kino-und-werbung.de/img/ueber.jpg) no-repeat; }
#menu li.kinowerbung a { background: url(http://kino-und-werbung.de/img/kinowerbung.jpg) no-repeat; }
#menu li.kinospot-beispiele a { background: url(http://kino-und-werbung.de/img/beispiele.jpg) no-repeat; }
#menu li.filmproduktion a { background: url(http://kino-und-werbung.de/img/filmproduktion.jpg) no-repeat; }
#menu li.kinomarketing a { width: 134px; background: url(http://kino-und-werbung.de/img/kinomarketing.jpg) no-repeat; }
#menu li a:hover { opacity: 0.99; }
#menu li strong a, #menu li strong a:hover { opacity: 0.99; background-position: 0 -158px !important; }
#menu li.ueber-triplef strong a, #menu li.ueber-triplef strong a:hover { opacity: 0.99; background-position: 0 -158px !important; }

/*submenu*/
#submenu { position: absolute; top: 363px; left: 24px; width: 209px; padding: 16px 0 0 0; background: url(http://kino-und-werbung.de/img/submenubg.jpg) no-repeat; z-index: 101; }
#submenu li { padding: 2px 9px; }
#submenu li a { display: block; padding: 9px 8px 10px 8px; background: url(http://kino-und-werbung.de/img/submenulinkbg.png) no-repeat; color: #303030; font-size: 0.8em; }
#submenu li a:hover { background-position: 0 -50px; color: #676767; text-shadow: 1px 1px 2px #fff; }
#submenu li strong a, #submenu li strong a:hover { background-position: 0 -100px; color: #fff; text-shadow: 1px 1px 2px #263e84; }
body.ueber-mich #submenu li strong a, body.ueber-mich #submenu li strong a:hover { background: url(http://kino-und-werbung.de/img/submenulinkbg-ueber.png) no-repeat 0 -100px; }
body.filmproduktion #submenu li strong a, body.ueber-mich #submenu li strong a:hover { background: url(http://kino-und-werbung.de/img/submenulinkbg-filmproduktion.png) no-repeat 0 -100px; }
body.kinomarketing #submenu li strong a, body.ueber-mich #submenu li strong a:hover { background: url(http://kino-und-werbung.de/img/submenulinkbg-kinomarketing.png) no-repeat 0 -100px; }
#submenu li.last-child { height: 10px; background: url(http://kino-und-werbung.de/img/submenubg.jpg) no-repeat 0 100%; }

/*content styles*/
#content { background: #fff; border: 1px solid #16234a; border-bottom: none; margin: 0 0 0 260px; width: 658px; position: relative; }
#content div.tlc, #content div.trc { position: absolute; top: -1px; left: -1px; display: block; width: 11px; height: 11px; background: url(http://kino-und-werbung.de/img/contentrc.png) no-repeat; }
#content div.trc { right: -1px; left: auto; background-position: -11px 0; }
#content div.text { border: 1px solid #cfcfcf; border-bottom: none; padding: 10px; min-height: 300px; line-height: 1.5em; font-size: 0.9em; color: #4E4E4E; }

#content h2 { padding: 13px 0 30px 0; font-weight: bold; font-size: 1.1em; }
#content h2 a { color: #343434; background: url(http://kino-und-werbung.de/img/h2inactive.png) no-repeat; padding: 12px 0 12px 12px; text-shadow: 1px 1px 2px #fff; border: none !important; }
#content h2 a span { padding: 12px 25px 12px 0; background: url(http://kino-und-werbung.de/img/h2inactive.png) no-repeat 100% -50px; margin: 0 -6px 0 0; }
body.ueber-mich #content h2 a { background: url(http://kino-und-werbung.de/img/h2inactive-ueber.png) no-repeat; }
body.ueber-mich #content h2 a span { background: url(http://kino-und-werbung.de/img/h2inactive-ueber.png) no-repeat 100% -50px; }
body.filmproduktion #content h2 a { background: url(http://kino-und-werbung.de/img/h2inactive-filmproduktion.png) no-repeat; }
body.filmproduktion #content h2 a span { background: url(http://kino-und-werbung.de/img/h2inactive-filmproduktion.png) no-repeat 100% -50px; }
body.kinomarketing #content h2 a { background: url(http://kino-und-werbung.de/img/h2inactive-kinomarketing.png) no-repeat; }
body.kinomarketing #content h2 a span { background: url(http://kino-und-werbung.de/img/h2inactive-kinomarketing.png) no-repeat 100% -50px; }
body.kinospot-beispiele #content h2 a { background: url(http://kino-und-werbung.de/img/h2inactive-beispiele.png) no-repeat; }
body.kinospot-beispiele #content h2 a span { background: url(http://kino-und-werbung.de/img/h2inactive-beispiele.png) no-repeat 100% -50px; }

#content h2 a#main { background: url(http://kino-und-werbung.de/img/h2bg.png) no-repeat; color: #fff; padding: 12px 0 12px 12px; text-shadow: 1px 1px 2px #212c72; }
#content h2 a#main.sub { background-position: -10px 0 !important; }
#content h2 a#main.sub span { margin: 0 0 0 -5px; }
#content h2 a#main span { padding: 12px 25px 12px 0; background: url(http://kino-und-werbung.de/img/h2bg.png) no-repeat 100% -51px; }
body.ueber-mich #content h2 a#main { background: url(http://kino-und-werbung.de/img/h2bg-ueber.png) no-repeat; text-shadow: 1px 1px 2px #722123; }
body.ueber-mich #content h2 a#main span { background: url(http://kino-und-werbung.de/img/h2bg-ueber.png) no-repeat 100% -51px; }
body.filmproduktion #content h2 a#main { background: url(http://kino-und-werbung.de/img/h2bg-filmproduktion.png) no-repeat; text-shadow: 1px 1px 2px #2C5C29; }
body.filmproduktion #content h2 a#main span { background: url(http://kino-und-werbung.de/img/h2bg-filmproduktion.png) no-repeat 100% -51px; }
body.kinomarketing #content h2 a#main { background: url(http://kino-und-werbung.de/img/h2bg-kinomarketing.png) no-repeat; text-shadow: 1px 1px 2px #5C5A26; }
body.kinomarketing #content h2 a#main span { background: url(http://kino-und-werbung.de/img/h2bg-kinomarketing.png) no-repeat 100% -51px; }
body.kinospot-beispiele #content h2 a#main { background: url(http://kino-und-werbung.de/img/h2bg-beispiele.png) no-repeat; text-shadow: 1px 1px 2px #5C5A26; }
body.kinospot-beispiele #content h2 a#main span { background: url(http://kino-und-werbung.de/img/h2bg-beispiele.png) no-repeat 100% -51px; }


#content div.text h3, #content div.text h4, #content div.text h5, #content div.text h6 { font-size: 1.1em; color: #2c4991; font-weight: bold; clear: both; padding: 1.5em 0 0.3em 0; }
#content div.text h4 { padding: 1em 0 0.1em 0; font-size: 1em; color: #2E2E2E; }
#content div.text img { border: 0; }
#content div.text p { padding: 0.1em 0 0.5em 0; }
#content div.text p img { float: left; margin: 0 1em 0 0; }
#content div.text strong, #content div.text b { color: #365CBB; font-weight: normal; }
#content div.text i { color: #9E9E9E; }
#content div.text ul { list-style: disc inside; padding: 0 0 1em 0; }
#content div.text ol { list-style: numeric inside; padding: 0 0 1em 0; }
#content div.text li { padding: 0.2em 0; }
#content div.text li p { padding: 0; }
#content div.text .halflist { width: 43%; float: left; }
#content div.text a { border-bottom: 1px solid #9E9E9E; color: #2c4991; }
#content div.text a:hover { color: #51a6ff; }
#content div.text hr { border-color: #fff; border: none; width: 580px; height: 20px; background-color: #fff; background: #fff; clear: both; }
#content div.text table { width: 100%; }
#content div.text table td { padding: 0.2em; }
#content p.clear { clear: both; }
#content p.contentfooter { position: absolute; z-index: 1001; bottom: -86px; left: -1px; right: -1px; display: block; width: 660px; height: 79px; background: url(http://kino-und-werbung.de/img/contentfooter.jpg) no-repeat; }
.floatleft { float: left !important; margin: 0 1em 0 0; }
.floatright { float: right !important; margin: 0 0 0 1em; }

/*movie styles*/
#content div.text ul.movies { list-style-type: none; }
#content div.text ul.movies li { width: 49%; float: left; text-align: center; padding: 0 0 2em 0; }
#content div.text ul.movies li a { display: block; border: none; }
#content div.text ul.movies li a img { border: 2px solid #E8E8E8; }
#content div.text ul.movies li a:hover img { border-color: #51a6ff; }
#content div.text ul.movinfos { padding: 2em 0 0 0; clear: both; list-style-type: none; }
#content div.text ul.movinfos li span { color: #878787; }
#content div.text ul.movinfos li.flv span { display: none; }
#content div.text ul.movinfos li.flv a { padding: 0 0 0 20px; background: url(http://kino-und-werbung.de/img/flvicon.png) no-repeat; border: none; }
#videobox { display: none; position: absolute; top: 50px; left: 100px; z-index: 9999; width: 700px; background: #fff; text-align: center; padding: 20px 0 30px 0; }
#videobox a { display: block; clear: both; border: none !important; text-decoration: underline; }
#content div.text div.pageing { clear: both; border: 1px solid #EEEEEE; padding: 0.5em 0 0 1em; margin: 1em 0; }
#content div.text div.pageing p strong { color: #4E4E4E; font-weight: bold; }
#content div.text div.pageing ul { display: block; height: 2.5em; list-style-type: none; }
#content div.text div.pageing li { float: left; padding: 0 0.5em 0.5em 0; }
#content div.text div.pageing li a { display: block; padding: 0.3em 0.6em; border: 1px solid #e8e8e8; background: #fff; }
#content div.text div.pageing li strong a { background: #51a6ff; border-color: #438CD7; border-top: 1px solid #82C4FF; border-left: 1px solid #82C4FF; color: #fff; }
#movbg { position: absolute; top: 0; left: 0; background: url(http://kino-und-werbung.de/img/trans.png); display: block; width: 100%; height: 100%; z-index: 9998; padding: 0; margin: 0; }

/*footer*/
#footer { position: relative; clear: both; display: block; background: url(http://kino-und-werbung.de/img/footerbg.png) repeat-x; padding: 105px 25px 120px 25px; font-size: 0.8em; color: #fff; }
#footer a { color: #34426b; text-decoration: none; }
#footer a:hover { color: #ADE1FF; }
#footer a.hit { position: absolute; top: 105px; left: 780px; }
#footer a.hit span { color: #fff; }
#footer ul { position: absolute; top: 150px; left: 2px; border-left: 1px solid #242424; border-right: 1px solid #353535; }
#footer ul li { float: left; padding: 0 10px; border-right: 1px solid #242424; border-left: 1px solid #353535; }
#footer ul li a { color: #797979; text-shadow: 1px 2px 2px #111; }
#footer ul li a:hover { color: #fff; }
#footer ul li strong a { color: #d5d5d5; }

/*contact information*/
#contact { font-size: 0.9em; position: absolute; top: 187px; left: 15px; display: block; width: 227px; height: 183px; background: url(http://kino-und-werbung.de/img/contactbg.jpg) no-repeat; text-shadow: 1px 1px 2px #0c142a; }
#contact dt { display: none; }
#contact dd { clear: both; padding: 2px 20px; font-size: 0.8em; color: #e7e7e7; }
#contact h3 { color: #51a6ff; font-size: 1.2em; font-weight: bold; margin: 15px 0 6px 0; }
#contact dd.head p { color: #5a6a87; }
#contact address { margin: 10px 0 15px 0; line-height: 1.2em; }
#contact dd span { color: #3a81cc; width: 4em; display: block; float: left; }
#contact dd a { color: #e7e7e7; text-decoration: underline; }

/* Form Styles / Response Styles */
form { width: 100%; padding: 2em 0; }
form fieldset label span.error {  }
form fieldset { border: 0; clear: both; padding: 0 0 1em 0; }
form fieldset label { width: 30%; float: left; padding: 0.3em 0 0 0; }
form fieldset input { width: 50%; }
form fieldset textarea { width: 50%; height: 8em; }
form fieldset input.button { width: auto; cursor: pointer; float: right; margin: 1em 20% 0 0; }
form span.error { font-size: 0.8em; color: #FF4B48; display: block; padding: 0.3em 1em 0 0; }
form span.error span { background: url(http://kino-und-werbung.de/img/errorbg.jpg) no-repeat; }
p.success { margin: 2em 0 0 0; background: url(http://kino-und-werbung.de/img/successbg.jpg) no-repeat 0 2px; }
p.success span { color: #538a28; }
p.error { margin: 2em 0 0 0; background: url(http://kino-und-werbung.de/img/errorbg.jpg) no-repeat 0 2px; }
p.error span { color: #FF4B48; }