@import url("fonts/gudea.css");
/* @import url("fonts/parmaregular.css"); */
@import url("fonts/parmapetit.css");
@import url("fonts/clemente.css");

/* RESETS */

a img {
border:none
}
a {
border:none
}

table {
font-size:inherit;
}


/*---------------------
 * -- RAHMENELEMENTE --
 --------------------*/

body {
  background:#FFFFDE;/* url(../img/bg/body_bg.png); */
  background-repeat:repeat;
  width:100%;
  font-size:100%;
  padding:0;
  margin:0;
  min-width:1050px;
}

#outer {
  position:absolute;
  overflow:hidden;
  margin:0;
  padding:0;
  min-height:784px;
  min-width:1050px;
  width:100%;
}


#balken-links {
  left:0;
  top:0;
  width:91px;
  float:left;
background: url(../img/bg/balken_bg_blumen.png); /* url(../img/bg/bg-balken2.png); */
  background-repeat:repeat;
  padding:0;
  margin:0;
  padding-bottom:6000px;
  margin-bottom:-6000px;
  border-right:2px solid #862B92;
}

#grashalm {
  position:absolute;
  left:0;
  top:161px/*168px;*/
}

#grashalm img {
  height:623px;
}


#header {
  margin-bottom:0;
  width:100%;
  
}

#schriftzug {
  margin: 0 0 0 194px; /*199px; */
}

#schriftzug img {
     margin-top: 20px;
     float:left;

}

#motto {
    /* margin: 240px 0 0; */
   margin: 42px 0 0;
   position: absolute;
   /* right: 321px; */
  right:13px;
}

.inspiration {
    margin-top: 67px;
}

.wandel {
    margin-top: 67px;
}


.schatten-rechts {
  -moz-box-shadow:    5px 4px 2px 1px   #222222;
  -webkit-box-shadow: 5px 4px 2px 1px   #0A0A0A;
  box-shadow:         5px 4px 2px 1px   #4E4E4E;
}

.schatten-oben {
  -moz-box-shadow:    5px -2px 2px 1px   #222222;
  -webkit-box-shadow: 5px -2px 2px 1px   #0A0A0A;
  box-shadow:         5px -2px 2px 1px   #4E4E4E;
}

/* --------------------------
 * --- MENU -------------
 
 */

#menu {
  width:38.2%;
  min-width: 29em;
  float:right;
  color: #F1F1F1;
  font-size:1.25em;
  line-height:1.8em;
  padding:0 10px 0 7px;
  margin-top:31px;
  clear:both;
  font-family: 'GudeaRegular', sans-serif;

}

#menu a {
  text-decoration:none;
}

.topmenu {
  height:1.8em;
  margin-right:-10px;
  margin-left:13px;
  background-color:#F78501;
  
}

.topmenu div.letztes  {
  border-right:none;
  font-style:italic;
}

.topmenu a  {
  color: #F1F1F1;
 }

.topmenu div {
    display: inline;
    float: left;
    border-right:1px solid #f1f1f1;
}

.topmenu div  {
  padding:0 15px;
}

.topmenu div:hover {
    background-color: #F1F1F1;
    color: #000000;
}

.topmenu div a:hover, .topmenu div:hover a {
    color: #000;
}

/* -- Topmenu -- */

/* .topmenu {
  list-style-type:none;
  padding:0;
  margin:0 -10px 0 0;
  background-color:#F78501;
}



.topmenu li {
  display:inline;
  margin-left: 4px;
}

.topmenu li a {
  background-color:#F78501;
  border-right:1px solid #f1f1f1;

}


.topmenu li a  {
  color: #F1F1F1;
  padding:6px 15px;
  margin:-6px -4px;
} */




/* .topmenu li a:hover {
  background-color:#F1F1F1;
  color:#000;
  border-left: 1px solid #f1f1f1;
  margin-left: -5px;
  padding-left: 15px;
  /* border-left:7px solid #F1F1F1;
  border-top:0.25em solid #F1F1F1;
  border-bottom:0.25em solid #F1F1F1;
  margin:-0.25em 0 -0.25em -7px;
} */

.topmenu .active, .topmenu .active:hover {
  background-color:#F1F1F1;
  -webkit-box-shadow: 2px 0px 13px #a3a3a3; /* webkit browser*/ -moz-box-shadow: 2px 0px 13px #a3a3a3; /* firefox */ box-shadow: 2px 0px 13px #a3a3a3;
}

.topmenu .active a {
  color:#000;
}

/* -- Submenu -- */

