@charset 'utf-8';

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

@import url(reset.css);

body { background: #dfe8f1; color: #222; font: 101% "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; text-align: center; }

a,
a:link,
a:visited { color: #004d91; text-decoration: none; }
a:hover,
a:focus,
a:active { text-decoration: underline; }

strong,
em { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }
strong { font-weight: bold; }
em { font-style: italic; }

#container { margin: 0 auto; text-align: left; width: 960px; }

/* Header */
#header { border: 1px solid #004d91; border-top: 0; }
#header h1 { background: #bfd2e4 url(../images/backgrounds/heading.gif) no-repeat; font-size: 1px; height: 112px; line-height: 1.0; text-indent: -9999px; }
#header h1 a,
#header h1 a:hover,
#header h1 a:focus,
#header h1 a:active { display: block; height: 112px; margin: 0 620px 0 0; width: 340px; }

#header ul { border-top: 1px solid #fff; }
#header li { display: inline; }
#header li a { background: #3586c4 url(../images/backgrounds/nav_link.gif) repeat-x 0 50%; border-left: 1px solid #fff; border-right: 1px solid #004d91; color: #222; display: block; float: left; font-size: 1.2em; letter-spacing: 1px; padding: .1em 0 1.2em; text-align: center; text-shadow: 1px 1px 0 #444; width: 190px; }
#header li.first a { border-left: 0; }
#header li.last a { border-right: 0; }
#header li a:hover,
#header li a:focus,
#header li a:active { background: #3586c4 url(../images/backgrounds/nav_hover.gif) repeat-x 0 50%; text-decoration: none; }
#header li a.active,
#header li a.active:hover,
#header li a.active:focus,
#header li a.active:active { background: #3586c4 url(../images/backgrounds/nav_hover.gif) repeat-x 0 50%; color: #fff; padding: 1.2em 0 .1em; text-decoration: none; }


/* Content */
#content { background: #bfd2e4; border: 1px solid #004d91; clear: left; margin: 10px 0; }
#content a:visited { color: #444; }
#content img { border: 1px solid #004d91; vertical-align: middle; }
#kontakt #content img { border: 0; }

#content h2 { color: #004d91; font-size: 1.6em; font-weight: normal; line-height: 1.2; margin: .3em 10px; text-shadow: 1px 1px 0 #999; }
#content h3 { color: #004d91; font-size: 1.2em; font-weight: normal; line-height: 1.4; margin: .8em 10px 0; }
#content h4 { color: #004d91; font-size: 1em; font-weight: normal; line-height: 1.6; margin: .8em 10px 0; }

#content p,
#content ul { font-size: .75em; line-height: 1.6; margin: 0 10px .8em; }

#content li { background: url(../images/backgrounds/li_dot.gif) no-repeat 0 .6em; padding-left: 10px; }

#content .leftalign { float: left; margin: 0 10px 10px 0; vertical-align: baseline; }
#content .rightalign { float: right; margin: 0 0 10px 10px; vertical-align: baseline; }
#content .status,
#content .required { color: #d00; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: bold; }

#content h3.footnote { font-size: .65em; margin-top: 5em; }
#content p.footnote { font-size: .65em; }

#content .narrowbox { display: inline; float: left; width: 377px; }
#content .narrowbox h2 { font-size: 1.2em; line-height: 1.4; margin: .8em 10px 0; text-shadow: none; }

#content p.banderole { background: #fce800; border-bottom: 2px solid #fff5ad; border-top: 2px solid #fff5ad; color: #004d91; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; margin: .6em 0; padding: .15em 10px; }
/* Formular */
#content form { display: inline; float: left; width: 550px; }
#content form p,
#content form h4 { clear: left; padding: .4em 0; }
#content form input,
#content form label { display: block; float: left; }
#content form label.name,
#content form label.unternehmen,
#content form label.adresse,
#content form label.telefon,
#content form label.fax,
#content form label.mail { width: 200px; }
#content form label.plz { width: 35px; }
#content form label.ort { width: 165px; }
#content form label.name:after,
#content form label.unternehmen:after,
#content form label.adresse:after,
#content form label.ort:after,
#content form label.telefon:after,
#content form label.fax:after,
#content form label.mail:after { content: ":"; }
#content form input#name,
#content form input#unternehmen,
#content form input#adresse,
#content form input#telefon,
#content form input#fax,
#content form input#mail { width: 260px; }
#content form input#plz { width: 60px; margin-right: 10px; }
#content form input#ort { width: 184px; margin-left: 0; }
#content form #verwaltung,
#content form #lagerhalle { margin-right: 10px; }
#content form #submit { margin: 1.2em 0; }

/* Footer */
#footer { background: #3586c4;  border: 1px solid #004d91; clear: both; margin: 0 0 10px; text-align: right; }
#footer p { color: #fff; font-size: .65em; font-weight: bold; padding: .4em 10px .4em 0; }
#footer p a { color: #222; font-weight: normal; }
#footer p a.active,
#footer p a.active:hover,
#footer p a.active:focus,
#footer p a.active:active { color: #fff; text-decoration: none; }

/* Expose */
.expose #container { width: 680px; }
.expose #content h1 { color: #004d91; font-size: 1.6em; font-weight: normal; line-height: 1.2; margin: .3em 10px; text-shadow: 1px 1px 0 #aaa; }
.expose #content h2 { color: #004d91; font-size: 1.2em; font-weight: normal; line-height: 1.4; margin: .8em 10px 0; }
.expose #content .infobox { display: inline; float: left; width: 390px; }
.expose #content .imagebar { display: inline; float: right; margin: 0 10px; text-align: center; width: 260px; }
.expose #content .imagebar img { display: block; margin: 0 auto; }
.expose #content .imagebar p { font-size: .6em; margin: .3em 0; text-align: center; }
.expose #footer { text-align: center; }