* { margin: 0; padding: 0; border: 0; text-align: left; }
html { overflow-y: scroll; }
body { font-size: 11px; font-family: Verdana, Arial, sans-serif; background: #fff; color: #000; }
td { vertical-align: top; }
#page { position: relative; margin: 0px auto 30px; width: 967px; background: url( "../img/page_bg.gif" ) left 1px repeat-y; }

#popup-page { margin: 25px; }

#wrap { width: 716px; min-height: 200px; margin: 0 8px 0 9px; }
* html #wrap { height: 200px; }

#sidebar { position: absolute; top: 0px; right: 8px; background: url( "../img/sidebar_bg.gif" ) top left no-repeat; width: 203px; min-height: 271px; }
* html #sidebar { right: 7px; height: 271px; }
#header {  background: url( "../img/header_bg.gif" ) top left no-repeat; width: 747px; height: 110px; }
#content { width: 747px; margin: 25px 0 0; padding-bottom: 25px; min-height: 200px; }
#footer { background: url( "../img/footer_bg.gif" ) bottom left no-repeat; width: 967px; height: 14px; }

#splash { position: relative; margin: 80px auto 0; width: 816px; height: 520px; background: url( "../img/splash_bg.jpg" ) left 153px no-repeat; }
#splash-pic { position: absolute; top: 0px; left: 60px; width: 282px; height: 520px; background: url( "../img/splash_pic.jpg" ) top left no-repeat; }
#splash-intro { position: absolute; top: 84px; left: 347px; width: 421px; height: 159px; background: url( "../img/splash_intro.jpg" ) top left no-repeat; }
#enter-button { position: absolute; top: 237px; left: 393px; width: 104px; height: 77px; background: url( "../img/button_enter.gif" ) top left no-repeat; }
#enter-button a { width: 69px; height: 17px; background: url( "../img/button_enter.gif" ) top left no-repeat; display: block; padding: 60px 0 0 35px; font-weight: bold; }

#easyfairs a { width: 238px; height: 167px; display: block; position: absolute; top: 337px; left: 393px; background: transparent url("../img/easyfairs.png") no-repeat scroll 0 0; }

.clr { clear: both; }
.clr-left { clear: left; }
.clr-right { clear: right; }

.spacer1 { padding-top: 20px; }
.spacer2 { padding-top: 20px; }

.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }

.tc { text-align: center; }
.tmed { font-size: 10px; }

.line { width: 732px; height: 14px; background: url( "../img/line.gif" ) top left no-repeat; margin: 15px 0; line-height: 1px; }

p { margin: 10px 50px 10px 60px; line-height: 1.3em; }
p.in { margin: 10px 0; }

