* {
  margin: 0px;
  padding: 0px;
}

html, body {
  height: 100%; /* Required */
}

body {
  background: #fff url('../bilder/body_bg.gif') repeat-y top left;
  font: 13px/19px Arial, Helvetica, sans-serif;
}

a, a:link, a:active, a:visited {
  text-decoration: none;
  color: #c00;
}

a:hover {
  text-decoration: underline;
  color: #c00;
}

a.gruen, a.gruen:link, a.gruen:active, a.gruen:visited {
  text-decoration: none;
  color: #54a224;
}

a.gruen:hover {
  text-decoration: underline;
  color: #54a224;
}

a.weiss, a.weiss:link, a.weiss:active, a.weiss:visited {
  text-decoration: none;
  color: #fff;
}

a.weiss:hover {
  text-decoration: underline;
  color: #fff;
}

a.weiss_bold, a.weiss_bold:link, a.weiss_bold:active, a.weiss_bold:visited {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

a.weiss_bold:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #fff;
}

a.prodgr, a.prodgr:link, a.prodgr:active, a.prodgr:visited  {
  text-decoration: none;
  color: #f90;
}

a.prodgr:hover {
  text-decoration: underline;
  color: #f90;
}

#left {
  position: relative;
  width: 205px;
  float: left;
}

#head {
  position: relative;
  margin-left: 205px;
  height: 115px;
  background: #fff url('../bilder/head_bg.gif') repeat-x top left;
}

/* IE CSS Hack */
* html #left {
margin-right: -3px;
}
* html #head {
  margin-left: 202px;
}
/* Ende IE CSS Hack */

#main_menu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 795px;
  height: 115px;
  background: #fff url('../bilder/main_menu_bg.jpg') no-repeat top left;
}

#main {
  position: absolute;
  top: 150px;
  left: 205px;
  width: 795px;
}

#main_content {
  position: relative;
  margin-left: 50px;
}

#logo {
  position: absolute;
  top: 17px;
  left: 9px;
}

#second_menu {
  position: absolute;
  top: 17px;
  right: 0px;
  font: 11px/13px Arial, Helvetica, sans-serif;
  color: #54a224;
}

/* LEFTMENU */
ul.leftmenu {
  margin-left: 21px;
  margin-top: 28px;
  margin-right: 27px;
  list-style-type: none;
}

ul.leftmenu li, ul.leftmenu li:hover {
  text-align: right;
  border-bottom: 1px solid #54a224;
  font: 12px/18px Arial, Helvetica, sans-serif;
}

ul.leftmenu li a, ul.leftmenu li a:link, ul.leftmenu li a:active, ul.leftmenu li a:visited {
  padding: 3px;
  text-decoration: none;
  display: block;
  color: #54a224;
  background-color: transparent;
}

ul.leftmenu li a:hover {
  padding: 3px;
  text-decoration: none;
  display: block;
  color: #54a224;
  background-color: #fff;
}
/* LEFTMENU ENDE */

/* LOGIN-Feld */
#login {
  position: relative;
  width: 205px;
  height: 260px;
  background: #fff url('../bilder/login_bg.jpg') no-repeat top left;
}

#inner_login {
  position: absolute;
  left: 20px;
  bottom: 0px;
  width: 160px;
}

div.login_links {
  margin-left: 36px;
  text-align: left;
  font: 11px/15px Arial, Helvetica, sans-serif;
}

div.login_form {
  margin-left: 15px;
  font: 1px/0px serif;
}

div.login_form img, .submitbutton {
  vertical-align: bottom;
  margin: 0 7px 0 0;
}

.submitbutton { margin: 6px 0px 0px 36px; }

div.login_form .login {
  width: 90px;
  border: 1px solid #575757;
  color: #666;
  font-size: 11px;
  padding: 1px;
}

#loggedin {
  margin-left: 19px;
  margin-right: 27px;
  margin-top: 24px;
  border: 1px solid #54a224;
  padding: 6px;
  background: url('../bilder/logged_bg.gif') repeat-y top left;
}

/* LOGIN-Feld ENDE */

