/*
	www.aj-marienhoehe.de - Adventjugend Darmstadt Marienhöhe
	XHTML & CSS & TypoScript by © 2008 | Vivian Erbenich All right reserved
	This document was successfully checked as XHTML 1.0 and CSS 2.1 valid! - w3c.org
	*/

/**********/
/* Layout */
/**********/
body {
	margin: 0px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#wrapper {
	background: #FFF;
	text-align: center;	
	margin: 0pt auto;
	width: 900px;
}

#header {
	width: 900px;
	height: 239px;
}

#header-logo {
	background: url(images/image_01.jpg);
	height: 97px;
	width: 900px;
}

#site-menu {
	font-weight: normal;
	color: #b4b4b4;
	font-size: 12px;
	text-align: right;
	padding-top: 65px;
	margin-right: 40px;
	text-decoration: none;
}

#site-menu a {
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
	text-align: inherit;
	padding-top: inherit;
	padding-right: inherit;
	text-decoration: inherit;
}

#site-menu a:hover {
	color: #666666;
}

#header-image {
	background: url(images/background.jpg);
	height: 142px;
	width: 900px;
}

#site {
	background: url(images/sub-background.jpg);
	background-repeat: repeat-y;
}

#site-without-shadow {
	margin-left: 25px;
	margin-right: 25px;
}

#menu {
	background: #a1bd2b;
	float: left;
	height: 25px;
	width: 850px;
	text-align: left;
}

#left-content {
	background: #c1d081;
	float:left;
	width: 200px;
	text-align: left;
	height: auto;
	min-height: 250px;
}

#left-content-margin {
	margin: 10px;
	font-size: 12px;
	color: #666666;
}

#breadcrumb {
	margin: 5px;
	font-size: 10px;
}

#breadcrumb a {
	color: #999999;
}

#breadcrumb a:hover {
	color: #666666;
}

#right-content {
	background: #FFFFFF;
	float:right;
	width: 650px;
	height: auto;
	text-align: left;
}

#right-content-margin {
	margin: 20px;
	font-size: 12px;
	color: #666666;
}

#bottom-content {
	float:right;
	width: 650px;
	height: auto;
}

#bottom-content-margin {
	margin: 20px;
	font-size: 12px;
	color: #666666;
}

#footer {
	background: url(images/image_06.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 69px;
	clear: both;
}

#footer-text {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #EEEEEE;
	text-align: right;
	padding-top: 10px;
	padding-right: 40px;
}
/*************/
/* Anker-Tag */
/*************/
a {
	color:#666;
	font-weight:bold;
}

a:hover {
	color:#999
}

/**************************************/
/* Überschriften und Tabellen Designs */
/**************************************/

h1, h2, h3, h4 {
	margin: 0;
}

