/* @override 
	http://typotest.schrammek.de/fileadmin/templates/stylesheets/inhalte.css
	http://localhost:3000/fileadmin/templates/stylesheets/inhalte.css
*/

#inhalt h1 {
	float: left;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 20px;
	margin-left: 20px !important;
	margin-left: 10px;
	text-transform: uppercase;
}

#inhalt .rechts h1 {
	margin-left: 324px !important;
	margin-left: 162px;
}

#inhalt h2 {
  font-weight: bold;
}

#inhalt a {
	font-weight: bold;
	text-decoration: underline;
}

#inhalt h1 span {
	border-top: 1px solid #646466;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	margin-top: 4px;
}

#inhalt table,
#inhalt h2,
#inhalt ul,
#inhalt p {
	margin: 0 265px 20px 20px;
}

#inhalt h1 {
	margin: 0 265px 20px 20px !important;
	margin: 0 132px 20px 10px;
}

#inhalt .m300 table,
#inhalt .m300 h2,
#inhalt .m300 ul,
#inhalt .m300 p {
	margin: 0 300px 20px 20px;
}

#inhalt .m300 h1 {
	margin: 0 300px 20px 20px !important;
	margin: 0 150px 20px 10px;
}

#inhalt .m350 table,
#inhalt .m350 h2,
#inhalt .m350 ul,
#inhalt .m350 p {
	margin: 0 350px 20px 20px;
}

#inhalt .m400 table,
#inhalt .m400 h2,
#inhalt .m400 ul,
#inhalt .m400 p {
	margin: 0 400px 20px 20px;
}

#inhalt .m350 h1 {
	margin: 0 350px 20px 20px !important;
	margin: 0 175px 20px 10px;
}

#inhalt .rechts table,
#inhalt .rechts h2,
#inhalt .rechts ul,
#inhalt .rechts p {
	margin: 0 0 20px 325px;
}

#inhalt h2,
#inhalt .rechts h2,
#inhalt .m300 h2 {
	margin-bottom: 0;
}

#inhalt .fusslinie {
	border-bottom: 1px solid white;
}

#inhalt ul ul {
	margin: 0;
}

#inhalt p {
	clear: left;
}

#inhalt img {
	clear: both;
	float: right;
	margin: 0 0 20px 0;
}

#inhalt img.integriert {
	float: none;
	margin: 0;
	vertical-align: baseline;
}

#inhalt .einfuehrung {
	color: #58bfcf;
	font-weight: bold;
}

#inhalt .blau a,
#inhalt .einfuehrung a {
	color: #58bfcf;
	font-weight: bold;
	text-decoration: underline;
}


#greenpeel #inhalt .einfuehrung {
	color: #1a962b;
	font-weight: bold;
}

#inhalt .seminar {
  margin-left: 12px;
}

#inhalt .seminar p {
	color: #58bfcf;
	font-weight: bold;
}

#inhalt .seminarpeel p {
  color: #1a962b;
	font-weight: bold;
}

#historie {
	padding-right: 20px;
}

#historie th {
	border-bottom: 1px solid #646466;
	font-weight: bold;
	text-align: left;
}

#historie td {
	vertical-align: top;
}

#historie td h2 {
	font-weight: bold;
	margin-bottom: 1em;
}

#inhalt .news {
	background: white url(images/news.jpg) no-repeat right bottom;
	border: 1px solid #58bfcf;
	margin-bottom: 26px;
}

#inhalt .news h1 {
	background-color: #58bfcf;
	color: white;
	float: none;
	font: bold 11px/12px Verdana;
	margin: 0 !important;
	padding: 8px 20px;
}

#inhalt .news ul {
	margin: 12px 0 12px 20px;
}

#inhalt .news ul li {
	line-height: 32px;
}

#inhalt .news a {
	margin: 0;
	text-decoration: none;
}

#inhalt .produktliste {
	border-top: 1px solid #646466;
	border-bottom: 1px solid #646466;
	float: left;
	margin: 0 0 0 20px !important;
	margin: 0 0 0 10px;
	padding: 4px 0;
	list-style: none;
}

#inhalt .produktliste ul {
  padding: 0;
	margin-bottom: 4px;
	list-style: none;
}

#inhalt .features h2 {
	color: #58bfcf;
	font-weight: bold;
	padding-bottom: 4px;	
}

#inhalt .features ul {
	border-top: 1px solid #646466;
	border-bottom: 1px solid #646466;
	list-style: disc outside;
	padding-bottom: 8px;
	padding-top: 8px;
}

