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

html {
  height: 101%;
  width: 100%; }

body {
  background-color: #a41ca2;
  color: #5f005e;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  width: 100%; }

#wrapper {
  position: relative;
  width: 960px;
  height: 100%;
  margin: 0px auto;
  background-image: url("/fileadmin/birgitt-jendrosch/images/layout/bg-hypnose.gif");
  background-repeat: repeat-y; }

/*
 * ===================================================
 * Layout-Formate
 * ===================================================
 */
#wrap-main-right {
  float: right;
  width: 740px; }

#main-text {
  float: left;
  width: 486px;
  padding: 230px 15px; }

#right-col {
  float: right;
  width: 196px;
  padding: 17px 4px; }

#left-col {
  float: left;
  width: 194px;
  padding: 17px 5px; }

#left-col a img,
#right-col a img {
  border: 1px solid #e5b0e4;
  border-radius: 8px; }

#left-col a:hover img,
#right-col a:hover img {
  border-color: #044279; }

#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 495px;
  margin: 17px 0 0 231px; }

#header img {
  border-radius: 25px; }

/*
 * ===================================================
 * Menu Formate
 * ===================================================
 */
#menu {
  background-color: white;
  margin: 17px 1px 17px 2px;
  padding: 6px 0;
  border-radius: 8px;
  width: 192px; }

#menu ul {
  list-style-type: none;
  padding: 0 4px; }

#menu ul li {
  border-bottom: 1px solid #f8dff8; }

#menu ul li a {
  width: 184px;
  display: block;
  text-align: right;
  font-size: 1.1em;
  line-height: 2em;
  color: #c43dc2;
  text-decoration: none; }

#menu ul li a:hover,
#menu ul li ul li ul li a:hover,
#menu ul li ul li ul li.current a,
#menu ul li.current a,
#menu ul li.current ul li ul li a:hover,
#menu ul li.current ul li ul li.current a,
#menu ul li.current ul li.current ul li a:hover,
#menu ul li.current ul li.current ul li.current a,
#menu ul li:hover ul li ul li a:hover,
#siteId-1169 #menu ul li.menuid1170 a,
#siteId-1173 #menu ul li.menuid1176 a,
#siteId-979 #menu ul li.menuid980 a {
  color: #044279;
  text-decoration: underline; }

#menu ul li ul {
  position: absolute;
  left: 600px;
  margin-top: -25px;
  background-color: #f8dff8;
  border: 1px solid white;
  display: none;
  z-index: 999; }

#menu ul li:hover ul {
  display: block; }

#menu ul li ul li {
  border-bottom: 1px solid white; }

#menu ul li ul li a,
#menu ul li.current ul li a,
#menu ul li:hover ul li a {
  font-size: 1.1em;
  color: #c43dc2;
  line-height: 1.5em;
  text-decoration: none;
  text-align: center;
  margin: 0 auto; }

#menu ul li ul li a:hover,
#menu ul li ul li ul li ul li a:hover,
#menu ul li ul li ul li ul li.current a,
#menu ul li.current ul li a:hover,
#menu ul li.current ul li ul li ul li a:hover,
#menu ul li.current ul li ul li ul li.current a,
#menu ul li.current ul li.current a,
#menu ul li.current ul li.current ul li ul li a:hover,
#menu ul li.current ul li.current ul li ul li.current a,
#menu ul li.current ul li.current ul li.current ul li a:hover,
#menu ul li.current ul li.current ul li.current ul li.current a,
#menu ul li:hover ul li ul li ul li a:hover,
#menu ul li:hover ul li ul li ul li.current a {
  color: #027353;
  text-decoration: underline; }

#menu ul li ul li ul,
#menu ul li:hover ul li ul {
  display: block;
  position: relative;
  left: 0px;
  margin: 0 5px 3px 5px;
  background-color: white;
  padding-left: 25px; }

#menu ul li ul li ul li {
  color: #c43dc2;
  list-style-type: circle;
  text-align: left; }

#menu ul li ul li ul li a,
#menu ul li ul li ul li ul li a,
#menu ul li.current ul li ul li a,
#menu ul li.current ul li ul li ul li a,
#menu ul li.current ul li.current ul li a,
#menu ul li.current ul li.current ul li ul li a,
#menu ul li.current ul li.current ul li.current ul li a,
#menu ul li:hover ul li ul li a,
#menu ul li:hover ul li ul li ul li a {
  font-size: 1em;
  text-align: left;
  margin-left: 0;
  color: #c43dc2;
  text-decoration: none; }

#menu ul li ul li ul li ul li {
  list-style-type: square; }

/*
 * ===================================================
 * Infospalte Formate
 * ===================================================
 */
#info-col {
  margin: 0px 1px 0 2px; }

.info-frame {
  background-color: #f9fdff;
  width: 184px;
  padding: 10px 4px;
  border-radius: 8px;
  margin-bottom: 17px; }

#info-col h1,
#info-col h2 {
  font-size: 1.05em;
  margin: 1.15em 0 1em 0; }

/*
 * ===================================================
 * Absatz etc Formate
 * ===================================================
 */
h1,
h2,
h3,
h4 {
  color: #044279; }

h1 {
  font-size: 1.5em;
  margin: 1.25em 0 1em 0; }

h2 {
  font-size: 1.25em;
  margin: 1.25em 0 1em 0; }

h3 {
  font-size: 1.1em;
  margin: 1.15em 0 1em 0; }

a {
  color: #044279; }

a:hover {
  color: #027353; }

p {
  margin: 1em 0;
  padding: 0; }

ul {
  padding: 3px 25px; }

#siteId-1006 ul {
  list-style-type: none; }

.align-left {
  text-align: left; }

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

.align-right {
  text-align: right; }

.align-justify {
  text-align: justify; }

.clear-both {
  clear: both; }

/*
 * ===================================================
 * Typo3 Formate
 * ===================================================
 */
.csc-frame-frame1 {
  margin-bottom: 10px; }

/*
 * ===================================================
 * Formulare
 * ===================================================
 */
input,
textarea {
  border: 1px solid #cccccc;
  width: 250px;
  font-size: 1em; }

select {
  border: 1px solid #cccccc; }

div.csc-mailform ol li {
  clear: left;
  margin-bottom: 0.5em !important; }

div.csc-mailform ol ol li {
  clear: none; }

div.csc-mailform li label {
  display: block;
  float: left;
  width: 120px !important;
  margin-right: 0 !important;
  padding-right: 10px;
  text-align: right; }

.csc-form-element-submit input {
  background-color: #e3e4e8;
  width: auto;
  margin-left: 130px; }

div.csc-mailform fieldset ol {
  padding: 1em 0 0 130px !important; }

div.csc-mailform fieldset li {
  padding-left: 0 !important; }