h2, h3, h4 {
	margin-bottom: 20px;
	padding-bottom: 9px;
	border-bottom: 1px solid #666666;
	letter-spacing: -0.035em;
	font-weight: normal;
	color: #666;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

h4 {
	font-size: 14px;
	font-weight: bold;
}

/*************************************/
/******* Style von jw_calendar *******/
/*************************************/

/* T o o l t i p */

.jwcalendar_olbg { 
	border: solid 0px #003399; 
	background-color: #6666CC; 
}

.jwcalendar_olfg { 
	border: 0px; 
	background-color: #EEEEEE; 
	padding:4px 6px;
	text-align:left;
}

.jwcalendar_olcf { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 2em; 
	font-weight: bold; 
	color: #FFFFFF; 
}

.jwcalendar_oltf { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
}

/* T o o l t i p ** E N D **/


div.tx-jwcalendar-pi1{
  font-family: Verdana, sans-serif;
  font-size: 11px;
  text-align: center;
  color:#193A72;
}

div.tx-jwcalendar-pi1 img{
	border:0;
}

div.tx-jwcalendar-pi1 a, div.tx-jwcalendar-pi1 table a{
   /* text-decoration:none;*/
    text-decoration:none;
	color: #692287;
}

div.tx-jwcalendar-pi1 a:hover,div.tx-jwcalendar-pi1 table a:hover{
	color: red;
}

div.tx-jwcalendar-pi1 input{
  clear:both;
  background: #FBE29F;

  border-top:2px #FCF6E5 solid;
  border-left:2px #FCF6E5 solid;
  border-right:2px #FECC3C solid;
  border-bottom:2px #FECC3C solid;
  text-align:center;
  margin:10px;
  padding: 3px 14px; 
} 


div.tx-jwcalendar-pi1 .tx_jw_input_text{
  width:260px;
  border:1px #FECC3C solid;
  padding:3px;
  height:23px;

}
div.tx-jwcalendar-pi1 .tx_jw_select{
  font-size:11px;
  border:0px;
}

div.tx-jwcalendar-pi1 .tx_jw_textarea{
  font-size:12px;
  height:120px;
  width:260px;
  padding:3px;
  border:1px #FECC3C solid;
}

div.tx-jwcalendar-pi1 .tx_jw_input_button{
  font-size:12px;
  background: #FBE29F;
  text-align:center;
  margin:4px 10px;
  padding:2px 4px;
}


/* LIST view */

div.jwcalendar_list{
  width:100%;
  background: #89a125 url(images/events_top.jpg) no-repeat;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color:#193A72;
  /* border: 1px  #FFC725 solid; */
  margin: 5px 0;

}

div.jwcalendar_list .title{
  font-size: 14px;
  font-weight: bold;
  color:#FFF;
  padding: 8px 5px;
}

div.jwcalendar_list .title a{
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  padding: 8px 5px;
}

div.jwcalendar_list .title a:hover{
  font-size: 15px;
  font-weight: bold;
  color: #eaff87;
  padding: 8px 5px;
}

div.jwcalendar_list .prev_items{
  float:left;
  font-size: 11px;
  font-weight: bold;
  text-align:left;
  color:#193A72;
  padding:8px 0 0 16px;
}

div.jwcalendar_list .next_items{
  float:right;
  font-size: 11px;
  font-weight: bold;
  text-align:right;
  color:#193A72;
  padding:8px 0 0 16px;
}

div.jwcalendar_list .next_items{
}

div.jwcalendar_list .itemslist{
  padding:0 10px;
  background: url(images/events_bottom.jpg) no-repeat bottom;
}

div.jwcalendar_list table.items{
  width:100%;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  text-align:left;
  line-height:1.4em;
  empty-cells:show;
  border-collapse:separate;
  border-collapse:collapse;
  border-spacing:0;
  border: 1px  #FFF solid;
}

div.jwcalendar_list table.items td.label{
  background:#c5db5e;
  width:33%;	
  vertical-align:top;
  border: 1px  #FFF dotted;
  padding:5px;
}

div.jwcalendar_list table.items td.item{
  background:#adc43e;
  width:67%;	
  border: 1px  #FFF dotted;
  vertical-align:top;
  padding:5px;

}

div.jwcalendar_list table.items td.item a{
  color : #FFF;
}

div.jwcalendar_list table.items td.item a:hover{
  color : #eaff87;
}

div.jwcalendar_list table.items p{
   font-size: 11px;
	padding:0;
}

div.jwcalendar_list table.items p{
   font-size: 11px;
	padding:0;
}

div.jwcalendar_list .submit{
   clear:both;	
   font-size: 11px;
   padding:0;
}


/* WEEK view */

div.jwcalendar_week{
  width:100%;
  background-color:#FDF2D2;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color:#193A72;
  border: 1px  #FFC725 solid;
  margin:10px 0;
}

div.jwcalendar_week .prev_week{
    margin:4px 120px 0px 10px;
	float:left;
}

div.jwcalendar_week .selector{
    margin:4px 0 0 0;
	float:left;
}

div.jwcalendar_week .next_week{
    text-align:right;
    margin:4px 10px 0px 120px;
}


div.jwcalendar_week table.days{
   clear:both;
   font-family: Verdana, sans-serif;
   font-size: 12px;
   width:100%;
   line-height:1.4em;
   border-collapse:collapse;
   empty-cells:show;
   border-spacing:0;
   border:1px solid #FFC725;
   margin:8px;
}

div.jwcalendar_week table.days td.dayname{
    text-align:right;
    vertical-align:top;
    border:1px solid #FFC725;
    padding:2px 8px 0 4px;
}

div.jwcalendar_week table.day_events,div.jwcalendar_week table.times {
   	background:#FBE29F;
   	font-family: Verdana, sans-serif;
   	font-size: 12px;
   	width:100%;
   	border-collapse:collapse;
   	empty-cells:show;
   	border-spacing:0;
}
div.jwcalendar_week table.times {
   border:1px solid #FFC725;
}

div.jwcalendar_week table.times td.time{
   border-left:2px solid #FFC725;
   border-right:2px solid #FFC725;
}

div.jwcalendar_week table.days a{
    text-decoration:none;
}

div.jwcalendar_week table.days td.time{
   font-family: Verdana, sans-serif;
   font-size: 11px;
   text-align:center;
}

div.jwcalendar_week table.days td.event_time{
   height:4px;
   padding:0;
   margin: 0px;
}

div.jwcalendar_week table.days td.event{
   font-family: Verdana, sans-serif;
   font-size: 11px;
   vertical-align:top;
   padding:4px 2px;
   margin: 0px;
}

div.jwcalendar_week table.days td.event a{
   font-family: Verdana, sans-serif;
   font-size: 11px;
}


/* MONTH view */


div.jwcalendar_month{
  width:100%;
  background-color:#FDF2D2;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color:#193A72;
  border: 1px  #FFC725 solid;
  margin:10px 0;
}




div.jwcalendar_month .title{
  clear:both;
  text-align: center;
  font-size: 14px;
  font-weight:bold;
  color: #333;
  padding:5px 0;
}


div.jwcalendar_month .navi, div.jwcalendar_month .days_view{
	padding:0 10px;
}



/* tables navi */


div.jwcalendar_month table.navs{
   width:100%;
}

div.jwcalendar_month table.months, div.jwcalendar_month table.year{
   width:100%;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   font-weight:bold;
   text-align:center;
   empty-cells:show;
   border-collapse:separate;
   border-spacing:10px;
}

div.jwcalendar_month table.year {
   font-size: 12px;
   border-spacing:5px;
}

div.jwcalendar_month table.months td, div.jwcalendar_month table.year td{
}



div.jwcalendar_month table.months td.other_month, div.jwcalendar_month table.year td.last_year, div.jwcalendar_month table.year td.next_year{
   background: #FBE29F;
   border-top:2px #FCF6E5 solid;
   border-left:2px #FCF6E5 solid;
   border-right:2px #FECC3C solid;
   border-bottom:2px #FECC3C solid;
   padding:15px 5px;
}

div.jwcalendar_month table.months td.other_month{
   padding:5px;
}

div.jwcalendar_month table.months td.current_month{
   background: #FBE29F;
   border-right:2px #FCF6E5 solid;
   border-bottom:2px #FCF6E5 solid;
   border-top:2px #FECC3C solid;
   border-left:2px #FECC3C solid;
   padding:5px;
}


/* table days */



/*div.jwcalendar_month .days_view table{*/
div.jwcalendar_month table.days{
   font-family: Verdana, sans-serif;
   font-size: 11px;
   width:100%;
   line-height:1.4em;
   border-collapse:collapse;
   empty-cells:show;
   border-spacing:0;
   border:1px solid #FFC725;
   padding:0;
}

div.jwcalendar_month table.days a{
    text-decoration:none;
}

div.jwcalendar_month table.days td{
   vertical-align:top;
   border:dotted 1px #FFC725;
   padding:4px;
}

div.jwcalendar_month table.days td.week{
   background:#FBE29F;
   font-weight:bold;
}

div.jwcalendar_month table.days td.dayname{
   background:#FBE29F;
   font-weight:bold;
   text-align:center;
}

div.jwcalendar_month table.days,
div.jwcalendar_month table.days td.inside,
div.jwcalendar_month table.days td.today,
div.jwcalendar_month table.days td.inside_weekend,
div.jwcalendar_month table.days td.today_weekend,
div.jwcalendar_month table.days td.outside_weekend{
   font-weight:bold;
}

div.jwcalendar_month table.days a,
div.jwcalendar_month table.days td.inside a,
div.jwcalendar_month table.days td.today_inside a,
div.jwcalendar_month table.days td.inside_weekend a,
div.jwcalendar_month table.days td.today_weekend a,
div.jwcalendar_month table.days td.outside_weekend a{
   font-weight:bold;
   color:blue;
}


div.jwcalendar_month table.days td.today{
	background: #F9F4E7;
    border:solid 2px #CD9705;
    border:solid 1px #AD1602;
    
}


div.jwcalendar_month table.days td.outside_weekend,
div.jwcalendar_month table.days td.outside{
   background:#EAEAEB;
   border:dotted 1px #F9DF94;
}


div.jwcalendar_month table.days td.inside_weekend{
   background:#FCECC0;
}


/* table singleday */

div.jwcalendar_month table.singleday,
div.jwcalendar_month table.singleday td,
div.jwcalendar_month table.singleday td a,
div.jwcalendar_month table.singleday a{
   font-weight:bold;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   width:100%;
   line-height:1.0em;
   border-collapse:collapse;
   empty-cells:show;
   border-spacing:0px;
   border:0px solid #ddd;
   padding:0px;
   margin:0 0 2px 0;
}

div.jwcalendar_month table.singleday{
   background: #eee;
   border:1px dotted #ddd;
}

div.jwcalendar_month table.singleday td{
   border:0px solid #ddd;
   padding:3px 0;
}


/* table dayitem */

div.jwcalendar_month table.dayitem,
div.jwcalendar_month table.dayitem a{
   font-weight:normal;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   width:100%;
   line-height:1.0em;
   border-collapse:collapse;
   empty-cells:show;
   border-spacing:0px;
   border:1px solid #ddd;
   padding:0px;
   margin:1px 0;
}

div.jwcalendar_month table.dayitem td.item,
div.jwcalendar_month table.dayitem td.item a{
  color:#333;
  text-decoration:none;
  font-weight:normal;
  border:0;
}

div.jwcalendar_month table.dayitem td.itemcat,
div.jwcalendar_month table.dayitem td.itemcat a{
  font-weight:normal;
  color:#333;
  text-decoration:none;
   font-size: 8px;
   padding:0px;
   Cursor:help;
   width:2px;
   border:0;
}


/* SINGLE view  */


div.jwcalendar_single{
  background-color:#FDF2D2;
  border: 1px  #FFC725 solid;
  padding:10px 10px;
}

div.jwcalendar_single .content,div.jwcalendar_single .header,div.jwcalendar_single .org{
    width:100%;
    clear:both;
}

div.jwcalendar_single .contentie,div.jwcalendar_single .headerie,div.jwcalendar_single .orgie{
   float:left;
   width:100%;
   text-align:left;
   border-left: 1px  #FFC725 dotted;
   border-right: 1px  #FFC725 dotted;
   border-bottom: 1px  #FFC725 dotted;
   background:#FCECC0;
}

div.jwcalendar_single .headerie{
   border-top: 1px  #FFC725 dotted;
}

div.jwcalendar_single .contentie{
   background:#FBE29F;
}

div.jwcalendar_single .title, div.jwcalendar_single .category{
    float:left;
    font-size: 14px;
	text-align:left;
	font-weight:bold;	
	padding:4px 8px 8px 8px;
}
div.jwcalendar_single .catcolor{
    float:none;
    font-size: 2px;
	padding:0;
}    

div.jwcalendar_single .category{
	float:none;
    font-size: 12px;
	font-weight:normal;	
 	padding:6px 8px 8px 8px;
}


div.jwcalendar_single .images{
	float:left;
    padding:10px 8px;
    margin:0px;
}

div.jwcalendar_single .itemtext{
    margin:8px;
    
}

div.jwcalendar_single .itemtitle p:first-letter{
    font-size: 15px;
	font-weight:bold;	
	color:red;
}

div.jwcalendar_single .itemtitle  p:first-line{
    font-size: 13px;
	font-weight:bold;	
	line-height:1.2em;
}

div.jwcalendar_single .teaser{
	font-weight:bold;	
	font-style:italic;
	line-height:1.8em;
}
div.jwcalendar_single .desc{
    font-size: 11px;
}

div.jwcalendar_single .itemlink{
	line-height:1.8em;
}

div.jwcalendar_single .label, div.jwcalendar_feEntry .label,div.jwcalendar_feEntry .timelabel{
    clear:both;
	float:left;
	text-align:right;
	font-weight:bold;	
	width:33%;
	padding:4px 8px;
}

div.jwcalendar_single .item, div.jwcalendar_feEntry .item{
	text-align:left;
	padding:4px 4px 4px 32%;
}


/* feEntry view  */

div.jwcalendar_feEntry{
  background-color:#FDF2D2;
  border: 1px  #FFC725 solid;
  padding:8px;
}


div.jwcalendar_feEntry .label,div.jwcalendar_feEntry .timelabel{
    vertical-align:bottom;
    line-height:1.6em;
	padding:8px 8px;
    width:32%;
}  
  
div.jwcalendar_feEntry .timelabel{
    width:20%;
}  

div.jwcalendar_feEntry .title{
  font-size:14px;	
  font-weight:bold;	
  color:blue;
  text-align:left;
  line-height:1.0em;
  padding:0px 8px;
}

div.jwcalendar_feEntry .title p:first-letter{
  font-size:20px;	
}

div.jwcalendar_feEntry .item{
  text-align:left;
  padding:8px 8px;
}

div.jwcalendar_feEntry .fileitem{
  text-align:left;
  padding:8px 8px;
  width:30px;
}

div.jwcalendar_feEntry input{
  clear:none;
  background: white;
  border-top:2px #FCF6E5 solid;
  border-left:2px #FCF6E5 solid;
  border-right:2px #FECC3C solid;
  border-bottom:2px #FECC3C solid;
  text-align:left;
  font-size:12px;
  margin:0;
  padding: 0; 
}

div.jwcalendar_feEntry .error ul li{
  list-style:circle inline;
  text-align:left;
  font-size:12px;
  color:red;
  margin:4px 40px;
}

div.jwcalendar_feEntry .error ul li:first-letter{
  font-size:16px;
  font-weight:bold;
}

div.jwcalendar_confirm .error{
  font-size:12px;
  color:red;
  margin:10px;
}

div.jwcalendar_confirm .conftext{
  font-size:14px;
  margin:10px;
}

/* ORGANIZER view */


div.jwcalendar_organizer, div.jwcalendar_location{
  background-color:#FDF2D2;
  border: 1px  #FFC725 solid;
  padding:10px 10px;
}

div.jwcalendar_organizer .content,div.jwcalendar_organizer .header,div.jwcalendar_organizer .org, 
div.jwcalendar_location .content,div.jwcalendar_location .header,div.jwcalendar_location .org{
    width:100%;
    clear:both;
}

div.jwcalendar_organizer .contentie,div.jwcalendar_organizer .headerie,div.jwcalendar_organizer .orgie,
div.jwcalendar_location .contentie,div.jwcalendar_location .headerie,div.jwcalendar_location .orgie
{
   float:left;
   width:100%;
   text-align:left;
   border-left: 1px  #FFC725 dotted;
   border-right: 1px  #FFC725 dotted;
   border-bottom: 1px  #FFC725 dotted;
   background:#FCECC0;
}

div.jwcalendar_organizer .headerie,
div.jwcalendar_location .headerie{
   border-top: 1px  #FFC725 dotted;
}

div.jwcalendar_organizer .contentie,
div.jwcalendar_location .contentie{
   background:#FBE29F;
}

div.jwcalendar_organizer .title,
div.jwcalendar_location .title{
    float:left;
    font-size: 14px;
	text-align:left;
	font-weight:bold;	
	padding:4px 8px 8px 8px;
}

div.jwcalendar_organizer .text,
div.jwcalendar_location .text{
    margin:8px;
}

div.jwcalendar_location .name,
div.jwcalendar_organizer .name{
    font-size: 14px;
	text-align:left;
	font-weight:bold;	
    padding:0;
}

div.jwcalendar_location .name p:first-letter,
div.jwcalendar_organizer .name p:first-letter{
    font-size: 15px;
	font-weight:bold;	
	color:red;
}

div.jwcalendar_location .name  p:first-line,
div.jwcalendar_organizer .name  p:first-line{
    font-size: 13px;
	font-weight:bold;	
	line-height:1.2em;
}
div.jwcalendar_location .images,
div.jwcalendar_organizer .images{
	float:left;
    padding:10px 8px;
    margin:0px;
}

div.jwcalendar_location .desc,
div.jwcalendar_organizer .desc{
    font-size: 11px;
}

div.jwcalendar_location .label,
div.jwcalendar_organizer .label{
    clear:both;
	float:left;
	text-align:right;
	font-weight:bold;	
	width:33%;
	padding:4px 4px;
}

div.jwcalendar_location .item,
div.jwcalendar_organizer .item{
	text-align:left;
	padding:4px 4px 4px 32%;
}

div.jwcalendar_location .addritem,
div.jwcalendar_organizer .addritem{
	text-align:left;
	padding:4px 4px 0px 32%;
}
div.jwcalendar_location .cityitem,
div.jwcalendar_organizer .cityitem{
	text-align:left;
	padding:0px 4px 8px 32%;
}

/* Formulare */


input {
    color: #555;
    border: 1px solid #777;
    padding-left: 5px;
    padding-right: 5px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
}


input:hover {
    background: #EEE;
}


/* Dropdonw-Menu*/

ul.dropmenu, ul.dropmenu ul {
    list-style-type: none;
    padding-left: 0px;
    margin-top: 0px;
}

ul.dropmenu a {
    display: block;
    margin: 0px;
    padding: 1px 0px 0px 0px;
    font-weight: normal;
    text-align: center;
    font-family: "Trebuchet MS";
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
}

ul.dropmenu a:hover {
    background: #7c9610;
}

ul.dropmenu li {
    padding: 0;
    margin: 0;
    float: left;
    background-color: #A1BD2B;
    border-right: 1px solid #FFF;
    height: 24px;
    width: 100px;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.dropmenu ul li {
    float:none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.dropmenu ul li.hover, ul.dropmenu ul li:hover {
    background-color: #333;
}

/* Zweite Ebene */
        ul.dropmenu ul {
              margin:0;
                 padding: 0;
               position: absolute;
               background-color: #FFF;
                border: 1px solid #DDD;
                display: none;
                    width: 180px;
     }

   /* Zweite Ebene anzeigen */
       ul.dropmenu li.hover ul, ul.dropmenu li:hover ul  {
               display: block;
   }

/* Dritte Ebene */
   ul.dropmenu li.hover ul ul, ul.dropmenu li:hover ul ul {
                  display: none;
                    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
              margin-top: -20px; /* Höhe eines Listenelements */
        }

   /* Dritte Ebene anzeigen */
       ul.dropmenu li.hover ul li.hover ul, ul.dropmenu li:hover ul li:hover ul {
                display: block;
   }


/* Vierte Ebene */
     ul.dropmenu li.hover ul li.hover ul ul, ul.dropmenu li:hover ul li:hover ul ul {
                  display: none;
    }

   /* Vierte Ebene anzeigen */
       ul.dropmenu li.hover ul li.hover ul li.hover ul , ul.dropmenu li:hover ul li:hover ul li:hover ul {
               display: block;
   }