#inhalt .features ul li {
	line-height: 18px;
	margin-left: 14px;	
}

#inhalt .hauptueberschrift {
  float: left;
	margin: 0 20px 20px 20px !important;
	margin: 0 20px 10px 10px;
}

#inhalt .produkt .hauptueberschrift {
  margin: 0 0 20px 0 !important;
}

#inhalt .hauptueberschrift h1 {
  float: none;
  font-size: 24px;
	line-height: 28px;
	margin: 0 !important;
	text-transform: uppercase;
}

#inhalt .hauptueberschrift h2 {
  display: block;
	border-top: 1px solid #646466;
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	margin: 4px 0 0 0 !important;
	text-transform: uppercase;
}

#inhalt .produkt h1.bereich {
	background-color: #58bfcf;
	color: white;
	float: none;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
  margin: 0 0 2em 0 !important;
	padding: 4px 20px;
}

#inhalt .produkt .produktinfo {
  float: left;
  width: 424px;
}

#inhalt .seite .keinrand {
  margin-bottom: 0;
}

.essential-care #inhalt .produkt h1.bereich {
	background-color: #ffde53;
}
.hydrating-care #inhalt .produkt h1.bereich {
	background-color: #9cc3e2;
}
.anti-aging-care #inhalt .produkt h1.bereich {
	background-color: #eca5a1;
}
.regulating-care #inhalt .produkt h1.bereich {
	background-color: #b0d4ba;
}
.special-care #inhalt .produkt h1.bereich {
	background-color: #eba9c4;
}
.dermanutrics #inhalt .produkt h1.bereich {
	background-color: #33b5c3;
}

#inhalt .produkt .produktinfo .hauptueberschrift,
#inhalt .produkt .produktinfo p,
#inhalt .produkt .produktinfo ul {
	xclear: none;
	margin: 0 0 20px 0;
}

#inhalt .produkt img {
	float: none;
	margin-bottom: 20px;
}

#inhalt .produkt .produktbild {
	text-align: center;
	float: left;
	width: 326px;
}

#inhalt .zurueckweiter {
	clear: both;
	position: relative;
	margin: 0 20px 20px 20px;
}

#inhalt .zurueckweiter a {
	text-decoration: none;	
}

#inhalt .zurueckweiter .weiter {
	position: absolute;
	right: 0;
	text-decoration: none;
}

#inhalt table.vertretungen td.erste {
	width: 70px;
}

#inhalt .vertretungen p {
	margin: 0 0 2em 0;
	padding: 0;
}

#inhalt .vertretungen .letzte td {
	border-bottom: 1px solid #646466;
}

#inhalt table.vertretungen td.erste {
	width: 70px;
}

#inhalt .vertretungen p {
	margin: 0 0 2em 0;
	padding: 0;
}

#inhalt .vertretungen th {
  background-color: #646466;
}

#inhalt .vertretungen .letzte td {
	font-size: 1px;
	line-height:0;
	height: 4px;
}

#inhalt .vertretungen h2 {
	background: white no-repeat right 34px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 0;
	padding: 34px 0 8px 0;
}

#inhalt .vertretungen h2 span {
  display: block;
  background: #646466;
  color: white;
  margin-right: 40px;
  padding: 3px 0 3px 8px;
}

#inhalt .kosmetiker h2 {
	border-bottom: 1px solid #646466;
	color: #58bfcf;
	font-size: 14px;
	margin: 0 0 20px 0;
	padding: 0 0 6px 20px;
}

#inhalt .kosmetiker p {
	margin: 0 330px 2em 20px;
	clear: none;
}

#inhalt .kosmetiker ul {
	border-top: 1px solid #646466;
	border-bottom: 1px solid #646466;
	float: right;
	list-style: disc outside;
	margin: 0 10px 0 0;
	padding: 4px 4px 4px 16px;
	width: 280px;
}

#inhalt .kosmetiker .artikelnummer {
	font-weight: bold;
}

#inhalt .kosmetiker {
	background: white url(images/verlauf204.jpg) repeat-x left bottom;
	border-bottom: 1px solid #646466;
	margin-bottom: 40px;
}

#inhalt .blau {
	color: #58bfcf;
	font-weight: bold;
}

#inhalt .staerken ul {
	list-style: disc outside;
	padding-left: 16px;	
}

#inhalt .lieferbedingungen ul,
#inhalt .lieferbedingungen p,
#inhalt .staerken ul,
#inhalt .staerken p {
	margin: 0 100px 2em 20px;
}

