body {
	background-color: #590974;
	color: #690060;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, Geneva, adobe-sans, sans-serif, "MS Sans Serif";
}

div#kopf0 {
	background-color: white;
	background-image: url(gifs/hintergrund_zweistreifen_oben.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 175px;
	margin:0;
	padding: 0px;
	border:0;
}

div#kopf1 {
	background-image: url(gifs/lotos_ohne_schwarz_ring_ring.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: 100%;
	height: 175px;
	margin:0;
	padding: 0px;
	border:0;
}

div#koerper {
	background-color: white;
	background-image: url(gifs/hintergrund_streifen_links.gif);
	background-repeat: repeat-y;
	background-position: left;
}

div.spreizer {
	clear: both;
	height: 1px;
	width: 100%;
}

div#linkespalte {
	height: 100%;
	width: 180px;
	float: left;
	
	padding: 40px 0px 40px 60px;
   voice-family: "\"}\"";
   voice-family:inherit;
	padding: 40px 0px 40px 60px;
}

html>body #linkespalte {
	padding: 40px 0px 40px 60px;
}

* html #linkespalte {
	/* \*/
  margin-right: -3px;
        /* */
}

div#inhalt1{
	height: 1%;
	margin: 0px 0px 0px 300px;
	padding: 0px;
   voice-family: "\"}\"";
   voice-family:inherit;
	margin: 0px 70px 0px 300px;
}

html>body #inhalt1 {
	margin: 0px 70px 0px 300px;
}

* html #inhalt1 {
        /* \*/
        margin-left: 297px;
        /* */
}

div#fuss0{
	background-color: white;
	clear: both;
	background-image: url(gifs/hintergrund_zweistreifen_unten.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 175px;
	margin:0;
	padding: 0px;
	border:0;
}

div#fuss1{
	background-image: url(gifs/lotos_ohne_schwarz_ring_ring_unten.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: 100%;
	height: 175px;
	margin:0;
	padding: 0px;
	border:0;
}

div#fusszeile2{
   clear:both;
   height: 20px;
}

div.mitarbeiter{
	margin: 50px 0px 0px 0px;
	padding: 0px;
}

div.mitarbeiterbild{
	float: left;
	
	padding: 0px 20px 20px 0px;
}

div.abschluss{
	height: 150px;
}

p, form, video {
  font-size: 14px;
  color: #690060;
  line-height: 20px;
  margin: 0px 0px 10px 40px;
  padding: 0px;
  list-style-type: square;
}

ul {
  font-size: 14px;
	color: #690060;
  line-height: 20px;
  
  padding: 0px 0px 10px 60px;
  list-style-type: square;
}

li {
  font-size: 14px;
	color: #690060;
  line-height: 20px;
  margin: 0px;
  padding: 0px;
  list-style-type: square;
}

P#slogantext {
  font-size: 18px;
  color: #550C7A;
  font-weight: bold;
  line-height: 28px;
  margin: 0px;
  padding: 15px 0px 0px 240px;
  white-space: nowrap;
}

P.nav1 {
  font-size: 14px;
  color: #550C7A;
  font-weight: bold;
  line-height: 14px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  border:0;
}

P.nav2 {
  font-size: 12px;
  color: #550C7A;
  font-weight: bold;
  line-height: 14px;
  margin: -5px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  border:0;
  border-left: 0px solid white;
}

P.nav3 {
  font-size: 10px;
  color: #550C7A;
  font-weight: bold;
  line-height: 12px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

address {
  font-size: 10px;
  font-style: normal;
  color: #550C7A;
  line-height: 12px;
  margin: 0px 0px 0px 230px;
  padding: 92px 0px 0px 0px;
}

H1 {
  font-size: 20px;
  line-height: 26px;
  color: #550C7A;
  font-weight: bold;
  margin: 0px 0px 15px 0px;
  padding: 20px 0px 0px 0px;
}

H1#slogan {
  font-size: 30px;
  line-height: 30px;
  color: #550C7A;
  font-weight: bold;
  margin: 0px;
  padding: 50px 0px 0px 190px;
  white-space: nowrap;
}

