/*
Farben
    a:
      #27649B :	SOS-Blau
      #9399b2 :	SOS-Blau hell für Link-Hover

    b:
      #41a62a :	SOS-Grün (Balken Kopf)
      #c8d7b4 :	SOS-Grün hell (Hover bei HG wei�)
      #ebf4df :	Hellgrüner HG bei Eindruckbereich
      #E9F2DD :	Hellgrüner HG für Box rechte Spalte
      #324691 :	Dunkelblaue Nav-Box (inaktive Hauptkategorie)
      #3757A0 : 	Dunkelblaue Nav-Box (aktive Hauptkategorie)
      #5974b9 :	Hellblaue Nav-Box
      #c5cee7 :	Aktiver Link in blauer Nax-Box

      #ecf5e7 :	Titel HG-Verlauf helles Grün
      #71BF59 :	Titel HG-Verlauf dunkles Grün


      NEU
      #41a62a :	SOS-Grün
      #E5F1DD : 	Helles SOS-Grün (z. B. Login-Box im Warenkorb)
      #2C752E :	Dunkles Grün für Rahmen bei oberer Navigation
      #27649B :   Blau für Überschriften
      #C6C6C6 : 	Helles Grau für Rahmen etc.
      #6E6A68 : 	Dunkleres Grau für Zwischenüberschriften, Untertitel, etc.
      #FBA30D : 	Gelb für farbig hinterlegte Header-Bereiche
*/

html {
  height: 100%;
}

body {
  margin: 0px;
  padding: 5px 0 0 50px;
  height: 100%;
  border: none;
  background-color: #fff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000000;
}

form {
  padding: 0;
  margin: 0;
}

img {
  margin: 0;
  padding: 0;
  border: none;
}

img.icon-links {
  margin-right: 5px;
}

br.clear {
	clear: both;
}

.kleiner-text {
	font-size: 9px;
}

ol.hervorgehoben {
	color: #41a62a;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0 0 0 20px;
}

ol.hervorgehoben li {
	margin: 0 0 15px 0;
}

a:link, a:visited, a:hover, a:active {
  color: #41a62a;
  text-decoration: underline;
  font-size: 10px;
}

span.disabled {
	color: #BBBBBB;
}

div.link-standard, a.link-standard {
  padding: 0 0 0 0px;
  text-decoration: underline;
  color: #6E6A68;
  cursor: pointer;
}


div.link-standard a {
  text-decoration: none;
  color: #000000;
}

div.link-seitennavigation {
  text-align: right;
  align: right;
  float: right;
  display: inline;
  height: 25px;
  margin: 15px 30px 15px 0;
}

div.link-seitennavigation a {
  padding: 0 0 15px 5px;
  text-decoration: none;
  color: #6E6A68;
  cursor: pointer;
  align: right;
}

a.link-aktion {
  color: #41a62a;
  text-decoration: underline;
}

div.buttons {
  clear: both;
  width: 725px;
  padding-top: 20px;
}


div.buttons.zwei-spaltig {
  width: 925px;
  bottom: 30px;
}

div.buttons .button-links {
  float: left;
}

div.buttons .button-rechts {
  float: right;
}

button.submit {
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
  border: none;
  cursor: pointer;
}

/****** Gesamter Seitenaufbau ********/

div.page {
  width: 925px;
  min-height: 600px;
}

* html div.page {
  height: 500px;
  overflow: visible;
}

/***** Navigationsleiste oben *******/

div#nav-oben {
  clear: both;
  position: relative;
  z-index: 200;
  height: 25px;
  background-image: url(../grafik/titel_hg_verlauf.jpg);
  background-repeat: no-repeat;
  border: none;
}

div#nav-oben div.rechter-rand {
  height: 100%;
  width: 1px;
  margin: 0;
  padding: 0;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid white;
  display: inline;
  font-size: 25px;
}

div#nav-oben div.suchformular {
  position: absolute;
  right: 6px;
  top: 6px;
  color: #FFFFFF;
  display: inline;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

div#nav-oben div.suchformular form {
  display: inline;
}

div#nav-oben div.suchformular form input.text {
  border: none;
  font-size: 11px;
  margin-left: 7px;
  padding: 0;
  vertical-align: top;
}

div#nav-oben div.suchformular div#suchbegriffe {
  position: absolute;
  top: 13px;
  left: 46px;
  height: auto;
  width: 150px;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #41a62a;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  display: none;
}

div#nav-oben div.suchformular div#suchbegriffe ul {
	list-style-type: none;
	margin: 5px;
	padding: 0;
}

div#nav-oben div.suchformular div#suchbegriffe ul li {
	/* height: 20px; */
	padding: 2px 0 1px 4px;
}

/******* Newsticker über Inhaltsbereich *******/

div.news {
  margin-top: 10px;
  margin-bottom: 5px;
}


/******* Inhaltsbereich *******/

div.content {
  margin-top: 5px;
  clear: both;
  display: block;
}


/******** Linke Inhaltsspalte ***********/

div.content div.linke-spalte {
  position: absolute;
  width: 185px;
  background-color: #00293C;
  color: #FFFFFF;
}

/******** Rechte Inhaltsspalte **********/

div.content div.rechte-spalte {
  border-left: 185px #00293c solid;
  padding: 15px 0 0 15px;
  width: 725px;
  min-height: 460px;
  overflow: auto;
  background-color: #FFFFFF;
}

* html div.content div.rechte-spalte {
  height: 440px;
  overflow: visible;
}

div.content.bestaetigung div.rechte-spalte {
	padding: 5px 0 0 2px;
	margin: 0;
	width: 740px;
	height: 480px;
	overflow: visible;
}

/********* Linke Inhaltsspalte bei zweispaltigen Seiten mit gleicher Spaltenbreite, z. B. Kundendaten ******/

div.content div.halbe-seite {
  width: 440px;
  background-color: #FFFFFF;
  color: #6E6A68;
  margin-left: 10px;
}

div.content div.halbe-seite.links {
  padding-right: 20px;
  background-color: #FFFFFF;
  border-right: 1px solid #6E6A68;
  float: left;
}

div.content div.halbe-seite.rechts {
  float: right;
}

/********* Abweichende Formatierungen für SOS-Projekte ********/

div.content div.projekte {
	margin-top: 20px;
}

div.content div.projekte div.halbe-seite.links {
	width: 300px;
}

div.content div.projekte div.halbe-seite.rechts {
	float: right;
	width: 350px;
}

div.projekte h2 {
	font-weight: bold;
	font-size: 12px;
}

div.projekte div.left {
	border:1px solid #bbbbbb;
	padding:10px;
	width:440px;
	background:#e9f3de;
	height:505px;
}

div.projekte div.left div.list img {
	float:left;
}


div.projekte div.left a.next {
	float:right;
}

div.projekte div.left div.list p {
	margin-left:70px;
}