.submenu a {
  color: #862B92;
}

.submenubg {
  height:1.8em;
  margin-right:-10px;
  margin-left:13px;
}

.submenu div {
    display: inline;
    float: left;
}

.submenu div  {
  padding:0 15px;
}

.submenu div:hover, .submenu div.active {
    background-color: #862B92;
    color: #000000;
}

/* .submenu div.active {
background-color: #F1F1F1;
} */

.submenu div a:hover, .submenu div:hover a, .submenu div.active a {
    color: #000;
}

.spacer {
  height: 1.8em;
    margin-right: -2000px;
    padding-right: 2000px !important;
   }
   
.spacer:hover {
  background-color:transparent !important;
}

/* .sub-5 { background-color: #AC46BA }
.sub-4 { background-color: #B74AC7 }
.sub-3 { background-color: #C44CD5 }
.sub-2 { background-color: #D250E4 }
.sub-1 { background-color: #E550FA } */
/* .coaching .sub-6 { background-color: #A534B4 }
.coaching .sub-5 { background-color: #B14ABF }
.coaching .sub-4 { background-color: #BA5FC7 }
.coaching .sub-3 { background-color: #BE74C8 }
.coaching .sub-2, .coaching .sub-1 { background-color: #C38CCA } */

.submenubg {
  background-image:url(../img/bg/omnibg.png);
  background-repeat:repeat;
}

/* .ansprachen .submenubg {
  background-image:url(../img/bg/BG-Hochzeit2.png);
  background-repeat:repeat;
}

.coaching .submenubg {
  background-image:url(../img/bg/BG-Coaching2.png);
  background-repeat:repeat;
} */

 .sub-6 {
  background-image: url(../img/bg/hochzeit-shade6.png);
  background-repeat:repeat;
}

 .sub-5 {
  background-image: url(../img/bg/hochzeit-shade5.png);
  background-repeat:repeat;
}

 .sub-4 {
  background-image: url(../img/bg/hochzeit-shade4.png);
  background-repeat:repeat;
}

 .sub-3 {
  background-image: url(../img/bg/hochzeit-shade3.png);
  background-repeat:repeat;
}

 .sub-2,  .sub-1 {
  background-image: url(../img/bg/hochzeit-shade2.png);
  background-repeat:repeat;
}


/* -----------------------
* ------ INHALT ----------
--------------------------*/


#content {
  margin-left:194px;/* 200px; */
  font-size:1.1em;
  padding:3em 4em 4em 0;
  clear:both;
  min-height:400px;
/* font-family:"Helvetica Neue", Helvetica, Arial, sans-serif */
}

#content p {margin:0;}
#content p + p {margin-top:1em;}

#content b, #content strong {
font-family: ClementePDagBook;
color:#5A1A63;
font-size: 0.95em;
letter-spacing: 2px;
}

.einzel #content {
  padding-top:4.8em;
}

#content p a, #content td a {
color:#503B38;
text-decoration:none;
}

#content p a:hover, #content td a:hover {
border-bottom:2px dashed #493633;
color:#493633;
}

#content, #footer {
  font-family: 'GudeaRegular', sans-serif;

}

#content h2 {
  font-family: ParmaPetitSCItalicRegular;
  font-size:2em;
  font-weight:normal;
  color:#862B92;
  margin:0 0 1em 0;
}

#content h3 {
    color: #5A1A63;
    font-family: ClementePDagBook;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 1.4em 0 0 0;
}

#content .block + h2 {
  margin-top:2em;
}

.block {
  clear:both;
}

.block + .block {
  margin-top:4em;
}

.ulpunkt {
list-style-image:url(../img/ele/punkt-gelb.png);
}
.ulpunkt li + li {
margin-top:1em;
}


/* ## EINLEITUNG 
 * -------------
 */

.breit {
  text-align:justify;
  font-size:1.2em;
  line-height:1.4em;
}

/* .breit:before { */
.prepunkt {
  content:url(../img/ele/punkt-gelb.png);
  float:left;
  margin-right:1em;
  margin-top: 0.45em;
}

.breit img.rechts {
  margin-left:2em;
  float:right;
}

/* ## ZWEISPALTIG
 * ---------------
 */


.zwei_spalten {
  width:100%;
  line-height:1.3em;
}

.first.column p {
padding-right:20px;
}

.last.column p {
padding-left:20px;
}

.spaltentrenner {
  background-image:url(../img/bg/punkte_rot2.png);
  background-repeat:repeat-y;
  background-position:top center;
}


/* ## BILD RECHTS
 * ---------------
 */

