/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */

@import 'clean.css';
@import 'typo.css';


a span { cursor: pointer; }
form legend { display: none; }

html {  }
body { color: #666; background: #f9f9f9 url(../images/bg-body.png) repeat-x 0 0; font: 12px/17px Arial, Helvetica, sans-serif; }


.aural { position: absolute; left: -1000em; }

a { color: #5e5e5e; text-decoration: none; }
a:focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#lead:after, #content:after, .sub-mod:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

/* main */
#page { width: 947px; margin: 0 auto; padding: 10px 0 0; background: #faf8eb; }

/* top */
#top { height: 240px; padding: 0 55px 0 0; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px; background: url(../images/bg-top.jpg) repeat-x 0 0; }
#top .w { position: relative; top: -10px; height: 100%; margin: 0 0 -75px; padding: 0 0 85px; background: url(../images/img-top.png) no-repeat 40px 100%; }
#top #logo { height: 82px; float: right; padding: 53px 0 0 }
#top #lang-mod { float: right; clear: both; padding: 0 44px 0 0; }
#top #lang-mod li { width: 32px; float: left; padding: 16px 0 0 8px; }
#top #lang-mod li.act { background: url(../images/bg-lang-act.png) no-repeat 0 0 }
#top .btn-order { position: absolute; right: 0; bottom: 115px; width: 204px; height: 64px; background: url(../images/btn-order.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#top .btn-order:focus,
#top .btn-order:hover { background-position: 0 -64px; }
#top .btn-order:active { background-position: 0 -128px; }

#nav { float: right; }
#nav li { width: 46px; height: 46px; float: left; margin: 0 0 0 15px; }
#nav li a { display: block; width: 46px; height: 46px; text-indent: -100em; overflow: hidden; }
#nav li.act { display: none; }
#nav li.item-0 a { background: url(../images/nav-item-0.png) no-repeat 0 0; }
#nav li.item-1 a { background: url(../images/nav-item-1.png) no-repeat 0 0; }
#nav li.item-2 a { background: url(../images/nav-item-2.png) no-repeat 0 0; }
#nav li.item-3 a { background: url(../images/nav-item-3.png) no-repeat 0 0; }

/* wrapper */
#wrapper { padding: 87px 0 0; background: url(../images/bg-wrapper.png) no-repeat 50% 34px; }

#gradient { background: #ededed url(../images/bg-content.png) repeat-x 0 0; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }

#lead { padding: 0 55px 30px 10px; }
#lead .mod { width: 550px; }
#lead .mod .i { width: 150px; float: left; margin-left: -15px; }
#lead .mod .itech { width: 135px; float: left; margin-left: 0;}
#lead .mod p { margin-left: 135px; }
#lead .kontakt p { margin-left: 0; }

/* content */
#content { position: relative; bottom: -10px; padding: 0 55px 50px 50px; }
#content h2 { margin: 0 0 10px; color: #585858; font: bold 20px 'Trebuchet MS', Sans-serif; }
#content h3,
#content h4 { margin: 0 0 15px; color: #7d7d7d; font: bold 18px 'Trebuchet MS', Sans-serif; text-align: left; }
#content h4 span { padding: 0 30px 0 0; background: url(../images/icon-arrow.png) no-repeat 100% 0; }
#content h6 { color: #5f8abb; font-size: 1em; font-weight: bold }
#content .hr,
#content hr { display: block; height: 62px; clear: both; border: 0; background: url(../images/bg-divider.png) no-repeat 50% 30px; }


/* footer */
#footer { width: 877px; margin: 0 auto; padding: 5px 15px 50px 55px; }
#footer .mod { width: 380px; float: left; margin: 25px 45px 20px 0; padding: 30px 0 0; }
#footer .buy-mod { width: 323px; height: 123px; float: left; margin: 25px 0 0; padding: 30px 37px; background: url(../images/bg-map-mod.png) no-repeat 0 0; }
#footer .buy-mod .d { width: 170px; float: left; padding: 0 30px 0 0; }
#footer #copy { clear: both; padding: 45px 0 0; color: #d2d2d2; text-align: center; }
#footer #copy a { color: #d2d2d2; }
#footer #copy strong a { color: #b6b4b6; font-weight: bold; }


.clear { clear: both; padding: 30px 0 0; }