div.projekte div.right {
	border:1px solid #bbbbbb;
	width:250px;
	float:right;
	height:525px;
	background: url(../grafik/businessline/pic_loreal.png) no-repeat right bottom #6ab023;
}

div.projekte div.right p {
	padding-left:10px;
	padding-right:10px;
}

/********** Footer ***********/

div.footer {
  clear: both;
  text-align: center;
  width: 925px;
  padding-top: 10px;
  height: 10px;
}

div.footer a {
  color: #6E6A68;
  text-decoration: none;
}

div.footer a:hover, a:active {
  	color: #6E6A68;
}

div.footer div.sos-links { 
	color: #3B9F26;
	margin-top: 4px;
}

div.footer div.sos-links a {
	color: #3B9F26;
	text-decoration: underline;
}


/******** Debug-Infos am Seitenende ***********/

div.debug_info {
  clear: both;
  display: block;
}

/*** Kopfbereich mit Logo und Login-Feldern ***/

div.page div.titelbalken {
  height: 125px;
  padding: 0;
  padding-right: 1px; /*fix für horiz. scrollbar beim klick auf warenkorb*/
  margin: 0;
  border: none;
  background-color: #FFFFFF;
  overflow: auto;
}

div.page div.titelbalken div.titelbalken-links {
  width: 250px;
  margin: 30px 40px 0 10px;
  margin-top: 30px;
  float: left;
}

div.page div.titelbalken div.titelbalken-mitte {
  width: 190px;
  margin-top: 30px;
  float: left;
}

div.page div.titelbalken div.titelbalken-rechts {
  margin-top: 5px;
  float: right;
  width: 400px;
  text-align: right;
}

div.page div.titelbalken div.titelbalken-rechts div.link {
  margin-bottom: 2px;
}

div.page div.titelbalken div.titelbalken-rechts div.login {
  margin: 0;
  padding-top: 0px;
  clear: both;
  /* width: 320px;
  height: 25px;
  font-size: 10px;*/
}

div.titelbalken-rechts div.login table.formular {
  margin: 4px 0px 0 0;
  float: right;
}

div.titelbalken-rechts div.login table.formular td {
  padding-top: 5px;
  vertical-align: middle;
}

div.titelbalken-rechts div.login td.formular {
  padding-left: 5px;
  text-align: left;
}

div.titelbalken-rechts div.login td.button {
  vertical-align: middle;
  padding-left: 5px;
}

div.titelbalken-rechts div.login td.button a {
  color: #FFFFFF;
  text-decoration: none;
}

div.titelbalken-rechts div.login input.checkbox {
  margin-left: 7px;
  margin-top: -1px;
}

input.login {
  margin-left: 7px;
  border: 1px solid #41a62a;
  background-color: #ffffff;
  color: #6E6A68;
  font-size: 10px;
  padding-left: 2px;
  max-width: 140px;
}

img.login.image {
  vertical-align: middle;
  margin-left: 2px;
  margin-top: 0px;
}


/***** Spezielle Formatierungen für Startseite *******/

div.teaser-gross {
  width: 614px;
  height: 308px;
  margin: 0 8px 8px 0;
  float: left;
  color: #FFFFFF;
  text-align: right;
  position: relative;
}

div.teaser-gross a {
  color: #41a62a;
  text-decoration: none;
}

div.teaser-gross div.textbox {
  width: 420px;
  height: 308px;
  text-align: right;
  font-size: 20px;
  font-weight: normal;
  line-height: 25px;
  position: absolute;
  top: 0px;
  left: 170px;
  cursor: pointer;
  color: #9d1314;
}

div.teaser-gross div.textbox span.welcometext {
  width: 420px;
  height: 308px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  top: 0px;
  left: 100px;
  cursor: pointer;
  color: #DDDDDD;
}

div.teaser-gross div.textbox span.emphasized {
  font-size: 24px;
  font-weight: bold;
  color: #9d1314;
}

div.teaser-mittel {
  width: 303px;
  height: 308px;
  color: #FFFFFF;
  margin: 0px ;
  display: inline;
  float: right;
  text-align: right;
  position: relative;
}

div.teaser-mittel div.textbox {
  width: 185px;
  height: 280px;
  position: absolute;
  top: 15px;
  left: 0;
  cursor: pointer;
}

div.teaser-mittel div.textbox div.titel {
  font-size: 20px;
  margin-bottom: 10px;
}

div.teaser-mittel div.textbox div.text {
  font-size: 12px;
  width: 175px;
  float: right;
}

div.teaser-klein {
  width: 303px;
  height: 150px;
  color: #FFFFFF;
  margin: 0 0 8px 0;
  display: inline;
  float: right;
  text-align: right;
  position: relative;
}

* html div.teaser-klein {
  margin: 0 0 6px 0;
}

div.teaser-klein.unten-rechts {
  margin-left: 8px;
}

* html div.teaser-klein.unten-rechts {
  margin-left: 8px;
}

div.teaser-klein a, div.teaser-mittel a {
  color: #41a62a;
  text-decoration: none;
}

