@charset 'utf-8';

/******************************
screen.css
Version: 1.0
(c) by WERBESTUDIO HILD
www.werbestudio-hild.de
******************************/

@import url(reset.css);
@import url(lightbox.css);

body { background: #aaa url(../images/backgrounds/body.gif) repeat-y 50% 0; color: #222; font: 101% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; overflow-y: scroll; text-align: center; }

#header_wrap,
#main_wrap,
#footer_wrap { text-align: center; }

#header,
#main,
#footer { margin: 0 auto; width: 960px; }

em { font-style: italic; }
strong { font-weight: bold; }


/* Header */
#header_wrap { background: url(../images/backgrounds/header_wrap.gif) repeat-x; height: 120px; }

#header { background-image: url(../images/header/header04.jpg); background-repeat: no-repeat; text-align: left; }
.profil #header { background-image: url(../images/header/header09.jpg); }
.werkzeugkonstruktion #header { background-image: url(../images/header/header08.jpg); }
.artikelkonstruktion #header { background-image: url(../images/header/header11.jpg); }
.referenzen #header { background-image: url(../images/header/header07.jpg); }
.aktuelles #header { background-image: url(../images/header/header06.jpg); }
.kontakt #header { background-image: url(../images/header/header10.jpg); }

#header h1 { float: left; margin: 45px 10px 0; }
#header h1 img { vertical-align: middle; }

/* Mainnav */
#mainnav li { display: inline; }
#mainnav li a { color: #fff; border-bottom: 4px solid #1a3553; display: block; float: left; font-size: .8em; height: 21px; letter-spacing: -1px; margin-top: 87px; padding-top: 8px; text-align: center; text-decoration: none; }
#mainnav li.nav1 a { width: 120px; }
#mainnav li.nav2 a { width: 200px; }
#mainnav li.nav3 a { width: 190px; }
#mainnav li.nav4 a { width: 100px; }
#mainnav li.nav5 a { width: 90px; }
#mainnav li.nav6 a { width: 70px; }

#mainnav li a:hover,
#mainnav li a:focus,
#mainnav li a:active { border-bottom: 4px solid #000; color: #222; }
#mainnav li a.current,
#mainnav li a.current:hover,
#mainnav li a.current:focus,
#mainnav li a.current:active { background: #ea8; border-bottom: 4px solid #f90; color: #222; }

/* Subnav */
#subnav h2 { border-bottom: 4px solid #f90; font-size: .75em; letter-spacing: -1px; margin: 0 20px; padding: .8em 0 .3em; }
#subnav li { font-size: .7em; letter-spacing: -1px; }
#subnav li a { border-bottom: 2px solid transparent; color: #555; display: block; margin: 0 20px; padding: .8em 0 .3em; text-decoration: none; }
#subnav li a:hover,
#subnav li a:focus,
#subnav li a:active { border-bottom: 2px solid #888; color: #222; }
#subnav li a.current,
#subnav li a.current:hover,
#subnav li a.current:focus,
#subnav li a.current:active { border-bottom: 2px solid #f90; color: #222; }
#subnav p { margin-top: 65px; }

/* Main */
#main_wrap { clear: both; }
#main { background: url(../images/backgrounds/main.gif) repeat-y; min-height: 450px; }

#subnav,
#content { float: left; display: inline; }
#subnav { width: 190px; }
#content { width: 770px; }


/* Content */
#content { margin: 1.2em 0 .4em; text-align: left; }

#content a { color: #1a3553; font-weight: bold; text-decoration: none; }
#content a:visited { color: #6f7d97; }
#content a:hover,
#content a:focus,
#content a:active { text-decoration: underline; }

#content h2 { color: #6f7d97; font-family: Palatino, "Palatino Linotype", "Times New Roman", Times, serif; font-size: 1.2em; font-weight: normal; line-height: 1.2; }
#content h3 { clear: both; }
#content h3,
#content legend { color: #6f7d97; font-size: .95em; font-weight: normal; margin-bottom: .3em; padding-top: .3em; }
#content h4 { color: #6f7d97; font-size: .75em; font-weight: bold; }
#content h5 { color: #6f7d97; font-size: .75em; font-weight: normal; }

#content p,
#content li,
#content label { font-size: .75em; line-height: 1.6; }

#content p,
#content ul { margin-bottom: .8em; padding-right: 10px; }

#content li { background: url(../images/backgrounds/dot_li.gif) no-repeat 0 .65em; padding-left: 10px; }
#content li ul { margin-bottom: 0; }
#content li li { font-size: 1em; }

#content form .element { clear: both; padding: .6em 0; }
#content form label,
#content form input { display: block; float: left; }
#content form input { width: 480px; }
#content form input.submit,
#content form label { width: 240px; }
#content form textarea { width: 720px; }

#content #map { margin-bottom: 10px; }
.leftalign { float: left; margin: 0 10px .3em 0; }
.rightalign { float: right; margin: 0 10px .3em 10px; }
#content .imgrow { clear: both; }
#content .imgrow div { background: #ccc; float: left; height: 162px; margin: 0 10px 10px 0; width: 182px; }
#content .imgrow div img { margin: 5px; }
#content .imgrow div p { font-size: .6em; margin: 0 5px 5px; }

/* Footer */

#footer_wrap { background: url(../images/backgrounds/footer_wrap.gif) repeat-x; }

#footer { background: url(../images/backgrounds/footer.gif) no-repeat; text-align: right; }
#footer p { font-size: .7em; letter-spacing: -1px; padding: .6em 0; }
#footer a { color: #555; text-decoration: none; margin: 0 10px; }
#footer a:hover,
#footer a:focus,
#footer a:active { color: #222; text-decoration: underline; }
#footer a.current,
#footer a.current:hover,
#footer a.current:focus,
#footer a.current:active { color: #222; text-decoration: none; }