.tipp {
  text-align: right;
  margin: 20px;
  margin-right: 28px;
  background: url('../bilder/geschenk_icon.gif') no-repeat 0px 40px;
}

.tipp h3 {
  font: bold 13px/19px Arial, Helvetica, sans-serif;
  color: #54a224;
}

.tipp p {
  font: 13px/19px Arial, Helvetica, sans-serif;
  color: #666;
}

.head_gruen {
  font: bold 14px/19px Arial, Helvetica, sans-serif;
  color: #54a224;
}

#topmenu {
  position: absolute;
  top: 87px;
  left: 85px;
  font: 1px/0px serif;
}

#topmenu img {
  margin-right: 7px;
}

.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }

.clearall {
  clear: both;
}

img {
  border: none;
}

/* OverLib DIV Styles ANFANG ------------------- */
div#overDiv {
  position: absolute;
  visibility: hidden;
  z-index: 999;
}

.fontClass { font: 12px/19px Arial, Helvetica, sans-serif; }
.fgClass {
  background: #ffc; /*url('../bilder/ecke.gif') no-repeat top left;*/
  border: 4px solid #ffc;
}
.bgClass {
  background-color: #999;
  border: 1px solid #999;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
}
/* OverLib DIV Styles ENDE --------------------- */

h1 {
  color: #c00; /*#FF9900;*/
  font: 28px/36px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

h2 {
  color: #c00; /*#FF9900;*/
  font: bold 16px/20px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

h1.prodgr {
  color: #FF9900;
  font: italic 20px/24px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

h3 {
  color: #c00; /*#FF9900;*/
  font: italic 24px/28px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

p {
  margin-bottom: 9px;
}

p, .text, td, ul, input.flat {
  color: #575757;
  font: 12px/19px Arial, Helvetica, sans-serif;
}
.text11 {
  color: #575757;
  font: 11px/17px Arial, Helvetica, sans-serif;
}

.no_lh {
  line-height: 0;
}

.text13 {
  color: #575757;
  font: 13px/24px Arial, Helvetica, sans-serif;
}

.linie {
  height: 1px;
  line-height: 0px;
  border-bottom: 1px solid #54a224;
  margin: 24px 0px 6px 0px;
}

ul.liste {
  margin-bottom: 9px;
}

ul.liste li {
  margin-left: 1.2em;
}

ul.liste li a, ul.liste li a:link, ul.liste li a:active, ul.liste li a:visited {
  text-decoration: none;
  color: #666;
}
ul.liste li a:hover {
  text-decoration: underline;
  color: #666;
}


/* CONTENT */

#titel {
  position: absolute;
  top: -35px;
  left: -50px;
  width: 795px;
  height: 460px;
  background: url('../bilder/kalender_titel.jpg') no-repeat top left;
}

#titeltext {
  position: absolute;
  top: 20px;
  left: 535px;
  width: 240px;
  height: 200px;
  text-align: left;
}

#titel_anmeldebutton {
  position: absolute;
  top: 218px;
  left: 110px;
  width: 180px;
  height: 25px;
}

#titeltext h1 {
  color: #54a224;
  font: 28px/32px Arial, Helvetica, sans-serif;
  margin-bottom: 12px;
}

#titeltext p {
  font: 14px/20px Arial, Helvetica, sans-serif;
  color: #000000;
  margin-bottom: 18px;
}

#titelbild {
  position: absolute;
  top: 0px;
  left: 350px;
  width: 420px;
  height: 340px;
}

#titelkasten {
  position: absolute;
  top: 260px;
  left: 70px;
  width: 285px;
  height: 270px;
}

#titelkasten h2 {
  color: #c00;
  font: 18px/20px Arial, Helvetica, sans-serif;
  padding-left: 36px;
}

#titelkasten p {
  font: 12px/15px Arial, Helvetica, sans-serif;
  color: #575757;
  margin-bottom: 12px;
  padding-left: 36px;
}