div.teaser-klein div.textbox {
  width: 250px;
  height: 125px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

div.teaser-klein div.textbox div.titel {
  font-size: 20px;
  margin-bottom: 10px;
}

div.teaser-klein div.textbox div.text {
  font-size: 12px;
  width: 175px;
  float: right;
}

div.teaser-klein div.link, div.teaser-mittel div.link, div.teaser-gross div.link {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #41a62a;
  font-size: 13px;
  font-weight: 600;
  padding: 0 0 0 17px;
  background-image: url(../grafik/link_pfeil_teaser.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

div.teaser-gross div.link {
	bottom: 5px;
	right: 155px;
	background-position: 0px 11px;
	color: #41a62a;
	background-image: url(../grafik/link_pfeil_teaser.png);
}

div.teaser-mittel div.link {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

div.teaser-klein div.link.weiss, div.teaser-mittel div.link.weiss, div.teaser-gross div.link.weiss {
	color: #FFFFFF;
	background-image: url(../grafik/link_pfeil_teaser_weiss.png);
}
	
div.stern {
	position: absolute;
	top: 295px;
	left: 887px;	
	z-index: 150;
}

div.kinder {
	position: absolute;
	top: 416px;
	left: 673px;	
	z-index: 150;
}

div.karte {
	position: absolute;
	top: 430px;
	left: 410px;	
	z-index: 150;
}

div.stern_rabatt {
	position: absolute;
	top: 190px;
	left: 587px;	
	z-index: 150;
}

/******  Artikelübersicht   ******/


div.content div.rechte-spalte div.breadcrumb {
  float: left;
  display: inline;
}


div.content div.artikeluebersicht {
  clear: both;
}

div.artikelbox {
  width: 100px;
  height: 140px;
  padding: 10px 10px 10px 10px;
  margin: 0 10px 10px 0;
  position: relative;
  float: left;
  display: inline;
  text-align: center;
  background-color: white;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 3px ridge #6E6A68;
  border-bottom: 3px ridge #6E6A68;
}

div.artikelbox a {
  text-decoration: none;
}

div.artikelbox img.links {
	position:absolute;
	top:0px;
	left:0px;
}

div.artikelbox img.rechts {
	position:absolute;
	top:0px;
	right:0px;
}

div.artikelbox img.center_top {
	position:absolute;
	top:0px;
	left:42px;
}

div.artikelbox img.center {
	position:absolute;
	top:15px;
	left:30px;
}

div.artikelnavigationbox {
  width: 100px;
  height: 75px;
  padding: 50px 10px 10px 10px;
  margin: 0 10px 10px 0;
  position: relative;
  float: left;
  text-align: center;
  vertical-align: middle;
  background-color: white;
}

div.artikelnavigationbox a{
  text-decoration: none;
  color: #666666;
}

div.artikelnavigationbox {
  width: 100px;
  height: 75px;
  padding: 50px 10px 10px 10px;
  margin: 0 10px 10px 0;
  position: relative;
  float: left;
  text-align: center;
  vertical-align: middle;
  background-color: white;
}

div.artikelnavigationbox a{
  text-decoration: none;
  color: #666666;
}


div.artikelboxbeliebteste {
  width: 165px;
  min-height: 50px;
  padding: 5px 5px 5px 5px;
  margin: 0 0 10px 0;
  position: relative;
  text-align: left;
  background-color: white;
}

div.artikelboxbeliebteste a {
  text-decoration: none;
}

div.artikelboxbeliebteste div.bildcontainer {
  color: #6E6A68;
  width: 55px;
  height: 50px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertival-align: middle;
}

div.artikelboxbeliebteste div.textcontainer {
  color: #6E6A68;
  text-align: center;
}

div.artikelboxbeliebteste div.bewertungflash {
  padding: 12px 0px 0px 0px;
}

div.artikelbox img {
  margin-bottom: 7px;
}


div.artikelboxoptionale {
  width: 175px;
  height: 70px;
  padding: 5px 0px 0px 0px;
  margin: 0 0 10px 0;
  position: relative;
  text-align: left;
  background-color: white;
}

div.artikelboxoptionale a {
  text-decoration: none;
}

div.textcontainer h1 {
  color: #41a62a;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 0px;
}
div.artikelboxoptionale div.bildcontainer {
  color: #6E6A68;
  width: 55px;
  height: 55px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.artikelboxoptionale div.textcontainer {
  color: #6E6A68;
  line-height: 13px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

}

div.artikelbox div.bildunterschrift {
  color: #6E6A68;
}

.border_right {
	border-right:1px solid #A1A9AD;
}	


.border_bottom {
	border-bottom:1px solid #A1A9AD;
}

/********* Detailansicht Artikel ************/

/* div.navigate {
	height: 20px;
	margin-bottom: 10px;
}

div.navigate, div.navigate a {
	font-weight: bold;
	color: #41A62A;
	text-decoration: none;
}

div.navigate div.zur-uebersicht {
	float: left;
}

div.navigate div.pager {
	float: right;
}

div.pager span.counter {
	margin: 0 10px 0 10px;
} */


div.subnavi {
	margin: 0;
	padding: 9px 0 0 0;
	font-size: 10px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	height: 21px;
}

div.subnavi a {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

div.subnavi-links {
	float: left;
	margin-left: 10px;
}

div.subnavi-rechts {
	float: right;
	margin-right: 10px;
}

div.subnavi-rechts span.counter {
	margin: 0 10px 0 10px;
}

div.detailansicht {
  clear: both;
  /* position: relative; */
  width: 925px;
  height: 570px;
}

* html div.detailansicht {
  height: 550px;
}

div.detailansicht div.spalte-links {
  width: 616px;
  height: 570px;
  border: 1px solid black;
  background-image: url(../grafik/bg_linke_spalte.gif);
  background-repeat: repeat-y;
  background-position: top left;  
  float: left;
  margin-right: 9px;
  position: relative;
  z-index: 2;
  display: block;
}

div.detailansicht div.spalte-links.editor {
	background-repeat: no-repeat;
	position: static;
}

div.detailansicht div.spalte-links.editor.dinlang-innenseite-links {
	background-image: url(../grafik/eindruck/bg_dinlang_innenseite_links.jpg);
}

div.detailansicht div.spalte-links.editor.dinlang-innenseite-rechts {
	background-image: url(../grafik/eindruck/bg_dinlang_innenseite_rechts.jpg);
}

div.detailansicht div.spalte-links.editor.dinlang-innenseite-oben {
	background-image: url(../grafik/eindruck/bg_dinlang_innenseite_oben.jpg);
}

div.detailansicht div.spalte-links.editor.dinlang-innenseite-unten {
	background-image: url(../grafik/eindruck/bg_dinlang_innenseite_unten.jpg);
}

div.detailansicht div.spalte-links.editor.dinlang-aussenseite-rechts {
	background-image: url(../grafik/eindruck/bg_dinlang_aussenseite_rech.jpg);
}

div.detailansicht div.spalte-links.editor.dinlang-aussenseite-unten {
	background-image: url(../grafik/eindruck/bg_dinlang_aussenseite_unten.jpg);
}

div.detailansicht div.spalte-links.editor.innenseite-links {
	background-image: url(../grafik/eindruck/bg_innenseite_links.jpg);
}

div.detailansicht div.spalte-links.editor.innenseite-rechts {
	background-image: url(../grafik/eindruck/bg_innenseite_rechts.jpg);
}

div.detailansicht div.spalte-links.editor.innenseite-oben {
	background-image: url(../grafik/eindruck/bg_innenseite_oben.jpg);
}

div.detailansicht div.spalte-links.editor.innenseite-unten {
	background-image: url(../grafik/eindruck/bg_innenseite_unten.jpg);
}

/* div.detailansicht div.spalte-links div#ruler-oben {
	float: right;
	margin: 0 25px 10px 0;
} */

div.detailansicht div.spalte-links div#ruler-links {
	float: left;
	margin: 25px 10px 10px 0;
}

div.detailansicht div.spalte-links div.artikelbild {
	clear: both;
	text-align: center;
}

div.artikelbild {
	height:100%;
}

div.artikelbild table td.border_right {
	border-right:1px solid #cccccc;
}

div.artikelbild table td.border_bottom {
	border-bottom:1px solid #cccccc;
}

div.detailansicht div.spalte-links div.spendenanteil {
	position: absolute;
	left: 480px;
	top: 30px;
	z-index: 4;
	/* width: 175px;
	height: 60px;
	padding: 3px;
	text-align: center;
	background-image: url(../grafik/box_gerundet.png);
	background-repeat: no-repeat;
	background-position: center; */
}

div.detailansicht div.spalte-links div.spendenanteil div.text {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	width: 115px;
	margin: 5px 0 0 45px;
}
	

div.detailansicht div.spalte-links div.spendenanteil div.text-unten {
  border-top: 2px solid #FFFFFF;
  margin: 3px 4px 0 4px;
  font-size: 22px;
  line-height: 26px;
}

div.detailansicht div.spalte-rechts {
  width: 294px;
  height: 570px;
  border: 1px solid black;
  background-color: #FFFFFF;
  padding: none;
  float: right;
  position: relative;
}

div.detailansicht div.spalte-rechts div.tab-links {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 149px;
}

div.detailansicht div.spalte-rechts div.tab-rechts {
	position: absolute;
	top: 0px;
	left: 149px;
	width: 149px;
}

div.detailansicht div.spalte-rechts div.tab {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	min-height: 21px;
	padding-top: 3px;
	position: relative;
}

div.detailansicht div.spalte-rechts div.tab a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

div.detailansicht div.spalte-rechts div.tab.inaktiv {
	width: 146px;
	background-image: url(../grafik/tab_button.png);
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 5;
}

div.detailansicht div.spalte-rechts div.tab.aktiv {
    width: 152px;
    height: 26px;
    background-image: url(../grafik/tab_button_aktiv.png);
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 7;
}  


div.detailansicht div.vergriffen {
	opacity: 0.8;
	filter:alpha(opacity=80);
	position: absolute;
	left: 100px;
	top: 150px; 
	width: 237px;
	height: 209px;
	background-image: url(../grafik/vergriffen.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 4;
}

input.sortiment_text {
  width: 20px;

  border: 1px solid #6E6A68;
}

div.detailansicht div.spalte-rechts div.content-box {
  margin: 30px 8px 3px 10px;
  clear: both;
}

div.detailansicht div.spalte-rechts div.content-box.eindruck {
	margin: 40px 1px 3px 1px;
}

div.detailansicht div.spalte-rechts div.content-box.schmal {
	width: 220px;
	margin: 0px 8px 3px 30px;
	padding-top:30px;
}

div.detailansicht div.spalte-rechts div.content-box div.item {
  padding: 10px 0 3px 0;
  position: relative;
}

div.content-box div.item h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

div.content-box div.item h1.betont {
	color: #41a62a;
}

div.content-box div.item div#bewertung {
	display: inline;
	position: relative;
	top: 3px;
}

div.content-box div.item span.emphasized {
  font-weight: bold;
}

div.content-box div.item span#lagerbestand {
	color: #888888;
	margin-left: 10px;
}

div.content-box div.item .links {
  float:left;
}

div.content-box div.item img {
  float:left;
  margin:0px 5px;
}

div.content-box div.item img#link_druckfreigabe_img {
	margin: 0;
}

div.content-box div.aktion {
	margin-top: 10px;
}

div.content-box div.aktion a {
	font-size: 11px;
}

div.content-box div.aktion.rechts {
	text-align: right;
	margin-right: 10px;
}

div.content-box div.buttons {
	width: 269px;
	position: absolute;
	bottom: 7px;
}

div.content-box.schmal div.buttons {
	width: 220px;
}

#live_support {
	width: 269px;
	position: absolute;
	bottom:40px;
	left:10px;	
}

div.content-box.eindruck div.buttons {
	margin-left: 10px;
}

div.content-box div.buttons button {
	padding: 0;
	margin: 0 5px 0 0;
	position: relative;
	left: -2px;
}

div.ansichten {
	margin-top: 15px;
	width: 620px;
	float: left;
}	

div.ansichten h3 {
	font-size: 12px;
	margin: 0 0 3px 0;
	padding: 0;
}

div.ansichten div.thumbnails {
  height: 100px;
  float: left;
}

div.thumbnailsSortiment {
  margin: 0 0 20px 0;
}

div.ansichten a:focus div.thumb,
div.ansichten a:hover div.thumb,
div.ansichten a:active div.thumb,
div.ansichten div.thumb.aktiv {
  background-image: url(../grafik/bg_thumb_aktiv.png);
  background-repeat: no-repeat;
  background-position: top right;
}

div.ansichten a:focus div.thumb.artikel,
div.ansichten a:hover div.thumb.artikel,
div.ansichten a:active div.thumb.artikel,
div.ansichten div.thumb.artikel.aktiv {
  background-image: url(../grafik/bg_artikel_aktiv.png);
}

div.ansichten div.thumb {
  float: left;
  margin-right: 5px;
  cursor: pointer;
  height: 95px;
  width: 94px;
}

div.ansichten div.thumb img.ohne-rahmen {
	border: none;
	cursor: default;
}

div.thumb_sortiment {
  height: 90px;
  width: 50px;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}

div.ansichten div.aktion-rechts {
	float: right;
	width: 220px;
}

div.ansichten div.aktion-rechts div.teaser-text {
	width: 110px;
	float: right;
	margin-right: 5px;
}

div.ansichten div.aktion-rechts div.teaser-text a {
	text-decoration: none;
}

div.ansichten div.aktion-rechts div.thumb {
	width: auto;
	margin: 0;
	float: right;
}

div.motivwahl {
	float: right;
	width: 294px;
	margin-top: 15px;
	text-align: left;
}

div.motivwahl div.motiv {
	float: left;
	margin-right: 10px;
	height: 57px;
	width: 56px;
}

div.motivwahl div.motiv.aktiv {
	float: left;
	background-image: url(../grafik/bg_motiv_aktiv.png);
	background-repeat: no-repeat;
	background-position: top right;
}

div.motivwahl div.motiv img {
	border: 1px solid black;
}

div#eindruck_hinweis {
  background-color: white;
  border: 3px solid #CB171A;
  text-align: left;
  font-weight: bold;
  width: 250px;
  height: 170px;
  padding: 10px;
  position: absolute;
  top: 250px;
  left: 400px;
  z-index: 300;
  display: none;
}

div#eindruck_hinweis div.schliessen {
  margin-top: 20px;
  text-align: center;
}


