/**************************************************** ***************************************************** Datei: m.css Rainer Fabrizi, www.transporter.at, 2007 #DCD9D4 ... hintergrund navigation #6D6352 ... text body ids in abhängigkeit der aktuellen hauptrubrik: m0 ... #6D6352 ... #DCD9D4 ... startseite m1 ... #FFCB00 ... #FFF5CC ... angebote m2 ... #5BDA3F ... #DEF8D9 ... produktvielfalt m3 ... #FF0075 ... #FFE6F1 ... karriere m4 ... #00BEFF ... #CCF2FF ... standorte m5 ... #EE0000 ... #FDE6E6 ... unternehmen m6 ... #BA6C00 ... #F1E2CC ... service reihenfolge der layoutbereiche: l_wrap .......... umschlisst alles l_himmel ........ über allem (man kann nie wissen) l_kopf1 ......... bereich ganz oben über der navigation l_navigation .... navigation l_features ...... features l_kopf2 ......... bereich zwischen features und inhalt l_inhalt ........ eigentlicher inhalt l_fuss .......... fussleiste /***************************************************/ /***************************************************/ /******************************************** body */ /* IE6- flicker bug */ html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: small; line-height: 1.5; text-align: left; color: #6D6352; background-color: #EE0000; } * html body { font-size: x-small; /* ie5 win */ f\ont-size: small; /* ie win */ } html>body { font-size: small; /* sei nett zu opera */ } /***************************************************/ /***************************************************/ /*************************************** allg.tags */ a { } /* verhindert rand bei bild-links */ img { border: 0; } /***************************************************/ /***************************************************/ /*********************************** allg. klassen */ .links { float: left; } .rechts { float: right; } .clear { clear: both; margin: 0; padding: 0; height: 0px; } .clear_left { clear: left; margin: 0; padding: 0; height: 0px; } .clear_right { clear: right; margin: 0; padding: 0; height: 0px; } .skalieren { width: 100%; } * html .skalieren { width: 99.5%; } .wichtig { font-weight: bold; } .wichtigfarbe { font-weight: bold; } #m0 .wichtigfarbe { color: #000; } #m1 .wichtigfarbe { color: #FFCB00; } #m2 .wichtigfarbe { color: #5BDA3F; } #m3 .wichtigfarbe { color: #FF0075; } #m4 .wichtigfarbe { color: #00BEFF; } #m5 .wichtigfarbe { color: #EE0000; } #m6 .wichtigfarbe { color: #BA6C00; } /***************************************************/ /***************************************************/ /************************************** layout ids */ /* die mit l_ beginnenden ids stehen für die zugrundeliegenden hauptabschnitte der seite */ /* umschliesst alles */ #l_wrap { max-width: 1500px; min-width: 780px; /* width: expression für IE6- win auskommentiert, der liebe IE6- kackt sonst ab */ /* width: expression(document.body.clientWidth < 780? "780px" : document.body.clientWidth > 1500? "1500px": "auto" ); */ font-size: 95%; } *:first-child+html #l_wrap { min-width: 860px; } /* IE7 macht sonst hackfleisch aus den floats */ /* über allem, ausserhalb (man weiss nie wozus gut sein könnte) */ #l_himmel { margin: 0; padding: 0; height: 0; width: 0; } /* bereich ganz oben mit dem zurück button */ #l_kopf1 { z-index: 100; } /* navigation */ #l_navigation { } /* features bereich zwischen navigation und inhalt */ #l_features { } /* bereich am beginn des inhalts mit den hauptrubriken */ #l_kopf2 { z-index: 50; /* position: fixed; top: 0px; */ } /* der eigentliche ihalt */ #l_inhalt { } /* die fussleiste schliesst die seite unten ab */ #l_fuss { } /***************************************************/ /***************************************************/ /******************************************* kopf1 */ /* wrap um himmel */ #himmel_wrap { } /* himmel */ #himmel { } /***************************************************/ /***************************************************/ /******************************************* kopf1 */ /* wrap um kopf1 erzeugt hintergrund */ #kopf1_wrap { position: relative; width: 100%; background: url(../m_images/kopf1_balken.gif) #DCD9D4 repeat-x; } /* seitenränder */ #kopf1 { padding: 6px 15px 0px 15px; } /* linker bereich */ .kopf1_links { float: left; width: 60%; text-align: left; } .kopf1_pfeil { /* pfeil nach unten zurück zum inhalt */ float: left; padding-right: 0.5em; } .kopf1_pfeil img { border: none; } .kopf1_zurueck { /* text zurück zum inhalt */ float: left; margin-top: 35px; padding-right: 0.5em; } /* zurueck links */ a.kopf1_zuruecklink:link, a.kopf1_zuruecklink:visited { position: relative; color: #6D6352; text-decoration: none; } /* in abhängigkeit von der aktuellen hauptrubrik m1 bis m6 */ #m0 a.kopf1_zuruecklink:link, #m0 a.kopf1_zuruecklink:visited { border-bottom: #FFF solid 1px;} #m0 a.kopf1_zuruecklink:hover, #m0 a.kopf1_zuruecklink:active { color: #FFF; } #m1 a.kopf1_zuruecklink:link, #m1 a.kopf1_zuruecklink:visited { border-bottom: #FFCB00 solid 1px;} #m1 a.kopf1_zuruecklink:hover, #m1 a.kopf1_zuruecklink:active { color: #FFCB00; } #m2 a.kopf1_zuruecklink:link, #m2 a.kopf1_zuruecklink:visited { border-bottom: #5BDA3F solid 1px;} #m2 a.kopf1_zuruecklink:hover, #m2 a.kopf1_zuruecklink:active { color: #5BDA3F; } #m3 a.kopf1_zuruecklink:link, #m3 a.kopf1_zuruecklink:visited { border-bottom: #FF0075 solid 1px;} #m3 a.kopf1_zuruecklink:hover, #m3 a.kopf1_zuruecklink:active { color: #FF0075; } #m4 a.kopf1_zuruecklink:link, #m4 a.kopf1_zuruecklink:visited { border-bottom: #00BEFF solid 1px;} #m4 a.kopf1_zuruecklink:hover, #m4 a.kopf1_zuruecklink:active { color: #00BEFF; } #m5 a.kopf1_zuruecklink:link, #m5 a.kopf1_zuruecklink:visited { border-bottom: #EE0000 solid 1px;} #m5 a.kopf1_zuruecklink:hover, #m5 a.kopf1_zuruecklink:active { color: #EE0000; } #m6 a.kopf1_zuruecklink:link, #m6 a.kopf1_zuruecklink:visited { border-bottom: #BA6C00 solid 1px;} #m6 a.kopf1_zuruecklink:hover, #m6 a.kopf1_zuruecklink:active { color: #BA6C00; } /* rechter bereich */ .kopf1_rechts { float: right; width: 40%; text-align: right; } * html .kopf1_rechts { width: 39%; } /* IE6- */ *:first-child+html .kopf1_rechts { width: 39%; } /* IE7 */ .kopf1_logo { /* logo rechts */ float: right; padding-left: 1em; } .kopf1_logo img { border: none; } .kopf1_suchen { /* suchformular */ float: right; margin-top: 35px; padding-left: 1em; } .kopf1_suchen form { padding: 0; margin: 0; } .kopf1_suchen input { /* formular input felder */ position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #6D6352; border: none; background-color: #FFF; } .kopf1_druck { /* druck-icon */ float: right; margin-top: 35px; padding-left: 0.5em; } /* linie schliesst den kopf1 unten ab */ .kopf1_linie { clear: both; height: 6px; border-bottom: 1px solid #FFF; } /***************************************************/ /***************************************************/ /************************************** navigation */ /* wrap um navigation erzeugt hintergrund und seitenränder */ #navigation_wrap { /* float: left; */ margin: 0; padding: 6px 15px 6px 0; color: #FFF; background: url(../m_images/navigation_bg.jpg) #F3F2F1 repeat-x; } * html #navigation_wrap { padding: 6px 0 6px 0; } /* IE6- */ *:first-child+html #navigation_wrap { padding: 6px 0 6px 0; } /* IE7 */ #navigation { /* no need? */ } /* navigation allgemein */ #navigation a { text-decoration: none; } /* 6 spalten für 6 hauptrubriken */ #navigation .navigation_m1, #navigation .navigation_m2, #navigation .navigation_m3, #navigation .navigation_m4, #navigation .navigation_m5, #navigation .navigation_m6 { float: left; width: 146px; margin: 0 0 15px 15px; padding: 0; overflow: hidden; } * html #navigation .navigation_m1 { margin: 0 0 15px 7px; } *:first-child+html #navigation .navigation_m1 { margin: 0 0 15px 7px; } /* weisse hintergründe mit den grossen versalien */ #navigation .navigation_m1 { background: #FFF url(../m_images/navigation_en_weiss1.gif) top left no-repeat; } #navigation .navigation_m2 { background: #FFF url(../m_images/navigation_en_weiss2.gif) top left no-repeat; } #navigation .navigation_m3 { background: #FFF url(../m_images/navigation_en_weiss3.gif) top left no-repeat; } #navigation .navigation_m4 { background: #FFF url(../m_images/navigation_en_weiss4.gif) top left no-repeat; } #navigation .navigation_m5 { background: #FFF url(../m_images/navigation_en_weiss5.gif) top left no-repeat; } #navigation .navigation_m6 { background: #FFF url(../m_images/navigation_en_weiss6.gif) top left no-repeat; } /* hauptrubriken ganz oben: bilder */ .navigation_kopf { margin: 0; padding: 0; border-bottom: #DCD9D4 2px solid; } .navigation_m1 .navigation_kopf { background-color: #FFCB00; } .navigation_m2 .navigation_kopf { background-color: #5BDA3F; } .navigation_m3 .navigation_kopf { background-color: #FF0075; } .navigation_m4 .navigation_kopf { background-color: #00BEFF; } .navigation_m5 .navigation_kopf { background-color: #EE0000; } .navigation_m6 .navigation_kopf { background-color: #BA6C00; } /* liste navigation zweite hierarchie */ ul.navigation_ul2 { position: relative; margin: 0; padding: 0; background-color: #ADA79C; list-style: none; } /* listenelement zweite hierarchie, direkt unter den hauptmenüs */ li.navigation_li2 { position: relative; margin: 0; padding: 0; } /* farbe der balken abhängig von der aktuellen hauptrubrik */ .navigation_m1 li.navigation_li2, .navigation_m1 li.navigation_li2aktiv { border-bottom: #FFCB00 solid 2px; } .navigation_m2 li.navigation_li2, .navigation_m2 li.navigation_li2aktiv { border-bottom: #5BDA3F solid 2px; } .navigation_m3 li.navigation_li2, .navigation_m3 li.navigation_li2aktiv { border-bottom: #FF0075 solid 2px; } .navigation_m4 li.navigation_li2, .navigation_m4 li.navigation_li2aktiv { border-bottom: #00BEFF solid 2px; } .navigation_m5 li.navigation_li2, .navigation_m5 li.navigation_li2aktiv { border-bottom: #EE0000 solid 2px; } .navigation_m6 li.navigation_li2, .navigation_m6 li.navigation_li2aktiv { border-bottom: #BA6C00 solid 2px; } /* link zweite hierarchie */ li.navigation_li2 a:link, li.navigation_li2 a:visited { display: block; margin: 0; padding: 0 4px 0 8px; width: 134px; /* 146-4-8 */ color: #FFF; font-weight: bold; vertical-align: bottom; } li.navigation_li2 a:hover, li.navigation_li2 a:active { background-color: #FFF; } /* farbe der links abhängig von der aktuellen hauptrubrik */ .navigation_m1 li.navigation_li2 a:hover, .navigation_m1 li.navigation_li2 a:active { color: #FFCB00; } .navigation_m2 li.navigation_li2 a:hover, .navigation_m2 li.navigation_li2 a:active { color: #5BDA3F; } .navigation_m3 li.navigation_li2 a:hover, .navigation_m3 li.navigation_li2 a:active { color: #FF0075; } .navigation_m4 li.navigation_li2 a:hover, .navigation_m4 li.navigation_li2 a:active { color: #00BEFF; } .navigation_m5 li.navigation_li2 a:hover, .navigation_m5 li.navigation_li2 a:active { color: #EE0000; } .navigation_m6 li.navigation_li2 a:hover, .navigation_m6 li.navigation_li2 a:active { color: #BA6C00; } /* aktiver link, klasse navigation_li2aktiv anstatt navigation_li2 */ li.navigation_li2aktiv a:link, li.navigation_li2aktiv a:visited, li.navigation_li2aktiv a:hover, li.navigation_li2aktiv a:active { display: block; margin: 0; padding: 0 4px 0 8px; width: 134px; /* 146-4-8 */ font-weight: bold; vertical-align: bottom; background-color: #FFF; } /* aktiver link farbe abhängig von der aktuellen hauptrubrik */ .navigation_m1 li.navigation_li2aktiv a:link, .navigation_m1 li.navigation_li2aktiv a:visited, .navigation_m1 li.navigation_li2aktiv a:hover, .navigation_m1 li.navigation_li2aktiv a:active { color: #FFCB00; } .navigation_m2 li.navigation_li2aktiv a:link, .navigation_m2 li.navigation_li2aktiv a:visited, .navigation_m2 li.navigation_li2aktiv a:hover, .navigation_m2 li.navigation_li2aktiv a:active { color: #5BDA3F; } .navigation_m3 li.navigation_li2aktiv a:link, .navigation_m3 li.navigation_li2aktiv a:visited, .navigation_m3 li.navigation_li2aktiv a:hover, .navigation_m3 li.navigation_li2aktiv a:active { color: #FF0075; } .navigation_m4 li.navigation_li2aktiv a:link, .navigation_m4 li.navigation_li2aktiv a:visited, .navigation_m4 li.navigation_li2aktiv a:hover, .navigation_m4 li.navigation_li2aktiv a:active { color: #00BEFF; } .navigation_m5 li.navigation_li2aktiv a:link, .navigation_m5 li.navigation_li2aktiv a:visited, .navigation_m5 li.navigation_li2aktiv a:hover, .navigation_m5 li.navigation_li2aktiv a:active { color: #EE0000; } .navigation_m6 li.navigation_li2aktiv a:link, .navigation_m6 li.navigation_li2aktiv a:visited, .navigation_m6 li.navigation_li2aktiv a:hover, .navigation_m6 li.navigation_li2aktiv a:active { color: #BA6C00; } /* liste navigation dritte hierarchie */ ul.navigation_ul3 { position: relative; margin: 0; padding: 0; background-color: #ADA79C; list-style: none; } /* listenelement dritte hierarchie, direkt unter den hauptmenüs */ li.navigation_li3 { position: relative; margin: 0; padding: 0; border-bottom: none; } /* farbe der balken abhängig von der aktuellen hauptrubrik */ .navigation_m1 li.navigation_li3, .navigation_m1 li.navigation_li3aktiv { border-top: #B9B3AA solid 1px; } .navigation_m2 li.navigation_li3, .navigation_m2 li.navigation_li3aktiv { border-top: #B9B3AA solid 1px; } .navigation_m3 li.navigation_li3, .navigation_m3 li.navigation_li3aktiv { border-top: #B9B3AA solid 1px; } .navigation_m4 li.navigation_li3, .navigation_m4 li.navigation_li3aktiv { border-top: #B9B3AA solid 1px; } .navigation_m5 li.navigation_li3, .navigation_m5 li.navigation_li3aktiv { border-top: #B9B3AA solid 1px; } .navigation_m6 li.navigation_li3, .navigation_m6 li.navigation_li3aktiv { border-top: #B9B3AA solid 1px; } /* link dritte hierarchie */ li.navigation_li3 a:link, li.navigation_li3 a:visited { display: block; margin: 0; padding: 0 4px 0 16px; width: 126px; /* 146-4-16 */ color: #FFF; font-weight: normal; vertical-align: bottom; } /* farbe der links abhängig von der aktuellen hauptrubrik */ .navigation_m1 li.navigation_li3 a:hover, .navigation_m1 li.navigation_li3 a:active { color: #FFCB00; background: url(../m_images/navigation_pfeil1.gif) no-repeat 0 50% #FFF; } .navigation_m2 li.navigation_li3 a:hover, .navigation_m2 li.navigation_li3 a:active { color: #5BDA3F; background: url(../m_images/navigation_pfeil2.gif) no-repeat 0 50% #FFF; } .navigation_m3 li.navigation_li3 a:hover, .navigation_m3 li.navigation_li3 a:active { color: #FF0075; background: url(../m_images/navigation_pfeil3.gif) no-repeat 0 50% #FFF; } .navigation_m4 li.navigation_li3 a:hover, .navigation_m4 li.navigation_li3 a:active { color: #00BEFF; background: url(../m_images/navigation_pfeil4.gif) no-repeat 0 50% #FFF; } .navigation_m5 li.navigation_li3 a:hover, .navigation_m5 li.navigation_li3 a:active { color: #EE0000; background: url(../m_images/navigation_pfeil5.gif) no-repeat 0 50% #FFF; } .navigation_m6 li.navigation_li3 a:hover, .navigation_m6 li.navigation_li3 a:active { color: #BA6C00; background: url(../m_images/navigation_pfeil6.gif) no-repeat 0 50% #FFF; } /* aktiver link, klasse navigation_li3aktiv anstatt navigation_li3 */ li.navigation_li3aktiv a:link, li.navigation_li3aktiv a:visited, li.navigation_li3aktiv a:hover, li.navigation_li3aktiv a:active { display: block; margin: 0; padding: 0 4px 0 16px; width: 126px; /* 146-4-16 */ font-weight: normal; vertical-align: bottom; background-color: #FFF; } .navigation_m1 li.navigation_li3aktiv a:link, .navigation_m1 li.navigation_li3aktiv a:visited, .navigation_m1 li.navigation_li3aktiv a:hover, .navigation_m1 li.navigation_li3aktiv a:active { color: #FFCB00; background: url(../m_images/navigation_pfeil1.gif) no-repeat 0 50% #FFF; } .navigation_m2 li.navigation_li3aktiv a:link, .navigation_m2 li.navigation_li3aktiv a:visited, .navigation_m2 li.navigation_li3aktiv a:hover, .navigation_m2 li.navigation_li3aktiv a:active { color: #5BDA3F; background: url(../m_images/navigation_pfeil2.gif) no-repeat 0 50% #FFF; } .navigation_m3 li.navigation_li3aktiv a:link, .navigation_m3 li.navigation_li3aktiv a:visited, .navigation_m3 li.navigation_li3aktiv a:hover, .navigation_m3 li.navigation_li3aktiv a:active { color: #FF0075; background: url(../m_images/navigation_pfeil3.gif) no-repeat 0 50% #FFF; } .navigation_m4 li.navigation_li3aktiv a:link, .navigation_m4 li.navigation_li3aktiv a:visited, .navigation_m4 li.navigation_li3aktiv a:hover, .navigation_m4 li.navigation_li3aktiv a:active { color: #00BEFF; background: url(../m_images/navigation_pfeil4.gif) no-repeat 0 50% #FFF; } .navigation_m5 li.navigation_li3aktiv a:link, .navigation_m5 li.navigation_li3aktiv a:visited, .navigation_m5 li.navigation_li3aktiv a:hover, .navigation_m5 li.navigation_li3aktiv a:active { color: #EE0000; background: url(../m_images/navigation_pfeil5.gif) no-repeat 0 50% #FFF; } .navigation_m6 li.navigation_li3aktiv a:link, .navigation_m6 li.navigation_li3aktiv a:visited, .navigation_m6 li.navigation_li3aktiv a:hover, .navigation_m6 li.navigation_li3aktiv a:active { color: #BA6C00; background: url(../m_images/navigation_pfeil6.gif) no-repeat 0 50% #FFF; } /* baguette link */ .navigation_baguette { float: right; width: 146px; } * html .navigation_baguette { padding-right: 15px; } /* IE6- */ *:first-child+html .navigation_baguette { padding-right: 15px; } /* IE7 */ .navigation_baguette a img { border: none; } .navigation_baguette p { margin: 0 0 9px 0; padding: 2px 6px; text-align: center; background-color: #ADA79C; overflow: hidden; } .navigation_baguette a:link, .navigation_baguette a:visited { color: #FFF; } .navigation_baguette a:hover, .navigation_baguette a:active { color: #F65C08; } /* navigation erstreckt sich bis ganz unten nach den gefloateten bereichen */ .navigation_clear { clear: both; margin: 0; padding: 0; } /***************************************************/ /***************************************************/ /**************************************** features */ /* wrap um features erzeugt hintergrund */ #features_wrap { clear: both; color: #FFF; line-height: 1.1; background-color: #EE0000; } /* seitenränder */ #features { float: left; padding: 12px 0 12px 15px; /* 0 damit die li elemente rechts näher an den rand herankönnen */ } * html #features { padding: 12px 15px 12px 15px; /* ie6- braucht sonst scrollbalken */ } /* features liste */ ul.features_list { position: relative; float: left; margin: 0; padding: 0; list-style: none; } /* features listenelement */ .features_list li { position: relative; float: left; width: 227px; margin: 15px 15px 0 0; padding: 0; overflow: hidden; } /* a link über gesamte li fläche */ .features_list a { display: block; float: left; width: 221px; /* 227 minus 2x3padding */ margin: 0; padding: 3px; text-decoration: none; color: #6D6352; background: #FFF url(../m_images/pfeilrechtsunten.gif) no-repeat bottom right; } /* pfeil standard grau */ .features_list a:link, .features_list a:visited { background: #FFF url(../m_images/pfeilrechtsunten.gif) no-repeat bottom right; } /* farbe der links abhängig von der aktuellen hauptrubrik */ .features_lim1 a:link, .features_lim1 a:visited { background: #FFF url(../m_images/pfeilrechtsunten1.gif) no-repeat bottom right; } .features_lim2 a:link, .features_lim2 a:visited { background: #FFF url(../m_images/pfeilrechtsunten2.gif) no-repeat bottom right; } .features_lim3 a:link, .features_lim3 a:visited { background: #FFF url(../m_images/pfeilrechtsunten3.gif) no-repeat bottom right; } .features_lim4 a:link, .features_lim4 a:visited { background: #FFF url(../m_images/pfeilrechtsunten4.gif) no-repeat bottom right; } .features_lim5 a:link, .features_lim5 a:visited { background: #FFF url(../m_images/pfeilrechtsunten5.gif) no-repeat bottom right; } .features_lim6 a:link, .features_lim6 a:visited { background: #FFF url(../m_images/pfeilrechtsunten6.gif) no-repeat bottom right; } /* hover und active */ .features_list a:hover, .features_list a:active { background: #FFF url(../m_images/pfeilanimiert.gif) no-repeat bottom right; } .features_lim1 a:hover, .features_lim1 a:active { color: #FFCB00; background: #FFF url(../m_images/pfeilanimiert1.gif) no-repeat bottom right; } .features_lim2 a:hover, .features_lim2 a:active { color: #5BDA3F; background: #FFF url(../m_images/pfeilanimiert2.gif) no-repeat bottom right; } .features_lim3 a:hover, .features_lim3 a:active { color: #FF0075; background: #FFF url(../m_images/pfeilanimiert3.gif) no-repeat bottom right; } .features_lim4 a:hover, .features_lim4 a:active { color: #00BEFF; background: #FFF url(../m_images/pfeilanimiert4.gif) no-repeat bottom right; } .features_lim5 a:hover, .features_lim5 a:active { color: #EE0000; background: #FFF url(../m_images/pfeilanimiert5.gif) no-repeat bottom right; } .features_lim6 a:hover, .features_lim6 a:active { color: #BA6C00; background: #FFF url(../m_images/pfeilanimiert6.gif) no-repeat bottom right; } /* container für bild */ .features_list .features_bild { float: left; margin: 0; padding: 0; width: 40px; height: 40px; } /* fehlt das bild scheint farbe durch */ .features_lim1 .features_bild { background-color: #FFCB00; } .features_lim2 .features_bild { background-color: #5BDA3F; } .features_lim3 .features_bild { background-color: #FF0075; } .features_lim4 .features_bild { background-color: #00BEFF; } .features_lim5 .features_bild { background-color: #EE0000; } .features_lim6 .features_bild { background-color: #BA6C00; } /* das bild selbst */ .features_list .features_bild img { margin: 0; padding: 0; border: none; } /* text */ .features_list p { display: block; padding: 0; margin: 0 15px 0 47px; /* bild 40 plus 10 */ } /* features erstrecken sich bis ganz unten nach den gefloateten bereichen */ .features_clear { clear: both; } /***************************************************/ /***************************************************/ /******************************************* kopf2 */ /* wrap um kopf2 erzeugt roten balken oben */ #kopf2_wrap { position: relative; width: 100%; background: url(../m_images/kopf2_balken.gif) #FFF repeat-x; } /* falls keine aktuelle hauptrubrik: startseite hintergrund grau */ #m0 #kopf2_wrap { background: url(../m_images/kopf1_balken.gif) #DCD9D4 repeat-x; } /* seitenränder */ #kopf2 { padding: 6px 15px 0 15px; } /* linker bereich */ .kopf2_links { float: left; width: 70%; text-align: left; } .kopf2_pfeil { /* pfeil nach oben zur navigation */ float: left; padding-right: 1em; } .kopf2_pfeil img { border: none; } /* liste rubriken */ ul.kopf2_rubriken { position: relative; float: left; margin: 35px 0 0 0; padding: 0; list-style: none; } ul.kopf2_rubriken li { float: left; margin-right: 1em; } /* kopf2_rubriken links */ .kopf2_rubriken a:link, .kopf2_rubriken a:visited { position: relative; color: #6D6352; text-decoration: none; } /* m1 bis m6, wenn die rubrik die aktuelle hauptrubrik ist */ a.kopf2_rubrik1:link, a.kopf2_rubrik1:visited { border-bottom: #FFCB00 solid 1px; } #m1 a.kopf2_rubrik1:link, #m1 a.kopf2_rubrik1:visited, a.kopf2_rubrik1:hover, a.kopf2_rubrik1:active { color: #FFCB00; } a.kopf2_rubrik2:link, a.kopf2_rubrik2:visited { border-bottom: #5BDA3F solid 1px; } #m2 a.kopf2_rubrik2:link, #m2 a.kopf2_rubrik2:visited, a.kopf2_rubrik2:hover, a.kopf2_rubrik2:active { color: #5BDA3F; } a.kopf2_rubrik3:link, a.kopf2_rubrik3:visited { border-bottom: #FF0075 solid 1px; } #m3 a.kopf2_rubrik3:link, #m3 a.kopf2_rubrik3:visited, a.kopf2_rubrik3:hover, a.kopf2_rubrik3:active { color: #FF0075; } a.kopf2_rubrik4:link, a.kopf2_rubrik4:visited { border-bottom: #00BEFF solid 1px; } #m4 a.kopf2_rubrik4:link, #m4 a.kopf2_rubrik4:visited, a.kopf2_rubrik4:hover, a.kopf2_rubrik4:active { color: #00BEFF; } a.kopf2_rubrik5:link, a.kopf2_rubrik5:visited { border-bottom: #EE0000 solid 1px; } #m5 a.kopf2_rubrik5:link, #m5 a.kopf2_rubrik5:visited, a.kopf2_rubrik5:hover, a.kopf2_rubrik5:active { color: #EE0000; } a.kopf2_rubrik6:link, a.kopf2_rubrik6:visited { border-bottom: #BA6C00 solid 1px; } #m6 a.kopf2_rubrik6:link, #m6 a.kopf2_rubrik6:visited, a.kopf2_rubrik6:hover, a.kopf2_rubrik6:active { color: #BA6C00; } /* flaggen auf der startseite */ .kopf2_links .kopf2_english, .kopf2_links .kopf2_deutsch { float: left; margin: 35px 0 0 0; padding: 0; display: block; /* unsichtbar */ } /* #m0 .kopf2_links .kopf2_english, #m0 .kopf2_links .kopf2_deutsch { display: block; /* sichtbar nur bei m0 */ /* } */ .kopf2_links .kopf2_english { background: url(../images/icons/flag_english.gif) no-repeat 0 50%; } .kopf2_links .kopf2_deutsch { background: url(../images/icons/flag_deutsch.gif) no-repeat 0 50%; } .kopf2_links .kopf2_english a, .kopf2_links .kopf2_deutsch a { margin: 0; padding: 0 0 0 24px; height: 12px; text-decoration: none; } /* rechter bereich */ .kopf2_rechts { float: right; width: 30%; text-align: right; } * html .kopf2_rechts { width: 29%; } *:first-child+html .kopf2_rechts { width: 29%; } /* IE7 */ .kopf2_logo { /* logo rechts */ float: right; padding-left: 1em; } .kopf2_logo img { border: none; } .kopf2_suchen { /* suchformular */ float: right; margin-top: 35px; padding-left: 0.5em; } .kopf2_suchen form { padding: 0; margin: 0; } .kopf2_suchen input { /* formular input felder */ position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #6D6352; border: none; background-color: #DCD9D4; } #m0 .kopf2_suchen input { color: #6D6352; background-color: #FFF; } .kopf2_druck { /* druck-icon */ float: right; margin-top: 35px; padding-left: 0.5em; } .kopf2_mailafriend { /* mailafriend-icon */ float: right; margin-top: 35px; padding-left: 0.5em; } .kopf2_addthis { float: right; margin-top: 35px; padding-left: 0.5em; } /* linie schliesst den kopf2 unten ab */ .kopf2_linie { clear: both; height: 6px; border-bottom: 1px solid #FFF; } /* linienfarbe in abhängigkeit der aktuellen hauptrubrik m1 bis m6 */ #m1 .kopf2_linie { border-bottom: 1px solid #FFCB00; } #m2 .kopf2_linie { border-bottom: 1px solid #5BDA3F; } #m3 .kopf2_linie { border-bottom: 1px solid #FF0075; } #m4 .kopf2_linie { border-bottom: 1px solid #00BEFF; } #m5 .kopf2_linie { border-bottom: 1px solid #EE0000; } #m6 .kopf2_linie { border-bottom: 1px solid #BA6C00; } /***************************************************/ /***************************************************/ /****************************************** inhalt */ /* wrap um inhalt erzeugt seitenränder */ #inhalt_wrap { clear: both; padding: 6px 15px; margin: 0; background-color: #FFF; } /* falls keine aktuelle hauptrubrik: startseite hintergrund grau */ #m0 #inhalt_wrap { background-color: #DCD9D4; } /* inhalt */ #inhalt { /* no need */ } /***************************************************/ /***************************************************/ /************************** inhalt spalten-layouts */ /***************************************************/ /* inhalt_100: eine flexible spalte über die gesamte breite */ .inhalt_100 { margin: 0 0 6px 0; padding: 0; } *:first-child+html .inhalt_100 { width: 100%; } /* IE7 */ /* vor IE-mac verstecken \*/ * html .inhalt_100 { height: 1%; } /* ende vor IE-mac verstecken */ /***************************************************/ /* inhalt_100_2: rechte spalte über 2 raster, links flexible spalte */ .inhalt_100_2 { margin: 0 0 6px 0; padding: 0; } /* spalte rechts über 2 raster */ .inhalt_100_2 .spalte_2 { float: right; width: 147px; } /* spalte links flexibler breite */ .inhalt_100_2 .spalte_100 { margin: 0 162px 0 0; padding: 0; } /* vor IE-mac verstecken \*/ * html .inhalt_100_2 .spalte_100 { height: 1%; } /* ende vor IE-mac verstecken */ /***************************************************/ /* inhalt_100_3: rechte spalte über 3 raster, links flexible spalte */ .inhalt_100_3 { margin: 0 0 6px 0; padding: 0; } /* spalte rechts über 3 raster */ .inhalt_100_3 .spalte_3 { float: right; width: 228px; margin: 0; padding-left: 7px; } /* farbe der vertikalen trennlinie in abhängigkeit der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhalt_100_3 .spalte_3 { border-left: #FFF 1px solid; } #m1 .inhalt_100_3 .spalte_3 { border-left: #FFCB00 1px solid; } #m2 .inhalt_100_3 .spalte_3 { border-left: #5BDA3F 1px solid; } #m3 .inhalt_100_3 .spalte_3 { border-left: #FF0075 1px solid; } #m4 .inhalt_100_3 .spalte_3 { border-left: #00BEFF 1px solid; } #m5 .inhalt_100_3 .spalte_3 { border-left: #EE0000 1px solid; } #m6 .inhalt_100_3 .spalte_3 { border-left: #BA6C00 1px solid; } /* spalte links flexibler breite */ .inhalt_100_3 .spalte_100 { margin-right: 243px; } /* vor IE-mac verstecken \*/ * html .inhalt_100_3 .spalte_100 { height: 1%; } /* ende vor IE-mac verstecken */ /***************************************************/ /* inhalt_100_2_3: rechte spalte über 3 raster, links flexible spalte und rechts davon spalte über 2 raster */ .inhalt_100_2_3 { margin: 0 0 6px 0; padding: 0; } /* spalte ganz rechts über 3 raster */ .inhalt_100_2_3 .spalte_3 { float: right; width: 228px; padding-left: 7px; margin: 0; } /* farbe der vertikalen trennlinie in abhängigkeit der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhalt_100_2_3 .spalte_3 { border-left: #FFF 1px solid; } #m1 .inhalt_100_2_3 .spalte_3 { border-left: #FFCB00 1px solid; } #m2 .inhalt_100_2_3 .spalte_3 { border-left: #5BDA3F 1px solid; } #m3 .inhalt_100_2_3 .spalte_3 { border-left: #FF0075 1px solid; } #m4 .inhalt_100_2_3 .spalte_3 { border-left: #00BEFF 1px solid; } #m5 .inhalt_100_2_3 .spalte_3 { border-left: #EE0000 1px solid; } #m6 .inhalt_100_2_3 .spalte_3 { border-left: #BA6C00 1px solid; } /* container linke spalte (beinhaltet spalte_100 und spalte_2) */ .inhalt_100_2_3 .spalte_100_2 { margin: 0 243px 0 0; } /* spalte rechts über 2 raster */ .inhalt_100_2_3 .spalte_100_2 .spalte_2 { float: right; width: 147px; } /* spalte links flexibler breite */ .inhalt_100_2_3 .spalte_100_2 .spalte_100 { margin: 0 162px 0 0; } /* bilder mit klasse skalieren zerstörten hier das layout: behebung per try and error*/ * html .inhalt_100_2_3 .spalte_100_2 .spalte_100 { float: left; margin: 0 30px 0 0; } /* vor IE-mac verstecken \*/ * html .inhalt_100_2_3 .spalte_100_2 .spalte_100 { height: 1%; } /* ende vor IE-mac verstecken */ /***************************************************/ /* inhalt_2_100: rechte spalte über 2 raster, links flexible spalte */ .inhalt_2_100 { margin: 0 0 6px 0; padding: 0; } /* spalte links über 2 raster */ .inhalt_2_100 .spalte_2 { float: left; width: 147px; } /* spalte rechts flexibler breite */ .inhalt_2_100 .spalte_100 { margin: 0 0 0 162px; } /* vor IE-mac verstecken \*/ * html .inhalt_2_100 .spalte_100 { height: 1%; } /* ende vor IE-mac verstecken */ /***************************************************/ /* inhalt_4_4_100: links zwei spalten über 4 raster, rechts flexible spalte welche unter die beiden linken hineinfliesst */ .inhalt_4_4_100 { margin: 0 0 6px 0; padding: 0; } * html .inhalt_4_4_100 { width: 100%; } /* IE6- */ /* spalte_4_4 beinhaltet die zwei fixen spalten */ .inhalt_4_4_100 .spalte_4_4 { float: left; margin: 0 15px 15px 0; padding: 0; } /* fixe spalte ganz links über 4 raster */ .inhalt_4_4_100 .spalte_4_4 .spalte_4_links { width: 309px; float: left; margin: 0; padding: 0; } /* fixe spalte rechts über 4 raster */ .inhalt_4_4_100 .spalte_4_4 .spalte_4_rechts { width: 309px; float: left; margin: 0 0 0 15px; padding: 0; } /* spalte ganz rechts flexibel */ .inhalt_4_4_100 .spalte_100 { margin: 0; padding: 0; } /* auf der startseite ist platz für die rechten margins der kästchen */ #m0 .inhalt_4_4_100 .spalte_100 { margin: 0 -15px 0 0; } /***************************************************/ /* inhalt_2_100_3: rechte spalte über 3 raster, links spalte über 2 raster und rechts davon flexible spalte */ .inhalt_2_100_3 { margin: 0 0 6px 0; padding: 0; } /* spalte ganz rechts über 3 raster */ .inhalt_2_100_3 .spalte_3 { float: right; width: 228px; margin: 0; padding-left: 7px; } /* farbe der vertikalen trennlinie in abhängigkeit der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhalt_2_100_3 .spalte_3 { border-left: #FFF 1px solid; } #m1 .inhalt_2_100_3 .spalte_3 { border-left: #FFCB00 1px solid; } #m2 .inhalt_2_100_3 .spalte_3 { border-left: #5BDA3F 1px solid; } #m3 .inhalt_2_100_3 .spalte_3 { border-left: #FF0075 1px solid; } #m4 .inhalt_2_100_3 .spalte_3 { border-left: #00BEFF 1px solid; } #m5 .inhalt_2_100_3 .spalte_3 { border-left: #EE0000 1px solid; } #m6 .inhalt_2_100_3 .spalte_3 { border-left: #BA6C00 1px solid; } /* container linke spalte (beinhaltet spalte_100 und spalte_2) */ .inhalt_2_100_3 .spalte_2_100 { margin: 0 243px 0 0; } /* spalte links über 2 raster */ .inhalt_2_100_3 .spalte_2_100 .spalte_2 { float: left; width: 147px; } /* spalte rechts flexibler breite */ .inhalt_2_100_3 .spalte_2_100 .spalte_100 { margin: 0 0 0 162px; } /* vor IE-mac verstecken \*/ * html .inhalt_2_100_3 .spalte_2_100 .spalte_100 { height: 1%; } /* ende vor IE-mac verstecken */ /***************************************************/ /* inhalt_3_100_3: rechte spalte über 3 raster, links spalte über 3 raster und rechts davon flexible spalte js */ .inhalt_3_100_3 { margin: 0 0 6px 0; padding: 0; } /* spalte ganz rechts über 3 raster */ .inhalt_3_100_3 .spalte_3_rechts { float: right; width: 228px; padding-left: 7px; margin: 0; } /* farbe der vertikalen trennlinie in abhängigkeit der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhalt_3_100_3 .spalte_3_rechts { border-left: #FFF 1px solid; } #m1 .inhalt_3_100_3 .spalte_3_rechts { border-left: #FFCB00 1px solid; } #m2 .inhalt_3_100_3 .spalte_3_rechts { border-left: #5BDA3F 1px solid; } #m3 .inhalt_3_100_3 .spalte_3_rechts { border-left: #FF0075 1px solid; } #m4 .inhalt_3_100_3 .spalte_3_rechts { border-left: #00BEFF 1px solid; } #m5 .inhalt_3_100_3 .spalte_3_rechts { border-left: #EE0000 1px solid; } #m6 .inhalt_3_100_3 .spalte_3_rechts { border-left: #BA6C00 1px solid; } /* container linke spalte (beinhaltet spalte_100 und spalte_3_links) */ .inhalt_3_100_3 .spalte_3_100 { margin: 0 243px 0 0; } /* spalte links über 3 raster */ .inhalt_3_100_3 .spalte_3_100 .spalte_3_links { float: left; width: 228px; } /* spalte rechts flexibler breite */ .inhalt_3_100_3 .spalte_3_100 .spalte_100 { margin: 0 0 0 243px; } /* vor IE-mac verstecken \*/ * html .inhalt_3_100_3 .spalte_3_100 .spalte_100 { height: 1%; } /* ende vor IE-mac verstecken */ /***************************************************/ /* inhalt_5_100_2: rechte spalte über 2 raster, links spalte über 5 raster und rechts davon flexible spalte */ .inhalt_5_100_2 { margin: 0 0 6px 0; padding: 0; } /* spalte ganz rechts über 2 raster */ .inhalt_5_100_2 .spalte_2 { float: right; width: 147px; } /* container linke spalte (beinhaltet spalte_100 und spalte_5) */ .inhalt_5_100_2 .spalte_5_100 { margin: 0 162px 0 0; } /* spalte links über 5 raster */ .inhalt_5_100_2 .spalte_5_100 .spalte_5 { float: left; width: 390px; } /* spalte rechts flexibler breite */ .inhalt_5_100_2 .spalte_5_100 .spalte_100 { margin: 0 0 0 405px; } /* vor IE-mac verstecken \*/ /* bilder mit klasse skalieren zerstörten hier das layout: behebung per try and error*/ * html .inhalt_5_100_2 .spalte_5_100 .spalte_100 { /* float: left; margin: 0 15px; */ height: 1%; } /* ende vor IE-mac verstecken */ /***************************************************/ /* inhalt_50_50: 2 flexible spalten mit je 50% breite */ .inhalt_50_50 { margin: 0 0 6px 0; padding: 0; } /* wrap spalte links */ .inhalt_50_50 .spalte_50linkswrap { float: left; width: 50%; } /* IE6- bekommt mit 50% einen horizontalen scrollbalken */ * html .inhalt_50_50 .spalte_50linkswrap { width: 49%; } *:first-child+html .inhalt_50_50 .spalte_50linkswrap { width: 49%; } /* IE7 */ /* spalte links: rand rechts */ .inhalt_50_50 .spalte_50linkswrap .spalte_50links { margin: 0 8px 0 0; } /* wrap spalte rechts */ .inhalt_50_50 .spalte_50rechtswrap { float: right; width: 50%; } /* IE6- bekommt mit 50% einen horizontalen scrollbalken */ * html .inhalt_50_50 .spalte_50rechtswrap { width: 49%; } *:first-child+html .inhalt_50_50 .spalte_50rechtswrap { width: 49%; } /* IE7 */ /* spalte rechts: rand links */ .inhalt_50_50 .spalte_50rechtswrap .spalte_50rechts { margin: 0 0 0 7px; } /***************************************************/ /* inhalt_50_50_2: ganz rechts spalte über 2 raster, links 2 flexible spalten mit je 50% breite */ .inhalt_50_50_2 { margin: 0 0 6px 0; padding: 0; } /* spalte ganz rechts über 2 raster */ .inhalt_50_50_2 .spalte_2 { float: right; width: 147px; } /* container linke spalte (beinhaltet spalte_50links und spalte_50rechts) */ .inhalt_50_50_2 .spalte_50_50 { margin: 0 162px 0 0; } /* wrap spalte links */ .inhalt_50_50_2 .spalte_50_50 .spalte_50linkswrap { float: left; width: 50%; } /* spalte links: rand rechts */ .inhalt_50_50_2 .spalte_50_50 .spalte_50linkswrap .spalte_50links { margin: 0 8px 0 0; } /* wrap spalte rechts */ .inhalt_50_50_2 .spalte_50_50 .spalte_50rechtswrap { float: right; width: 50%; } /* spalte rechts: rand links */ .inhalt_50_50_2 .spalte_50_50 .spalte_50rechtswrap .spalte_50rechts { margin: 0 0 0 7px; } /***************************************************/ /* inhalt_50_50_3: ganz rechts spalte über 3 raster, links 2 flexible spalten mit je 50% breite */ .inhalt_50_50_3 { margin: 0 0 6px 0; padding: 0; } /* spalte ganz rechts über 3 raster */ .inhalt_50_50_3 .spalte_3 { float: right; width: 228px; padding-left: 7px; margin: 0; } /* farbe der vertikalen trennlinie in abhängigkeit der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhalt_50_50_3 .spalte_3 { border-left: #FFF 1px solid; } #m1 .inhalt_50_50_3 .spalte_3 { border-left: #FFCB00 1px solid; } #m2 .inhalt_50_50_3 .spalte_3 { border-left: #5BDA3F 1px solid; } #m3 .inhalt_50_50_3 .spalte_3 { border-left: #FF0075 1px solid; } #m4 .inhalt_50_50_3 .spalte_3 { border-left: #00BEFF 1px solid; } #m5 .inhalt_50_50_3 .spalte_3 { border-left: #EE0000 1px solid; } #m6 .inhalt_50_50_3 .spalte_3 { border-left: #BA6C00 1px solid; } /* container linke spalte (beinhaltet spalte_50links und spalte_50rechts) */ .inhalt_50_50_3 .spalte_50_50 { margin: 0 243px 0 0; } /* wrap spalte links */ .inhalt_50_50_3 .spalte_50_50 .spalte_50linkswrap { float: left; width: 50%; } /* spalte links: rand rechts */ .inhalt_50_50_3 .spalte_50_50 .spalte_50linkswrap .spalte_50links { margin: 0 8px 0 0; } /* wrap spalte rechts */ .inhalt_50_50_3 .spalte_50_50 .spalte_50rechtswrap { float: right; width: 50%; } /* spalte rechts: rand links */ .inhalt_50_50_3 .spalte_50_50 .spalte_50rechtswrap .spalte_50rechts { margin: 0 0 0 7px; } /***************************************************/ /* inhalt_32_32_32: drei gleich große flexible spalten */ .inhalt_32_32_32 { margin: 0 0 6px 0; padding: 0; } /* optionale spalte_100 über den 32er spalten */ .inhalt_32_32_32 .spalte_100 { padding: 0; margin: 0; } /* spalte ganz links und mitte flexibel */ .inhalt_32_32_32 .spalte_32 { float: left; width: 32%; padding: 0; margin: 0% 2% 2% 0%; } * html .inhalt_32_32_32 .spalte_32 { margin: 0% 1% 2% 0%; } /* IE6- */ *:first-child+html .inhalt_32_32_32 .spalte_32 { margin: 0% 1% 2% 0%; } /* IE7 */ /* spalte ganz rechts flexibel */ .inhalt_32_32_32 .spalte_32rechts { float: left; width: 32%; padding: 0; margin: 0% 0% 2% 0%; } /***************************************************/ /* inhalt (container) erstreckt sich bis ganz unten nach den gefloateten bereichen */ .inhalt_clear { clear: both; margin: 0; padding: 0; } /***************************************************/ /* .inhalt_linie vor jedem spaltenlayout (wenn es nicht das erste ist) */ .inhalt_linie { clear: left; height: 0; margin: 0 0 12px 0; padding: 0; border-bottom: 1px solid #000; } /* linienfarbe in abhängigkeit der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhalt_linie { border-bottom: 1px solid #FFF; } #m1 .inhalt_linie { border-bottom: 1px solid #FFCB00; } #m2 .inhalt_linie { border-bottom: 1px solid #5BDA3F; } #m3 .inhalt_linie { border-bottom: 1px solid #FF0075; } #m4 .inhalt_linie { border-bottom: 1px solid #00BEFF; } #m5 .inhalt_linie { border-bottom: 1px solid #EE0000; } #m6 .inhalt_linie { border-bottom: 1px solid #BA6C00; } /***************************************************/ /* inhalt_undaus hilft dem rustikalen firebird0.7 (nicht mal vollversion!) die bereiche bis ganz unten auszudehnen */ .inhalt_undaus { clear: both; height: 1px; margin: 0; padding: 0; } /***************************************************/ /***************************************************/ /********* inhaltsmodul mit standardformatierungen */ /* inhaltsmodule wrappen alle inhalte und inhaltssegmente und beinhalten standardformatierungen */ .inhaltsmodul { position: relative; margin: 0 0 15px 0; padding: 0; } /* inhaltsmodule werden so gross wie ihr inhalt */ #m1 .inhaltsmodul, #m2 .inhaltsmodul, #m3 .inhaltsmodul, #m4 .inhaltsmodul, #m5 .inhaltsmodul, #m6 .inhaltsmodul { float: left; width: 100%; } /* tw notwendig um falsches floating ab spalte 2 auf startseite zu beheben */ #m0 .inhalt_4_4_100 .spalte_100 .inhaltsmodul { margin: 0 0 0 0; } #m1 .inhalt_4_4_100 .spalte_100 .inhaltsmodul, #m2 .inhalt_4_4_100 .spalte_100 .inhaltsmodul, #m3 .inhalt_4_4_100 .spalte_100 .inhaltsmodul, #m4 .inhalt_4_4_100 .spalte_100 .inhaltsmodul, #m5 .inhalt_4_4_100 .spalte_100 .inhaltsmodul, #m6 .inhalt_4_4_100 .spalte_100 .inhaltsmodul { float: none; } /* absatz */ .inhaltsmodul p { margin: 0 0 1em 0; padding: 0; } /* pre */ .inhaltsmodul pre { font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.5; margin: 0 0 0.5em 0; padding: 0; } * html body .inhaltsmodul pre { font-size: x-small; /* ie5 win */ f\ont-size: small; /* ie win */ } html>body .inhaltsmodul pre { font-size: small; /* sei nett zu opera */ } /* bild */ .inhaltsmodul img { margin: 0 0 1em 0; padding: 0; border: none; } /* bild innerhalb absatz im rte */ .inhaltsmodul p img { margin: 0; } /* liste */ .inhaltsmodul ul { list-style-type: square; margin: 0 0 1em 0; padding: 0; } .inhaltsmodul ul li { margin: 0 0 0 15px; /* 15px damit die punkte innerhalb der spalte liegen */ padding: 0; } .inhaltsmodul ul ul { margin: 0 0 1em 15px; } /* liste in liste einrücken */ /* links (text) */ .inhaltsmodul a:link, .inhaltsmodul a:visited { color: #6D6352; text-decoration: underline; } /* links (text) in abhängigkeit von der aktiven hauptrubrik m1 bis m6 */ #m0 .inhaltsmodul a:hover, #m0 .inhaltsmodul a:active { color: #000; } #m1 .inhaltsmodul a:hover, #m1 .inhaltsmodul a:active { color: #FFCB00; } #m2 .inhaltsmodul a:hover, #m2 .inhaltsmodul a:active { color: #5BDA3F; } #m3 .inhaltsmodul a:hover, #m3 .inhaltsmodul a:active { color: #FF0075; } #m4 .inhaltsmodul a:hover, #m4 .inhaltsmodul a:active { color: #00BEFF; } #m5 .inhaltsmodul a:hover, #m5 .inhaltsmodul a:active { color: #EE0000; } #m6 .inhaltsmodul a:hover, #m6 .inhaltsmodul a:active { color: #BA6C00; } /* formular */ .inhaltsmodul form { margin: 0 0 1em 0; padding: 0; } .inhaltsmodul input, .inhaltsmodul textarea { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 100%; border: none; margin-bottom: 2px; padding: 1px 5px; color: #6D6352; } .inhaltsmodul select, .inhaltsmodul option { font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin-bottom: 2px; padding: 0; color: #6D6352; } /* formularfelder in abhängigkeit von der aktiven hauptrubrik m1 bis m6 */ #m1 .inhaltsmodul input, #m1 .inhaltsmodul textarea { background-color: #FFF5CC; } #m2 .inhaltsmodul input, #m2 .inhaltsmodul textarea { background-color: #DEF8D9; } #m3 .inhaltsmodul input, #m3 .inhaltsmodul textarea { background-color: #FFE6F1; } #m4 .inhaltsmodul input, #m4 .inhaltsmodul textarea { background-color: #CCF2FF; } #m5 .inhaltsmodul input, #m5 .inhaltsmodul textarea { background-color: #FDE6E6; } #m6 .inhaltsmodul input, #m6 .inhaltsmodul textarea { background-color: #F1E2CC; } #m1 .inhaltsmodul input[type='radio'], #m2 .inhaltsmodul input[type='radio'], #m3 .inhaltsmodul input[type='radio'], #m4 .inhaltsmodul input[type='radio'], #m5 .inhaltsmodul input[type='radio'], #m6 .inhaltsmodul input[type='radio'], #m1 .inhaltsmodul input[type='radio'], #m2 .inhaltsmodul input[type='checkbox'], #m3 .inhaltsmodul input[type='checkbox'], #m4 .inhaltsmodul input[type='checkbox'], #m5 .inhaltsmodul input[type='checkbox'], #m6 .inhaltsmodul input[type='checkbox'] { background: none; } /* überschriften */ /* h1 standardüberschrift grau */ .inhaltsmodul h1, h6 { /* h6 wird eigentlich nicht verwendet */ font-weight: bold; font-size: 120%; line-height: 1.5; margin: 0 0 0.2em 0; } /* h2 farbig */ .inhaltsmodul h2 { font-weight: bold; font-size: 120%; line-height: 1.5; margin: 0 0 0.2em 0; } /* in abhängigkeit von der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhaltsmodul h2 { color: #6D6352; } #m1 .inhaltsmodul h2 { color: #FFCB00; } #m2 .inhaltsmodul h2 { color: #5BDA3F; } #m3 .inhaltsmodul h2 { color: #FF0075; } #m4 .inhaltsmodul h2 { color: #00BEFF; } #m5 .inhaltsmodul h2 { color: #EE0000; } #m6 .inhaltsmodul h2 { color: #BA6C00; } /* h3 kleine überschrift */ .inhaltsmodul h3 { font-weight: bold; line-height: 1.2; font-size: 100%; margin: 0 0 0.2em 0; } /* h4 sehr gross grau auf weiss */ .inhaltsmodul h4 { font-weight: bold; font-size: 220%; line-height: 1.2; margin: 0 0 0.5em 0; } /* h5 grau auf weiss */ .inhaltsmodul h5 { font-weight: bold; font-size: 150%; line-height: 1.2; margin: 0 0 0.5em 0; } /***************************************************/ /***************************************************/ /****************** allg. formatierungen in inhalt */ /* bildsubtext */ #inhalt p.bildsubtext { font-size: 95%; margin: -1em 0 0.5em 0; } /* bildcaption bei textpic */ #inhalt p.bildcaption { font-size: 95%; margin: -0.5em 0 0.5em 0; } /* feld (hintergrundfarbe) */ #inhalt .feld { position: relative; margin: 0; padding: 6px; overflow: hidden; } * html #inhalt .feld { height: 1%; } /* IE6-, holly hack */ #m0 #inhalt .feld { background-color: #FFF; border-top: #6D6352 3px solid; } #m1 #inhalt .feld { background-color: #FFF5CC; border-top: #FFCB00 3px solid; } #m2 #inhalt .feld { background-color: #DEF8D9; border-top: #5BDA3f 3px solid; } #m3 #inhalt .feld { background-color: #FFE6F1; border-top: #FF0075 3px solid; } #m4 #inhalt .feld { background-color: #CCF2FF; border-top: #00BEFF 3px solid; } #m5 #inhalt .feld { background-color: #FDE6E6; border-top: #EE0000 3px solid; } #m6 #inhalt .feld { background-color: #F1E2CC; border-top: #BA6C00 3px solid; } /* formularfelder müssen hier weiss sein */ #m1 #inhalt .feld input, #m1 #inhalt .feld textarea { background-color: #FFF; } #m2 #inhalt .feld input, #m2 #inhalt .feld textarea { background-color: #FFF; } #m3 #inhalt .feld input, #m3 #inhalt .feld textarea { background-color: #FFF; } #m4 #inhalt .feld input, #m4 #inhalt .feld textarea { background-color: #FFF; } #m5 #inhalt .feld input, #m5 #inhalt .feld textarea { background-color: #FFF; } #m6 #inhalt .feld input, #m6 #inhalt .feld textarea { background-color: #FFF; } /* pfeil (vorangestellt, inhalt rechts davon) */ #inhalt .pfeil { padding-left: 25px; } #m0 #inhalt .pfeil { background: url(../m_images/pfeilrechts0.gif) 0 50% no-repeat; } #m1 #inhalt .pfeil { background: url(../m_images/pfeilrechts1.gif) 0 50% no-repeat; } #m2 #inhalt .pfeil { background: url(../m_images/pfeilrechts2.gif) 0 50% no-repeat; } #m3 #inhalt .pfeil { background: url(../m_images/pfeilrechts3.gif) 0 50% no-repeat; } #m4 #inhalt .pfeil { background: url(../m_images/pfeilrechts4.gif) 0 50% no-repeat; } #m5 #inhalt .pfeil { background: url(../m_images/pfeilrechts5.gif) 0 50% no-repeat; } #m6 #inhalt .pfeil { background: url(../m_images/pfeilrechts6.gif) 0 50% no-repeat; } /* pfeil wenn feld */ #m0 #inhalt .pfeil { background: url(../m_images/pfeilfeldrechts0.gif) 0 50% no-repeat; } #m1 #inhalt .pfeil { background: url(../m_images/pfeilfeldrechts1.gif) 0 50% no-repeat; } #m2 #inhalt .pfeil { background: url(../m_images/pfeilfeldrechts2.gif) 0 50% no-repeat; } #m3 #inhalt .pfeil { background: url(../m_images/pfeilfeldrechts3.gif) 0 50% no-repeat; } #m4 #inhalt .pfeil { background: url(../m_images/pfeilfeldrechts4.gif) 0 50% no-repeat; } #m5 #inhalt .pfeil { background: url(../m_images/pfeilfeldrechts5.gif) 0 50% no-repeat; } #m6 #inhalt .pfeil { background: url(../m_images/pfeilfeldrechts6.gif) 0 50% no-repeat; } /* farbe der überschrift wenn .pfeil, in abhängigkeit von der aktuellen hauptrubrik m1 bis m6 */ #m0 #inhalt h1.pfeil, #m0 #inhalt h2.pfeil, #m0 #inhalt h3.pfeil, #m0 #inhalt h4.pfeil, #m0 #inhalt h5.pfeil, #m0 #inhalt h6.pfeil { color: #6D6352; } #m1 #inhalt h1.pfeil, #m1 #inhalt h2.pfeil, #m1 #inhalt h3.pfeil, #m1 #inhalt h4.pfeil, #m1 #inhalt h5.pfeil, #m1 #inhalt h6.pfeil { color: #FFCB00; } #m2 #inhalt h1.pfeil, #m2 #inhalt h2.pfeil, #m2 #inhalt h3.pfeil, #m2 #inhalt h4.pfeil, #m2 #inhalt h5.pfeil, #m2 #inhalt h6.pfeil { color: #5BDA3F; } #m3 #inhalt h1.pfeil, #m3 #inhalt h2.pfeil, #m3 #inhalt h3.pfeil, #m3 #inhalt h4.pfeil, #m3 #inhalt h5.pfeil, #m3 #inhalt h6.pfeil { color: #FF0075; } #m4 #inhalt h1.pfeil, #m4 #inhalt h2.pfeil, #m4 #inhalt h3.pfeil, #m4 #inhalt h4.pfeil, #m4 #inhalt h5.pfeil, #m4 #inhalt h6.pfeil { color: #00BEFF; } #m5 #inhalt h1.pfeil, #m5 #inhalt h2.pfeil, #m5 #inhalt h3.pfeil, #m5 #inhalt h4.pfeil, #m5 #inhalt h5.pfeil, #m5 #inhalt h6.pfeil { color: #EE0000; } #m6 #inhalt h1.pfeil, #m6 #inhalt h2.pfeil, #m6 #inhalt h3.pfeil, #m6 #inhalt h4.pfeil, #m6 #inhalt h5.pfeil, #m6 #inhalt h6.pfeil { color: #BA6C00; } /* datei icons (vorangestellt, inhalt rechts davon) */ #inhalt .dateiallgemein, #inhalt .dateibild, #inhalt .dateimovie, #inhalt .dateipdf, #inhalt .dateitext, #inhalt .dateizip { padding-left: 25px; } /* icons */ #inhalt .dateiallgemein { background: url(../images/icons/dateiallgemein.gif) 0 50% no-repeat; } #inhalt .dateibild { background: url(../images/icons/dateibild.gif) 0 50% no-repeat; } #inhalt .dateimovie { background: url(../images/icons/dateimovie.gif) 0 50% no-repeat; } #inhalt .dateipdf { background: url(../images/icons/dateipdf.gif) 0 50% no-repeat; } #inhalt .dateitext { background: url(../images/icons/dateitext.gif) 0 50% no-repeat; } #inhalt .dateizip { background: url(../images/icons/dateizip.gif) 0 50% no-repeat; } /* link unterstrichen */ #inhalt a p.dateiallgemein, #inhalt a p.dateibild, #inhalt a p.dateimovie, #inhalt a p.dateipdf, #inhalt a p.dateitext, #inhalt a p.dateizip { text-decoration: underline; } /* icons, welche durch keywords überschriften vorangestellt werden */ #inhalt .icon_achtung, #inhalt .icon_vorsicht, #inhalt .icon_hinweis, #inhalt .icon_adresse, #inhalt .icon_adressen, #inhalt .icon_aktion, #inhalt .icon_aktionen, #inhalt .icon_download, #inhalt .icon_downloads, #inhalt .icon_drucken, #inhalt .icon_erfolg, #inhalt .icon_erfolgsmeldung, #inhalt .icon_fehler, #inhalt .icon_fehlermeldung, #inhalt .icon_frage, #inhalt .icon_fragen, #inhalt .icon_gewinn, #inhalt .icon_gewinner, #inhalt .icon_gewinnerin, #inhalt .icon_gewinnerinnen, #inhalt .icon_info, #inhalt .icon_information, #inhalt .icon_informationen, #inhalt .icon_kids, #inhalt .icon_kind, #inhalt .icon_kinder, #inhalt .icon_kontakt, #inhalt .icon_kontakte, #inhalt .icon_link, #inhalt .icon_links, #inhalt .icon_neu, #inhalt .icon_news, /* #inhalt .icon_newsletter, */ #inhalt .icon_oeffnungszeiten, #inhalt .icon_spruch, #inhalt .icon_sprüche, #inhalt .icon_gedanke, #inhalt .icon_gedanken, #inhalt .icon_tipp, #inhalt .icon_tipps, #inhalt .icon_wein, #inhalt .icon_weininfo, #inhalt .icon_wichtig, #inhalt .icon_flash, #inhalt .icon_flash-plugin { padding-left: 25px; } #m0 #inhalt .icon_achtung, #m0 #inhalt .icon_vorsicht, #m0 #inhalt .icon_hinweis { background: url(../m_images/inhalt_icons/inhalt_icon_achtung0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_achtung, #m1 #inhalt .icon_vorsicht, #m1 #inhalt .icon_hinweis { background: url(../m_images/inhalt_icons/inhalt_icon_achtung1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_achtung, #m2 #inhalt .icon_vorsicht, #m2 #inhalt .icon_hinweis { background: url(../m_images/inhalt_icons/inhalt_icon_achtung2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_achtung, #m3 #inhalt .icon_vorsicht, #m3 #inhalt .icon_hinweis { background: url(../m_images/inhalt_icons/inhalt_icon_achtung3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_achtung, #m4 #inhalt .icon_vorsicht, #m4 #inhalt .icon_hinweis { background: url(../m_images/inhalt_icons/inhalt_icon_achtung4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_achtung, #m5 #inhalt .icon_vorsicht, #m5 #inhalt .icon_hinweis { background: url(../m_images/inhalt_icons/inhalt_icon_achtung5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_achtung, #m6 #inhalt .icon_vorsicht, #m6 #inhalt .icon_hinweis { background: url(../m_images/inhalt_icons/inhalt_icon_achtung6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_adresse, #m0 #inhalt .icon_adressen { background: url(../m_images/inhalt_icons/inhalt_icon_adresse0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_adresse, #m1 #inhalt .icon_adressen { background: url(../m_images/inhalt_icons/inhalt_icon_adresse1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_adresse, #m2 #inhalt .icon_adressen { background: url(../m_images/inhalt_icons/inhalt_icon_adresse2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_adresse, #m3 #inhalt .icon_adressen { background: url(../m_images/inhalt_icons/inhalt_icon_adresse3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_adresse, #m4 #inhalt .icon_adressen { background: url(../m_images/inhalt_icons/inhalt_icon_adresse4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_adresse, #m5 #inhalt .icon_adressen { background: url(../m_images/inhalt_icons/inhalt_icon_adresse5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_adresse, #m6 #inhalt .icon_adressen { background: url(../m_images/inhalt_icons/inhalt_icon_adresse6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_aktion, #m0 #inhalt .icon_aktionen { background: url(../m_images/inhalt_icons/inhalt_icon_aktion0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_aktion, #m1 #inhalt .icon_aktionen { background: url(../m_images/inhalt_icons/inhalt_icon_aktion1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_aktion, #m2 #inhalt .icon_aktionen { background: url(../m_images/inhalt_icons/inhalt_icon_aktion2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_aktion, #m3 #inhalt .icon_aktionen { background: url(../m_images/inhalt_icons/inhalt_icon_aktion3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_aktion, #m4 #inhalt .icon_aktionen { background: url(../m_images/inhalt_icons/inhalt_icon_aktion4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_aktion, #m5 #inhalt .icon_aktionen { background: url(../m_images/inhalt_icons/inhalt_icon_aktion5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_aktion, #m6 #inhalt .icon_aktionen { background: url(../m_images/inhalt_icons/inhalt_icon_aktion6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_download, #m0 #inhalt .icon_downloads { background: url(../m_images/inhalt_icons/inhalt_icon_download0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_download, #m1 #inhalt .icon_downloads { background: url(../m_images/inhalt_icons/inhalt_icon_download1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_download, #m2 #inhalt .icon_downloads { background: url(../m_images/inhalt_icons/inhalt_icon_download2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_download, #m3 #inhalt .icon_downloads { background: url(../m_images/inhalt_icons/inhalt_icon_download3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_download, #m4 #inhalt .icon_downloads { background: url(../m_images/inhalt_icons/inhalt_icon_download4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_download, #m5 #inhalt .icon_downloads { background: url(../m_images/inhalt_icons/inhalt_icon_download5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_download, #m6 #inhalt .icon_downloads { background: url(../m_images/inhalt_icons/inhalt_icon_download6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_drucken { background: url(../m_images/inhalt_icons/inhalt_icon_drucken0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_drucken { background: url(../m_images/inhalt_icons/inhalt_icon_drucken1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_drucken { background: url(../m_images/inhalt_icons/inhalt_icon_drucken2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_drucken { background: url(../m_images/inhalt_icons/inhalt_icon_drucken3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_drucken { background: url(../m_images/inhalt_icons/inhalt_icon_drucken4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_drucken { background: url(../m_images/inhalt_icons/inhalt_icon_drucken5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_drucken { background: url(../m_images/inhalt_icons/inhalt_icon_drucken6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_erfolg, #m0 #inhalt .icon_erfolgsmeldung { background: url(../m_images/inhalt_icons/inhalt_icon_erfolg0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_erfolg, #m1 #inhalt .icon_erfolgsmeldung { background: url(../m_images/inhalt_icons/inhalt_icon_erfolg1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_erfolg, #m2 #inhalt .icon_erfolgsmeldung { background: url(../m_images/inhalt_icons/inhalt_icon_erfolg2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_erfolg, #m3 #inhalt .icon_erfolgsmeldung { background: url(../m_images/inhalt_icons/inhalt_icon_erfolg3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_erfolg, #m4 #inhalt .icon_erfolgsmeldung { background: url(../m_images/inhalt_icons/inhalt_icon_erfolg4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_erfolg, #m5 #inhalt .icon_erfolgsmeldung { background: url(../m_images/inhalt_icons/inhalt_icon_erfolg5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_erfolg, #m6 #inhalt .icon_erfolgsmeldung { background: url(../m_images/inhalt_icons/inhalt_icon_erfolg6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_fehler, #m0 #inhalt .icon_fehlermeldung { background: url(../m_images/inhalt_icons/inhalt_icon_fehler0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_fehler, #m1 #inhalt .icon_fehlermeldung { background: url(../m_images/inhalt_icons/inhalt_icon_fehler1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_fehler, #m2 #inhalt .icon_fehlermeldung { background: url(../m_images/inhalt_icons/inhalt_icon_fehler2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_fehler, #m3 #inhalt .icon_fehlermeldung { background: url(../m_images/inhalt_icons/inhalt_icon_fehler3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_fehler, #m4 #inhalt .icon_fehlermeldung { background: url(../m_images/inhalt_icons/inhalt_icon_fehler4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_fehler, #m5 #inhalt .icon_fehlermeldung { background: url(../m_images/inhalt_icons/inhalt_icon_fehler5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_fehler, #m6 #inhalt .icon_fehlermeldung { background: url(../m_images/inhalt_icons/inhalt_icon_fehler6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_frage, #m0 #inhalt .icon_fragen { background: url(../m_images/inhalt_icons/inhalt_icon_frage0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_frage, #m1 #inhalt .icon_fragen { background: url(../m_images/inhalt_icons/inhalt_icon_frage1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_frage, #m2 #inhalt .icon_fragen { background: url(../m_images/inhalt_icons/inhalt_icon_frage2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_frage, #m3 #inhalt .icon_fragen { background: url(../m_images/inhalt_icons/inhalt_icon_frage3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_frage, #m4 #inhalt .icon_fragen { background: url(../m_images/inhalt_icons/inhalt_icon_frage4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_frage, #m5 #inhalt .icon_fragen { background: url(../m_images/inhalt_icons/inhalt_icon_frage5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_frage, #m6 #inhalt .icon_fragen { background: url(../m_images/inhalt_icons/inhalt_icon_frage6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_gewinn, #m0 #inhalt .icon_gewinner, #m0 #inhalt .icon_gewinnerin, #m0 #inhalt .icon_gewinnerinnen { background: url(../m_images/inhalt_icons/inhalt_icon_gewinner0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_gewinn, #m1 #inhalt .icon_gewinner, #m1 #inhalt .icon_gewinnerin, #m1 #inhalt .icon_gewinnerinnen { background: url(../m_images/inhalt_icons/inhalt_icon_gewinner1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_gewinn, #m2 #inhalt .icon_gewinner, #m2 #inhalt .icon_gewinnerin, #m2 #inhalt .icon_gewinnerinnen { background: url(../m_images/inhalt_icons/inhalt_icon_gewinner2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_gewinn, #m3 #inhalt .icon_gewinner, #m3 #inhalt .icon_gewinnerin, #m3 #inhalt .icon_gewinnerinnen { background: url(../m_images/inhalt_icons/inhalt_icon_gewinner3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_gewinn, #m4 #inhalt .icon_gewinner, #m4 #inhalt .icon_gewinnerin, #m4 #inhalt .icon_gewinnerinnen { background: url(../m_images/inhalt_icons/inhalt_icon_gewinner4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_gewinn, #m5 #inhalt .icon_gewinner, #m5 #inhalt .icon_gewinnerin, #m5 #inhalt .icon_gewinnerinnen { background: url(../m_images/inhalt_icons/inhalt_icon_gewinner5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_gewinn, #m6 #inhalt .icon_gewinner, #m6 #inhalt .icon_gewinnerin, #m6 #inhalt .icon_gewinnerinnen { background: url(../m_images/inhalt_icons/inhalt_icon_gewinner6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_info, #m0 #inhalt .icon_information, #m0 #inhalt .icon_informationen { background: url(../m_images/inhalt_icons/inhalt_icon_info0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_info, #m1 #inhalt .icon_information, #m1 #inhalt .icon_informationen { background: url(../m_images/inhalt_icons/inhalt_icon_info1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_info, #m2 #inhalt .icon_information, #m2 #inhalt .icon_informationen { background: url(../m_images/inhalt_icons/inhalt_icon_info2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_info, #m3 #inhalt .icon_information, #m3 #inhalt .icon_informationen { background: url(../m_images/inhalt_icons/inhalt_icon_info3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_info, #m4 #inhalt .icon_information, #m4 #inhalt .icon_informationen { background: url(../m_images/inhalt_icons/inhalt_icon_info4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_info, #m5 #inhalt .icon_information, #m5 #inhalt .icon_informationen { background: url(../m_images/inhalt_icons/inhalt_icon_info5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_info, #m6 #inhalt .icon_information, #m6 #inhalt .icon_informationen { background: url(../m_images/inhalt_icons/inhalt_icon_info6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_kids, #m0 #inhalt .icon_kind, #m0 #inhalt .icon_kinder { background: url(../m_images/inhalt_icons/inhalt_icon_kids0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_kids, #m1 #inhalt .icon_kind, #m1 #inhalt .icon_kinder { background: url(../m_images/inhalt_icons/inhalt_icon_kids1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_kids, #m2 #inhalt .icon_kind, #m2 #inhalt .icon_kinder { background: url(../m_images/inhalt_icons/inhalt_icon_kids2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_kids, #m3 #inhalt .icon_kind, #m3 #inhalt .icon_kinder { background: url(../m_images/inhalt_icons/inhalt_icon_kids3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_kids, #m4 #inhalt .icon_kind, #m4 #inhalt .icon_kinder { background: url(../m_images/inhalt_icons/inhalt_icon_kids4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_kids, #m5 #inhalt .icon_kind, #m5 #inhalt .icon_kinder { background: url(../m_images/inhalt_icons/inhalt_icon_kids5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_kids, #m6 #inhalt .icon_kind, #m6 #inhalt .icon_kinder { background: url(../m_images/inhalt_icons/inhalt_icon_kids6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_kontakt, #m0 #inhalt .icon_kontakte { background: url(../m_images/inhalt_icons/inhalt_icon_kontakt0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_kontakt, #m1 #inhalt .icon_kontakte { background: url(../m_images/inhalt_icons/inhalt_icon_kontakt1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_kontakt, #m2 #inhalt .icon_kontakte { background: url(../m_images/inhalt_icons/inhalt_icon_kontakt2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_kontakt, #m3 #inhalt .icon_kontakte { background: url(../m_images/inhalt_icons/inhalt_icon_kontakt3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_kontakt, #m4 #inhalt .icon_kontakte { background: url(../m_images/inhalt_icons/inhalt_icon_kontakt4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_kontakt, #m5 #inhalt .icon_kontakte { background: url(../m_images/inhalt_icons/inhalt_icon_kontakt5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_kontakt, #m6 #inhalt .icon_kontakte { background: url(../m_images/inhalt_icons/inhalt_icon_kontakt6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_link, #m0 #inhalt .icon_links { background: url(../m_images/inhalt_icons/inhalt_icon_link0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_link, #m1 #inhalt .icon_links { background: url(../m_images/inhalt_icons/inhalt_icon_link1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_link, #m2 #inhalt .icon_links { background: url(../m_images/inhalt_icons/inhalt_icon_link2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_link, #m3 #inhalt .icon_links { background: url(../m_images/inhalt_icons/inhalt_icon_link3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_link, #m4 #inhalt .icon_links { background: url(../m_images/inhalt_icons/inhalt_icon_link4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_link, #m5 #inhalt .icon_links { background: url(../m_images/inhalt_icons/inhalt_icon_link5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_link, #m6 #inhalt .icon_links { background: url(../m_images/inhalt_icons/inhalt_icon_link6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_neu, #m0 #inhalt .icon_news { background: url(../m_images/inhalt_icons/inhalt_icon_neu0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_neu, #m1 #inhalt .icon_news { background: url(../m_images/inhalt_icons/inhalt_icon_neu1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_neu, #m2 #inhalt .icon_news { background: url(../m_images/inhalt_icons/inhalt_icon_neu2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_neu, #m3 #inhalt .icon_news { background: url(../m_images/inhalt_icons/inhalt_icon_neu3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_neu, #m4 #inhalt .icon_news { background: url(../m_images/inhalt_icons/inhalt_icon_neu4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_neu, #m5 #inhalt .icon_news { background: url(../m_images/inhalt_icons/inhalt_icon_neu5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_neu, #m6 #inhalt .icon_news { background: url(../m_images/inhalt_icons/inhalt_icon_neu6.gif) 0 2px no-repeat; } /* #m0 #inhalt .icon_newsletter { background: url(../m_images/inhalt_icons/inhalt_icon_newsletter0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_newsletter { background: url(../m_images/inhalt_icons/inhalt_icon_newsletter1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_newsletter { background: url(../m_images/inhalt_icons/inhalt_icon_newsletter2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_newsletter { background: url(../m_images/inhalt_icons/inhalt_icon_newsletter3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_newsletter { background: url(../m_images/inhalt_icons/inhalt_icon_newsletter4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_newsletter { background: url(../m_images/inhalt_icons/inhalt_icon_newsletter5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_newsletter { background: url(../m_images/inhalt_icons/inhalt_icon_newsletter6.gif) 0 2px no-repeat; } */ #m0 #inhalt .icon_oeffnungszeiten { background: url(../m_images/inhalt_icons/inhalt_icon_oeffnungszeiten0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_oeffnungszeiten { background: url(../m_images/inhalt_icons/inhalt_icon_oeffnungszeiten1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_oeffnungszeiten { background: url(../m_images/inhalt_icons/inhalt_icon_oeffnungszeiten2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_oeffnungszeiten { background: url(../m_images/inhalt_icons/inhalt_icon_oeffnungszeiten3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_oeffnungszeiten { background: url(../m_images/inhalt_icons/inhalt_icon_oeffnungszeiten4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_oeffnungszeiten { background: url(../m_images/inhalt_icons/inhalt_icon_oeffnungszeiten5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_oeffnungszeiten { background: url(../m_images/inhalt_icons/inhalt_icon_oeffnungszeiten6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_spruch, #m0 #inhalt .icon_sprüche, #m0 #inhalt .icon_gedanke, #m0 #inhalt .icon_gedanken { background: url(../m_images/inhalt_icons/inhalt_icon_spruch0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_spruch, #m1 #inhalt .icon_sprüche, #m0 #inhalt .icon_gedanke, #m0 #inhalt .icon_gedanken { background: url(../m_images/inhalt_icons/inhalt_icon_spruch1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_spruch, #m2 #inhalt .icon_sprüche, #m0 #inhalt .icon_gedanke, #m0 #inhalt .icon_gedanken { background: url(../m_images/inhalt_icons/inhalt_icon_spruch2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_spruch, #m3 #inhalt .icon_sprüche, #m0 #inhalt .icon_gedanke, #m0 #inhalt .icon_gedanken { background: url(../m_images/inhalt_icons/inhalt_icon_spruch3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_spruch, #m4 #inhalt .icon_sprüche, #m0 #inhalt .icon_gedanke, #m0 #inhalt .icon_gedanken { background: url(../m_images/inhalt_icons/inhalt_icon_spruch4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_spruch, #m5 #inhalt .icon_sprüche, #m0 #inhalt .icon_gedanke, #m0 #inhalt .icon_gedanken { background: url(../m_images/inhalt_icons/inhalt_icon_spruch5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_spruch, #m6 #inhalt .icon_sprüche, #m0 #inhalt .icon_gedanke, #m0 #inhalt .icon_gedanken { background: url(../m_images/inhalt_icons/inhalt_icon_spruch6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_tipp, #m0 #inhalt .icon_tipps { background: url(../m_images/inhalt_icons/inhalt_icon_tipp0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_tipp, #m1 #inhalt .icon_tipps { background: url(../m_images/inhalt_icons/inhalt_icon_tipp1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_tipp, #m2 #inhalt .icon_tipps { background: url(../m_images/inhalt_icons/inhalt_icon_tipp2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_tipp, #m3 #inhalt .icon_tipps { background: url(../m_images/inhalt_icons/inhalt_icon_tipp3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_tipp, #m4 #inhalt .icon_tipps { background: url(../m_images/inhalt_icons/inhalt_icon_tipp4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_tipp, #m5 #inhalt .icon_tipps { background: url(../m_images/inhalt_icons/inhalt_icon_tipp5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_tipp, #m6 #inhalt .icon_tipps { background: url(../m_images/inhalt_icons/inhalt_icon_tipp6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_wein, #m0 #inhalt .icon_weininfo { background: url(../m_images/inhalt_icons/inhalt_icon_wein0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_wein, #m1 #inhalt .icon_weininfo { background: url(../m_images/inhalt_icons/inhalt_icon_wein1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_wein, #m2 #inhalt .icon_weininfo { background: url(../m_images/inhalt_icons/inhalt_icon_wein2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_wein, #m3 #inhalt .icon_weininfo { background: url(../m_images/inhalt_icons/inhalt_icon_wein3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_wein, #m4 #inhalt .icon_weininfo { background: url(../m_images/inhalt_icons/inhalt_icon_wein4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_wein, #m5 #inhalt .icon_weininfo { background: url(../m_images/inhalt_icons/inhalt_icon_wein5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_wein, #m6 #inhalt .icon_weininfo { background: url(../m_images/inhalt_icons/inhalt_icon_wein6.gif) 0 2px no-repeat; } #m0 #inhalt .icon_wichtig, #m0 #inhalt .icon_flash, #m0 #inhalt .icon_flash-plugin { background: url(../m_images/inhalt_icons/inhalt_icon_wichtig0.gif) 0 2px no-repeat; } #m1 #inhalt .icon_wichtig, #m1 #inhalt .icon_flash, #m1 #inhalt .icon_flash-plugin { background: url(../m_images/inhalt_icons/inhalt_icon_wichtig1.gif) 0 2px no-repeat; } #m2 #inhalt .icon_wichtig, #m2 #inhalt .icon_flash, #m2 #inhalt .icon_flash-plugin { background: url(../m_images/inhalt_icons/inhalt_icon_wichtig2.gif) 0 2px no-repeat; } #m3 #inhalt .icon_wichtig, #m3 #inhalt .icon_flash, #m3 #inhalt .icon_flash-plugin { background: url(../m_images/inhalt_icons/inhalt_icon_wichtig3.gif) 0 2px no-repeat; } #m4 #inhalt .icon_wichtig, #m4 #inhalt .icon_flash, #m4 #inhalt .icon_flash-plugin { background: url(../m_images/inhalt_icons/inhalt_icon_wichtig4.gif) 0 2px no-repeat; } #m5 #inhalt .icon_wichtig, #m5 #inhalt .icon_flash, #m5 #inhalt .icon_flash-plugin { background: url(../m_images/inhalt_icons/inhalt_icon_wichtig5.gif) 0 2px no-repeat; } #m6 #inhalt .icon_wichtig, #m6 #inhalt .icon_flash, #m6 #inhalt .icon_flash-plugin { background: url(../m_images/inhalt_icons/inhalt_icon_wichtig6.gif) 0 2px no-repeat; } /***************************************************/ /***************************************************/ /************************ einfache inhaltssegmente */ /* inhaltssegmente werden durch inhaltsmodule gewrappt */ /***************************************************/ /* breadcrumbs */ .inhaltsmodul .inhalt_breadcrumb { position: relative; margin: 0; padding: 0; } /* absatz */ .inhaltsmodul .inhalt_breadcrumb p { margin: 0; padding: 0; } /* links */ .inhaltsmodul .inhalt_breadcrumb a { text-decoration: none; } .inhaltsmodul .inhalt_breadcrumb a:hover, .inhaltsmodul .inhalt_breadcrumb a:active { text-decoration: underline; } /* breadcrumb_parallel */ #m0 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel { color: #B6B1A8;} #m1 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel { color: #928A7D; /* color: #FFE57F; */ } #m2 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel { color: #928A7D; /* color: #ADEC9F; */ } #m3 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel { color: #FF7FBA; } #m4 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel { color: #7FDEFF; } #m5 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel { color: #F67F7F; } #m6 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel { color: #DCB57F; } #m0 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:hover, #m0 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:active { color: #6D6352; } #m1 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:hover, #m1 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:active { color: #FFCB00; } #m2 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:hover, #m2 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:active { color: #5BDA3F; } #m3 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:hover, #m3 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:active { color: #FF0075; } #m4 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:hover, #m4 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:active { color: #00BEFF; } #m5 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:hover, #m5 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:active { color: #EE0000; } #m6 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:hover, #m6 .inhaltsmodul .inhalt_breadcrumb a.breadcrumb_parallel:active { color: #BA6C00; } /* liste */ .inhaltsmodul .inhalt_breadcrumb ul { position: relative; margin: 0; padding: 0; list-style: none; } .inhaltsmodul .inhalt_breadcrumb ul li { display: inline; margin: 0 } /* pfeile */ .inhaltsmodul .inhalt_breadcrumb ul li a { padding: 0 10px 0 20px; } #m0 .inhaltsmodul .inhalt_breadcrumb ul li a { color: #6D6352; background: url(../m_images/breadcrumb_pfeilrechts0.gif) 0 50% no-repeat; } #m1 .inhaltsmodul .inhalt_breadcrumb ul li a { color: #928A7D; /* color: #FFCB00; */ background: url(../m_images/breadcrumb_pfeilrechts1.gif) 0 50% no-repeat; } #m2 .inhaltsmodul .inhalt_breadcrumb ul li a { color: #928A7D; /* color: #5BDA3F; */ background: url(../m_images/breadcrumb_pfeilrechts2.gif) 0 50% no-repeat; } #m3 .inhaltsmodul .inhalt_breadcrumb ul li a { color: #FF0075; background: url(../m_images/breadcrumb_pfeilrechts3.gif) 0 50% no-repeat; } #m4 .inhaltsmodul .inhalt_breadcrumb ul li a { color: #00BEFF; background: url(../m_images/breadcrumb_pfeilrechts4.gif) 0 50% no-repeat; } #m5 .inhaltsmodul .inhalt_breadcrumb ul li a { color: #EE0000; background: url(../m_images/breadcrumb_pfeilrechts5.gif) 0 50% no-repeat; } #m6 .inhaltsmodul .inhalt_breadcrumb ul li a { color: #BA6C00; background: url(../m_images/breadcrumb_pfeilrechts6.gif) 0 50% no-repeat; } #m0 .inhaltsmodul .inhalt_breadcrumb ul li a:hover, #m0 .inhaltsmodul .inhalt_breadcrumb ul li a:active { color: #6D6352; background: url(../m_images/breadcrumb_pfeilrechts0.gif) 0 50% no-repeat; } #m1 .inhaltsmodul .inhalt_breadcrumb ul li a:hover, #m0 .inhaltsmodul .inhalt_breadcrumb ul li a:active { color: #FFCB00; background: url(../m_images/breadcrumb_pfeilrechts1.gif) 0 50% no-repeat; } #m2 .inhaltsmodul .inhalt_breadcrumb ul li a:hover, #m0 .inhaltsmodul .inhalt_breadcrumb ul li a:active { color: #5BDA3F; background: url(../m_images/breadcrumb_pfeilrechts2.gif) 0 50% no-repeat; } #m3 .inhaltsmodul .inhalt_breadcrumb ul li a:hover, #m0 .inhaltsmodul .inhalt_breadcrumb ul li a:active { color: #FF0075; background: url(../m_images/breadcrumb_pfeilrechts3.gif) 0 50% no-repeat; } #m4 .inhaltsmodul .inhalt_breadcrumb ul li a:hover, #m0 .inhaltsmodul .inhalt_breadcrumb ul li a:active { color: #00BEFF; background: url(../m_images/breadcrumb_pfeilrechts4.gif) 0 50% no-repeat; } #m5 .inhaltsmodul .inhalt_breadcrumb ul li a:hover, #m0 .inhaltsmodul .inhalt_breadcrumb ul li a:active { color: #EE0000; background: url(../m_images/breadcrumb_pfeilrechts5.gif) 0 50% no-repeat; } #m6 .inhaltsmodul .inhalt_breadcrumb ul li a:hover, #m0 .inhaltsmodul .inhalt_breadcrumb ul li a:active { color: #BA6C00; background: url(../m_images/breadcrumb_pfeilrechts6.gif) 0 50% no-repeat; } * html .inhaltsmodul .inhalt_breadcrumb ul li a { width: 1em; /* nur fuer IE5 erforderlich */ w/idth: auto; /* sicherheitshalber fuer IE6- zurueckgesetzt */ } /***************************************************/ /* navigationsliste ohne kästchen, ohne bildern */ .inhaltsmodul .inhalt_navlist_text { position: relative; margin: 0; padding: 0; } /* liste */ .inhaltsmodul .inhalt_navlist_text ul { position: relative; margin: 0; padding: 0; list-style: none; } .inhaltsmodul .inhalt_navlist_text ul li { position: relative; display: inline; margin: 0; } /* sonderfall sitemap_subpages_abstract */ .inhaltsmodul .inhalt_navlist_text ul.sitemap_subpages_abstract li { display: block; } /* pfeile */ #inhalt .inhaltsmodul .inhalt_navlist_text ul li .pfeil { padding-left: 18px; display: inline; } #m0 #inhalt .inhaltsmodul .inhalt_navlist_text ul li .pfeil { background: url(../m_images/pfeilrechts0.gif) 0 50% no-repeat; } #m1 #inhalt .inhaltsmodul .inhalt_navlist_text ul li .pfeil { background: url(../m_images/pfeilrechts1.gif) 0 50% no-repeat; } #m2 #inhalt .inhaltsmodul .inhalt_navlist_text ul li .pfeil { background: url(../m_images/pfeilrechts2.gif) 0 50% no-repeat; } #m3 #inhalt .inhaltsmodul .inhalt_navlist_text ul li .pfeil { background: url(../m_images/pfeilrechts3.gif) 0 50% no-repeat; } #m4 #inhalt .inhaltsmodul .inhalt_navlist_text ul li .pfeil { background: url(../m_images/pfeilrechts4.gif) 0 50% no-repeat; } #m5 #inhalt .inhaltsmodul .inhalt_navlist_text ul li .pfeil { background: url(../m_images/pfeilrechts5.gif) 0 50% no-repeat; } #m6 #inhalt .inhaltsmodul .inhalt_navlist_text ul li .pfeil { background: url(../m_images/pfeilrechts6.gif) 0 50% no-repeat; } /* link */ .inhaltsmodul .inhalt_navlist_text ul li a { padding: 0 8px 0 0; } * html .inhaltsmodul .inhalt_navlist_text ul li a { width: 1em; /* nur fuer IE5 erforderlich */ w/idth: auto; /* sicherheitshalber fuer IE6 zurueckgesetzt */ } /* aktives element */ #m0 .inhaltsmodul .inhalt_navlist_text a.inhalt_navlist_text_aktiv { font-weight: bold; color: #000; } #m1 .inhaltsmodul .inhalt_navlist_text a.inhalt_navlist_text_aktiv { font-weight: bold; color: #FFCB00; } #m2 .inhaltsmodul .inhalt_navlist_text a.inhalt_navlist_text_aktiv { font-weight: bold; color: #5BDA3F; } #m3 .inhaltsmodul .inhalt_navlist_text a.inhalt_navlist_text_aktiv { font-weight: bold; color: #FF0075; } #m4 .inhaltsmodul .inhalt_navlist_text a.inhalt_navlist_text_aktiv { font-weight: bold; color: #00BEFF; } #m5 .inhaltsmodul .inhalt_navlist_text a.inhalt_navlist_text_aktiv { font-weight: bold; color: #EE0000; } #m6 .inhaltsmodul .inhalt_navlist_text a.inhalt_navlist_text_aktiv { font-weight: bold; color: #BA6C00; } /* sonderfall spacemenue */ .inhaltsmodul .spacemenue ul li a { text-decoration: none; } /***************************************************/ /* inhalt_topnavlink: toplink und navlink sind an beliebiger stelle verwendbar */ .inhaltsmodul ul.inhalt_topnavlink { position: relative; float: left; margin: 1em 0; padding: 0; list-style: none; } *:first-child+html .inhaltsmodul ul.inhalt_topnavlink { margin: 1em 0 0.5em 0; } /* IE7 */ .inhaltsmodul ul.inhalt_topnavlink li { position: relative; float: left; padding: 0; margin: 0; height: 22px; } /* pfeile nach oben */ .inhaltsmodul ul.inhalt_topnavlink li.navup { background: url(../m_images/inhalt_icons/inhalt_icon_navup.gif) no-repeat 0 50%; } .inhaltsmodul ul.inhalt_topnavlink li.topup { background: url(../m_images/inhalt_icons/inhalt_icon_topup.gif) no-repeat 0 50%; } /* navlink und toplink selber */ .inhaltsmodul ul.inhalt_topnavlink a:link, .inhaltsmodul ul.inhalt_topnavlink a:visited { margin: 0; padding: 0 1em 0 28px; text-decoration: underline; } /***************************************************/ /* marktfinder mit dropdown, karte und liste */ /* spalte links über 5 raster */ .marktfinder_spalte_5 { float: left; width: 390px; } /* spalte rechts flexibler breite */ .marktfinder_spalte_100 { margin: 0 0 0 405px; } /* vor IE-mac verstecken \*/ /* bilder mit klasse skalieren zerstörten hier das layout: behebung per try and error*/ * html .marktfinder_spalte_100 { /* float: left; margin: 0 15px; */ height: 1%; } /* ende vor IE-mac verstecken */ .inhaltsmodul .inhalt_marktfinder ul { position: relative; float: left; margin: 0; padding: 0; } /***************************************************/ /* jobfinder mit dropdown, karte */ /* spalte links über 5 raster */ .jobfinder_spalte_5 { float: left; width: 390px; } /* spalte rechts flexibler breite */ .jobfinder_spalte_100 { margin: 0 0 0 405px; } /* vor IE-mac verstecken \*/ /* bilder mit klasse skalieren zerstörten hier das layout: behebung per try and error*/ * html .jobfinder_spalte_100 { /* float: left; margin: 0 15px; */ height: 1%; } /* drop-downs */ .inhaltsmodul .inhalt_jobfinder form.jobfinder_ort { float: left; } /* liste */ .inhaltsmodul .inhalt_jobfinder ul { position: relative; float: left; margin: 0; padding: 0; } /* .inhalt_jobfinderlinie am ende jedes jobs */ .inhalt_jobfinderlinie { height: 0; margin: 0; padding: 0; border-bottom: 1px solid #000; } /* linienfarbe in abhängigkeit der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhalt_jobfinderlinie { border-bottom: 1px solid #FFF; } #m1 .inhalt_jobfinderlinie { border-bottom: 1px solid #FFCB00; } #m2 .inhalt_jobfinderlinie { border-bottom: 1px solid #5BDA3F; } #m3 .inhalt_jobfinderlinie { border-bottom: 1px solid #FF0075; } #m4 .inhalt_jobfinderlinie { border-bottom: 1px solid #00BEFF; } #m5 .inhalt_jobfinderlinie { border-bottom: 1px solid #EE0000; } #m6 .inhalt_jobfinderlinie { border-bottom: 1px solid #BA6C00; } /***************************************************/ /* inhalt_verlinkt: gesamtes inhaltsmodul wird verlinkt */ .inhaltsmodul .inhalt_verlinkt a:link, .inhaltsmodul .inhalt_verlinkt a:visited { display: block; text-decoration: none; color: #6D6352; background: url(../m_images/pfeilrechtsunten.gif) no-repeat bottom right; padding-bottom: 8px; } #m0 .inhaltsmodul .inhalt_verlinkt a:hover, #m0 .inhaltsmodul .inhalt_verlinkt a:active { background: url(../m_images/pfeilanimiert.gif) no-repeat bottom right; } #m1 .inhaltsmodul .inhalt_verlinkt a:hover, #m1 .inhaltsmodul .inhalt_verlinkt a:active { background: url(../m_images/pfeilanimiert1.gif) no-repeat bottom right; } #m2 .inhaltsmodul .inhalt_verlinkt a:hover, #m2 .inhaltsmodul .inhalt_verlinkt a:active { background: url(../m_images/pfeilanimiert2.gif) no-repeat bottom right; } #m3 .inhaltsmodul .inhalt_verlinkt a:hover, #m3 .inhaltsmodul .inhalt_verlinkt a:active { background: url(../m_images/pfeilanimiert3.gif) no-repeat bottom right; } #m4 .inhaltsmodul .inhalt_verlinkt a:hover, #m4 .inhaltsmodul .inhalt_verlinkt a:active { background: url(../m_images/pfeilanimiert4.gif) no-repeat bottom right; } #m5 .inhaltsmodul .inhalt_verlinkt a:hover, #m5 .inhaltsmodul .inhalt_verlinkt a:active { background: url(../m_images/pfeilanimiert5.gif) no-repeat bottom right; } #m6 .inhaltsmodul .inhalt_verlinkt a:hover, #m6 .inhaltsmodul .inhalt_verlinkt a:active { background: url(../m_images/pfeilanimiert6.gif) no-repeat bottom right; } /* sonderfall keine_kategorie_farbanpassung */ #m0 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:hover, #m0 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:active { color: #6D6352; background: url(../m_images/pfeilanimiert.gif) no-repeat bottom right; } #m1 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:hover, #m1 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:active { color: #6D6352; background: url(../m_images/pfeilanimiert.gif) no-repeat bottom right; } #m2 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:hover, #m2 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:active { color: #6D6352; background: url(../m_images/pfeilanimiert.gif) no-repeat bottom right; } #m3 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:hover, #m3 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:active { color: #6D6352; background: url(../m_images/pfeilanimiert.gif) no-repeat bottom right; } #m4 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:hover, #m4 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:active { color: #6D6352; background: url(../m_images/pfeilanimiert.gif) no-repeat bottom right; } #m5 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:hover, #m5 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:active { color: #6D6352; background: url(../m_images/pfeilanimiert.gif) no-repeat bottom right; } #m6 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:hover, #m6 .inhaltsmodul .inhalt_verlinkt a.keine_kategorie_farbanpassung:active { color: #6D6352; background: url(../m_images/pfeilanimiert.gif) no-repeat bottom right; } /***************************************************/ /* tagesbestpreis: erzeugt 2 spalten, links für bilder, rechts für text und formular */ .inhaltsmodul .inhalt_tagesbestpreis_links { float: left; width: 228px; } .inhaltsmodul .inhalt_tagesbestpreis_rechts { margin: 0 0 0 243px; } /***************************************************/ /* inhalt_aktion: eingefärbte felder mit bild und text mit einer aktion */ .inhalt_aktionen { width: 100%; } .inhaltsmodul .inhalt_aktion { float: left; padding: 0; margin: 0px 15px 15px 0px; width: 147px; min-height: 300px; overflow: hidden; } /* bild */ .inhalt_aktion img { margin: 3px 3px 12px 3px; } /* h1 */ .inhalt_aktion h1 { padding: 0 3px 0.8em 7px; margin: 0; line-height: 1.2em; } /* p */ .inhalt_aktion p { padding: 0 3px 0.8em 7px; margin: 0; } .inhalt_aktion h4 { padding: 0 3px 0.2em 7px; margin: 0; line-height: 1.2em; } /* farben in abhängigkeit von der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhaltsmodul .inhalt_aktion { background-color: #FFF; } #m1 .inhaltsmodul .inhalt_aktion { background-color: #FFCB00; } #m2 .inhaltsmodul .inhalt_aktion { background-color: #5BDA3F; } #m3 .inhaltsmodul .inhalt_aktion { background-color: #FF0075; color: #FFF; } #m4 .inhaltsmodul .inhalt_aktion { background-color: #00BEFF; } #m5 .inhaltsmodul .inhalt_aktion { background-color: #EE0000; color: #FFF; } #m6 .inhaltsmodul .inhalt_aktion { background-color: #BA6C00; color: #FFF; } /***************************************************/ /* pressedatenbank */ /* headlines der spalten */ #m0 .inhaltsmodul .inhalt_pressehead { border-top: solid #8A8171 3px; border-bottom: solid #8A8171 3px; background-color: #FFF; } #m1 .inhaltsmodul .inhalt_pressehead { border-top: solid #FFCB00 3px; border-bottom: solid #FFCB00 3px; } #m2 .inhaltsmodul .inhalt_pressehead { border-top: solid #5BDA3F 3px; border-bottom: solid #5BDA3F 3px; } #m3 .inhaltsmodul .inhalt_pressehead { border-top: solid #FF0075 3px; border-bottom: solid #FF0075 3px; } #m4 .inhaltsmodul .inhalt_pressehead { border-top: solid #00BEFF 3px; border-bottom: solid #00BEFF 3px; } #m5 .inhaltsmodul .inhalt_pressehead { border-top: solid #EE0000 3px; border-bottom: solid #EE0000 3px; } #m6 .inhaltsmodul .inhalt_pressehead { border-top: solid #BA6C00 3px; border-bottom: solid #BA6C00 3px; } /* bild */ .inhaltsmodul .inhalt_pressehead img { margin: 15px 0px 15px 7px; padding: 0; } /* gesamtes kästchen wird verlinkt */ #m0 .inhaltsmodul a.inhalt_pressedatei, #m1 .inhaltsmodul a.inhalt_pressedatei, #m2 .inhaltsmodul a.inhalt_pressedatei, #m3 .inhaltsmodul a.inhalt_pressedatei, #m4 .inhaltsmodul a.inhalt_pressedatei, #m5 .inhaltsmodul a.inhalt_pressedatei, #m6 .inhaltsmodul a.inhalt_pressedatei { margin: 0 0 3px 0; padding: 0; width: 100%; color: #6D6352; text-decoration: none; background: #DCD9D4 url(../m_images/pfeilrechtsuntenweiss.gif) no-repeat bottom right; display: block; } * html #m0 .inhaltsmodul a.inhalt_pressedatei, * html #m1 .inhaltsmodul a.inhalt_pressedatei, * html #m2 .inhaltsmodul a.inhalt_pressedatei, * html #m3 .inhaltsmodul a.inhalt_pressedatei, * html #m4 .inhaltsmodul a.inhalt_pressedatei, * html #m5 .inhaltsmodul a.inhalt_pressedatei, * html #m6 .inhaltsmodul a.inhalt_pressedatei { float: left; /* IE6- */ } #m0 .inhaltsmodul a.inhalt_pressedatei { color: #8A8171; background: #FFF url(../m_images/pfeilrechtsuntenweiss.gif) no-repeat bottom right; } /* kästchen */ .inhaltsmodul a.inhalt_pressedatei div { padding: 7px; margin: 0; } /* h1, p */ .inhaltsmodul a.inhalt_pressedatei div h1, .inhaltsmodul a.inhalt_pressedatei div p { margin: 0 0 0.5em 0; } /* farben in abhängigkeit von der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhaltsmodul a.inhalt_pressedatei:hover, #m0 .inhaltsmodul a.inhalt_pressedatei:active { color: #FFF; background: #8A8171 url(../m_images/pfeilrechtsuntenweiss.gif) no-repeat bottom right; } #m1 .inhaltsmodul a.inhalt_pressedatei:hover, #m1 .inhaltsmodul a.inhalt_pressedatei:active { color: #6D6352; background: #FFCB00 url(../m_images/pfeilrechtsuntenweiss.gif) no-repeat bottom right; } #m2 .inhaltsmodul a.inhalt_pressedatei:hover, #m2 .inhaltsmodul a.inhalt_pressedatei:active { color: #6D6352; background: #5BDA3F url(../m_images/pfeilrechtsuntenweiss.gif) no-repeat bottom right; } #m3 .inhaltsmodul a.inhalt_pressedatei:hover, #m3 .inhaltsmodul a.inhalt_pressedatei:active { color: #FFF; background: #FF0075 url(../m_images/pfeilrechtsuntenweiss.gif) no-repeat bottom right; } #m4 .inhaltsmodul a.inhalt_pressedatei:hover, #m4 .inhaltsmodul a.inhalt_pressedatei:active { color: #6D6352; background: #00BEFF url(../m_images/pfeilrechtsuntenweiss.gif) no-repeat bottom right; } #m5 .inhaltsmodul a.inhalt_pressedatei:hover, #m5 .inhaltsmodul a.inhalt_pressedatei:active { color: #FFF; background: #EE0000 url(../m_images/pfeilrechtsuntenweiss.gif) no-repeat bottom right; } #m6 .inhaltsmodul a.inhalt_pressedatei:hover, #m6 .inhaltsmodul a.inhalt_pressedatei:active { color: #FFF; background: #BA6C00 url(../m_images/pfeilrechtsuntenweiss.gif) no-repeat bottom right; } /***************************************************/ /* suchen, suchergebnis */ /* icons, welche durch keywords überschriften vorangestellt werden */ #inhalt .icon_suche, #inhalt .icon_suchen { padding-left: 28px; background: url(../m_images/ex/ex_suche_icon_suchen.gif) 0 2px no-repeat; } #inhalt .icon_suchergebnis, #inhalt .icon_suchergebnisse { padding-left: 28px; background: url(../m_images/ex/ex_suche_icon_suchergebnis.gif) 0 2px no-repeat; } /* formular */ #inhalt .inhaltsmodul .ex_suche form { padding: 0; margin: 0 0 2em 0; } #inhalt .inhaltsmodul .ex_suche input { /* formular input felder */ position: relative; font-family: Arial, Helvetica, sans-serif; color: #6D6352; border: none; background-color: #FFF; } /***************************************************/ /* tagespreis kupon */ /* icon, welches durch keyword überschrift vorangestellt werden */ #inhalt .ex_bestpreis_box { float: left; margin: 0 15px 0 0; } /***************************************************/ /* mittagsmenüs */ /* navlist */ #inhalt .ex_menue_filialen { margin-bottom: 1em; } /* woche */ #inhalt .ex_menue_woche { padding-left: 28px; background: url(../b_images/ex/ex_menue_icon.gif) 0 0 no-repeat; } /* tag */ #inhalt .ex_menue_tag { margin: 0; } /***************************************************/ /* gallery */ #inhalt ul.gallery { position: relative; /* ie win */ float: left; margin: 0; padding: 0; list-style: none; } * html #inhalt ul.gallery { width: 100%; } /* ie win */ /* listenelement */ #inhalt ul.gallery li { float: left; margin: 0 1px 1px 0; padding: 0; } /* bild ohne abstand nach unten */ #inhalt ul.gallery li img { margin: 0; padding: 0; } /***************************************************/ /***************************************************/ /************************ komplexe inhaltssegmente */ /* inhaltssegmente werden durch inhaltsmodule gewrappt */ /***************************************************/ /* startseite /* breite spalten */ .spalte_4_4 .inhalt_startseite { padding: 0; /* damit link auf dem ganzen feld greift */ margin: 0 0 15px 0; background-color: #FFF; overflow: hidden; } /* bilder */ .inhalt_startseite img.bild { padding: 0; margin: 3px 3px 12px 3px; } /* headline */ .inhalt_startseite img.headline { padding: 0; margin: 3px 3px 0.8em 7px; } /* p */ .inhalt_startseite p { padding: 0 3px 0.8em 7px; margin: 0; } /* liste */ .inhalt_startseite ul { padding: 0 3px 0.8em 7px; } /* links */ .inhalt_startseite a, #m0 .inhalt_startseite a, #m1 .inhalt_startseite a, #m2 .inhalt_startseite a, #m3 .inhalt_startseite a, #m4 .inhalt_startseite a, #m5 .inhalt_startseite a, #m6 .inhalt_startseite a { display: block; width: 309px; text-decoration: none; } /* farbe und pfeile in abhängigkeit der aktuellen hauptrubrik m1 bis m6 */ .inhalt_startseite a.m1:link, .inhalt_startseite a.m1:visited { background: #FFFFFF url(../m_images/pfeilrechtsunten1.gif) no-repeat bottom right; } .inhalt_startseite a.m2:link, .inhalt_startseite a.m2:visited { background: #FFFFFF url(../m_images/pfeilrechtsunten2.gif) no-repeat bottom right; } .inhalt_startseite a.m3:link, .inhalt_startseite a.m3:visited { background: #FFFFFF url(../m_images/pfeilrechtsunten3.gif) no-repeat bottom right; } .inhalt_startseite a.m4:link, .inhalt_startseite a.m4:visited { background: #FFFFFF url(../m_images/pfeilrechtsunten4.gif) no-repeat bottom right; } .inhalt_startseite a.m5:link, .inhalt_startseite a.m5:visited { background: #FFFFFF url(../m_images/pfeilrechtsunten5.gif) no-repeat bottom right; } .inhalt_startseite a.m6:link, .inhalt_startseite a.m6:visited { background: #FFFFFF url(../m_images/pfeilrechtsunten6.gif) no-repeat bottom right; } #inhalt .inhalt_startseite a.m1:hover, .inhalt_startseite a.m1:active { color: #FFCB00; background: #FFFFFF url(../m_images/pfeilanimiert1.gif) no-repeat bottom right; } #inhalt .inhalt_startseite a.m2:hover, .inhalt_startseite a.m2:active { color: #5BDA3F; background: #FFFFFF url(../m_images/pfeilanimiert2.gif) no-repeat bottom right; } #inhalt .inhalt_startseite a.m3:hover, .inhalt_startseite a.m3:active { color: #FF0075; background: #FFFFFF url(../m_images/pfeilanimiert3.gif) no-repeat bottom right; } #inhalt .inhalt_startseite a.m4:hover, .inhalt_startseite a.m4:active { color: #00BEFF; background: #FFFFFF url(../m_images/pfeilanimiert4.gif) no-repeat bottom right; } #inhalt .inhalt_startseite a.m5:hover, .inhalt_startseite a.m5:active { color: #EE0000; background: #FFFFFF url(../m_images/pfeilanimiert5.gif) no-repeat bottom right; } #inhalt .inhalt_startseite a.m6:hover, .inhalt_startseite a.m6:active { color: #BA6C00; background: #FFFFFF url(../m_images/pfeilanimiert6.gif) no-repeat bottom right; } /* startseite schmale spalten */ .spalte_100 .inhalt_startseite { float: left; width: 147px; padding: 0; /* damit link auf dem ganzen feld greift */ margin: 0 15px 15px 0; background-color: #FFF; overflow: hidden; } .spalte_100 .inhalt_startseite a, #m0 .spalte_100 .inhalt_startseite a, #m1 .spalte_100 .inhalt_startseite a, #m2 .spalte_100 .inhalt_startseite a, #m3 .spalte_100 .inhalt_startseite a, #m4 .spalte_100 .inhalt_startseite a, #m5 .spalte_100 .inhalt_startseite a, #m6 .spalte_100 .inhalt_startseite a { width: 147px; } /* startseite extern nach woanders (zb zu baguette) haben eigenes aussehen */ .inhalt_startseite_extern { padding: 0px; /* damit link auf dem ganzen feld greift */ margin: 0 0 15px 0; background-color: #FFF; overflow: hidden; } /* bilder */ .inhalt_startseite_extern img.bild { padding: 0; margin: 0; } /* headline */ .inhalt_startseite_extern img.headline { padding: 0; margin: 3px 3px 0.8em 7px; } .inhalt_startseite_extern img.bild + img.headline { margin: 0.8em 3px 0.8em 7px; } /* p */ .inhalt_startseite_extern p { padding: 0 3px 0.8em 7px; margin: 0; } /* liste */ .inhalt_startseite_extern ul { padding: 0 3px 0.8em 7px; } /* links */ #inhalt .inhalt_startseite_extern a { display: block; width: 309px; text-decoration: none; } #inhalt .inhalt_startseite_extern a:hover, #inhalt .inhalt_startseite_extern a:active { color: #6D6352; } /* startseite externe nach woanders schmale spalten */ .spalte_100 .inhalt_startseite_extern { float: left; width: 147px; padding: 0px; /* damit link auf dem ganzen feld greift */ margin: 0 15px 15px 0; background-color: #FFF; overflow: hidden; } #inhalt .spalte_100 .inhalt_startseite_extern a { width: 147px; } /***************************************************/ /* navigationsliste mit kästchen, ohne bildern */ .inhaltsmodul .inhalt_navlist_klein { margin: 0 -8px 0 -7px; /* liste (inkl li margin-right) kann bis ganz rechts, rand des fensters */ padding: 0; line-height: 1.2; } * html .inhaltsmodul .inhalt_navlist_klein { width: 100%; } /* IE6- */ *:first-child+html .inhaltsmodul .inhalt_navlist_klein { width: 100%; } /* IE7 */ html:first-child .inhalt_navlist_klein { padding: 0 0 1px 0; } /* Opera9- */ /* navlist_klein liste */ .inhaltsmodul .inhalt_navlist_klein ul { position: relative; float: left; margin: 0; padding: 0; list-style: none; } /* navlist_klein listenelement */ .inhaltsmodul .inhalt_navlist_klein li { position: relative; float: left; width: 154px; /* 147+7 rahmen links */ margin: 0 8px 8px 0; /* abstand eigentlich 15-7 */ padding: 0; background: url(../m_images/inhalt_navlist_linksunten.gif) #FFF bottom left no-repeat; overflow: hidden; } *:first-child+html .inhaltsmodul .inhalt_navlist_klein li { padding: 0 0 7px 0; } /* IE7 */ html:first-child .inhaltsmodul .inhalt_navlist_klein li { padding: 0 0 7px 0; } /* Opera9- */ /* a link über gesamte li fläche */ #m0 .inhaltsmodul .inhalt_navlist_klein a, #m1 .inhaltsmodul .inhalt_navlist_klein a, #m2 .inhaltsmodul .inhalt_navlist_klein a, #m3 .inhaltsmodul .inhalt_navlist_klein a, #m4 .inhaltsmodul .inhalt_navlist_klein a, #m5 .inhaltsmodul .inhalt_navlist_klein a, #m6 .inhaltsmodul .inhalt_navlist_klein a { display: block; float: left; width: 154px; margin: 0; padding: 0; text-decoration: none; background: url(../m_images/inhalt_navlist_linksoben.gif) top left no-repeat; } /* aktives element */ #m0 .inhaltsmodul .inhalt_navlist_klein a.inhalt_navlist_klein_aktiv { color: #000; } #m1 .inhaltsmodul .inhalt_navlist_klein a.inhalt_navlist_klein_aktiv { color: #FFCB00; } #m2 .inhaltsmodul .inhalt_navlist_klein a.inhalt_navlist_klein_aktiv { color: #5BDA3F; } #m3 .inhaltsmodul .inhalt_navlist_klein a.inhalt_navlist_klein_aktiv { color: #FF0075; } #m4 .inhaltsmodul .inhalt_navlist_klein a.inhalt_navlist_klein_aktiv { color: #00BEFF; } #m5 .inhaltsmodul .inhalt_navlist_klein a.inhalt_navlist_klein_aktiv { color: #EE0000; } #m6 .inhaltsmodul .inhalt_navlist_klein a.inhalt_navlist_klein_aktiv { color: #BA6C00; } /* div */ .inhaltsmodul .inhalt_navlist_klein ul li div { float: left; width: 141px; /* 154-7margin-(2*3padding) */ margin: 0 0 7px 7px; padding: 3px; border-top: #EAEAEA 1px solid; border-right: #EAEAEA 1px solid; background: url(../m_images/pfeilrechtsunten.gif) no-repeat right bottom; } /* IE6- verschiebt die boxen aufgrund anderer berechnung der paddings/margins, lösung durch try and error */ * html .inhaltsmodul .inhalt_navlist_klein ul li div { margin: 0 0 7px 3px; padding-left: 4px; padding-right: 2px; } /* text */ #inhalt .inhaltsmodul .inhalt_navlist_klein p { display: block; padding: 0; margin: 0 15px 0 0; } /* pfeile und ränder in abhängigkeit von der aktiven hauptrubrik m1 bis m6 */ #m0 .inhaltsmodul .inhalt_navlist_klein ul li div { border-top: #FFF 1px solid; border-right: #FFF 1px solid; background: url(../m_images/pfeilrechtsunten.gif) no-repeat right bottom; } #m1 .inhaltsmodul .inhalt_navlist_klein ul li div { border-top: #FFF5CC 1px solid; border-right: #FFF5CC 1px solid; background: url(../m_images/pfeilrechtsunten1.gif) no-repeat right bottom; } #m2 .inhaltsmodul .inhalt_navlist_klein ul li div { border-top: #DEF8D9 1px solid; border-right: #DEF8D9 1px solid; background: url(../m_images/pfeilrechtsunten2.gif) no-repeat right bottom; } #m3 .inhaltsmodul .inhalt_navlist_klein ul li div { border-top: #FFE6F1 1px solid; border-right: #FFE6F1 1px solid; background: url(../m_images/pfeilrechtsunten3.gif) no-repeat right bottom; } #m4 .inhaltsmodul .inhalt_navlist_klein ul li div { border-top: #CCF2FF 1px solid; border-right: #CCF2FF 1px solid; background: url(../m_images/pfeilrechtsunten4.gif) no-repeat right bottom; } #m5 .inhaltsmodul .inhalt_navlist_klein ul li div { border-top: #FDE6E6 1px solid; border-right: #FDE6E6 1px solid; background: url(../m_images/pfeilrechtsunten5.gif) no-repeat right bottom; } #m6 .inhaltsmodul .inhalt_navlist_klein ul li div { border-top: #F1E2CC 1px solid; border-right: #F1E2CC 1px solid; background: url(../m_images/pfeilrechtsunten6.gif) no-repeat right bottom; } #m0 .inhaltsmodul .inhalt_navlist_klein ul li a:hover div, #m0 .inhaltsmodul .inhalt_navlist_klein ul li a:active div { background: url(../m_images/pfeilanimiert.gif) no-repeat right bottom; } #m1 .inhaltsmodul .inhalt_navlist_klein ul li a:hover div, #m1 .inhaltsmodul .inhalt_navlist_klein ul li a:active div { background: url(../m_images/pfeilanimiert1.gif) no-repeat right bottom; } #m2 .inhaltsmodul .inhalt_navlist_klein ul li a:hover div, #m2 .inhaltsmodul .inhalt_navlist_klein ul li a:active div { background: url(../m_images/pfeilanimiert2.gif) no-repeat right bottom; } #m3 .inhaltsmodul .inhalt_navlist_klein ul li a:hover div, #m3 .inhaltsmodul .inhalt_navlist_klein ul li a:active div { background: url(../m_images/pfeilanimiert3.gif) no-repeat right bottom; } #m4 .inhaltsmodul .inhalt_navlist_klein ul li a:hover div, #m4 .inhaltsmodul .inhalt_navlist_klein ul li a:active div { background: url(../m_images/pfeilanimiert4.gif) no-repeat right bottom; } #m5 .inhaltsmodul .inhalt_navlist_klein ul li a:hover div, #m5 .inhaltsmodul .inhalt_navlist_klein ul li a:active div { background: url(../m_images/pfeilanimiert5.gif) no-repeat right bottom; } #m6 .inhaltsmodul .inhalt_navlist_klein ul li a:hover div, #m6 .inhaltsmodul .inhalt_navlist_klein ul li a:active div { background: url(../m_images/pfeilanimiert6.gif) no-repeat right bottom; } /* schatten und ränder in abhängigkeit von der aktiven hauptrubrik m1 bis m6 */ #m0 .inhaltsmodul .inhalt_navlist_klein li { background: url(../m_images/inhalt_navlist_linksunten0.gif) bottom left no-repeat; } #m1 .inhaltsmodul .inhalt_navlist_klein li { background: url(../m_images/inhalt_navlist_linksunten1.gif) bottom left no-repeat; } #m2 .inhaltsmodul .inhalt_navlist_klein li { background: url(../m_images/inhalt_navlist_linksunten2.gif) bottom left no-repeat; } #m3 .inhaltsmodul .inhalt_navlist_klein li { background: url(../m_images/inhalt_navlist_linksunten3.gif) bottom left no-repeat; } #m4 .inhaltsmodul .inhalt_navlist_klein li { background: url(../m_images/inhalt_navlist_linksunten4.gif) bottom left no-repeat; } #m5 .inhaltsmodul .inhalt_navlist_klein li { background: url(../m_images/inhalt_navlist_linksunten5.gif) bottom left no-repeat; } #m6 .inhaltsmodul .inhalt_navlist_klein li { background: url(../m_images/inhalt_navlist_linksunten6.gif) bottom left no-repeat; } #m0 .inhaltsmodul .inhalt_navlist_klein a { background: url(../m_images/inhalt_navlist_linksoben0.gif) top left no-repeat; } #m1 .inhaltsmodul .inhalt_navlist_klein a { background: url(../m_images/inhalt_navlist_linksoben1.gif) top left no-repeat; } #m2 .inhaltsmodul .inhalt_navlist_klein a { background: url(../m_images/inhalt_navlist_linksoben2.gif) top left no-repeat; } #m3 .inhaltsmodul .inhalt_navlist_klein a { background: url(../m_images/inhalt_navlist_linksoben3.gif) top left no-repeat; } #m4 .inhaltsmodul .inhalt_navlist_klein a { background: url(../m_images/inhalt_navlist_linksoben4.gif) top left no-repeat; } #m5 .inhaltsmodul .inhalt_navlist_klein a { background: url(../m_images/inhalt_navlist_linksoben5.gif) top left no-repeat; } #m6 .inhaltsmodul .inhalt_navlist_klein a { background: url(../m_images/inhalt_navlist_linksoben6.gif) top left no-repeat; } /***************************************************/ /* navigationsliste mit kästchen und bildern, verwendung mit extensions (zb lexikon) */ .inhaltsmodul .inhalt_navlist { margin: 0 -8px 0 -7px; /* liste (inkl li margin-right) kann bis ganz rechts, rand des fensters */ padding: 0; line-height: 1.2; } * html .inhaltsmodul .inhalt_navlist { width: 100%; } /* IE6- */ *:first-child+html .inhaltsmodul .inhalt_navlist { width: 100%; } /* IE7 */ html:first-child .inhalt_navlist { padding: 0 0 1px 0; } /* Opera9- */ /* navlist liste */ .inhaltsmodul .inhalt_navlist ul { position: relative; float: left; margin: 0; padding: 0; list-style: none; } /* navlist listenelement */ .inhaltsmodul .inhalt_navlist li { position: relative; float: left; width: 235px; /* 228+7 rahmen links */ margin: 0 8px 8px 0; /* abstand eigentlich 15-7 */ padding: 0; background: url(../m_images/inhalt_navlist_linksunten.gif) #FFF bottom left no-repeat; overflow: hidden; } *:first-child+html .inhaltsmodul .inhalt_navlist li { padding: 0 0 7px 0; } /* IE7 */ html:first-child .inhaltsmodul .inhalt_navlist li { padding: 0 0 7px 0; } /* Opera9- */ /* a link über gesamte li fläche */ #m0 .inhaltsmodul .inhalt_navlist a, #m1 .inhaltsmodul .inhalt_navlist a, #m2 .inhaltsmodul .inhalt_navlist a, #m3 .inhaltsmodul .inhalt_navlist a, #m4 .inhaltsmodul .inhalt_navlist a, #m5 .inhaltsmodul .inhalt_navlist a, #m6 .inhaltsmodul .inhalt_navlist a { display: block; float: left; width: 235px; margin: 0; padding: 0; text-decoration: none; background: url(../m_images/inhalt_navlist_linksoben.gif) top left no-repeat; } /* aktives element */ #m0 .inhaltsmodul .inhalt_navlist a.inhalt_navlist_aktiv { color: #000; } #m1 .inhaltsmodul .inhalt_navlist a.inhalt_navlist_aktiv { color: #FFCB00; } #m2 .inhaltsmodul .inhalt_navlist a.inhalt_navlist_aktiv { color: #5BDA3F; } #m3 .inhaltsmodul .inhalt_navlist a.inhalt_navlist_aktiv { color: #FF0075; } #m4 .inhaltsmodul .inhalt_navlist a.inhalt_navlist_aktiv { color: #00BEFF; } #m5 .inhaltsmodul .inhalt_navlist a.inhalt_navlist_aktiv { color: #EE0000; } #m6 .inhaltsmodul .inhalt_navlist a.inhalt_navlist_aktiv { color: #BA6C00; } /* div */ .inhaltsmodul .inhalt_navlist ul li div { float: left; width: 222px; /* 235-7margin-(2*3padding) */ margin: 0 0 7px 7px; padding: 3px; border-top: #EAEAEA 1px solid; border-right: #EAEAEA 1px solid; background: url(../m_images/pfeilrechtsunten.gif) no-repeat right bottom; } /* IE6- verschiebt die boxen aufgrund anderer berechnung der paddings/margins, lösung durch try and error */ * html .inhaltsmodul .inhalt_navlist ul li div { margin: 0 0 7px 3px; padding-left: 4px; padding-right: 2px; } /* bild */ .inhaltsmodul .inhalt_navlist ul li img { float: left; margin: 0; padding: 0; border: none; } /* text */ #inhalt .inhaltsmodul .inhalt_navlist p { display: block; padding: 0; margin: 0 15px 0 47px; /* bild 40 plus 10 */ } /* pfeile und ränder in abhängigkeit von der aktiven hauptrubrik m1 bis m6 */ #m0 .inhaltsmodul .inhalt_navlist ul li div { border-top: #FFF 1px solid; border-right: #FFF 1px solid; background: url(../m_images/pfeilrechtsunten.gif) no-repeat right bottom; } #m1 .inhaltsmodul .inhalt_navlist ul li div { border-top: #FFF5CC 1px solid; border-right: #FFF5CC 1px solid; background: url(../m_images/pfeilrechtsunten1.gif) no-repeat right bottom; } #m2 .inhaltsmodul .inhalt_navlist ul li div { border-top: #DEF8D9 1px solid; border-right: #DEF8D9 1px solid; background: url(../m_images/pfeilrechtsunten2.gif) no-repeat right bottom; } #m3 .inhaltsmodul .inhalt_navlist ul li div { border-top: #FFE6F1 1px solid; border-right: #FFE6F1 1px solid; background: url(../m_images/pfeilrechtsunten3.gif) no-repeat right bottom; } #m4 .inhaltsmodul .inhalt_navlist ul li div { border-top: #CCF2FF 1px solid; border-right: #CCF2FF 1px solid; background: url(../m_images/pfeilrechtsunten4.gif) no-repeat right bottom; } #m5 .inhaltsmodul .inhalt_navlist ul li div { border-top: #FDE6E6 1px solid; border-right: #FDE6E6 1px solid; background: url(../m_images/pfeilrechtsunten5.gif) no-repeat right bottom; } #m6 .inhaltsmodul .inhalt_navlist ul li div { border-top: #F1E2CC 1px solid; border-right: #F1E2CC 1px solid; background: url(../m_images/pfeilrechtsunten6.gif) no-repeat right bottom; } #m0 .inhaltsmodul .inhalt_navlist ul li a:hover div, #m0 .inhaltsmodul .inhalt_navlist ul li a:active div { background: url(../m_images/pfeilanimiert.gif) no-repeat right bottom; } #m1 .inhaltsmodul .inhalt_navlist ul li a:hover div, #m1 .inhaltsmodul .inhalt_navlist ul li a:active div { background: url(../m_images/pfeilanimiert1.gif) no-repeat right bottom; } #m2 .inhaltsmodul .inhalt_navlist ul li a:hover div, #m2 .inhaltsmodul .inhalt_navlist ul li a:active div { background: url(../m_images/pfeilanimiert2.gif) no-repeat right bottom; } #m3 .inhaltsmodul .inhalt_navlist ul li a:hover div, #m3 .inhaltsmodul .inhalt_navlist ul li a:active div { background: url(../m_images/pfeilanimiert3.gif) no-repeat right bottom; } #m4 .inhaltsmodul .inhalt_navlist ul li a:hover div, #m4 .inhaltsmodul .inhalt_navlist ul li a:active div { background: url(../m_images/pfeilanimiert4.gif) no-repeat right bottom; } #m5 .inhaltsmodul .inhalt_navlist ul li a:hover div, #m5 .inhaltsmodul .inhalt_navlist ul li a:active div { background: url(../m_images/pfeilanimiert5.gif) no-repeat right bottom; } #m6 .inhaltsmodul .inhalt_navlist ul li a:hover div, #m6 .inhaltsmodul .inhalt_navlist ul li a:active div { background: url(../m_images/pfeilanimiert6.gif) no-repeat right bottom; } /* schatten und ränder in abhängigkeit von der aktiven hauptrubrik m1 bis m6 */ #m0 .inhaltsmodul .inhalt_navlist li { background: url(../m_images/inhalt_navlist_linksunten0.gif) bottom left no-repeat; } #m1 .inhaltsmodul .inhalt_navlist li { background: url(../m_images/inhalt_navlist_linksunten1.gif) bottom left no-repeat; } #m2 .inhaltsmodul .inhalt_navlist li { background: url(../m_images/inhalt_navlist_linksunten2.gif) bottom left no-repeat; } #m3 .inhaltsmodul .inhalt_navlist li { background: url(../m_images/inhalt_navlist_linksunten3.gif) bottom left no-repeat; } #m4 .inhaltsmodul .inhalt_navlist li { background: url(../m_images/inhalt_navlist_linksunten4.gif) bottom left no-repeat; } #m5 .inhaltsmodul .inhalt_navlist li { background: url(../m_images/inhalt_navlist_linksunten5.gif) bottom left no-repeat; } #m6 .inhaltsmodul .inhalt_navlist li { background: url(../m_images/inhalt_navlist_linksunten6.gif) bottom left no-repeat; } #m0 .inhaltsmodul .inhalt_navlist a { background: url(../m_images/inhalt_navlist_linksoben0.gif) top left no-repeat; } #m1 .inhaltsmodul .inhalt_navlist a { background: url(../m_images/inhalt_navlist_linksoben1.gif) top left no-repeat; } #m2 .inhaltsmodul .inhalt_navlist a { background: url(../m_images/inhalt_navlist_linksoben2.gif) top left no-repeat; } #m3 .inhaltsmodul .inhalt_navlist a { background: url(../m_images/inhalt_navlist_linksoben3.gif) top left no-repeat; } #m4 .inhaltsmodul .inhalt_navlist a { background: url(../m_images/inhalt_navlist_linksoben4.gif) top left no-repeat; } #m5 .inhaltsmodul .inhalt_navlist a { background: url(../m_images/inhalt_navlist_linksoben5.gif) top left no-repeat; } #m6 .inhaltsmodul .inhalt_navlist a { background: url(../m_images/inhalt_navlist_linksoben6.gif) top left no-repeat; } /***************************************************/ /* angebote mit kästchen und bildern */ .inhaltsmodul .inhalt_angebote { position: relative; /* IE6- */ margin: 0 0 0 -15px; /* liste (inkl li margin-right) kann bis ganz links, rand des fensters */ padding: 15px 0 15px 0; line-height: 1.1; } * html .inhaltsmodul .inhalt_angebote { width: 99.5%; } /* IE6- */ *:first-child+html .inhaltsmodul .inhalt_angebote { width: 100%; } /* IE7 */ html:first-child .inhaltsmodul .inhalt_angebote { /* padding: 15px 0 15px 15px; */ } /* Opera9- */ /* hintergrundfarbe in abhängigkeit von der aktuellen hauptrubrik m1 bis m6 */ #m0 .inhaltsmodul .inhalt_angebote { background-color: #8A8171; } #m1 .inhaltsmodul .inhalt_angebote { background-color: #FFCB00; } #m2 .inhaltsmodul .inhalt_angebote { background-color: #5BDA3F; } #m3 .inhaltsmodul .inhalt_angebote { background-color: #FF0075; } #m4 .inhaltsmodul .inhalt_angebote { background-color: #00BEFF; } #m5 .inhaltsmodul .inhalt_angebote { background-color: #EE0000; } #m6 .inhaltsmodul .inhalt_angebote { background-color: #BA6C00; } /* liste */ .inhaltsmodul .inhalt_angebote ul { position: relative; margin: 0 0 15px 0; padding: 0; list-style: none; } /* listenelement */ .inhaltsmodul .inhalt_angebote li { position: relative; height: 147px; margin: 0 15px 15px 15px; padding: 0; background-color: #FFF; border: 1px #FFF solid; overflow: auto; } .inhaltsmodul .inhalt_angebote .inhalt_angebote_aktionenicon { z-index: 5; position: absolute; left: 0; top: 0; border: 0; padding: 0; } .inhaltsmodul .inhalt_angebote img.inhalt_angebote_aktionenbild { float: left; border: 0; margin: 0; padding: 0; } .inhaltsmodul .inhalt_angebote h5 { border: 0; margin: 5px 7px 0 0; padding: 0 0 0 162px; } .inhaltsmodul .inhalt_angebote p { border: 0; margin: 5px 7px 0 0; padding: 0 0 0 162px; } .inhaltsmodul .inhalt_angebote h4 { border: 0; margin: 5px 7px 0 0; padding: 0 0 0 162px; } .inhaltsmodul .inhalt_angebote p.aktionsstueckpreis { margin-top: 0; } /***************************************************/ /* lexikon */ /* liste a bis z */ .inhaltsmodul ul.inhalt_lexikon_az { position: relative; float: left; margin: 0; padding: 0; list-style: none; } html:first-child .inhaltsmodul ul.inhalt_lexikon_az { margin: 0 0 15px 0; } /* Opera9- */ .inhaltsmodul ul.inhalt_lexikon_az li { position: relative; float: left; margin: 0 0.3em 0 0; padding: 0; } /* suchformular */ .inhaltsmodul form.inhalt_lexikon_suche { } .inhaltsmodul form.inhalt_lexikon_suche input { font-size: 90%; } /* datensatz */ .inhaltsmodul .inhalt_lexikon_datensatz { float: left; margin: 0 0 15px 0; } * html .inhaltsmodul .inhalt_lexikon_datensatz { margin: 0; } /* IE6- */ html:first-child .inhaltsmodul .inhalt_lexikon_datensatz { float: none; margin: 0; } /* Opera9- */ /* topup */ .inhaltsmodul .inhalt_lexikon_datensatz a.topup { float: right; margin: 0; width: 22px; height: 22px; background: url(../m_images/inhalt_icons/inhalt_icon_topup.gif) no-repeat 0 50%; } /* artikelbild */ .inhaltsmodul .inhalt_lexikon_datensatz img.inhalt_lexikon_bild { float: left; margin: 0 0 15px 0; padding: 0; } /* box */ .inhaltsmodul .inhalt_lexikon_datensatz .inhalt_lexikon_box { float: right; width: 214px; margin: 0 0 15px 0; padding: 7px; } /* text */ .inhaltsmodul .inhalt_lexikon_datensatz .inhalt_lexikon_text { margin: 0 243px; } /***************************************************/ /***************************************************/ /******************************************** fuss */ /* wrap um fuss erzeugt hintergrund */ #fuss_wrap { clear: both; color: #FFF; /* background: url(../m_images/fuss_balken.gif) #EE0000 repeat-x; */ background-color: #EE0000; } /* seitenränder */ #fuss { padding: 12px 15px 0 15px; } *:first-child+html #fuss { padding: 6px 15px 0px 15px; } /* IE7 */ /* fuss_100_3: rechte spalte über 3 raster, links flexible spalte */ #fuss .fuss_100_3 { margin: 0; padding: 0; } /* spalte rechts über 3 raster */ #fuss .fuss_100_3 .spalte_3 { float: right; width: 228px; margin: 0; text-align: right; } /* spalte links flexibler breite */ #fuss .fuss_100_3 .spalte_100 { margin-right: 243px; } /* textformatierung */ #fuss h3 { margin: 0; } #fuss p { margin: 0; padding: 0 0 1em 0; font-size: 90%; color: #000; } /* links */ #fuss .inhaltsmodul a:link, #fuss .inhaltsmodul a:visited { color: #FFF; } #fuss .inhaltsmodul a:hover, #fuss .inhaltsmodul a:active { color: #000; } /* inhalt_navlist_text */ #fuss .inhaltsmodul .inhalt_navlist_text ul li { margin: 0; } #fuss .inhaltsmodul .inhalt_navlist_text ul li a { padding: 0 10px 0 0; } #fuss .inhaltsmodul .inhalt_navlist_text ul li a { background-image: none; } /* gallery */ #fuss ul.gallery { position: relative; /* ie win */ float: left; margin: 0; padding: 0; width: 100%; /* ie win */ list-style: none; } /* listenelement */ #fuss ul.gallery li { float: left; margin: 0 1px 1px 0; padding: 0; } /* bild ohne abstand nach unten */ #fuss ul.gallery li img { margin: 0; padding: 0; } /* bildsubtext */ #fuss p.bildsubtext { font-size: 95%; margin: 0 0 0.5em 0; } /* bildcaption bei textpic */ #fuss p.bildcaption { font-size: 95%; margin: -0.5em 0 0.5em 0; } /***************************************************/ /***************************************************/ /************************ typo3 styles formatieren */ /* typo3 tabelle für downloads/uploads */ .inhaltsmodul table.csc-uploads p { padding: 0; margin: 0; } /* mailform ohne fieldset kacke */ #inhalt fieldset { padding: 0; margin: 0; border: none; } #inhalt fieldset legend { display: none; } .tx-bvdecards-pi1 p { clear: both; } .tx-bvdecards-pi1 label { float: left; } /* inhalt_tabelle */ #inhalt table.inhalt_tabelle { margin: 0 0 15px 0; padding: 0; border-top: #6D6352 3px solid; border-bottom: #6D6352 3px solid; border-spacing: 0; caption-side: top; } /* zeilen */ #inhalt table.inhalt_tabelle tr { margin: 0; padding: 0; border: none; } /* gerade und ungerade zeilen */ #inhalt table.inhalt_tabelle tr.tr-even { background-color: #DCD9D4; } #inhalt table.inhalt_tabelle tr.tr-odd { background-color: #F3F2F1; } /* zellen */ #inhalt table.inhalt_tabelle td { margin: 0; padding: 3px; text-align: left; vertical-align: top; border: none; } /* absatz */ #inhalt table.inhalt_tabelle p { margin: 0; padding: 0; } /* kontaktformular mit grosser breite für anmerkungen */ #inhalt form#tx_usrmbcontactform_pi1 textarea { width: 90%; } /***************************************************/ /***************************************************/ /******************************************* druck */ /* druck: div-layer und spalten werden ausgeblendet bzw modifiziert */ body.druck #l_kopf1, body.druck #l_navigation, body.druck #l_features, body.druck #l_kopf2, body.druck #l_fuss, body.druck .spalte_2, body.druck .spalte_3, body.druck .spalte_3_links, body.druck .spalte_3_rechts { display: none; } body.druck .spalte_100_2, body.druck .spalte_100_3, body.druck .spalte_2_100, body.druck .spalte_3_100, body.druck .spalte_5_100, body.druck .spalte_100 { width: 100%; margin: 0; }