#aktion {
  position: absolute;
  top: 470px;
  width: 745px;
  left: 0px;
  height: 150px;
  border-bottom: 1px solid #999;
  background: url('../bilder/sparaktion-sparschwein.jpg') no-repeat left top;
}

#aktion h1 { color: #c00; font: 24px/28px Arial,Helvetica,sans-serif; margin-left: 90px; }
#aktion h2 { padding: 0px; font: bold 16px/22px Arial, Helvetica, sans-serif; color: #000; margin-left: 90px; }

#kasten1 {
  position: absolute;
  top: 480px;
  left: 0px;
  width: 230px;
}
#kasten2 {
  position: absolute;
  top: 480px;
  left: 260px;
  width: 230px;
}
#kasten3 {
  position: absolute;
  top: 480px;
  left: 520px;
  width: 230px;
}

.block {
  position: absolute;
  top: 430px;
  left: 0px;
  width: 745px;
  text-align: left;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  background: url('../bilder/preisliste_bg.gif') repeat-y right top;
  padding-top: 3px;
  padding-bottom: 3px;
}

.block h3 {
  color: #54a224;
  font: 18px/22px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

.block p {
  font: 12px/19px Arial, Helvetica, sans-serif;
  color: #575757;
  margin-bottom: 0px;
}

ul.liste .head {
  color: #c00;
  font: bold 16px/20px Arial, Helvetica, sans-serif;
  /*border-bottom: 1px solid #f0b2b2;*/
  margin-bottom: 6px;
}

ul.kategorieliste {
  margin: 0;
  margin-bottom: 9px;
  text-align: left;
  font: 12px/19px Arial, Helvetica, sans-serif;
  list-style-type: none;
}

ul.kategorieliste li {
  margin: 0 0 1px 0;
  padding: 3px 6px 3px 6px;
  border-bottom: 1px solid #FFCC60;
}

.boxhead_l { text-align: left; }

.punktlinie {
  background: url('../bilder/grau_punktlinie_pix.gif') repeat-x bottom;
}

.weiter/*, ul.kategorieliste li a*/ {
  padding-right: 15px;
  background: url('../bilder/weiter_mini.gif') no-repeat right;
}

.hoch {
  padding-left: 15px;
  background: url('../bilder/hoch.gif') no-repeat left;
}

.footnote_div {
  clear: both;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 12px;
  border-top: 1px solid #cccccc;
}

.footnote_watermark, a:link.footnote_watermark, a:visited.footnote_watermark, a:hover.footnote_watermark, a:active.footnote_watermark {
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  color: #cccccc;
}

.footnote {
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  color: #999999;
}

.preise_tab .footnote, .preise .footnote {
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  color: #888;
}

div.css_wrapper {
  color: #575757;
  font: 12px/19px Arial, Helvetica, sans-serif;
}

div.css_wrapper .b16, .h2_wrapper {
  color: #c00;
  font: bold 16px/20px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
  display: block;
}

div.css_wrapper hr {
  display: none;
}

span.button {  /* wrapper z.B. für auftrag_kalender.php */
  background: url('../bilder/button_blanko180.gif') no-repeat top left;
  color: #FF6600;
  width: 180px;
  height: 26px;
  display: block;
  cursor: pointer;
  text-align: center;
  padding-top: 2px;
}

input.button { /* wrapper z.B. für bestellung.php */
  padding: 0px;
  margin: 0px;
  background: #fff url('../bilder/button_blanko.gif') no-repeat top left;
  border: none;
  color: #FF6600;
  width: 180px;
  height: 26px;
  display: block;
  cursor: pointer;
  text-align: center;
  font: bold 12px/19px Arial, Helvetica, sans-serif;
}

/* von pixfox */

.tabelle {
  border-spacing: 0px;
}

.tabelle td {
  line-height: 13px;
  padding: 6px;
  background-color: #fff; /*#EBF1F9; #FFF8EB; #FFF2D7; #D8E4F4;*/
  border-bottom: 1px solid #ccc;
}




.left {
  float: left;
}

.right {
  float: right;
}

.clearall {
  clear: both;
}

.orange {
  color: #FF7415;
}

.left_menu {
  border-top: 1px solid #FF7415;
  border-bottom: 1px solid #FF7415;
  padding: 6px 0 6px 0;
  margin-bottom: 12px;
  text-align: center;
}

.tablehead {
  margin: 25px 0 0 0;
  background-color:  #dceed0 !important; /*#fff59b;*/ /*#FFBB00;*/
  color: #498f1e; /*#FFF;*/
  border-bottom: 1px solid #498f1e;
  font: bold 13px/14px Arial, Helvetica, sans-serif;
  padding: 4px;
  height: 16px;
  min-height: 16px;
}

.tablehead span {
  font: 12px Arial, Helvetica, sans-serif;
}

.tablefoot {
  margin: 25px 0 0 0;
  background-color:  #dceed0 !important; /*#fff59b;*/ /*#FFBB00;*/
  color: #498f1e; /*#FFF;*/
  border-bottom: 1px solid #498f1e;
  font: bold 13px/14px Arial, Helvetica, sans-serif;
  padding: 4px;
  height: 16px;
  min-height: 16px;
}

.tablefoot span {
  font: 12px Arial, Helvetica, sans-serif;
}


ul.liste {
  margin-left: 0;
  margin-bottom: 12px;
}

ul.liste li, .error li, .stop li {
  margin-left: 15px;
}

/* Preisliste ANFANG */

#kalendersorten {
  position: relative;
  background: url('../bilder/kalendersorten.gif') no-repeat top left;
  height: 266px;
}