/********* Warenkorb *************/

div.warenkorb {
  width: 925px;
  clear: both;
}

div.warenkorb div.hinweis-leer {
  margin-left: 20px;
  font-size: 12px;
  font-style: italic;
}

div.warenkorb div.hinweis-leer div.button {
  margin-top: 30px;
}

div.warenkorb div.fehler, div.warenkorb div.hinweis {
  margin: 0 0 20px 10px;
}

div.warenkorb div.header {
  height: 20px;
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}

div.warenkorb div.header div.spalte {
  margin-right: 5px;
  padding: 2px 0px 2px 30px;
  background-color: #FBA30D;
  color: #FFFFFF;
  display: inline;
  float: left;
}

div.warenkorb div.header div.spalte.artikel {
  width: 290px;
}

div.warenkorb div.header div.spalte.eindruck {
  width: 200px;
}

div.warenkorb div.header div.spalte.menge {
  width: 150px;
}

div.warenkorb div.header div.spalte.betrag  {
  width: 150px;
  margin-right: 0px;
}

div.warenkorb div.position {
  clear: both;
  margin-top: 10px;
  padding: 0px 10px 0px 10px;
}

div.warenkorb div.position div.spalte {
  float: left;
}

div.warenkorb div.position div.spalte.artikel {
  width: 310px;
  margin-right: 5px;
}

