/* Copyright (c) 2008 be:screen GmbH (http://www.bescreen.de) */

/* Global */
* { margin: 0; padding: 0; text-decoration: none; outline: none; }
html { font-family: 'Lucida Grande', Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 62.5%; }
body { margin: 0; padding: 0; font-size: 120%; color: #000; background: url(/content/images/bg_body.png) #001E5A top left repeat-x; }

/* Framework */
#container { width: 910px; height: 620px; position: absolute; left: 50%; top: 50%; margin: -310px 0 0 -455px; }
#head { height: 5px; background: url(/content/images/bg_head_gray.gif) top center no-repeat; overflow: hidden; }
#content { height: 520px; margin: 0 5px; background: #fff; }
#typo { margin: 50px 50px 0 400px; }
#typoxl { margin: 50px 50px 0 300px; }
#footer { width: 100%; height: 90px; background: url(/content/images/bg_footer.png) no-repeat; }

/* Flash Content */
#intro { width: 340px; height: 420px; position: absolute; left: 25px; top: 110px; text-align: center; }
#about { width: 340px; height: 440px; position: absolute; left: 25px; top: 110px; }
#video { width: 532px; height: 308px; position: absolute; left: 194px; top: 141px; background: url(/content/images/bg_player.png) no-repeat; }
#player { margin: 10px; }
#tagcloud { width: 340px; height: 320px; position: absolute; left: 25px; top: 110px; }
#slides { width: 240px; height: 320px; position: absolute; left: 25px; top: 110px; overflow: hidden; }
#address { width: 240px; height: 320px; position: absolute; left: 50px; top: 150px; }
#getflash { margin: -10px 0 0 -10px; }

/* Navigation */
#footer ul { padding: 25px 0 0 20px; list-style: none; }
#footer ul li { height: 50px; text-indent: -5000px; float: left; }
#footer ul li a { width: 100%; height: 100%; display: block; }
#footer ul li:hover { background-position: top center !important; }
#footer ul li.active { background-position: center !important; }
#footer ul li.home { width: 62px; background: url(/content/images/btn_home.gif) no-repeat bottom center; }
#footer ul li.macher { width: 118px; background: url(/content/images/btn_macher.gif) no-repeat bottom center; }
#footer ul li.firma { width: 96px; background: url(/content/images/btn_firma.gif) no-repeat bottom center; }
#footer ul li.referenzen { width: 114px; background: url(/content/images/btn_referenzen.gif) no-repeat bottom center; }
#footer ul li.kontakt { width: 88px; background: url(/content/images/btn_kontakt.gif) no-repeat bottom center; }

/* Typography */
h1 { height: 95px; text-indent: -5000px; background: url(/content/images/bg_dohmenmedien.png) no-repeat; }
h2 { font-size: 140%; margin: 0 0 1em; color: #002878; letter-spacing: 0.1em; }
p { font-size: 100%; margin: 0 0 0.75em; color: #333; line-height: 1.5em; }
p.line { margin: 0 0 3em; border-bottom: 1px solid #333; }
p img { margin: 0 1.25em 0 0.25em; }

/* Links */
a { color: #333; }
a:hover { color: #002878; text-decoration: underline; }
a.imprint { font-size: 83%; color: #999; position: absolute; right: 25px; bottom: 35px; }
a.imprint:hover { color: #fff; text-decoration: none; }

/* Form */
form { margin: 2em 0 0; }
form ins { display: none; }
form label { width: 30%; display: block; float: left; }
form input, form textarea { width: 60%; display: block; clear: right; }
form button { width: 150px; height: 25px; margin: 3em auto 0; font-size: 10px; font-weight: bold; text-align: center; line-height: 25px; color: #666; background-color: transparent; background: url(/content/images/button.png) no-repeat center 0; overflow: hidden; border: none; cursor: pointer; display: block; }
form button:hover { color: #fff; background-color: transparent; background: url(/content/images/button.png) no-repeat center -30px; }

/* Clients */
ul.clients { list-style: none; width: 49%; float: left; }
ul.right { float: right; }
ul.clients li { margin: 0 0 1.25em 0; }
#slides img { position: absolute; left: 0; top: 0; z-index: 8;}
#slides img.active { z-index: 10;}
#slides img.last-active { z-index: 9;}