/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Barmherzige Brüder von Maria Hilf | CSS-Datei | Content | CUSTOM
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Logo
***************************************************************************************************
***************************************************************************************************
*/

.logo {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 10;
}

.logo-2 {
  position: absolute;
  display: block;
  left: 449px;
  top: 443px;
  margin: 0;
  padding: 0;
  z-index: 100;
}

.bruder-willi-spiel {
  position: absolute;
  display: block;
  left: 0;
  top: 135px;
  margin: 0;
  padding: 0;
  z-index: 10;
}

.orden-balken {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 1000;
}

.orden-willi-spruch {
  position: absolute;
  display: block;
  left: 224px;
  /left: 207px;
  top: 27px;
  margin: 0;
  padding: 0;
  width: 242px;
  z-index: 1000;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** RUMPF, INHALT
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

h1 {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0 0 14px;
  font-size: 1.2em;
  color: #2C81C3;
  background-image: url(../grafik/ueberschrift.gif);
  background-repeat: no-repeat;
  height: 100%;
}

h2 {
  font-size: 1.2em;
  color: #2C81C3;
  font-weight: normal;
}

.lieferbedingungen-titel h2 {
  font-size: 1em;
  color: #494B4A;
  font-weight: bold;
}

.zwischenueberschrift-titel h2 {
  position: relative;
  display: block;
  margin: 0;
  padding: 4px 0 6px 17px;
  color: #686868;
  background-color: #DCE4EA;
  background-image: url(../grafik/zwischenueberschrift.gif);
  background-repeat: no-repeat;
  width: 366px;/*32.67em*/
  height: 100%;
  font-size: 1em;
  font-weight: bold;
}

.bg-shop-standard .zwischenueberschrift-titel h2 {
  width: 454px;
}

.seitentitel-titel h2 {
  position: relative;
  display: block;
  margin: 0;
  padding: 4px 0 6px 17px;
  color: #2C81C3;
  background-color: #DCE4EA;
  background-image: url(../grafik/seitentitel.gif);
  background-repeat: no-repeat;
  height: 100%;
  font-size: 1em;
  font-weight: bold;
}

.mitgliederverzeichnis-uebersicht-eintrag-inhalt-titel h2 {
  margin: 0;
  padding: 4px 0 6px 17px;
  color: #2C81C3;
  background-color: #DCE4EA;
  background-image: url(../grafik/seitentitel.gif);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  font-size: 1em;
  font-weight: bold;
}

.mitgliederverzeichnis-detail-eintrag-inhalt-titel h2,
.tabelle-mitgliederverzeichnis-td-text h2 {
  margin: 0;
  padding: 0;
  color: #4A4B4B;
  font-size: 1em;
  font-weight: bold;
}

.shop-artikel-uebersicht-eintrag-inhalt-titel h2 {
  margin: 0;
  padding: 4px 0 6px 17px;
  color: #2C81C3;
  background-color: #DCE4EA;
  background-image: url(../grafik/seitentitel.gif);
  background-repeat: no-repeat;
  width: 293px;
  height: 100%;
  font-size: 1em;
  font-weight: bold;
  float: left;
}

.kategorie-titel h2 {
  position: relative;
  display: block;
  margin: 0;
  padding: 4px 0 6px 17px;
  color: #FFFFFF;
  background-color: #2C81C3;
  width: 383px;/*34.19em*/
  height: 100%;
  font-size: 1em;
  font-weight: bold;
}

.faq-titel h2 {
  position: relative;
  display: block;
  margin: 0;
  padding: 4px 0 6px 17px;
  color: #686868;
  background-color: #DCE4EA;
  background-image: url(../grafik/zwischenueberschrift.gif);
  background-repeat: no-repeat;
  width: 366px;/*32.67em*/
  height: 100%;
  font-size: 1em;
  font-weight: bold;
}

.lexikon-begriff-titel h2 {
  position: relative;
  display: block;
  margin: 0;
  padding: 4px 0 6px 17px;
  color: #686868;
  background-color: #DCE4EA;
  background-image: url(../grafik/zwischenueberschrift.gif);
  background-repeat: no-repeat;
  width: 366px;/*32.67em*/
  height: 100%;
  font-size: 1em;
  font-weight: bold;
}

.spender-titel h2 {
  position: relative;
  display: block;
  margin: 0;
  padding: 4px 0 6px 17px;
  color: #686868;
  background-color: #DCE4EA;
  background-image: url(../grafik/zwischenueberschrift.gif);
  background-repeat: no-repeat;
  width: 366px;/*32.67em*/
  height: 100%;
  font-size: 1em;
  font-weight: bold;
}

.gaestebuch-titel h2 {
  position: relative;
  display: block;
  margin: 0;
  padding: 4px 0 6px 17px;
  color: #686868;
  background-color: #DCE4EA;
  background-image: url(../grafik/zwischenueberschrift.gif);
  background-repeat: no-repeat;
  width: 366px;/*32.67em*/
  height: 100%;
  font-size: 1em;
  font-weight: bold;
}

h3 {
  font-size: 1em;
}

.ueberschrift-shop-eintrag h2 {
  padding: 5px 0 0 0;
  font-size: 1em;
  font-weight: bold;
  color: #2C81C3;
  background: transparent;
}

.ueberschrift-shop-eintrag h3 {
  font-size: .9em;
  color: #2C81C3;
  font-weight: normal;
  line-height: 1.4em;
}

.ueberschrift-untertitel h3 {
  font-size: .9em;
  color: #8D9397;
  font-weight: normal;
}

h4 {
  font-size: .8em;
  color: #FFFFFF;
}

h5 {
  font-size: 1em;
}



/*
***************************************************************************************************
***************************************************************************************************
** Links
***************************************************************************************************
***************************************************************************************************
*/

/*
******************************************
** allg. Textlinks
******************************************
*/

a.link:link,
a.link:visited,
a.link:hover,
a.link:active {
  color: #2C81C3;
  text-decoration: none;
  font-weight: bold;
}

a.link:hover {
  text-decoration: underline;
}

a.anzeige-link-zurueck:link,
a.anzeige-link-zurueck:visited,
a.anzeige-link-zurueck:hover,
a.anzeige-link-zurueck:active {
  display: block;
  color: #8D9397;
  text-decoration: none;
  padding: 0 0 0 22px;
  background-image: url(../grafik/anzeige_zurueck_.gif);
  background-repeat: no-repeat;
}

a.anzeige-link-zurueck:hover {
  text-decoration: underline;
}

a.anzeige-shop-link-zurueck:link,
a.anzeige-shop-link-zurueck:visited,
a.anzeige-shop-link-zurueck:hover,
a.anzeige-shop-link-zurueck:active {
  display: block;
  color: #8D9397;
  text-decoration: none;
  padding: 0 0 0 22px;
  background-image: url(../grafik/anzeige_zurueck_.gif);
  background-repeat: no-repeat;
}

a.anzeige-shop-link-zurueck:hover {
  text-decoration: underline;
}

a.anzeige-link-weiter:link,
a.anzeige-link-weiter:visited,
a.anzeige-link-weiter:hover,
a.anzeige-link-weiter:active {
  display: block;
  color: #8D9397;
  text-decoration: none;
  padding: 0 16px 0 0;
  background-image: url(../grafik/anzeige_weiter_.gif);
  background-repeat: no-repeat;
}

a.anzeige-link-weiter:hover {
  text-decoration: underline;
}

a.anzeige-shop-link-weiter:link,
a.anzeige-shop-link-weiter:visited,
a.anzeige-shop-link-weiter:hover,
a.anzeige-shop-link-weiter:active {
  display: block;
  color: #8D9397;
  text-decoration: none;
  padding: 0 3px 0 0;
  background-image: url(../grafik/anzeige_weiter_shop.gif);
  background-repeat: no-repeat;
}

a.anzeige-shop-link-weiter:hover {
  text-decoration: underline;
}

a.zusatzinfo-button-link:link,
a.zusatzinfo-button-link:visited,
a.zusatzinfo-button-link:hover,
a.zusatzinfo-button-link:active {
  color: #2C81C3;
  text-decoration: none;
  font-size: .9em;
}

a.zusatzinfo-button-link:hover {
  text-decoration: underline;
}

a.warenkorb-link:link,
a.warenkorb-link:visited,
a.warenkorb-link:hover,
a.warenkorb-link:active {
  color: #FFFFFF;
  text-decoration: none;
}

a.warenkorb-link:hover {
  text-decoration: underline;
}

a.lexikon-link:link,
a.lexikon-link:visited,
a.lexikon-link:hover,
a.lexikon-link:active {
  color: #2C81C3;
  text-decoration: none;
}

a.lexikon-link:hover {
  text-decoration: underline;
}

a.gaestebuch-link:link,
a.gaestebuch-link:visited,
a.gaestebuch-link:hover,
a.gaestebuch-link:active {
  color: #2C81C3;
  text-decoration: none;
}

a.gaestebuch-link:hover {
  text-decoration: underline;
}

a.gedenktafeln-link:link,
a.gedenktafeln-link:visited,
a.gedenktafeln-link:hover,
a.gedenktafeln-link:active {
  color: #000000;
  text-decoration: none;
}

a.gedenktafeln-link:hover {
  text-decoration: underline;
}

a.gedenktafeln-alternativ-link:link,
a.gedenktafeln-alternativ-link:visited,
a.gedenktafeln-alternativ-link:hover,
a.gedenktafeln-alternativ-link:active {
  color: #FFFFFF;
  text-decoration: none;
}

a.gedenktafeln-alternativ-link:hover {
  text-decoration: underline;
}

a.orden-link:link,
a.orden-link:visited,
a.orden-link:hover,
a.orden-link:active {
  color: #8D9397;
  text-decoration: none;
}

a.orden-link:hover {
  text-decoration: underline;
}



/*
***************************************************************************************************
***************************************************************************************************
** Tabellen
***************************************************************************************************
***************************************************************************************************
*/

.tabelle {
  margin: 0;
  padding: 0;
}

.tabelle-inhalt {
  margin: 0;
  padding: 0;
  width: auto;
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #888888;
  /border: none;
}

div.layout {
  padding-right: 15px;
}

/*
******************************************
** allg. Tabellen
******************************************
*/


table.tabelle-table {
  width: 100%;
  /*width: 367px;*/
  font-size: .9em;
}


table.layout {
  width: 100%;
  /*width: 367px;*/
  font-size: .9em;
}

th.tabelle-table-th {
  background-color: #FFFFFF;
  border-right: 1px solid #D1DBE4;
  color: #6C6C6C;
  font-weight: normal;
  font-size: 1.1em;
  vertical-align: top;
}

th.tabelle-table-th {
  padding: 3px 0 3px 8px;
  text-align: left;
}

th.layout {
  background-color: #FFFFFF;
  border-right: 1px solid #D1DBE4;
  color: #6C6C6C;
  font-weight: normal;
  font-size: 1.1em;
  vertical-align: top;
}

th.layout {
  padding: 3px 0 3px 8px;
  text-align: left;
}

.tabelle-table-td {
  color: #4A4B4B;
  background-color: #EFF3F6;
  border-right: 1px solid #D1DBE4;
  vertical-align: top;
}

.tabelle-table-td {
  padding: 3px 8px 3px 8px;
  border-top: 1px solid #D1DBE4;
}

td.layout {
  color: #4A4B4B;
  background-color: #EFF3F6;
  border-right: 1px solid #D1DBE4;
  vertical-align: top;
}

td.layout {
  padding: 3px 8px 3px 8px;
  border-top: 1px solid #D1DBE4;
}

.tabelle-table-td-summe {
  color: #FFFFFF;
  background-color: #888888;
  border-right: 1px solid #D1DBE4;
  vertical-align: top;
  font-weight: bold;
}

.tabelle-table-td-summe {
  padding: 2px 8px 2px 8px;
  border-top: 1px solid #D1DBE4;
}

/*
******************************************
** Tabellen im Bildarchiv
******************************************
*/

table.tabelle-bildarchiv {
  width: 110px;
  font-size: .9em;
}

.tabelle-bildarchiv-td-foto {
  color: #4A4B4B;
  background-color: #FFFFFF;
  width: 110px;
  height: 110px;
  text-align: center;
  vertical-align: middle;
}

.tabelle-bildarchiv-td-foto {
  margin: 0;
  padding: 0;
}

.tabelle-bildarchiv-td-text {
  color: #4A4B4B;
  background-color: #EAEFF3;
  vertical-align: top;
}

.tabelle-bildarchiv-td-text {
  padding: 3px 5px 3px 5px;
}


/*
******************************************
** Tabellen im Warenkorb
******************************************
*/

table.tabelle-warenkorb {
  width: 100%;
  font-size: .9em;
}

th.tabelle-warenkorb-th-left {
  background-color: #FFFFFF;
  border-right: 1px solid #D1DBE4;
  color: #6C6C6C;
  font-weight: normal;
  font-size: 1.1em;
  vertical-align: top;
}

th.tabelle-warenkorb-th-left {
  padding: 3px 0 3px 8px;
  text-align: left;
}

th.tabelle-warenkorb-th-right {
  background-color: #FFFFFF;
  border-right: 1px solid #D1DBE4;
  color: #6C6C6C;
  font-weight: normal;
  font-size: 1.1em;
  vertical-align: top;
}

th.tabelle-warenkorb-th-right {
  padding: 3px 8px 3px 0;
  text-align: right;
}

th.tabelle-warenkorb-th-center {
  background-color: #FFFFFF;
  border-right: 1px solid #D1DBE4;
  color: #6C6C6C;
  font-weight: normal;
  font-size: 1.1em;
  vertical-align: top;
}

th.tabelle-warenkorb-th-center {
  padding: 3px 8px 3px 8px;
  text-align: center;
}

.tabelle-warenkorb-td-left {
  color: #4A4B4B;
  background-color: #EFF3F6;
  border-right: 1px solid #D1DBE4;
  vertical-align: top;
  width: 100%;
}

.tabelle-warenkorb-td-left {
  padding: 3px 8px 3px 8px;
  border-top: 1px solid #D1DBE4;
  text-align: left;
}

.tabelle-warenkorb-td-right {
  color: #4A4B4B;
  background-color: #EFF3F6;
  border-right: 1px solid #D1DBE4;
  vertical-align: top;
  width: 100%;
}

.tabelle-warenkorb-td-right {
  padding: 3px 8px 3px 8px;
  border-top: 1px solid #D1DBE4;
  text-align: right;
}

.tabelle-warenkorb-td-center {
  color: #4A4B4B;
  background-color: #EFF3F6;
  border-right: 1px solid #D1DBE4;
  vertical-align: top;
  width: 100%;
}

.tabelle-warenkorb-td-center {
  padding: 3px 8px 3px 8px;
  border-top: 1px solid #D1DBE4;
  text-align: center;
}

.tabelle-warenkorb-td-summe-left {
  color: #FFFFFF;
  background-color: #888888;
  border-right: 1px solid #D1DBE4;
  vertical-align: top;
  font-weight: bold;
  width: 100%;
}

.tabelle-warenkorb-td-summe-left {
  padding: 2px 8px 2px 8px;
  border-top: 1px solid #D1DBE4;
  text-align: left;
}

.tabelle-warenkorb-td-summe-right {
  color: #FFFFFF;
  background-color: #888888;
  border-right: 1px solid #D1DBE4;
  vertical-align: top;
  font-weight: bold;
  width: 100%;
}

.tabelle-warenkorb-td-summe-right {
  padding: 2px 6px 2px 10px;
  border-top: 1px solid #D1DBE4;
  text-align: right;
}

.tabelle-warenkorb-td-summe-center {
  color: #FFFFFF;
  background-color: #888888;
  border-right: 1px solid #D1DBE4;
  vertical-align: top;
  font-weight: bold;
  width: 100%;
}

.tabelle-warenkorb-td-summe-center {
  padding: 2px 8px 2px 8px;
  border-top: 1px solid #D1DBE4;
  text-align: center;
}


/*
******************************************
** Tabellen Gedenktafeln
******************************************
*/

table.tabelle-gedenktafel-1 {
  color: #000000;
  width: 185px;
  height: 148px;
  font-size: .9em;
  letter-spacing: -1px;
  background-image: url(../grafik/gedenktafel_1.gif);
  background-repeat: no-repeat;
}

table.tabelle-gedenktafel-2 {
  color: #000000;
  width: 185px;
  height: 148px;
  font-size: .9em;
  letter-spacing: -1px;
  background-image: url(../grafik/gedenktafel_2.gif);
  background-repeat: no-repeat;
}

table.tabelle-gedenktafel-3 {
  color: #ffffff;
  width: 185px;
  height: 148px;
  font-size: .9em;
  letter-spacing: -1px;
  background-image: url(../grafik/gedenktafel_3.gif);
  background-repeat: no-repeat;
}

table.tabelle-gedenktafel-4 {
  color: #000000;
  width: 185px;
  height: 148px;
  font-size: .9em;
  letter-spacing: -1px;
  background-image: url(../grafik/gedenktafel_4.gif);
  background-repeat: no-repeat;
}

td.tabelle-gedenktafeln-td-platzhalter {
  margin: 0;
  padding: 0;
  background-color: transparent;
  width: 28px;
  height: 51px;
}

td.tabelle-gedenktafeln-td-platzhalter- {
  margin: 0;
  padding: 0;
  background-color: transparent;
  width: 28px;
  height: 60px;
}

td.tabelle-gedenktafeln-td {
  margin: 0;
  padding: 0;
  background-color: transparent;
  width: 129px;
  height: 95px;
  text-align: left;
  vertical-align: top;
}


/*
******************************************
** versch. Tabellen
******************************************
*/

table.tabelle-konvente,
table.tabelle-mitgliederverzeichnis{
  width: 100%;
  font-size: 1em;
  border: none;
}

td.tabelle-konvente-td,
td.tabelle-mitgliederverzeichnis-td {
  margin: 0;
  padding: 0;
  background-color: transparent;
  width: auto;
}

td.tabelle-konvente-td,
td.tabelle-mitgliederverzeichnis-td {
  text-align: left;
  vertical-align: bottom;
}

td.tabelle-konvente-td-text,
td.tabelle-mitgliederverzeichnis-td-text {
  padding: 0 0 0 10px;
  text-align: left;
  vertical-align: bottom;
}


table.tabelle-anzeige {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1em;
}

td.tabelle-anzeige-td {
  margin: 0;
  padding: 5px 0 0 0;
  background-color: transparent;
  width: auto;
}

td.tabelle-anzeige-td {
  text-align: center;
  vertical-align: top;
}

td.tabelle-anzeige-td-fest {
  margin: 0;
  padding: 5px 0 0 0;
  background-color: transparent;
  width: 7.14em;
}

td.tabelle-anzeige-td-fest {
  text-align: center;
  vertical-align: top;
}


table.tabelle-navi {
  margin: 2px auto 0 auto;
	padding: 0;
  font-size: 1em;
  width: 100%;
}

td.td-navi-1 {
  margin: 0;
  padding: 1px 0 0 17px;
  width: 7px;
  text-align: left;
  vertical-align: middle;
}
        
td.td-navi-2 {
  margin: 0;
  padding: 0 0 0 4px;
  width: 60px;
  text-align: left;
  vertical-align: middle;
}
      
td.td-navi-3 {
  margin: 0;
  padding: 3px 0 3px 3px;
  width: auto;
  text-align: center;
  vertical-align: middle;
}

td.td-navi-4 {
  margin: 0;
  padding: 0 5px 0 0;
  width: 60px;
  text-align: right;
  vertical-align: middle;
}
        
td.td-navi-5 {
  margin: 0;
  padding: 1px 17px 0 0;
  width: 7px;
  text-align: right;
  vertical-align: middle;
}
      


/*
***************************************************************************************************
***************************************************************************************************
** Inhalt
***************************************************************************************************
***************************************************************************************************
*/

.abstandhalter {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  height: 17px;
}

ul.sitemap {
  margin: 10px 0 0 0px;
  padding: 0 0px 0px 0;
}

li.sitemap {
  margin: 10px 0 0 15px;
  padding: 0 0 0 0;
  list-style-type: none;
}


/*
***************************************************************************************************
***************************************************************************************************
** BILD
***************************************************************************************************
***************************************************************************************************
*/

.bild {
  margin: 0;
  /*padding-top: 1px;*/
  border-top: 9px solid #2C81C3;
  border-bottom: 1px solid #2C81C3;
  color: #797A7A;
  float: left;
}

.bg-chronik-standard .bild {
  border-top: 9px solid #B1BCCB;
  border-bottom: 1px solid #B1BCCB;
}

.bild-freistehend {
  margin: 0;
  /*padding-top: 1px;*/
  border-top: 9px solid #2C81C3;
  border-bottom: 1px solid #2C81C3;
  color: #797A7A;
}

.bild-ohne-border {
  margin: 0;
  padding: 0 10px 0 0;
  color: #797A7A;
  float: left;
}

.bild-tabelle {
  margin: 0;
  padding: 0;
  border-top: 9px solid #2C81C3;
  border-bottom: 1px solid #2C81C3;
  color: #797A7A;
}

.grafik-freistehend {
  margin: 0;
  color: #797A7A;
}


/*
***************************************************************************************************
** Beschreibung
***************************************************************************************************
*/

.bild-inhalt-eintrag-beschreibung,
.bild-inhalt-eintrag-quelle {
  padding: 5px 5px 5px 5px;
  font-size: .9em;
  background-color: #FFFFFF;
}

.bild-inhalt-eintrag-quelle {
  padding: 0px 5px 5px 5px;
  font-size: .9em;
  background-color: #FFFFFF;
}


/*
***************************************************************************************************
** Quelle
***************************************************************************************************
*/

.bild-inhalt-eintrag-quelle {
  color: #A4A5A5;
  font-style: italic;
}


/*
***************************************************************************************************
***************************************************************************************************
** BILDERGALERIE
***************************************************************************************************
***************************************************************************************************
*/

.bildergalerie {
  margin: 0;
  padding: 0;
  width: 380px;
}

.bildergalerie-eintrag {
  margin: 0;
  padding: 0 11px 10px 0;
  float: left;
  width: 115px;
}

.bildergalerie-eintrag-last {
  margin: 0;
  padding: 0 0 10px 0;
  float: left;
  width: 115px;
}

.bild-border {
  border-top: 9px solid #2C81C3;
  border-right: none;
  border-bottom: 1px solid #2C81C3;
  border-left: none;
}


/*
***************************************************************************************************
***************************************************************************************************
** BILDERGALERIE-POPUP
***************************************************************************************************
***************************************************************************************************
*/

div.popup-bildergalerie {
	margin: 63px auto 0 auto;
	padding: 0;
  width: 500px;
}

div.popup-bildergalerie-foto {
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
}

div.popup-bildergalerie-text {
  margin: 0 auto 0 auto;
  padding: 10px 0 0 0;
  text-align: center;
}

div.popup-bildergalerie-navi {
  margin: 18px auto 0 auto;
	padding: 0;
  width: 500px;
  height: 24px;
  color: #8D9397;
  background-color: #FFFFFF;
  border-bottom: 1px solid #8D9397;
  font-size: .7em;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** FUSS
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


.service {
  position: relative;
  display: block;
  margin: 0;
  padding: 20px 0 0 18px;
  width: 375px;
  height: auto;
}

.bg-shop-standard .service {
  width: 460px;
}

.service1 {
  position: relative;
  display: block;
  width: 3.5em;
  margin: 0;
  padding: 0 19px 1px 16px;
  background-image: url(../grafik/service_1.gif);
  background-repeat: no-repeat;
  float: left;
}

.service2 {
  position: relative;
  display: block;
  width: 6em;
  margin: 0;
  padding: 0 19px 1px 16px;
  background-image: url(../grafik/service_2.gif);
  background-repeat: no-repeat;
  float: left;
}

.service3 {
  position: relative;
  display: block;
  width: 5em;
  margin: 0;
  padding: 0 0 1px 19px;
  background-image: url(../grafik/service_3.gif);
  background-repeat: no-repeat;
  float: right;
}