div.warenkorb div.position div.spalte div.fehler {
  margin: 0;
}

div.warenkorb div.agbs {
  width: 530px;
  margin: 5px 0 0 5px;
}

div.warenkorb div.agbs input.checkbox {
	float: left;
	top: -2px;
}

div.warenkorb div.agbs div.label {
	float: right;
	width: 500px;
}

div.warenkorb div.agbs.fehler {
	margin-left: 5px;
}

div.warenkorb div.agbs a.link-standard {
	font-size: 11px;
}

div.warenkorb div.position div.spalte.artikel div.link {
  text-align: right;
  padding: 0 10px 5px 0;
}

div.warenkorb div.position div.spalte.eindruck {
  width: 230px;
  padding-left: 5px;
  position: relative;
}

div.warenkorb div.position div.spalte.eindruck div.bild {
  float: left;
  cursor: pointer;
}

div.warenkorb div.position div.spalte.eindruck div.link {
  float: right;
  padding-right: 30px;
  padding-top: 10px;
}

div.warenkorb div.position div.spalte.eindruck a {
	margin-left: 7px;
}

div.warenkorb div.position div.spalte.menge {
  width: 180px;
  padding-left: 5px;
}

div.warenkorb div.position div.spalte.menge a {
  margin-left: 15px;
}

div.warenkorb div.position div.spalte.eindruck div.fehler a {
  margin-left: 0px;
}

div.warenkorb div.position div.spalte.betrag {
  width: 170px;
  font-weight: bold;
  text-align: right;
}

div.warenkorb div.position div.spalte.artikel div.thumb {
  float: left;
  vertical-align: top;
  margin-right: 20px;
}

div.warenkorb div.summen {
  width: 220px;
  text-align: right;
  padding-right: 100px;
  float: right;
}

div.warenkorb div.summen div.position {
  clear: both;
  margin-top: 5px;
}

div.warenkorb div.summen div.position div.label {
  width: 150px;
  text-align: right;
  float: left;
}

div.warenkorb div.summen div.betrag {
  width: 50px;
  text-align: right;
  font-weight: bold;
  display: inline;
}

div.warenkorb span.gratismuster {
  font-weight: bold;
  padding-left: 50px;
}

div#eindruck_preview {
  background-color: white;
  border: 1px solid black;
  z-index:300;
  position:absolute;
  display:none;
  top:10%;
  left:30%;
}

div.warenkorb div.eindruck_text {
  float:left;
}

div.warenkorb div.eindruck_links {
  float:left;
}

div.warenkorb div.eindruck_links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#warenkorb_popup_upload_pdf {
  border: 1px solid black;
  background-color: white;
  position:absolute;
  left: 185px;
  top: 0px;
  z-index:98;
  display:none;
}

#warenkorb_popup_upload_pdf {
  height:350px;
  width:400px;
}


#warenkorb_popup_upload_pdf_iframe {
  border:0px;
  z-index:98;
  /*position:absolute;*/
  overflow:visible; /*auto*/
}

#warenkorb_popup_upload_pdf_iframe {
  width:400px;
  height:332px;
}

#warenkorb_popup_upload_pdf_link {
  text-decoration: none;
  color:#91c9fa;
  font-weight: bold;
  z-index:98;
}

#warenkorb_thumb_title {
  border: 1px solid black;
}


/******* Kleine Teaser-Boxen für Login/Registrierungsteaser im Warenkorb *******/

div.warenkorb div.login-teaser {
  clear: both;
  padding-top: 20px;
  color: #6E6A68;
}

div.box-links {
  background-color: #E5F1DD;
  width: 420px;
  height: 115px;
  padding: 15px 10px 5px 15px;
  margin-bottom: 10px;
  float: left;
}

div.box-rechts {
  background-color: #E5F1DD;
  width: 420px;
  height: 115px;
  padding: 15px 10px 5px 15px;
  margin-bottom: 10px;
  float: right;
  position: relative;
  background-image: url(../grafik/teaser_registrierung.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}

div.box-links h1, div.box-rechts h1 {
  color: #41a62a;
  font-weight: bold;
  font-size: 12px;
  margin: 0 0 20px 0;
}

/*
div.box-links a.link-standard {
  background-image: url(../grafik/link_pfeil_gruen.gif);
  color: #6E6A68;
}*/

div.box-links a.link-standard {
  color: #6E6A68;
}

div.box-links div.text-links {
  float: left;
}

div.box-links div.button-rechts, div.box-rechts div.button-rechts {
  float: right;
}

div.box-rechts div.text-links {
  float: left;
  width: 250px;
}

div.box-rechts div.text-links ul {
  padding: 0;
  margin: 0 0 0 15px;
}

div.box-rechts div.button-rechts {
  position: absolute;
  bottom: 8px;
  right: 10px;
}


/*********  Bestellangaben ************/

div.lieferanschrift {
  margin: 10px 0 0 20px;
}

div#lieferung_lieferanschrift {
  display: none;
}

/********* Spezielle Formatierungen für SOS-Projekte (bei Bestellangaben) ************/

div.sos-projekte {}

div.sos-projekte div.subtitel {
	color: #41a62a;
	font-weight: bold;
	margin-bottom: 10px;
}

div.sos-projekte div.zeile {
	clear: both;
}

div.sos-projekte div.zeile div.linkespalte {
	float: left;
	width: 210px;
}

div.sos-projekte div.zeile div.rechtespalte {
	float: right;
	width: 210px;
}

div.sos-projekte div.zeile div.radio {
	float: left;
	width: 25px;
}
div.sos-projekte div.zeile div.label {
	float: left;
	width: 185px;
	position: relative;
	top: 2px;
}

div.sos-projekte div.zeile div.label a {
	color: #6E6A68;
	text-decoration: underline;
}

/*********	Letzter Check - Übersicht über Benutzerdaten *********/

div.letzter-check {
  /* overflow: auto; */
  margin-bottom: 20px;
}

div.letzter-check div.rechnungsanschrift {
  margin-left: 20px;
  width: 400px;
  float: left;
}

div.letzter-check div.lieferanschrift {
  margin: 0;
  width: 400px;
  float: left;
  display: inline;
}

div.letzter-check div.textbox {
  clear: both;
  margin-bottom: 15px;
  overflow: auto;
}

div.letzter-check div.textbox div.label {
  font-weight: bold;
  width: 180px;
  float: left;
}

div.letzter-check div.textbox div.inhalt {
  width: 200px;
  display: inline;
  float: right;
  text-align: left;
}

div.letzter-check div.fehler {
	margin-left: 20px;
}

/******** Bestätigungsseite **********/

div.bestaetigung {
  text-align: center;
}

/*** Formulare ***/