#inhalt .lieferbedingungen h3,
#inhalt .staerken h3 {
	font-weight: bold;
	margin: 0 100px 1em 20px;
}

#inhalt .lieferbedingungen h2,
#inhalt .staerken h2 {
	border-bottom: 1px solid #646466;
	clear: both;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 100px 4px 20px;
	text-transform: uppercase;
}

#inhalt .oeffnungszeiten table {
	border-top: 1px solid #646466;
	border-bottom: 1px solid #646466;
}

#inhalt .oeffnungszeiten td {
	font-weight: bold;
}

#inhalt .oeffnungszeiten p {
	margin: 0 390px 2em 20px;
}

#inhalt .oeffnungszeiten img {
	float: none;
}

#inhalt .presse img {
  margin: 0;
	float: none;
}

#inhalt .presse p {
	margin: 0 0 2em 0;
}

#inhalt dl.presse, #inhalt .presse dd, #inhalt .presse dt {
	margin: 0;
	padding: 0;
}

#inhalt dl.presse {
	margin-left: 20px;
}

#inhalt .presse dt {
  height: 212px;
	float: left;
	width: 143px;
	margin: 0 20px 75px 0 !important;
	margin: 0 10px 75px 0;
}

#inhalt .presse dd {
  height: 212px;
	float: left;
	width: 180px;
	margin: 0 20px 75px 0 !important;
	margin: 0 10px 75px 0;
}

#inhalt .presse span {
	text-transform: uppercase;
}

#inhalt .alternativ h1,
#inhalt .alternativ h2 {
	color: #58bfcf;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 0.5em;
}

#inhalt .alternativ h2 {
	margin: 0 0 0 20px;
}

#inhalt ul {
  list-style: disc outside;
  padding-left: 18px;
}

#inhalt .schule h1 {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  color: #58bfcf;
  float: none;
  margin-left: 20px;
}

#inhalt .schule h2 {
  font-weight: bold;
}

#inhalt .schule ul {
  list-style: disc outside;
  padding: 0 0 0 18px;
}

#inhalt .schule table th {
  color: #58bfcf;
  font-weight: bold;
  text-align: left;
}
#inhalt .schule table td {
  padding-right: 12px;
}

#inhalt .zeit {
  vertical-align: bottom;
}

#inhalt .schule tr.top td,
#inhalt .schule tr.top th {
  border-top: 1px solid #646466;
  padding-top: 4px;
}

#inhalt .schule tr.bottom td,
#inhalt .schule tr.bottom th {
  padding-bottom: 4px;
}

#inhalt .schule table {
  border-bottom: 1px solid #646466;
  border-collapse: collapse;
  width: 460px;
}

#inhalt .schule table tr.top td {
  width: 60px;
}
#inhalt .schule table tr.top th {
  width: 400px;
}

#inhalt .schule table tr td.preis {
  width: 60px;
}
#inhalt .schule table tr td.titel {
  width: 400px;
}

#inhalt .schule #imgvdp {
  margin: 0 150px 60px 60px;
}

#inhalt img.intext {
  float: none;
  display: block;
}

#inhalt #termine td,
#inhalt #termine th,
#inhalt #termine .links a {
	line-height: 24px;
}

#inhalt #termine p {
  margin-bottom: 6px;
}

#inhalt #termine td {
	white-space: nowrap;
}

#inhalt #termine ul {
  display: inline;
	margin: 0 0 0 20px;
	float: left;
}

#inhalt #termine table {
	border-collapse: collapse;
	margin-bottom: 4em;
	width: 248px;
	white-space: nowrap;
}

#inhalt #termine th {
	text-align: left;
}

#inhalt #termine th.max {
	width: 100%;
}

#inhalt #termine .greenpeel h2,
#inhalt #termine .greenpeel th {
	color: #1a962b;
	font-weight: bold;
	text-transform: uppercase;
}

#inhalt #termine .drmed h2,
#inhalt #termine .drmed th {
	color: #58bfcf;
	font-weight: bold;
	text-transform: uppercase;
}

#inhalt #termine .greenpeel h2,
#inhalt #termine .drmed h2 {
	margin-bottom: 1em;
}

#inhalt #termine .ausland th {
	color: #646466;
	font-weight: normal;
}

#inhalt #termine td {
	border-top: 1px solid #646466;
}

#inhalt #termine .termintabelle {
  margin-top: 40px;
}
