/* Start of CMSMS style sheet 'divine_formate1' */
/* CSS Document */

body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #FFF;
background-image: url(tmp/templates/HintergrundStreifen.jpg);
}

html {
height: 100%;
}

img { border: 0px; }

/* ---------------------- Layout-Elemente Basic -------------------------------- */

div#backpic { position: absolute; z-index: 10; width: 1088px; height: 820px; 
  border: 0px solid #000; 
  margin: 0px; padding: 0px; top: 0px; left: 0px; }

div#outerwrap { position: relative; height: auto; width: 975px; border: 0px solid #00F; 
  display: block;
  left: 50%;
  margin-top: 10px;
  margin-left: -487px;
  z-index: 20;
  }


div#topleft, div#topright, div#bottom_outer { 
  position: absolute;
  background: #FFF; 
  border: 0px solid #F00;
  }

div#logo_dlf { position: absolute;  left: 65px; bottom: 0px; width:235px; height:347px;
  background-image:url(tmp/templates/logo_divinelifeforce2.gif); z-index: 10; 
  border: 0px solid #F00; }

div#logo_ani { position: absolute; z-index: 20; }

.schmetter_ani { position: absolute; z-index: 20; }
DIV#schmetter_ani_1 { left: 65px; top: 108px; }
DIV#schmetter_ani_2 { left: 146px; top: 165px; }
DIV#schmetter_ani_3 { left: 104px; top: 300px; }

div#topleft, div#topright {  top: 90px; height: 270px; }
div#topleft {  left: 0px; width: 585px;  overflow: visible; }
div#topright {  left: 585px; width: 390px ; background-color: #fe7a13; }

div#bottom_outer { top: 360px; width: 975px; height: auto; }

div#backpic_contleft { position: absolute; left: 0px;
  overflow: hidden;
  z-index: 10; 
  width: 585px; height: 270px; }

div#bottomleft, div#bottomright, div#footer  { border: 0px solid #0F0;
  position: relative; z-index: 30;
  float: left; 
  height: auto;  
  }
div#bottomleft { padding-bottom: 20px; width: 585px; border: 0px solid #0F0; }
div#bottomright { padding: 20px; width: 350px ; float: right; }

div#footer { clear: both; width: 100%; height: 35px; margin-top: 50px; margin-bottom: 0px;
  text-align: center; 
  padding-top: 10px;
  background-image:url(tmp/templates/hintergrund_footer.jpg);
  border: 0px solid #FF0; 
  }

div#footer_image { border: 0px solid #FF0;
  width: 130px; height: 220px;
  position: absolute; left: 520px; bottom: 70px; 
  background-image: url(tmp/templates/schmetter_bottom.gif);
  z-index: 20;
}

div#homebutt { position: absolute; right: 18px; top: 18px; }

div.box_inner { padding: 5px; }

/* ---------------------- Forms ---------------------------------- */

FORM { margin: 0px; padding: 0px; }

div.form_all { 
  background-image:url(tmp/templates/hintergrund_forms.jpg);
  border-bottom: 1px solid #CCC; margin-bottom: 20px; }
div.form_right { width: 345px; }
div.form_left { width: 440px; }

div.form_all .form_subheader { 
   margin-bottom: 5px;
   font-weight: bold;
}

div.form_all .form_break { clear: both; height:1px;}
div.form_all .form_spacer_line { height: 1px; border-top: 1px solid #FE7A13; margin: 5px 0; }
div#bottomright div.form_all .form_spacer_line { width: 335px; }

div.form_all .form_line { clear: both; margin-bottom: 3px;  }
div.form_all .form_label { float: left; color: #666; font-size: 95%; }
div.form_all .form_field { float:right; }

div.form_all .form_field INPUT, div.form_all .form_field TEXTAREA { border: 1px solid #CCC; }
div#bottomleft .form_field INPUT, div#bottomleft .form_field TEXTAREA { width: 300px; }
div#bottomright .form_field INPUT, div#bottomright .form_field TEXTAREA { width: 225px; }


DIV#comments  div.form_all  div.form_field TEXTAREA{ height: 200px; }

/* -------------------------- News / Comments ----------------------------------- */

/* -------------------------- Summary */
div.NewsSummary { 
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #CCC; 
  }

div.NewsSummaryPostdate { margin-bottom: 5px; }

div.NewsSummaryLink { margin-bottom: 10px; font-size: 1.2em; font-weight: bold; clear: both; }

div.NewsSummaryCategory, div.NewsSummaryAuthor, div.NewsSummaryPostdate {
  float:left; margin-right:10px; 
  font-size: 0.9em; color: #999; } 

div.NewsSummarySummary, div.NewsSummaryContent { padding: 10px 0px; clear:both; }
div.NewsSummarySummary { font-size: 1.2em; }
div.NewsSummaryMorelink { clear:both; }

/* -------------------------- Detail */
H3#NewsPostDetailTitle { border-bottom: 1px solid #CCC; padding-bottom: 5px; }
div#NewsPostDetailCategory, div#NewsPostDetailAuthor {
  font-size: 0.9em; color: #999; } 

div#NewsPostDetailSummary, div#NewsPostDetailContent { margin: 10px 0px; clear: both; }
div#NewsPostDetailSummary { font-size: 1.2em }

div#NewsPostSubnavi { height: 20px; margin: 10px 0px; }
div#NewsPostDetailReturnLink { float: left; }
div#NewsPostDetailPrintLink { float: right; }

/* --------------------------- Comments */
DIV#comments .comments_error1 {margin-bottom: 10px; }
UL LI.comment { margin-bottom: 10px; }

/* -------------------------- CGCalendar  ----------------------------------- */

/* --- Calendar --- */

TABLE.calendar { width: 100%; border: 1px solid #CCC; margin:0px; padding:0px;} 
TABLE.calendar TR TD { text-align:center; }

TABLE.calendar caption.calendar-month { padding: 0px 0px 5px 0px; }

.calendar-day-event { background-color: #DDD; }

/* --- List --- */

.calendar-event { border-top: 1px solid #CCC; padding: 0px 0px 10px 0px; clear: both; }
.calendar-event  .categoryname { float: right; text-transform: uppercase; font-size: 10px; }


.calendar-event-categoryframe-Workshops { border-top: 4px solid #4CB770; }
.calendar-event-categoryframe-Workshops .categoryname { color: #009933; }

.calendar-event-categoryframe-Trips { border-top: 4px solid #7FCCCC; }
.calendar-event-categoryframe-Trips .categoryname { color: #009999; }

.calendar_eventlist_dateheader 
{ 
    margin: 10px 0px; 
    font-size: 18px; font-weight: bold; 
}
.calendar_eventlist_dateheader .dateheader_time { font-weight: normal; }
.calendar_eventlist_dateheader .dateheader_fromto { font-size: 0.8em; margin: 0px 10px; }


div.calendar-header-month { float: left; }
div.calendar-navi-months { float: right; }

.calendar-prev, .calendar-next {  }

.calendar-event H3 { clear: both; }

/* ---------------------- Layout-Elemente Content -------------------------------- */

.hascontent { border: 0px solid #FF0; }

div#content_left { position: relative; margin: 58px 63px 20px 80px; z-index: 20; overflow: hidden;}
div#content_right { width: 350px; height: auto; overflow: hidden; }

/* End of 'divine_formate1' */