input.checkbox, input.radio {
  /* float: left; */
  margin-left: 0;
  margin-right: 7px;
  position: relative;
  top: 3px;
}

input.text, select {
  border: 1px solid #C6C6C6;
  padding: 0 0 0 3px;
  font-size: 11px;
  max-width: 150px;
}

input.text.lang {
  max-width: 340px;
}

input.text.mengenfeld {
  text-align: center;
}

input#artikelmenge {
	height: 18px;
	margin: 0 5px 0 5px;
	position: relative;
	bottom: 2px;
	font-size: 11px;
}

input.hidden {
  font-size: 0px;
}

span.label-checkbox {
	margin-right: 15px;
}

div.halbe-seite table.formular {
  margin: 15px 10px 0 5px;
}

div.halbe-seite table.formular td {
  padding: 5px 0 5px 0;
  font-size: 11px;
}

div.halbe-seite table.formular td.label {
  color: #000000;
  font-weight: bold;
  padding-right: 10px;
}

div.halbe-seite table.formular td.label.rechts {
  padding-left: 10px;
  text-align: right;
}

div.login-teaser table.formular {
  margin: 0 0 25px 0;
}

* html div.login-teaser table.formular {
  margin: 0 0 10px 0;
}

div.login-teaser table.formular td {
  padding: 0 0 3px 0;
}

div.login-teaser table.formular td.label {
  padding-right: 20px;
}

span.pflichtfeld, .fehler {
  color: #CB171A;
  font-weight: bold;
}

div.fehler {
  clear: both;
  display: block;
  padding: 3px 0 3px 0;
}

div.warenkorb div.hinweis {
  color: #FE9A2E; /*orange*/
  font-weight: bold;
  clear: both;
  display: block;
  padding: 3px 0 3px 0;
}

div.warenkorb div.hinweis a {
  color: #FE9A2E; /*orange*/
  text-decoration: underline;
}

div.fehler a {
  color: #CB171A;
  text-decoration: underline;
  font-size: 11px;
}

div.fehler.toggle {
  display: none;
}

.ok {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
  color: #41a62a;
  font-weight: bold;
}



/*** Kontextbezogene Module ****/

div.kontext-modul {
  margin: 15px 5px 3px 5px;
  background-color: inherit;
}

div.kontext-modul div.header {
  color: #FFFFFF;
  font-size: 15px;
  margin: 0 0 5px 2px;
}

div.kontext-modul div.box {
  text-align: center;
  background-color: #FFFFFF;
  color: #000000;
  padding: 10px 0 5px 0;
}

div.kontext-modul div.box img.button {
  margin-top: 10px;
}


/*** Allgemeine Formatierungen im Inhaltsbereich ***/


div.content div.headline, div.content div.headline a {
  color: #00293C;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  margin: 5px 0 25px 10px;
  clear: both;
}

div.content div.headline a {
  margin: 0px;
}

div.content div.bestelldaten div.headline {
  margin: 15px 0 0 0;
}

div.content div.sub-headline {
  background-color: #FBA30D;
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
  padding: 5px 0 0px 10px;
  margin: 20px 0 20px 0;
}

div.fussnote {
  font-size: 9px;
  color: #6E6A68;
  margin-top: 5px;
}

div.punktlinie {
  padding: 0;
  margin: 0;
  background-image: url(../grafik/punktlinie.gif);
  background-repeat: repeat-x;
  clear: both;
  font-size: 1px;
  width: 100%;
}

div.punktlinie.abstand {
  margin: 10px 0 5px 0;
}

div.doppelte-linie {
  padding: 10px 0 0 0;
  margin: 0;
  clear: both;
  font-size: 1px;
  width: 100%;
  border-bottom: 3px double #C6C6C6;
}

.table-a {
  margin: 0;
  padding: 0;
  border: 1px solid #324691;
  background-color: #fff;
}

.table-a.schmal {
  width: 500px;
}

.table-b {
  margin: 15px 0 0 0;
  padding: 0;
  border: 1px solid #324691;
  background-color: #fff;
}

.table-b.mittlereSpalte {
  width: 575px;
  margin: 0;
}

.table-a td, .tabletext_klein {
  padding: 2px 5px 2px 6px;
  border-bottom: 1px solid #d9e2ee;
  border-right: 1px solid #d9e2ee;
}

.table-a td, .tabletext_klein,
.tabletext_klein_border {
  margin: 0px;
  font-size: 11px;
  background-color: #fff;
  color: #445e92;
}

.table-a th, td.tabletext_head {
  padding: 2px 5px 2px 6px;
  margin: 0px;
  border-bottom: 1px solid #d9e2ee;
  border-right: 1px solid #d9e2ee;
  font-size: 11px;
  font-weight: bold;
  background-color: #edf2fa;
  color: #445e92;
  text-align: left;
}

.tabletext_klein_border {
  padding: 0px;
  border: 1px solid #d9e2ee;
}

.tabletext_klein.label {
  width: 250px;
  text-align: right;
}

.table-a a {
	color: #445E92;
}
.text-a {
  font-size: 11px;
  color: #324691;
  white-space: nowrap;
}

.text-b {
  color: #41a62a;
  white-space: nowrap;
}


/* .infoBox {
  margin: 0 0 10px 0;
  padding: 9px 9px 0 9px;
  width: 180px;
  text-align: left;
  vertical-align: top;
  background-color: #E9F2DD;
  font-size: 11px;
  font-weight: normal;
  color: #324691;
}
.infoBox-bild {
  margin: 0;
  text-align: right;
  float: right;
  min-width: 30px;
  max-width: 45px;
}
.infoBox-titel {
  padding: 0;
  margin: 0 0 5px 0;
  font-weight: bold;
  float: left;
  width: 140px;
}
.infoBox-textHTML {
  padding: 0 0 9px 0;
  margin: 0;
  width: 140px;
}
.infoBox-link {
  padding: 0 0 9px 0;
  margin: 0;
  clear: both;
}


.artikelbild {
  margin: 15px;
  padding: 5px;
  background-color: #ebf4df;
  border: 1px solid #41a62a;
  text-align: center;
  color: #000;
}

div.artikelbild div.beschreibung {
  margin-top:3px;
  padding-top:3px;
  text-align:center;
  border-top:1px solid #41a62a;
}
*/

/******  Anmeldung, wird auch für Gutschein verwendet   ********************/

div.anmeldung {
  margin-top: 10px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  font-weight: normal;
  color: #324691;
}

div.anmeldung > div.titel {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #324691;
}

div.anmeldung div.fehler, div.anmeldung div.ok, div.hinweis div.fehler, div.hinweis div.ok {
  text-align: left;
  margin: 10px 0 10px 0;
}

div.anmeldung div.fehler div.passwort-vergessen {
  padding: 10px 0 0 0;
}

div.anmeldung div.text-mit-rahmen {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
  border: 1px solid #324691;
}

