/*** layout fuer eugen fink ***/

html, body {
  height:100%;
}

body {
  margin:0;
  padding:0;
  background-color:#fcedc5;
  font-size:62.5%;
}

    
#alles {
  margin:3em auto;
/*  border:1px solid #ccc;*/
  width:100em;
 /*  background-color:#fff;
  box-shadow:0.2em 0.2em .8em #bbb;*/
  min-height:100%;
  height:auto !important;
  height:100%; 
  
  
}

#name {
  min-height:8em;
  height:auto !important;
  height:8em; 
 float:left;
  clear:both;
}

#inhalt {
 /* width: 100em;*/
  padding-left:7em;
  padding-bottom:3em;
  padding-right:7em;
 /* background-color:#fff;*/

  width:86em;
 
}

#links, #rechts {
  float:left;
   width:43em;
  margin-top:3em;
  height:100%; /*** um einen bug bei manchen browsern zu vermeiden ***/
}

#links {
  clear:left;
}

#rechts {
 clear:right;
}

#footer {
 
  
  height:3em;
  padding-top:3em;
  width:86em;
  
}


.csc-frame-rulerBefore {
  border-top: 1px solid #ddd;
  margin: 1em 0 0 0;
  width:97%;
}

.csc-frame-rulerAfter {
  border-bottom: 1px solid #ddd;
  width:97%;
  margin: 1em 0;
}



/* multicontent accordion */

.tx-jfmulticontent-pi1 {
  width:100%;
}

.tx-jfmulticontent-pi1 .ui-accordion {
    width:100%;
}

.ui-state-default, .ui-widget-content
.ui-state-default, .ui-widget-header
.ui-state-default,
.ui-state-active, .ui-widget-content
.ui-state-active, .ui-widget-header
.ui-state-active {
  background:transparent;
  border:1px solid #FFC741;
}

#inhalt .ui-accordion-header {
  background-color:#FFC741;
  font-size:2em;
  font-family:'caviar_dreamsregular',trebuchet ms,century gothic,sans-serif;
  display:block;
}

#inhalt .ui-accordion-header:hover {
  background-color:#AB005D;
  color:#ffc741;
}

#inhalt .ui-state-default .ui-icon {
/*  background-image:url(http://www.cvjm.de/fileadmin/cvjm2012/img/multicontent-accordion-icon-closed2.gif);
  background-position:center center;
  width:11px;*/
  background-image:none;
  width:0;
  height:0;
  border-style: solid;
  border-width:  8px 0 8px 22px;
  border-color: transparent transparent transparent #AB005D;

}

#inhalt .ui-state-default .ui-icon:hover {
  border-color:transparent transparent transparent #ffc741;
}

#inhalt .ui-state-active .ui-icon {
 /* background-image:url(http://www.cvjm.de/fileadmin/cvjm2012/img/multicontent-accordion-icon-open2.gif);*/
  background-image:none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 7px 0 7px;
  border-color:  #AB005D transparent transparent transparent;
  display:block;
}

#inhalt .ui-state-active .ui-icon:hover {
  border-color: #ffc741 transparent transparent transparent;
  display:block;
}


/* damit icon und h3 nicht so weit auseinander sind */

#content .ui-accordion .ui-accordion-icons {
  padding-left:2em;
}

/* h3 als a: element-"head" zum anklicken */

#inhalt .ui-accordion-header h3 {

}

#inhalt .tx-jfmulticontent-pi1 .ui-accordion h3 a {
  border-bottom:1px solid #FFC741;
  border-top:1px solid #FFC741;
  color:#AB005D;
  display:block;
  text-decoration:none;
}

#inhalt .tx-jfmulticontent-pi1 .ui-accordion h3 a:hover,
#inhalt .tx-jfmulticontent-pi1 .ui-accordion h3 a:active {
    border-bottom: 1px solid #FFC741;
    border-top: 1px solid #FFC741;
    color: #FFC741;
    text-decoration: none;
 
}


/* h3 "normal": im body des elements -
   ausgeblendet, da die h3 ja schon im head des
   elements ausgegeben wird */

.tx-jfmulticontent-pi1 .ui-accordion-content h3 {
  display:none;
}


#inhalt .ui-accordion .ui-accordion-content {
  padding-top:0;
  border: 1px solid #FFC741;
}

#inhalt .ui-widget-content {
  background:none;
}

#inhalt .ui-widget-content ol {
  padding-left:2.5em;
}

#inhalt .ui-widget-content ol li {
  line-height:150%;
}