#kalendersortentext {
  position: absolute;
  top: 70px;
  left: 440px;
  width: 300px;
}

ul.sprung {
  list-style-image:url('../bilder/runter.gif')
}

ul.sprung li {
  margin-left: 18px;
}

table.preise, table.preise_tab {
  border-collapse: collapse;
}

table.preise { margin-top: 48px; }

table.preise td {
  padding: 6px;
}

table.preise_tab td {
  padding: 6px;
  border-bottom: 1px solid #999;
}

table.preise_tab td.no_border {
  border: none;
}

table.preise_tab td.tab_head {
  padding: 12px 0 6px 0;
  border: none;
  color: #54a224;
  font: italic 18px/18px Arial, Helvetica, sans-serif;
}

table.preise_tab td.prod {
  /*background-color: #fff9c3;*/
  background: url('../bilder/preisliste_bg.gif') repeat-y right top;
  text-align: right;
}

table.preise_tab td.preis {
  /*background-color: #D8E4F4;*/
  font-weight: bold;
  text-align: right;
}

table.preise .head {
  background-color: #dceed0;
  color: #54a224;
  font: bold 16px/16px Arial, Helvetica, sans-serif;
}

table.preise .prodicon {
  padding: 0px;
  background-color: #FFFFFF;
  text-align: center;
  /*vertical-align: top;*/
}

.marker {
  padding: 2px;
  font-weight: bold;
  color: white;
  background-color: red;
  text-align: center;
}