.links_breit {
  background-image:none;
  width:100%;
  line-height:1.3em;
}

.links_breit .links {
  width:79%;
}

.links_breit .rechts {
  width:20%;
  text-align:center;
}

/* ## BILD LINKS
 * ---------------
 */

.rechts_breit {
  background-image:none;
  width:100%;
  line-height:1.3em;
}

.rechts_breit .links {
  width:20%;
  text-align:center;
}


.rechts_breit .rechts {
  width:79%;
}

.links_breit .rechts img, .rechts_breit .links img {
  max-width:100%;
}





/* ## BILD MITTIG
 * ---------------
 */

.zwei_spalten_bild {
  text-align:center;
}

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

.zwei_spalten_bild .text .first.column p {
padding-right:32%;
}

.zwei_spalten_bild .text .last.column p {
padding-left:32%;
}

.bild-mittig {
    left: 53.5%;
    position: absolute;
    width: 27.4%;
}

.bild-mittig img {
    text-align: center;
    width: 80%;
}

.zwei_spalten_bild .spalte {
  width:33%;
}



/* .CCspace {width: 175px; height: 315px; 
  padding: 5px; float: right;}
.CCpullout {width: 350px; height: 315px; 
  padding: 5px; float: left; margin-left: -185px;}
.CCpullout span {width: 350px; position: 
  absolute; text-align: center; font-size: .9em; 
  font-weight: bold;}
.CCpullout del {font-size: 1px; color: 
#fff; position: absolute;} */


.spalte {
  width:48%;
  text-align:left;
}

.rechts {
  float:right;
}

.links {
  float:left;
}

/* ## STICHWORT-WOLKE
 * -------------------
 */

.cloudblock {
  width:100%;
}

.cloud, .cloudtext {
  text-align:justify;
}

  
.cloud {
  background-image:url(../img/bg/cloud_bg2.png);
  color:#fff;
  width:500px;
  height:500px;
  font-weight:bold;
  float:right;
  cursor:move;
  margin:2em 0 2em 4em;
}

.cloud a {
    color: #fff;
}

.cloud a:hover {
color:#fff;
border:none;
}

.position-links {
float:left;
}

.position-mitte {
float:none;
}

.position-mitte + .cloudtext {
display:none;
}

.cloud ul {
    list-style-type: none;
}
      
.cloud a {
    text-decoration:none;
    color:#fff;
}

  .cloudtext {
}


/* ----------------------
 * -- KONTAKTFORMULAR ---
 * ----------------------*/

.vortext {
  margin-bottom: 2em;
}

#kontakt .text, #kontakt textarea {
border:1px solid #4F3A36;
padding:3px;
}

#kontakt tr {
height:2em;
}

#kontakt .text {
width:100%;
height:2em;
line-height:2em;
}

#kontakt textarea {
width:44em;
height:12em;
}

#kontakt .text.error, #kontakt textarea.error {
background-color: #FFE8E8;
}

.kontaktformular.success table, .kontaktformular.success .vortext {
  display:none;
}
 
/* ------------------------
 * -- SEITENFUSS ----------
 * ------------------------ */

#footer  {
  height:96px;
  background-color:#020B08;
  /* background-image:url(../img/bg/black-Linen.png); */
  background-image:url(../img/bg/bg_footer3.png);
  background-repeat:repeat;
  padding: 1em 4em 1em 194px;
  color:#9F9F9F;
}


.footerstengel {
  /* float: right;
    height: 54px;
    margin-right: -214px;
    margin-top: 42px; */
    bottom: 0;
    height: 54px;
    position: absolute;
    right: 0;
   }

#footer strong {
  text-transform:uppercase;
  font-size:1.1em;
  color:#F78501;
}

.footerschmetter {
  /* float: right;
    margin: -67px 33px 0 0; */
    bottom: 60px;
    position: absolute;
    right: 74px;
    }
#footer a {
  color: #F78501;
  text-decoration: none;
}

#footer a:hover {
text-decoration:underline;
}


/* Halde */
.aus {
  display:none;
}

.punkt_gelb {
  background-image:url(../img/bg/punkte.png);
  background-repeat:repeat;
}

.punktverlauf_gelb {
  position:absolute;
  left:0;
  top:260px;
  width:98px;
  height:260px;
  background-image:url(../img/bg/punktverlauf.png);
}

.punkt_gelb_klein {
  position:absolute;
  margin-left:98px;
  top:260px;
  width:100%;
  height:260px;
  background-image:url(../img/bg/punkte_kl.png);
}