a:link, a:visited { color: #ffcf41; text-decoration: none; }
a:hover, a:active { color: #51585e; text-decoration: underline; }
a.more { background: url( "../img/subnav_list.gif" ) left 4px no-repeat; padding-left: 16px; font-weight: bold; }
a.side-more { background: url( "../img/sidebar_list_text.gif" ) left 4px no-repeat; padding-left: 16px; font-weight: bold; }
a.inv:hover, a.inv:active { color: #ffcf41; text-decoration: underline; }

a.btn { cursor: pointer; display: block; width: 191px; height: 21px; background-position: top left; background-repeat: no-repeat; padding: 12px 0 0 40px; margin-bottom: 6px; }
a.btn span { cursor: pointer; background: url( "../img/sidebar_list.gif" ) left 4px no-repeat; padding-left: 14px; font-weight: bold; font-size: 11px; color: #ffcf41; }
* html a.btn { cursor: hand; }
* html a.btn span { cursor: hand; }
a.btn:link, a.btn:visited, a.btn:hover { background-position: top left; }
a.btn:active { background-position: bottom left; }
a.btn span span { background: none; padding: 0; }
a.btn:link span span, a.btn:visited span span { color: #ffcf41; text-decoration: none; }
a.btn:hover span span, a.btn:active span span { color: #ffcf41; text-decoration: underline; }

a.contact-button { background-image: url( "../img/button_mail.gif" ); }
a.catalogue-button { background-image: url( "../img/button_catalogue.gif" ); }
a.imprint-button { background-image: url( "../img/button_imprint.gif" ); }
a.people-button { background-image: url( "../img/button_people.gif" ); }
a.film-button { background-image: url( "../img/button_film.gif" ); }

h1 { color: #51585e; font-size: 16px; margin: 0 0 15px; line-height: normal; }
h2 { font-size: 16px; margin: 0 0 15px; }

ul { margin-left: 1.2em; list-style: none; }
li { display: block; background: url( "../img/subnav_list.gif" ) left 5px no-repeat; margin: 3px 0; padding-left: 18px; line-height: 1.5em; }
ul.pdf { margin-left: 1.2em; list-style: none; }
ul.pdf li { display: block; background: url( "../img/list_pdf.gif" ) left 2px no-repeat; margin: 10px 0; padding-top: 2px; padding-left: 35px; line-height: 1.5em; }
ul.pdf li a:link, ul.pdf li a:visited { font-size: 13px; color: #000; font-weight: bold; }
ul.pdf span { display: block; margin-top: 2px; }
ul.pdf span.tgrey { display: inline; margin-top: 0; color: #51585e; }

.contact { width: 100%; }
.contact td.td-l, .contact td.td-l2 { width: 100px; text-align: right; white-space: nowrap; padding: 5px 15px 10px 0px; width: 150px; line-height: 1.3em; vertical-align: middle; }
.contact td.td-r, .contact td.td-r2 { padding: 5px 0 10px; vertical-align: middle; }
.contact td.td-l2, .contact td.td-r2 { padding-top: 10px; }
.contact td.td-submit { padding-top: 15px; }
.contact td.td-explain { font-size: 11px; color: #afaeaa; }

input { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; width: 400px; background-color: #e6e6e6; border-left: 1px solid #afaeaa; border-top: 1px solid #afaeaa; border-right: 1px solid #d5d5c8; border-bottom: 1px solid #d5d5c8; color: #000; padding: 2px; cursor: text; vertical-align: middle; margin: 0; }
input.small { width: 100px; }
input.large { width: 284px; }
input.checkbox { width: auto !important; background-color: transparent; border: none; cursor: default; color: #000; }
input.submit { font-weight: bold; color: #51585e; width: 80px; background-color: #ECECEC; border: 1px solid #A9B8C2; cursor: pointer; padding: 1px 5px; font-size: 1.1em; }
input.error, textarea.error { background-color: #f5d902; }
textarea { font-family: Verdana, Arial, sans-serif; font-size: 100%; width: 400px; padding: 2px; background-color: #e6e6e6; border-left: 1px solid #afaeaa; border-top: 1px solid #afaeaa; border-right: 1px solid #d5d5c8; border-bottom: 1px solid #d5d5c8; cursor: text; color: #000; }
label { font-size: 12px; font-weight: bold; color: #ffcf41; }
label span.mandatory { padding-left: 5px; }
label span.not-mandatory { padding-left: 5px; visibility: hidden; }
select { font-family: Verdana, Arial, sans-serif; font-size: 100%; font-weight: normal; font-style: normal; cursor: default; vertical-align: middle; width: auto !important; border: 1px solid #666; padding: 1px; margin: 0; background-color: #fafafa; }
option { padding: 0 1em 0 0; }
.form-explain { font-size: 10px; color: #51585e; font-weight: normal; }

div.message-error { border: 1px solid #f5d902; padding: 10px; font-weight: bold; color: #51585e; margin: 0 100px 40px 60px; line-height: 1.5em; }
div.message-success { border: 1px solid #f5d902; padding: 10px; font-weight: bold; color: #51585e; margin: 0 100px 40px 60px; line-height: 1.5em; }

#keyvis { position: relative; top: 0px; left: 0px; }
#keyvis div { background-position: top left; background-repeat: no-repeat; width: 80px; height: 78px; }
#keyvis-beratung { background-image: url( "../img/keyvis/keyvis_beratung.gif" ); }
#keyvis-entwicklung { background-image: url( "../img/keyvis/keyvis_entwicklung.gif" ); }
#keyvis-gegenwart-zukunft { background-image: url( "../img/keyvis/keyvis_gegenwart_zukunft.gif" ); }
#keyvis-gestaltung { background-image: url( "../img/keyvis/keyvis_gestaltung.gif" ); }
#keyvis-handling-konfektion { background-image: url( "../img/keyvis/keyvis_handling_konfektion.gif" ); }
#keyvis-home { background-image: url( "../img/keyvis/keyvis_home.gif" ); }
#keyvis-kontakt { background-image: url( "../img/keyvis/keyvis_kontakt.gif" ); }
#keyvis-infothek { background-image: url( "../img/keyvis/keyvis_infothek.gif" ); }
#keyvis-lagerservice { background-image: url( "../img/keyvis/keyvis_lagerservice.gif" ); }
#keyvis-logistikservices { background-image: url( "../img/keyvis/keyvis_logistikservices.gif" ); }
#keyvis-menschen { background-image: url( "../img/keyvis/keyvis_menschen.gif" ); }
#keyvis-musterservice { background-image: url( "../img/keyvis/keyvis_musterservice.gif" ); }
#keyvis-produkte { background-image: url( "../img/keyvis/keyvis_produkte.gif" ); }
#keyvis-produktion { background-image: url( "../img/keyvis/keyvis_produktion.gif" ); }
#keyvis-prozesskette { background-image: url( "../img/keyvis/keyvis_prozesskette.gif" ); }
#keyvis-qualitaet { background-image: url( "../img/keyvis/keyvis_qualitaet.gif" ); }
#keyvis-trad-herkunft { background-image: url( "../img/keyvis/keyvis_trad_herkunft.gif" ); }
#keyvis-umwelt { background-image: url( "../img/keyvis/keyvis_umwelt.gif" ); }

#nav { position: relative; padding-left: 77px; width: 569px; height: 32px; background: url( "../img/nav_bg.gif" ) top left no-repeat; }
#nav a { display: block; height: 32px; background-position: top left; }
#nav a:hover, #nav li.current a { background-position: bottom left; }
#nav ul, #nav li { margin: 0; padding: 0; }
#nav ul { list-style: none; }
#nav li { height: 32px; float: left; display: block; }
#nav span { display: none; }
#nav-home a { width: 120px; background: url( "../img/nav/nav_home.gif" ); }
#nav-unternehmen a { width: 129px; background: url( "../img/nav/nav_unternehmen.gif" ); }
#nav-leistungen a { width: 117px; background: url( "../img/nav/nav_leistungen.gif" ); }
#nav-infothek a { width: 100px; background: url( "../img/nav/nav_infothek.gif" ); }
#nav-kontakt a { width: 103px; background: url( "../img/nav/nav_kontakt.gif" ); }

#subnav { width: 747px; font-size: 11px; }
#subnav-unternehmen { margin-left: 197px; height: 70px; }
#subnav-leistungen { margin-left: 325px; height: 110px; }
#subnav a:link, #subnav a:visited { color: #51585e; text-decoration: none; }
#subnav li.current a:link, #subnav li.current a:visited, #subnav a:hover, #subnav a:active { color: #f5d902; text-decoration: none; }
#subnav ul { margin: 0; list-style: none; float: left; }
#subnav ul.subnav-right { margin-left: 20px; }
#subnav li { display: block; background: url( "../img/subnav_list.gif" ) left 5px no-repeat; margin: 2px 0; padding-left: 16px; }

#news { width: 440px; margin-top: 30px; float: left; }
#news-header { width: 440px; height: 50px; background: url( "../img/news_header.gif" ) top left no-repeat; }
#news-content { width: 390px; background: url( "../img/news_content.gif" ) repeat-y; padding: 0 25px 10px; line-height: 1.3em; }
#news-footer { width: 440px; height: 18px; background: url( "../img/news_footer.gif" ) top left no-repeat; }

#cite-box { position: absolute; top: 450px; width: 203px; font-size: 9px; }
#cite-header { width: 203px; height: 68px; background: url( "../img/cite_header.gif" ) top left no-repeat; }
#cite-weber { width: 165px; height: 307px; background: url( "../img/cite_weber.jpg" ) left 2px no-repeat; padding: 15px 20px 0px 18px; line-height: 1.5em; }
#cite-wegner { width: 168px; height: 311px; background: url( "../img/cite_wegner.jpg" ) left 3px no-repeat; padding: 12px 20px 0px 18px; line-height: 1.4em; }
#cite-footer { padding-top: 10px; width: 203px; text-align: center; font-size: 11px; }

#contact-box { position: absolute; top: 234px; width: 189px; height: 185px; background: url( "../img/contact_box.gif" ) top left no-repeat; padding: 45px 0px 10px 14px; }

#imprint-box { position: absolute; top: 232px; width: 191px; height: 289px; background: url( "../img/imprint_box.gif" ) top left no-repeat; padding: 40px 0px 10px 12px; color: #fff; font-size: 11px; }

#products-box { position: absolute; top: 450px; width: 203px; height: 368px; background: url( "../img/products_box.gif" ) top left no-repeat; }

#gallery-box { position: absolute; top: 448px; width: 203px; }
#gallery-box-frame { width: 203px; height: 286px; background: url( "../img/gallery_bg.gif" ) top left repeat-y; }
#gallery-header { width: 203px; height: 71px; background: url( "../img/gallery_header.gif" ) top left no-repeat; }
#gallery-canvas { width: 190px; height: 233px; background: url( "../img/gallery_canvas.gif" ) top left no-repeat; padding: 8px 5px 14px 10px; }
#gallery-canvas table, #gallery-canvas td { width: 188px; height: 233px; }
#picCanvas { text-align: center; vertical-align: middle; }
.gallery-loader { background: url( "../img/gallery_loader.gif" ) center no-repeat; }
#gallery-controls { width: 188px; height: 26px; margin: 5px 5px 0px 10px; }
#gallery-controls td.td-1 { width: 24px; height: 26px; background: url( "../img/gallery_button_back.gif" ) top right no-repeat; }
#gallery-controls td.td-2 { width: 140px; text-align: center; vertical-align: middle; }
#gallery-controls td.td-3 { width: 24px; height: 26px; background: url( "../img/gallery_button_next.gif" ) top right no-repeat; }
a.gallery-button-back:link, a.gallery-button-back:visited { width: 24px; height: 26px; background: url( "../img/gallery_button_back.gif" ) top left no-repeat; display: block; }
a.gallery-button-back:hover, a.gallery-button-back:active { width: 24px; height: 26px; background: url( "../img/gallery_button_back.gif" ) bottom left no-repeat; display: block; }
a.gallery-button-next:link, a.gallery-button-next:visited { width: 24px; height: 26px; background: url( "../img/gallery_button_next.gif" ) top left no-repeat; display: block; }
a.gallery-button-next:hover, a.gallery-button-next:active { width: 24px; height: 26px; background: url( "../img/gallery_button_next.gif" ) bottom left no-repeat; display: block; }
#gallery-controls select { font-family: Verdana, Arial, sans-serif; font-size: 100%; font-weight: normal; font-style: normal; cursor: default; vertical-align: middle; width: 130px; border: 1px solid #666; padding: 1px; margin: 0; background-color: #fafafa; }
#gallery-frame { width: 203px; height: 286px; border: solid #FFFF00 0px; }

#area-box { position: absolute; top: 448px; width: 203px; }
#area-header { width: 203px; height: 71px; background: url( "../img/area_pic_header.gif" ) top left no-repeat; }
#area-canvas { width: 203px; height: 120px; background: url( "../img/area_pic_canvas.gif" ) top left no-repeat; }
#area-canvas a { display: block; width: 198px; height: 111px; background: url( "../img/area_pic_preview.jpg" ) top left no-repeat; margin-left: 5px; }
#area-popup-page { width: 490px; height: 213px; background: url( "../img/area_pic.jpg" ) top left no-repeat; }
#area-popup-page a { display: block; width: 490px; height: 213px; }

.imprint-table { margin: 0 auto 20px; }
.imprint-table .td-header { font-weight: normal; line-height: 1.5em; padding-bottom: 15px; color: #51585e; text-align: center; }
.imprint-table td.td-l { padding-right: 20px; vertical-align: top; color: #51585e; text-align: right; white-space: nowrap; width: 120px; }
.imprint-table td.td-r { padding-bottom: 5px; vertical-align: top; }
.imprint-table td.td-spacer { font-size: 1px; height: 10px; }

.creator { margin-top: 20px; width: 300px; font-size: 11px; }
.creator strong { color: #51585e; }
.creator span { display: block; padding-top: 5px; }
.creator a:link, .creator a:visited { color: #51585e; text-decoration: none; }
.creator a:hover, .creator a:active { color: #ffcf41; text-decoration: none; }


div#stoerer {
	float:left;
	margin-top:339px;
	margin-left:-178px;
	width:123px;
	height:78px;
}
