@charset 'utf-8'; 

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

@import url(reset.css);

body { background: #778db4 url(../images/backgrounds/body.gif) repeat-x; color: #555; font: 101% Arial, Helvetica, sans-serif; text-align: left; }

strong { font-weight: bold; }

/* Head */
#head { background-position: 0 75px; background-repeat: no-repeat; height: 350px; margin: 20px 0 0 150px; text-align: left; width: 740px; }
#home #head,
#kontakt #head,
#impressum #head,
#datenschutz #head { background-image: url(../images/head/home.jpg); }
#transport #head { background-image: url(../images/head/transport.jpg); }
#logistik #head { background-image: url(../images/head/logistik.jpg); }
#konfektionierung #head { background-image: url(../images/head/konfektionierung.jpg); }
#paletten #head { background-image: url(../images/head/paletten.jpg); }
#ansprechpartner #head { background-image: url(../images/head/ansprechpartner.jpg); }

/* Navigation */
#nav { margin: 0 0 0 13px; }
#nav li { display: inline; }
#nav li a { background: #999; color: #fff; display: block; float: left; font-size: .75em; font-weight: bold; height: 28px; line-height: 1.85em; margin: 238px 3px 0 0; padding: 0 7px; opacity: 0.7; text-decoration: none; text-align: right; }
#nav li a:hover,
#nav li a:focus,
#nav li a:active { opacity: 1; }
#nav li a.active,
#nav li a.active :hover,
#nav li a.active :focus,
#nav li a.active :active { background: #ddd; color: #003969; opacity: 0.7; }

/* Container */
#container { background: #fff url(../images/backgrounds/container.gif) repeat-y; border-bottom: 1px solid #222; margin: 0 0 0 150px; text-align: left; width: 740px; }

/* Content */
#content,
#widecontent { display: inline; float: left; margin: 0 30px; padding: 30px 0 5px; }
#widecontent { clear: both; }
#content { width: 400px; }
#content h2,
#widecontent h2 { color: #003969; font-size: 1.1em; font-weight: normal; margin: 0 0 .6em; text-transform: uppercase; }
#content h3,
#widecontent h3 { font-size: .9em; color: #003969; padding-bottom: 5px;}
#content h4,
#widecontent h4,
#content p,
#widecontent p,
#content li,
#widecontent li { font-size: .75em; line-height: 1.6em; }
#content h3,
#widecontent h3 { font-size: .9em; color: #003969; padding-bottom: 5px;}
#content h4,
#widecontent h4 { color: #003969; }
#content h3,
#widecontent h3 { font-weight: bold;  font-size: .9em; color: #003969; padding-bottom: 5px; }
#content h4,
#widecontent h4 { font-weight: normal; }
#content p,
#widecontent p,
#content ul,
#widecontent ul { margin: 0 0 1.2em; }
#content li,
#widecontent li { background: url(../images/backgrounds/dot_li.gif) no-repeat 0 .6em; margin: .3em 0; padding-left: 15px; }
#content a,
#widecontent a { color: #003969; font-weight: bold; text-decoration: none; }
#content a:visited,
#widecontent a:visited { color: #999; }
#content a:hover,
#widecontent a:hover,
#content a:focus,
#widecontent a:focus,
#content a:active,
#widecontent a:active { text-decoration: underline; }
#content .footnote,
#widecontent .footnote { margin-top: 3em; }
#content .footnote h3,
#widecontent .footnote h3,
#content .footnote p,
#widecontent .footnote p { font-size: .7em; }

#map { border: 1px solid #999; margin-bottom: 15px; }

/* Sidebar */
#sidebar { display: inline; float: left; padding: 30px 0; width: 250px; }
#sidebar img { border: 1px solid #999; display: block; }
#sidebar p{padding-top: 20px; font-size: .7em;}
.rightalign { float: right; margin-bottom: 20px;}

table { width: 650px; margin-right: 15px;}
td {vertical-align: top;}


/* Foot */
#foot { color: #003969; font-size: .75em; font-weight: bold; margin: 0 0 0 150px; text-align: right; width: 740px; }
#foot p { margin: 5px 30px 30px; }
#foot a { color: #003969; text-decoration: none; }
#foot a:hover,
#foot a:focus,
#foot a:active { text-decoration: underline; }
#foot a.active,
#foot a.active :hover,
#foot a.active :focus,
#foot a.active :active { color: #222; text-decoration: none; }