H2 {
  font-size: 16px;
  line-height: 20px;
  color: #550C7A;
  font-weight: bold;
  margin: 25px 0px 10px 20px;
  padding: 0px;
}

img#logo {
	margin:0;
	padding:0;
	border:0;
}

div.bildbereich {
	float: right;
	margin: 0px -50px 20px 30px;
}

div.bildbereich.hochformat384 {
	width: 40%;
	max-width: 384px;
}

div.bildbereich.querformat576 {
	width: 50%;
	max-width: 576px;
}

div.bildbereich img {
	width: 100%;
}


div.bildmittext {
	clear: right;
  margin: 0px 0px 40px 0px;
}

img.bildimtext, div.bildmittext img {
	float: right;
	margin:0;
	padding: 0px 0px 20px 20px;
	border:0;
}

.boxRechts{
	max-width:50%;
	height:auto;
	float: right;
	margin: 0 0 1em 1em;
    display:block;
}

.boxRechts span,.boxRechts span h1,.boxRechts span p {
	display:block;
	margin: 0;
}

.boxRechts span {
	width:100%;
	border: 4px solid #690060;
	border-radius: 10px 10px 10px 50px;	
	margin-top: 1em;
}

.boxRechts span h1 {
	text-align: center;
	font-size: 100%;
	background-color: #690060;
	color: #ffffff;
	padding: 0.5em 0em;
	white-space: nowrap;
}

.boxRechts span p {
	padding: 0.5em 0.5em 25px 1em;
}

.boxRechts img {
	width:100%;
	height:auto;
	border: 4px solid #690060;
	border-radius: 50px 10px 10px 10px;
	display:block;
}

.bildContainerRechts{
	max-width:50%;
	height:auto;
	float: right;
	border: 4px solid #690060;
	border-radius: 50px 10px 10px 10px;
	margin: 0 0 1em 1em;
}

.bildContainerRechts img {
	width:100% !important;
	height:auto !important;
	display:block;
}

.einzelbildUnten{
	border: 4px solid #690060;
    border-radius: 50px 10px 10px 50px;
    margin: 1em auto 0 auto;
    display: block;
    max-width: 100%;
	height: auto;
}

.einzelbildUnten img {
	width:100% !important;
	height:auto !important;
	display:block;
}

div.bildmittext H2 {
  font-size: 14px;
  line-height: 16px;
  color: #550C7A;
  font-weight: bold;
  margin: 25px 0px 10px 20px;
  padding: 0px;
}

div.bildmittext P {
  margin: 0px 0px 10px 20px;
  padding: 0px;
}

A {
  color: #550C7A;
  text-decoration: underline;
  font-weight: bold;
}

P.nav1 A {
  color: #550C7A;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 10px 0px;
}

P.nav2 A {
  color: #550C7A;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 0px 0px 35px;
  padding: 0px;
}

P.nav3 A {
  color: #550C7A;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 0px 0px 15px;
  padding: 0px;
}

P.nav1 A:hover, P.nav2 A:hover, P.nav3 A:hover {
  color: #550C7A;
  text-decoration: underline;
  font-weight: bold;
}

div#inhalt1 div.teaser {
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 2px;
	border: 0;
	width: 230px;
}

div#inhalt1 div.teaser h1 {
  font-size: 20px;
  line-height: 26px;
  background-color: #550C7A;
  color: white;
  font-weight: bold;
  margin: 0px;
  padding: 5px 5px 5px 5px;
}

div#inhalt1 div.teaser p {
  font-size: 18px;
  color: #690060;
  line-height: 24px;
  margin: 0px;
  padding: 5px 5px 5px 5px;
  border:0;
}

table.preis {
	width: 80%;
	font-size: 14px;
   color: #690060;
   line-height: 20px;
	border:0px;
   margin: 0px 0px 0px 38px;
   padding: 0px;
}

table.preis td, table.preis tr {
	border:0;
	text-indent: 0;
}

td.eins {
	width:70%;
	vertical-align: top;
}

td.zwei {
	width:20%;
	text-align: right;
	white-space: nowrap;
	vertical-align: bottom;
}

td.drei {
	width:10%;
	vertical-align: bottom;
	white-space: nowrap;
	padding-left: 2em;
}

td.abstand {
	height: 5px;
}