div.anmeldung div.text-mit-rahmen div.titel {
  font-size: 14px;
  font-weight: bold;
}

div.anmeldung div.text-mit-rahmen form {
  margin-top: 3px;
  margin-bottom: 3px;
}

.anmeldung .text-mit-rahmen form button {
  padding: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #324691;
  background-color: white;
  color: #324691;
  font-size: 11px;
}

.anmeldung .text-mit-rahmen form button.readonly {
  border-color: #AAAAAA;
  color: #AAAAAA;
}

div.anmeldung div.text-mit-rahmen form button.button-b {
  margin-top: 10px;
  border: none;
}

/*******   Ende Anmeldung *****************/

/******* Abschnitt f�r Mein Konto *********/

div.meinkonto {
	padding: 0 0 15px 0;
}

div.meinkonto h1 {
  color: #71a63c;
  font-size: 16px;
}
div.meinkonto h2 {
  color: #71a63c;
  font-size: 14px;
}

div.meinkonto p {
  color: #525252;
  font-size: 11px;
  padding: 0 0 0 0;
}

div.meinkonto div.meinkonto_form {
  float: left;
  padding: 0 16px 0 0;
}

div.meinkonto div.meinkonto_form input {
	height: 17px;
}

div.meinkonto div.meinkonto_button {
  float: left;

}

div.meinkonto div.statuscontainer {
  padding: 15px 0 0 0;
}

div.meinkonto table.status {
  width: 650px;
  clear: both;
  margin-top: 20px;
  border-right: 1px solid #dee6db;
  border-top: 1px solid #dee6db;
}

div.meinkonto table.status td {
  height: 25px;
  border-left: 1px solid #dee6db;
  border-bottom: 1px solid #dee6db;
  border-collapse:collapse;
  vertical-align: middle;
  text-align: left;
  padding: 5px 5px 5px 5px;
  color: #42671a;

}

div.meinkonto table.status th {
  border-left: 1px solid #dee6db;
  color:  #42671a;
  background-color: #eef4e8;;
  padding: 8px;
  text-align: left;
}

div.merkliste_loeschen {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 100px;
  z-index: 5;
  text-align: right;
}

div.merkliste_imageconatiner {
  position: absolute;
  z-index: 3;
}

h1.merkliste {
  color: #42671a;
  font-size: 16px;
}
h3.merkliste {
  color: #2C752E;
  font-weight: normal;
  font-size: 11px;
}

/**** erweiterte details ***/

div.alldetails {
  display: none;
}


/**** Artikel empfehlen ***/

div.empfehlen_hintergrund {
  position: absolute;
  display: none;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(../grafik/alpha.png);
}

div.empfehlen {
  position: absolute;
  top: 200px;
  left: 400px;
  height: 300px;
  width: 330px;
  /*background-image: url(../grafik/alpha.png);*/
  background-color: #FFFFFF;
  display: block;
  z-index: 1000;
  border: solid #41a62a 5px;
  padding: 0px 10px 10px 10px;
}

div.empfehlen_fehler {
  position: absolute;
  display: none;
  top: 200px;
  left: 400px;
  height: 300px;
  width: 330px;
  /*background-image: url(../grafik/alpha.png);*/
  background-color: #FFFFFF;
  z-index: 1001;
  border: solid #41a62a 5px;
  padding: 0px 10px 10px 10px;
}

div.empfehlen_erfolg {
  position: absolute;
  display: none;
  top: 200px;
  left: 400px;
  height: 300px;
  width: 330px;
  /*background-image: url(../grafik/alpha.png);*/
  background-color: #FFFFFF;
  z-index: 1001;
  border: solid #41a62a 5px;
  padding: 0px 10px 10px 10px;
}
div.empfehlen h1, div.empfehlen_fehler h1, div.empfehlen_erfolg h1 {
  font-size: 14px;
  color: #324691;
}

div.empfehlen div.formular {
  float: left;
  padding: 5px;
}

div.empfehlen div.formular_umbruch {
  float: right;
  width: 300px;
  padding-left: 10px;
}
/******************************************/


/*******   Abschnitt für Kunden mit Sonderkonditionen, eingeblendet über Artikelwahl  ********/

div.einleitung {
  margin: 5px 0 15px 0;
  padding: 10px;
  color: #324691;
  border: solid #324691 1px;
}

div.einleitung div.logo {
  text-align: right;
  margin-bottom: 15px;
}

div.einleitung div.text {
  display: block;
  text-align: left;
}

/* .td-but-stdtext {
  padding: 3px 0 0 5px;
  vertical-align: top;
}


.eingabebereich {
  margin:0;
  padding:0;
  border: solid 1px #41a62a;
  background-color: #ebf4df;
  font-size: 11px;
  color: #41a62a;
  text-align: left;
  vertical-align: top;
}

.text-box-a {
  margin: 0 0 6px 0;
  padding: 3px 5px 3px 5px;
  text-align: left;
  vertical-align: top;
  border: solid 1px #324691;
  background-color: white;
  font-size: 11px;
  color: #324691;
  white-space: nowrap;
}


.eindruck {
  margin: 0 0 6px 0;
  padding: 3px 5px 3px 5px;
  text-align: left;
  vertical-align: top;
  border: solid 1px #41a62a;
  background-color: #ebf4df;
  font-size: 11px;
  color: #41a62a;
  white-space: nowrap;
}

.eindruck img.inaktiv {
  margin: 0 2px 0 2px;
  padding: 3px;
}
.eindruck img.aktiv {
  margin: 0 2px 0 2px;
  padding: 2px;
  border: solid 1px #41a62a;
}

.element {
  margin: 0 0 6px 0;
  padding: 3px 5px 3px 5px;
  border: none;
  text-align: left;
  vertical-align: top;
  background-color: #ebf4df;
  font-size: 11px;
  color: #41a62a;
  white-space: nowrap;
} */

.kundenlogo.bild {
  padding: 10px 15px 0 0;
  vertical-align: bottom;
}

.kundenlogo.dateiname {
  padding: 0 15px 10px 0;
  vertical-align: bottom;
}

.edit-prop {
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.feprop-label {
  font-size: 9px;
}
.feprop-s {
  font-size: 10px;
}

.feprop-select {
  font-size: 9px;
  border: 1px solid #41a62a;
  background-color: #ebf4df;
}

.feprop-text-input {
  font-size: 9px;
  width: 150px;
}

.feprop-text-rahmen {
  padding: 2px;
  font-size: 10px;
  border: 1px solid #41a62a;
  background-color: #ebf4df;
}

.eingabebereich textarea {
  border: 1px solid #41a62a;
}

.feprop-button-up {
  width: 20px;
  height: 17px;
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  border: 1px solid #41a62a;
  background-color: #fff;
  cursor: pointer;
}

.feprop-button-down {
  width: 20px;
  height: 17px;
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  border: 1px solid #41a62a;
  background-color: #d2d9e6;
  cursor: pointer;
}

#div-lieferadresse {
  display:none;
}