.rot  { background-color: red; }
.blau { background-color: #66f; }
.gelb { background-color: yellow; color: black; }

/* Preisliste ENDE */

/* Subnav Formatierung */

ul.subnav {
  border-top: 1px solid #fff;
  list-style-type: none;
  margin: 0px 9px 12px 9px;
}

ul.subnav li {
  border-bottom: 1px solid #fff;
  color: #fff;
}

ul.subnav li.subnav_a {
  text-align: right;
  padding: 2px;
  color: #fff;
}

a.subnav, a.subnav:link, a.subnav:hover, a.subnav:visited, a.subnav-sel {
  text-decoration: none;
  text-align: right;
  color: #fff;
  height: 100%;
  padding: 2px;
  display: block;
  background: none;
}

a.subnav-sel, a.subnav-sel:hover, a.subnav-sel:visited {
  background: #e57f7f;
  color: #fff;
  text-decoration: none;
}


/* ENDE Subnav Formatierung */


/* Original-Photodruck-CSS */

.tab_hcol_start, .tab_hcol_mb {
  background-color : #fce0D3;
  border-style: solid;
  border-width: 1px;
  border-color:#828282;
  padding:2px
}

.hinweis /* Box für Hinweise (gelb) */ {
  background: #ffffa1 url("../bilder/achtung.jpg") no-repeat 6px 6px;
  border: solid 1px #ffff00;
  padding: 7px 7px 7px 50px;
  margin-bottom: 12px;
  min-height:30px;
}

.minihinweis {
  padding-left: 5px;
  padding-right:5px;
  background-color: #ffffa1;
  border: solid 1px #ffff00;
  font-size: 11px;
}

.stop /* Box für Fehler mit stop schild(rot) */ {
  background: #ffe0d6 url("../bilder/stop.jpg") no-repeat 6px 6px;
  border: solid 1px #ffa0a0;
  padding: 7px 7px 7px 50px;
  min-height: 30px;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 12px;
}

.error /* Box für Fehler (rot) */ {
  background-color: #ffe0d6;
  border: solid 1px #ffa0a0;
  width: 100%;
  padding: 7px 7px 7px 7px;
  min-height: 30px;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 12px;
}

.hinweis td, .stop td { /* für skriptgenerierte Fehlermeldungen im Table-Format */
  padding-left: 50px;
}

.stop ul {
  color: #000000;
}

input.anmeldung, textarea.anmeldung /* Formularfelder Anmeldung */ {
  color: black;
  width: 150px;
  border: solid 1px #999;
}

input.anmeldung_error /* Formularfelder Anmeldung bei Fehler */ {
  color: black;
  width: 150px;
  border: solid 1px #999;
  background-color: #FFE0D6;
}

input.flat {
  border-width: 0;
  width: 100%;
  background-color:#fff;
}

.button_abbruch, .button_speichern {
  width: 85px;
  height: 17px;
  padding: 0;
  border: 0;
  cursor: pointer;
}

.button_abbruch {
  background: #fff url(../bilder/button_abbruch.gif) no-repeat top left;
}

.button_speichern {
  background: #fff url(../bilder/button_speichern.gif) no-repeat top left;
}

.upload_java {
  border-width: 2px;
  border-color: #dddddd;
  background-color: #f6f6f6;
  width: 570px;
  border-style: solid;
  padding: 2px;
}

/* Tabelle für Funktionen im Hauptframe */
.tab_functions {
  background-color: #fff9c3;
  border: 1px solid #54a224;
  padding: 6px;
}

.tab_functions_cover {
  background-color: #fff9c3;
  border: 1px solid #54a224;
  padding: 6px;
}

.tab_functions_cover .tab_functions {
  background-color: transparent;
  border: none;
  padding: 0px;
}

.tab_functions img {
  vertical-align: middle;
}

table.thumb,table.thumbord {
  font-size: 12px;
  line-height: 15px;
}

td.thumb {
	background-image: url("/design/bilder/bgth132.gif");
	background-repeat: no-repeat;
}

td.thumb_sel {
	background-image: url("/design/bilder/bgth132_akt.gif");
	background-repeat: no-repeat;
}
.thumbkl {
  border: 1px #888888 solid;
	background-image: url("/design/bilder/leiste-grau-gross.gif");
}

.thumbkl_sel {
  border: 1px #54a224 solid;
	background-image: url("/design/bilder/leiste-beige-gross.gif");
}

td.thumbtrash {
  background-image: url("../bilder/knitterpapier.jpg")
}

.ord_bid {
  text-align:center;
  vertical-align:middle;
  margin-top:15px;
}

img.thumbnail {
  border-right: 0px #888888 solid ;
	border-bottom: 0px #888888 solid ;
}

.thumbtext {
  font-size: 12px;
}

.border {
  border: 1px #888888 solid;
}

td.thumbord,td.thumbhoch {
  text-align:center;
  vertical-align:middle;
  background-position:0px 0px;
	background-Image:url(../bilder/ordner.gif);
	background-repeat:no-repeat;
	/*padding-top:15px;*/
}

td.thumbord_sel,td.thumbhoch_sel {
  text-align:center;
  vertical-align:middle;
  background-position:0px 0px;
	background-Image:url(../bilder/ordner_akt.gif);
	background-repeat:no-repeat;
	/*padding-top:15px;*/
}

td.thumbklord {
  border: 1px #888888 solid;
  text-align:center;
  vertical-align:middle;
	background-Image:url("/design/bilder/leiste-grau-gross.gif");
	background-repeat:repeat-x;
}

td.thumbklord_sel {
  border: 1px #be1c10 solid;
  text-align:center;
  vertical-align:middle;
	background-Image:url("/design/bilder/leiste-beige-gross.gif");
	background-repeat:repeat-x;
}

.lm_button { background-Color:#D3D3F8; }




.tab_hcol_start, .tab_hcol_mb {
  background-color : #DDDDDD;
  border-style: solid;
  border-width: 1px;
  border-color:#828282;
  padding:2px
}

.tab_bcol {
  background-color: #F7F7F7;
  border-style: solid;
  border-width: 0px;
  border-color: white;
}

.tab_lcol /* Line Color für tabellen */ {
  background-color: #828282;
  border: 0px solid #828282;
  padding: 0px;
}

/*.tab_hcol_mb {
  background-color: #D3D3F8
} /* Tabellenkopffarbe meine bilder  */

.tab_hcol_bh /* Tabellenkopffarbe Bilder hochladen */ {
  background-color: #D6FAD6
}

.tab_hcol_ab /* Tabellenkopffarbe Abzüge bestellen */ {
  background-color: #DDDDDD;
  border: 1px #828282 solid;
  padding: 2px;
}

.tab_hcol_auftrag /* Tabellenkopffarbe Abzüge bestellen --> Auftrag */ {
  background-color: #DDDDDD;
  border: 0px #828282 solid;
  padding: 2px;
}

.tab_auftrag_data /* Tabellenkopffarbe Abzüge bestellen --> Auftrag */ {
  background-color: #FFFFFF;
  border: 0px;
  padding-right: 4px;
}

.tab_form_ab /* Tabelle Bestellformular Abzüge bestellen --> Auftrag*/ {
  background-color: #DDDDDD;
  border: 0px;
  padding: 0px;
}

.tab_hcol_help /* Tabellenkopffarbe Hilfe */ {
  background-color: #F5F4D8;
  width: 120px
}

.tab_bopt /* Hintergrundfarbe der tabelle Bildoptimierer*/ {
  background-color: #e2e2e2
}
.framed {
  border-width: 1px;
  border-style: solid;
  border-color:#828282
}


.auftrag_input,.auftrag_err_input  {
  border-width: 1px;
  border-color: #828282;
  width: 35px;
  text-align: right;
}

.auftrag_err_input {
  
  background-color: #FFE0D6;
}

.auftrag_gk_input {
  border-width: 1px;
  border-color: #828282;
  width: 100%
}

.auftrag_selbox {
  width: 95%;
  vertical-align: middle
}

table.prodgr {
  border-collapse: collapse;
}

td.prod_txt {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: left;
  padding: 6px 6px 6px 0;
}

td.prod_bild {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: center;
  background-color: #fff;
  padding: 6px 0 6px 0;
}

table.off_prodgr {
  border-collapse: collapse;
}

td.off_prod_txt {
  text-align: left;
  padding: 6px 0 6px 6px;
}

td.off_prod_bild {
  text-align: center;
  background-color: #fff;
}

/*Neuer Auftragstatus*/
.tabelle_buchungen {
  border-spacing: 0px;
  width:100%;
}

.tabelle_buchungen td {
  line-height: 12px;
  padding: 4px;
  background-color: #fff; /*#EBF1F9; #FFF8EB; #FFF2D7; #D8E4F4;*/
  border-bottom: 1px solid #ccc;
 
}

.legende_buchungen{
    background-color: #fff9c3;
  border: 1px solid #54a224;
  padding: 6px;
 
   
}
/* ELEMENT mit Abstand nach rechts z.b. Legende Buchungen */
.tab_legende{
 margin-right:20px;

}
.tab_legende img{
 vertical-align: middle;
}