/* ---------- General Styles ---------- */
* { padding:0; margin:0; font-family:Verdana, Helvetica, Arial, sans-serif; color:#333333; }
body { background:#FFF url(../images/herbst_header_bg.jpg) no-repeat center top; }
img { border:none; }
p { font-size:11px; font-weight:normal; line-height:16px; margin:0 0 12px 0; }
table { font-size:11px; line-height:16px; text-align:left; }
h1 { font-size:13px; line-height:21px; color:#227700; }
h2 { font-weight:normal; font-size:22px; line-height:24px; color:#ae5050; margin:0 0 15px 0; }
h3, legend { font-size:14px; line-height:16px; margin:0 0 12px 0; font-weight:bold; }
h4 { font-weight:bold; font-size:12px; line-height:10px; }
ul { font-size:11px; }
a { color:#ae5050; text-decoration:none; font-size:11px; }
a:focus, object:focus { outline: none; -moz-outline-style: none; }
fieldset { border:none; }
/* ---------- Layout ----------- */
#all { width:987px; height:auto; margin:0 auto; }
#toolbar { width:812px; height:20px; margin:30px 0 8px 0; }
#header { width:812px; height:302px; }
#header.zwei_spalten { background:url(../images/header_herbst_de.jpg) no-repeat; }
#header.drei_spalten { background:url(../images/header_herbst_en.jpg) no-repeat; }
#content { width:812px; height:auto; background-color:#FFF; float:left; }
#content.zwei_spalten { background:url(../images/content_shadow2.jpg) repeat-y; }
#content.drei_spalten { background:url(../images/content_shadow.jpg) repeat-y; }
#navi { width:122px; height:auto; }
#main { width:465px; height:auto; margin:0 15px 0 15px; }
#info { width:180px; height:auto; }
#ad { width:160px; height:600px; float:right; }
#footer_outer { width:812px; height:181px; padding:105px 0 0 0; float:left; }
#footer_outer.zwei_spalten{ background:url(../images/footer_zwei.gif) no-repeat; }
#footer_outer.drei_spalten { background:url(../images/footer_drei.gif) no-repeat; }
#footer_inner { width:810px; height:149px; border:solid 1px #cdcfce; background:url(../images/bg_footer_inner.jpg) no-repeat; float:left; margin:0 0 30px 0; overflow:hidden;}
/* ---------- Header-Bereich ----------- */
#toolbar h1 { font-size:12px; font-weight:normal; width:550px; color:#4ba548; float:left; }
#lang { padding:0; margin:2px 0 0 0; font-size:12px; color:#ee7f13; float:right; }
#lang table tr td { color:#ae5050; }
/* ---------- Content ---------- */
#content div, #content ul, #navi ul li { float:left; }
#map div{float:none !important;}
/* Navigation */
#navi ul li{ list-style-type:none; }
.level1, .level2 { float:left; height:auto; }
.level1 li { background:url(../images/sprite_herbst.gif) no-repeat 0 -479px; }
.level2 li { background:url(../images/sprite_herbst.gif) no-repeat 0 -547px; }
.level1 li a,.level2 li a, .current { width:99px; height:24px; display:block; line-height:22px; padding:0 0 0 23px; font-size:11px; }
.level1 li a { color:#FFF; font-weight:bold; }
.level2 li a { color:#333; font-weight:normal; }
.level1 li a:hover, .level1 li a:active { background:url(../images/sprite_herbst.gif) no-repeat 0 -513px; }
.level1 a.current, .level1 a.current:hover { background:url(../images/sprite_herbst.gif) no-repeat 0 -513px; cursor:default; }
.level2 li a:hover, .level2 li a.active { background:url(../images/sprite_herbst.gif) no-repeat 0 -581px; color:#ae5050; }
.level2 a.current, .level2 a.current:hover { background: url(../images/sprite_herbst.gif) no-repeat 0 0; color:#ae5050; cursor:default; }
/* Maincontent */
#main.zwei_spalten { width:660px; }
#main.drei_spalten { width:465px; }
#main table tr.even { background-color:#f3f3f3; }
#main table tr.odd { background-color:#FFF; }
#main table tr td p { margin:0 0 12px 5px; }
#main p, #main h2, #main h3, #main ul { clear:left; }
#main ul { list-style-type:none; line-height:16px; margin:0 0 12px 5px; }
#main ul li, .infobox ul li { padding:0 0 0 10px; background:url(../images/bullet_h.gif) no-repeat 0 6px; }
#main img { padding:3px; border:solid 1px #CDCDCD; }
#main img.left { margin:3px 10px 0 0; float:left; }
#main img.right { margin:3px 0 0 5px; float:right; }
#main img.middle { border:none; padding:0; }
#main img.bm { margin:5px 0 0 158px; }
#main a.linkimg { background:url(../images/icon_pdf.gif) no-repeat; padding:1px 0 5px 23px; line-height:21px; }
/* Google Map */
#map { width:465px; height:406px; }
/* Videoplayer Presse */
#videoplayer { margin:0 0 0 32px; }
/* Fotogalerie "Impressionen" */
#main p.gallery a img { margin:0 0 20px 0; }
#main p.gallery a img.galleryimg { margin:0 36px 20px 36px; }
/* Ausstellerübersicht */
#ausstellerliste .list p, #ausstellerdetail .list p { text-align:center; margin:4px 0 0 0; padding:0 0 5px 0; }
#ausstellerliste .list p a, #ausstellerdetail .list p a { font-weight:bold; padding:0 5px 0 0; margin:0; }
#ausstellerliste .index { height:20px; }
#ausstellerliste p.index_letter { float:left; font-size:14px; font-weight:bold; color:#AE5050; display:block; width:37px; height:25px; background-color:#f3f3f3; padding:5px 0 0 23px; margin:0; }
#ausstellerliste .top { float:right; margin:7px 5px 0 0; }
#ausstellerliste .top img { border:none; }
#ausstellerliste p.name { margin:10px 0 0px 10px; }
#ausstellerliste p { clear:none; }
#ausstellerliste p.stand { float:left; padding:0 0 10px 10px; margin:0; }
#ausstellerliste .info { float:right; }
#ausstellerliste .infoimg { background:url(../images/icon_arrow_f.gif) no-repeat 0 3px; padding:1px 0 5px 15px; margin:0 10px 10px 0; }
#ausstellerliste .spacer { margin:20px 0 0 0; padding:0 0 20px 0; }
/* Ausstellerdetails */
#ausstellerdetail .aussteller_logo { height:200px; margin:12px 0 0 0; }
#ausstellerdetail .aussteller_logo tr td img { border:none; }
#ausstellerdetail .aussteller_kontakt { width:232px; padding:12px 0 0 0; }
#ausstellerdetail p.stand, #ausstellerdetail h3 { margin:0; }
#ausstellerdetail p.aussteller_info { margin:0 0 12px 0; }
/* Newsletter Formular */
.inputs td { height:35px; }
.inputs th label { margin:0 0 0 10px; }
.buttons { margin:5px 10px 10px 100px; }
/* Info */
.infobox, .infobox_blank, .infobox_herbst { height:auto; margin:0 0 12px 0; overflow:hidden; width:191px; }
.infobox { background:url(../images/infobox_middle.gif) repeat-y 0 0; }
.infobox_blank { text-align:center; }
.infobox_herbst { background:url(../images/infobox_herbst_middle.gif) repeat-y 0 0; }
.infobox_herbst_top { background:url(../images/infobox_herbst_top.gif) no-repeat 0 0; }
.infobox_herbst_bottom { background:url(../images/infobox_herbst_bottom.gif) no-repeat 0 0; }
.infobox_top, .infobox_bottom, .infobox_herbst_top, .infobox_herbst_bottom { width:191px; height:2px; display:block; overflow:hidden; }
.infobox_top { margin:0 0 8px 0; }
.infobox_bottom, .infobox_herbst_bottom { margin:8px 0 0 0; }
.infobox_top { background:url(../images/infobox_top.gif) no-repeat 0 0; }
.infobox_bottom { background:url(../images/infobox_bottom.gif) no-repeat 0 0; }
.infobox h3, .infobox p, .infobox a, .infobox_herbst h3, .infobox_herbst p, .infobox_herbst a { margin-left:8px; margin-right:8px; }
.infobox_herbst h3, .infobox_herbst p, .infobox_herbst a { color:#FFF; }
.infobox p a, .infobox_herbst p a { margin:0; }
.infobox h3 { color:#ae5050; margin-bottom:5px; }
.infobox ul { padding:0; margin:0; }
.infobox .btn_infos, .infobox .btn_infos_en { margin:12px 0 0 8px; }
#info p.last { margin:0 0 0 8px; }
.spacer { width:100%; height:2px; background:url(../images/spacer.png) repeat-x; overflow:hidden; margin:0 0 12px 0; display:block; clear:left; }
/* ---------- Footer ---------- */
#footer_inner img, .addthis_button, #footer_inner p, .vspacer, #footer_inner ul li { float:left; }
#footer_inner img { margin:21px 0 0 22px; }
#footer_inner p { margin:16px 0 15px 26px; }
.vspacer { width:1px; height:94px; overflow:hidden; background:url(../images/sprite_herbst.gif) no-repeat 0 -994px; margin:10px 5px 0 23px; }
#footer_inner .spacer { width:646px; margin:0 0 10px 23px; }
#footer_inner ul { list-style-type:none; text-indent:0; margin:0 0 0 185px; }
#footer_inner ul li { color:#ae5050; }
/* ---------- Sprite ---------- */
.btn_infos, .btn_infos_en, .btn_realbm, .btn_realbm_en, .btn_video, .btn_video_en, .btn_weitersagen, .english, .german, .vspacer { background:url(../images/sprite_herbst.gif) no-repeat; display:block; }
.btn_infos { width:165px; height:51px; background-position: 0 -34px; }
.btn_infos_en { width:165px; height:51px; background-position:0 -95px; }
a.btn_realbm { width:150px; height:72px; background-position: 0 -320px; margin:0 0 12px 20px; }
a.btn_realbm_en { width:151px; height:67px; background-position: 0 -402px; margin:0 0 12px 20px; }
.btn_video { width:165px; height:51px; background-position: 0 -156px; }
.btn_video_en { width:165px; height:51px; background-position:0 -217px; }
.english { background-position: 0 -299px; }
.german { background-position: 0 -278px; }
.english, .german { width:16px; height:11px; margin:4px 4px 0 0; }
.vspacer { background-position: 0 -615px; }
/* ---------- Lightbox ---------- */
#lightbox { position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img { border:none; }
#outerImageContainer { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer { padding: 10px; }
#loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav { left:0; }
#hoverNav a { outline:none;}
#prevLink, #nextLink { width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left; }
#nextLink { right:0; float:right; }
#prevLink:hover, #prevLink:visited:hover { background:url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails { width:70%; float:left; text-align:left; }
#imageData #caption { font-weight:bold; }
#imageData #numberDisplay { display:block; clear:left; padding-bottom:1.0em; }
#imageData #bottomNavClose { width:66px; float:right; padding-bottom:0.7em; }
#overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html>body .clearfix { display:inline-block; width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }
/* ---------- sIFR Anfang ---------- */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash { visibility: visible; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible; background-color: transparent !important; padding-left: 0px !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}
@media print {
.sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}
/* ---------- sIFR Ende ------------ */