.button-a {
  padding: 0;
  margin: 0;
  height: 34px;
  border: none;
  display: inline;
  vertical-align: top;
  text-align: left;
  background-color: white;
  cursor: pointer;
}
.button-b {
  padding: 0;
  margin: 0;
  height: 24px;
  border: none;
  display: inline;
  vertical-align: top;
  text-align: left;
  background-color: white;
  cursor: pointer;
}

.button-b-hg-gruen {
  padding: 0;
  margin: 0;
  height: 24px;
  border: none;
  display: inline;
  vertical-align: top;
  text-align: left;
  background-color: #ebf4df;
  cursor: pointer;
}

.button-c {
  padding: 3px 4px 3px 4px;
  background-color: #ebf4df;
  border: 1px solid #41A62A;
  color: #41A62A;
  font-weight: normal;
  font-size: 12px;
}

.button-d {
  background-color: #445e92;
  border: none;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
}

.button-e {
  margin: 0px 10px 0px 0;
  padding: 2px 10px 2px 10px;

  background-color: #fff;
  color: #445E92;
  font-weight: normal;
  font-size: 9px;
}

.button-f {
  padding:3px 4px 3px 4px;
  border: none;
  background-color: #fff;
}

.button-g {
  padding: 3px 4px 3px 4px;
  background-color: #FFCCCC;
  border: 1px solid #990000;
  color: #990000;
  font-weight: normal;
  font-size: 12px;
  height: auto;
}

/******   Button a, verlinkt   ******/
.button-a-verlinkt-li, .button-a-verlinkt-mi, .button-a-verlinkt-re {
  padding: 0;
  margin: 0;
  height:32px;
  vertical-align: top;
}
.button-a-verlinkt-li {
  width: 9px;
  background-image: url(../grafik/button_a_verlinkt_li.jpg);
  background-repeat: no-repeat;
}
.button-a-verlinkt-mi {
  padding-top: 2px;
  background-image: url(../grafik/button_a_verlinkt_mi.jpg);
  background-repeat: repeat-x;
  text-align: left;
  color: white;
  font-size: 13px;
  font-weight: bold;
}
.button-a-verlinkt-re {
  width: 15px;
  background-image: url(../grafik/button_a_verlinkt_re.jpg);
  background-repeat: no-repeat;
}

/******   Button a, verlinkt, hover   ******/
.button-a-verlinkt-hover-li, .button-a-verlinkt-hover-mi, .button-a-verlinkt-hover-re {
  padding: 0;
  margin: 0;
  height:32px;
  vertical-align: top;
}
.button-a-verlinkt-hover-li {
  width: 9px;
  background-image: url(../grafik/button_a_verlinkt_hover_li.jpg);
  background-repeat: no-repeat;
}
.button-a-verlinkt-hover-mi {
  padding-top: 2px;
  background-image: url(../grafik/button_a_verlinkt_hover_mi.jpg);
  background-repeat: repeat-x;
  text-align: left;
  color: white;
  font-size: 13px;
  font-weight: bold;
}
.button-a-verlinkt-hover-re {
  width: 15px;
  background-image: url(../grafik/button_a_verlinkt_hover_re.jpg);
  background-repeat: no-repeat;
}

/******   Button a, statisch   ******/
.button-a-statisch-li, .button-a-statisch-mi, .button-a-statisch-re {
  padding: 0;
  margin: 0;
  height:32px;
  vertical-align: top;
}
.button-a-statisch-li {
  width: 9px;
  background-image: url(../grafik/button_a_statisch_li.jpg);
  background-repeat: no-repeat;
}
.button-a-statisch-mi {
  padding-top: 2px;
  background-image: url(../grafik/button_a_statisch_mi.jpg);
  background-repeat: repeat-x;
  text-align: left;
  color: #324691;
  font-size: 13px;
  font-weight: bold;
}
.button-a-statisch-re {
  width: 15px;
  background-image: url(../grafik/button_a_statisch_re.jpg);
  background-repeat: no-repeat;
}

/******   Button b, verlinkt   ******/
.button-b-verlinkt-li, .button-b-verlinkt-mi, .button-b-verlinkt-re {
  padding: 0;
  margin: 0;
  height:23px;
  vertical-align: top;
}
.button-b-verlinkt-li {
  width: 9px;
  background-image: url(../grafik/button_b_verlinkt_li.jpg);
  background-repeat: no-repeat;
}
.button-b-verlinkt-mi {
  padding-top: 1px;
  background-image: url(../grafik/button_b_verlinkt_mi.jpg);
  background-repeat: repeat-x;
  text-align: left;
  color: white;
  font-size: 11px;
  font-weight: bold;
}
.button-b-verlinkt-re {
  width: 14px;
  background-image: url(../grafik/button_b_verlinkt_re.jpg);
  background-repeat: no-repeat;
}

#fontsize-sliderTrack{
  width: 50px;
  height: 15px;
  background-color: white;
  border: 1px solid #41a62a;
  cursor: pointer;
}
#text_breite-sliderTrack, #text_hoehe-sliderTrack, #text_posx-sliderTrack, #text_posy-sliderTrack,
#bild_breite-sliderTrack, #bild_hoehe-sliderTrack, #bild_posx-sliderTrack, #bild_posy-sliderTrack {
  width: 80px;
  height: 15px;
  background-color: white;
  border: 1px solid #41a62a;
  cursor: pointer;
}

#fontsize-sliderHandle,
#text_breite-sliderHandle, #text_hoehe-sliderHandle, #text_posx-sliderHandle, #text_posy-sliderHandle,
#bild_breite-sliderHandle, #bild_hoehe-sliderHandle, #bild_posx-sliderHandle, #bild_posy-sliderHandle {
  margin-top: -2px;
  margin-left: -1px;
  cursor: pointer;
}

.verstecken {
  display: none;
}
.anzeigen {
  display: inline;
}

/* Testimonials ********************************/

#testimonials #fade {
	position:absolute;
	top:160px;
}

#testimonials {
	height:514px;
}

.testimonials {
	border:1px solid #bbbbbb;
	color:#ffffff;
	height:527px;
	width:723px;
	font-size:12px;
	line-height:18px;
}

.testimonials .portrait {
	float:left;	
}

.testimonials .text {
	padding:85px 20px 0px 307px;	
}

.testimonials .logo {
	position:relative;
	bottom:0px;
	right:0px;
}

#testimonials #next {
	position:absolute;
	left:465px;
	top:625px;
	display:block;
	background: url(../grafik/testimonials/next.png);
	width:63px;
	height:32px;
  	z-index: 1001;
  	color:#ffffff;
}

#feedback {
	position:absolute;
	top:10px;
	left:310px;
	width:300px;
	padding:0px 10px;
	height:32px;
	line-height:32px;
	border:1px solid #41a62a;
	background-color: #41a62a;
	color: #ffffff;
	font-weight: bold;
	font-size: 12pt;
}