/* menüs */ /*div.menu_box { width: 160px; margin-bottom: 10px; }*/ div.menu_box { width: 160px; margin-bottom: 5px; } div.menu_box_head { background: url('/images/menu_box_head.gif') no-repeat; width: 160px; height: 30px; text-align: center; } div.menu_box_head div { position: relative; top: 5px; color: #ffffff; font-size: 14px; } div.menu_box_head_sub { background-color: #919191;; width: 160px; height: 22px; text-align: left; } div.menu_box_head_sub div { position: relative; top: 2px; margin-left: 10px; color: #ffffff; } div.menu_item_box { background: url('/images/menu_item_box.gif') repeat-y; width: 160px; } div.menu_item { margin-left: 10px; } div.menu_item_news { margin-left: 10px; padding-left: 15px; padding-bottom: 10px; background-image: url('/images/pfeil_news.gif'); background-repeat: no-repeat; background-position: 0px 2px; } div.menu_box_bottom { background: url('/images/menu_box_bottom.gif') no-repeat; width: 160px; height: 8px; } /* breadcrumb-navigation */ div.breadcrumb { height: 20px; margin-top: 10px; } /* grundsätzliches layout */ body { font-family: Arial; font-size: 12px; color: #504e4f; } div.hauptmenue { left: 10px; float: left; width: 160px; } table.mitteltabelle { width: 775px; empty-cells: show; } table.mitteltabelle * td { vertical-align: top; } /*div.mitte { width: 610px; float: right; text-align: left; }*/ div.mitte { width: 610px; padding-left: 3px; text-align: left; } div.mitte div.box_head { background: url('/images/box_head.gif') no-repeat; width: 610px; height: 30px; } div.mitte div.box_head_missing { background: url('/images/box_head_missing.gif') no-repeat; width: 610px; height: 39px; margin-bottom: 10px; } div.mitte div.box_head_klein { background: url('/images/box_head_klein.gif') no-repeat; width: 290px; height: 30px; } div.mitte * div.box_head_300 { background: url('/images/box_head_300.gif') no-repeat; width: 300px; height: 30px; } div.mitte div.box_head2 { background: url('/images/box_head2.gif') no-repeat; width: 610px; height: 5px; font-size: 1px; /*ie hack, da sonst das div zu hoch wird*/ background-color: #f8f8f8; } div.mitte div.box_head2_umrandet { background: url('/images/box_head2_umrandet.gif') no-repeat; width: 610px; height: 5px; font-size: 1px; /*ie hack, da sonst das div zu hoch wird*/ background-color: #f8f8f8; } div.mitte div.box_head3 { background: url('/images/box_head3.gif') no-repeat; width: 610px; height: 31px; } div.mitte div.box_head3 div { position: relative; top: 5px; left: 20px; color: #ffffff; font-size: 14px; } div.mitte div.box_head div { position: relative; top: 5px; left: 20px; color: #ffffff; font-size: 14px; } div.mitte div.box_head_missing div { position: relative; top: 10px; left: 20px; color: #7e3405; font-size: 14px; font-weight: bold; } div.mitte div.box_head_missing * a { color: #7e3405; font-size: 14px; font-weight: bold; text-decoration: underline; } div.mitte div.box_head_klein div { position: relative; top: 5px; left: 20px; color: #ffffff; font-size: 14px; } div.mitte * div.box_head_300 div { position: relative; top: 5px; left: 20px; color: #ffffff; font-size: 14px; } /*div.mitte div.box_head a.schliessen { position: relative; top: -10px; float: right; margin-right: 10px; font-size: 14px; }*/ /*div.mitte div.box_head span.schliessen { position: relative; top: -10px; float: right; margin-right: 10px; }*/ img.schliessen { position: relative; top: -10px; float: right; margin-right: 10px; } /*div.mitte div.box { background: url('/images/box.gif') repeat-y; width: 580px; padding: 10px 20px 10px 20px; background-color: #f8f8f8; }*/ div.mitte div.box { background: url('/images/box.gif') repeat-y; width: 610px; padding: 10px 0px 10px 0px; background-color: #f8f8f8; } div.mitte div.box_klein { background: url('/images/box_klein.gif') repeat-y; width: 290px; padding-top: 10px; padding-bottom: 10px; } div.mitte * td.box_klein { background: url('/images/box_klein.gif') repeat-y; width: 290px; padding-top: 10px; padding-bottom: 10px; } div.mitte * td.box_klein2 { background: url('/images/box_klein2.gif') repeat-y; width: 300px; padding-top: 10px; padding-bottom: 10px; valign:top } div.mitte * td.box_klein2 * p { margin-top: 0px; } div.mitte div.box_umrandet { background: url('/images/box_umrandet.gif') repeat-y; width: 570px; padding: 10px 20px 10px 20px; background-color: #f8f8f8; } div.mitte div.box_liste { padding-top: 0px; padding-bottom: 0px; } /*div.mitte div.box div { width: 560px; margin: 0px 20px 0px 20px; }*/ div.mitte div.box > div { width: 560px; margin: 0px 20px 0px 20px; } div.mitte div.box table { width: 560px; margin: 0px 20px 0px 20px; } div.mitte div.box_umrandet table { width: 560px; margin: 0px 0px 0px 0px; } div.mitte div.box p { margin: 0px; padding: 0px; } div.mitte div.box_bottom { background: url('/images/box_bottom.gif') no-repeat; width: 610px; height: 5px; margin-bottom: 4px; font-size: 1px; /*ie hack, da sonst das div zu hoch wird*/ background-color: #f8f8f8; } div.mitte div.box_bottom_klein { background: url('/images/box_bottom_klein.gif') no-repeat; width: 290px; height: 5px; margin-bottom: 10px; } div.mitte div.box_bottom_klein2 { background: url('/images/box_bottom_klein2.gif') no-repeat; width: 300px; height: 5px; margin-bottom: 10px; } div.mitte div.box_bottom_umrandet { background: url('/images/box_bottom_umrandet.gif') no-repeat; width: 610px; height: 5px; margin-bottom: 4px; font-size: 1px; /*ie hack, da sonst das div zu hoch wird*/ background-color: #f8f8f8; } div.mitte div.inserat_hintergrund { background-color: #80cafb; } /*div.hauptbalken { clear: both; height: 33px; width: 780px; background: url('/images/hauptbalken.gif') no-repeat; }*/ /*div.hauptbalken { clear: both; height: 33px; width: 775px; background: url('/images/hauptbalken.gif') no-repeat; margin-left: 2px; }*/ div.hauptbalken { clear: both; height: 33px; width: 775px; background: url('/images/hauptbalken.gif') no-repeat; margin-left: 0px; margin-top: 5px; margin-bottom: 5px; } div.hauptbalken form { margin-bottom: 0px; margin-top: 0px; } /*div.hauptbalken table { width: 780px; margin-top: 2px; }*/ div.hauptbalken table { width: 100%; margin-top: 2px; } div.hauptbalken table tr td { vertical-align: middle; } div.hauptbalken table tr td.links { padding-left: 10px; width: 200px; } div.hauptbalken table tr td.suche { width: 60px; vertical-align: middle; text-align: right; } div.hauptbalken table tr td.suchfeld { width: 250px; vertical-align: middle; } div.hauptbalken table tr td.finden { width: 190px; } div.hauptbalken table tr td.fahnen { width: 80px; text-align: right; } div.hauptbalken * div.btn_finden { margin-left: 2px; height: 21px; width: 55px; background: url('/images/btn_finden.gif') no-repeat; padding-top: 3px; text-align: center; color: #ffffff; cursor: pointer; cursor: hand; } div.balken_mit_verlauf { clear: both; height: 33px; width: 610px; background: url('/images/balken_mit_verlauf.gif') no-repeat; padding-top: 5px; } div.balken_mit_verlauf2 { clear: both; height: 30px; width: 610px; background: url('/images/balken_mit_verlauf2.gif') no-repeat; padding-top: 3px; color: #ffffff; font-size: 14px; } div.balken_mit_verlauf_mittel { height: 30px; width: 507px; background: url('/images/balken_mit_verlauf_mittel.gif') no-repeat; padding-top: 3px; } div.balken_mit_verlauf_kurz { height: 30px; width: 98px; background: url('/images/balken_mit_verlauf_kurz.gif') no-repeat; padding-top: 8px; } div.anmelden { height: 26px; width: 98px; background: url('/images/btn_einloggen.gif') no-repeat; padding-top: 4px; text-align: center; margin: 0 0 0 5px; } div.einloggen { height: 26px; width: 98px; background: url('/images/btn_einloggen.gif') no-repeat; padding-top: 4px; text-align: center; margin: 0 0 0 5px; } div.anmelden a { color: #ffffff; font-weight: bold; } div.einloggen a { color: #ffffff; font-weight: bold; } div.footer { clear: both; margin-left: 0px; width: 613px; word-spacing: 19px; text-align: justify; } div.partner { clear: both; margin-left: 0px; margin-top: 10px; width: 613px; text-align: center; font-size: 10px; color: #b7b5b6;} table.extras { margin: auto; } table.extras * td { text-align: center; width: 180px; } /* menuepunkt unternehmen */ div.mitte div.box_unternehmen_head { background: url('/images/unternehmen/top.gif') no-repeat; width: 610px; height: 3px; font-size: 1px; /*ie hack, da sonst das div zu hoch wird*/ } div.mitte div.box_unternehmen { background: url('/images/unternehmen/mitte.gif') repeat-y; width: 610px; } div.mitte div.box_unternehmen_bottom { background: url('/images/unternehmen/bottom.gif') no-repeat; width: 610px; height: 5px; margin-bottom: 10px; } div.mitte * td.unternehmen_zwischen { width: 7px; } div.mitte * td.unternehmen_header { width: 185px; height: 24px; background-repeat: no-repeat; } div.mitte * td.unternehmen_body { width: 185px; background: url('/images/unternehmen/mitte_klein.gif') repeat-y; } div.mitte * table.unternehmen_content { width: 165px; margin: 0 10px; } div.mitte * td.unternehmen_footer { width: 185px; height: 14px; background: url('/images/unternehmen/footer.gif') no-repeat; } /* links */ a { color: #009aff; text-decoration: none; } a:hover { color: #009aff; text-decoration: underline; } a.titlelink { color: #504e4f; font-weight: bold; background: url(/images/bullet_blau.gif) no-repeat 0px 2px; padding-left:14px; } a.titlelink:hover { color: #009aff; text-decoration: underline; } a.detailslink { color: #504e4f; background: url(/images/bullet_blau.gif) no-repeat 0px 2px; padding-left:14px; } a.detailslink:hover { color: #009aff; text-decoration: underline; } div.hauptbalken * a { color: #504e4f; text-decoration: none; } div.hauptbalken * a:hover { color: #009aff; text-decoration: underline; } div.breadcrumb a { color: #049bff; text-decoration: none; } div.breadcrumb a:hover { color: #049bff; text-decoration: underline; } div.footer a { color: #504e4f; text-decoration: none; } div.footer a:hover { color: #009aff; text-decoration: underline; } div.partner a { color: #b7b5b6; text-decoration: none; } div.partner a:hover { color: #009aff; text-decoration: underline; } a.betont { color: #009aff; text-decoration: underline; } a.alle_inserate { color: #049bff; font-size: 40px; text-decoration: none; } a.alle_inserate:hover { color: #049bff; font-size: 40px; text-decoration: underline; cursor: pointer; } a.neutral { color: #504e4f; text-decoration: none; } a.neutral:hover { color: #504e4f; text-decoration: none; } a.mehr { color: #ff6503; text-decoration: none; } a.mehr:hover { color: #ff6503; text-decoration: underline; } .orange { color: #ff6503; } .blau { color: #049bff; } img { border: none; } img.info { margin-bottom: -6px; } input[type=text] { border: solid 1px #000000; } input[type=password] { border: solid 1px #000000; } input[type=file] { border: solid 1px #000000; } select { border: solid 1px #000000; } textarea { border: solid 1px #000000; } .missing { background-color: #ff7015; } /* breiter Button */ p.btn_breit { color: #ffffff; height: 29px; width: 170px; background: url('/images/btn_breit.gif') no-repeat; padding-top: 4px; text-align: center; } p.btn_breit:hover { cursor: pointer; cursor: hand; } /* Button "Top in Rubrik" */ div.btn_top_in_rubrik { color: #000000; font-size: 14px; height: 31px; width: 186px; background: url('/images/btn_top_in_rubrik.gif') no-repeat center; padding-top: 8px; margin-left: auto; margin-right: auto; text-align: center; } /* weiter Button */ div.mitte div.box div.weiter { width: 570px; text-align: right; color: #ffffff; } div.mitte div.box div.weiter p { margin-left: 450px; height: 30px; width: 98px; background: url('/images/btn_einloggen.gif') no-repeat; padding-top: 4px; text-align: center; } div.mitte div.box div.weiter p:hover { cursor: pointer; cursor: hand; } div.mitte div.box_unternehmen div.weiter { width: 570px; text-align: right; color: #ffffff; } div.mitte div.box_unternehmen div.weiter p { margin: 0 0 0 450px; height: 30px; width: 98px; background: url('/images/btn_einloggen.gif') no-repeat; padding-top: 4px; text-align: center; } div.mitte div.box_unternehmen div.weiter p:hover { cursor: pointer; cursor: hand; } /* table.untermenue { border-spacing: 0px; margin-bottom: 0px; } table.untermenue td { height: 30px; width: 118px; background: url('/images/btn_einloggen.gif') no-repeat; padding-top: 4px; text-align: center; } table.untermenue td.zwischen { width: 2px; background: none; } table.untermenue td a { color: #ffffff; } table.untermenue td a:hover { color: #ff6503; } */ div.untermenue { height: 30px; } div.untermenue div { height: 30px; width: 98px; background: url('/images/btn_einloggen.gif') no-repeat; padding-top: 5px; text-align: center; margin-left: 4px; } div.untermenue div a { color: #ffffff; } div.untermenue div a:hover { color: #ffffff; } table.bearbeiten_weiter { width: 100%; margin: 0px 0px 4px 0px; border-spacing: 0px; } table.bearbeiten_weiter td { height: 30px; width: 98px; background: url('/images/btn_einloggen.gif') no-repeat; padding-top: 4px; padding-right: 0px; padding-left: 0px; text-align: center; } table.bearbeiten_weiter td.zwischen { width: auto; background: none; color: #049bff; font-size: 14px; padding-top: 6px; } table.bearbeiten_weiter td a { color: #ffffff; } table.bearbeiten_weiter td a:hover { color: #ffffff; } p.error { width: 560px; color: #ff6503; font-weight: bold; } .blau { color: #049bff; } td.btn_produktnews { background-repeat: no-repeat; height: 25px; text-align: center; padding-top: 4px; } td.btn_produktnews a { color: #444444; text-decoration: none; } td.produktnews * a { color: #444444; text-decoration: none; } marquee { color: #009aff; } div.infoDiv { position: absolute; width: 300px; height: 250px; background-color: #ffffff; border: solid 1px #000000; padding: 8px; } td#firmenlogo { width: 220px; height: 150px; padding: none; border: solid 1px #000000; } td#firmenlogo img { width: 220px; height: 150px; } td#firmenlogo img:hover { cursor: pointer; } table.seiteXvonY * td { vertical-align: middle; padding-top: 0px; padding-bottom: 0px; height: 20px; } table.seiteXvonY * td img { margin-top: 1px; } hr.top_eintraege { background-color: #049bff; border: solid 1px #049bff; height: 2px; } table.merkzettel { width: 580px; } table.merkzettel * td { vertical-align: middle; } td.staedtelinks { text-align: center; padding-bottom: 10px; }