/* CSS Document */





/* ----------------------------------

	Template 04 - 4 spaltig 

---------------------------------- */

#mainWrap div.contentWrap {

	/* IE 6 */

	width: 837px;

	background-color: none;

	position: absolute;

	left: -87px;

	top: 298px;

	text-align: left; 

	padding-left: 0px;

	margin-bottom: 10px;

	voice-family: "\"}\"";

	voice-family: inherit;

	/* IE 6 */

	width: 837px;

}



 html>body #mainWrap div.contentWrap {

	/* Firefox */

	width: 837px;

	

}

#mainWrap div.contentWrap div.spalteEins {

	color: #000000;

	height: auto;

	width: 285px;

	float: left;

	margin: 0;

	padding: 0px;

	/* border: 1px solid #000000; */

}

#mainWrap div.contentWrap div.spalteZwei {

	color: #000000;

	height: auto;

	width: 181px;

	float: left;

	margin: 0;

	/* border: 1px solid #000000; */

}

#mainWrap div.contentWrap div.spalteDrei {

	color: #000000;

	height: auto;

	width: 181px;

	float: left;

	margin: 0;

	/* margin-right: 20px;  */

	/* border: 1px solid #000000; */

}

#mainWrap div.contentWrap div.spalteVier {

	color: #000000;

	height: auto;

	width: 181px;

	float: left;

	margin:0;

	/* margin-right: 20px; */

	/* border: 1px solid #000000; */

}





#mainWrap div.contentWrap div.spalteEins a:link, a:visited {

	font-weight: normal;

}

div.clearer {

	clear: both;

}

/* ----------------------------------

	Content Elements

---------------------------------- */





/* ----------------------------------

	Content Spalte Eins

---------------------------------- */

#mainWrap div.contentWrap div.spalteEins h1 {

	color: #649AB2;

	font-size: 12pt;

	font-weight: bold;

}

#mainWrap div.contentWrap div.spalteEins h1.csc-firstHeader {

	font-size: 12pt;

	padding-bottom: 4px;

	margin: 0;

	font-weight: bold;

}

#mainWrap div.contentWrap div.spalteEins h2 {

	font-size: 9pt;

	font-weight: bold;

	padding-bottom: 10px;

	margin: 0;

}

#mainWrap div.contentWrap div.spalteEins p {

	font-size: 9pt;

	line-height: 1.4;

	padding-bottom: 5px;

	margin: 0;

}

/*

#mainWrap div.contentWrap .csc-textpic-imagewrap {

	padding: 0px;

	margin:0;

}

*/

#mainWrap div.contentWrap div.spalteEins ul {

	list-style-image: url(../images/bullet.gif);

	 margin:0;

	 padding-left: 20px;

}

#mainWrap div.contentWrap div.spalteEins ul li {

	margin:0;

}

#mainWrap div.contentWrap div.spalteEins li {

	margin:0;

}

/* ----------------------------------

	Content Spalte Zwei

---------------------------------- */

#mainWrap div.contentWrap .spalteZwei h1 {

	color: #649AB2;

	font-size: 14pt;

	font-weight: bold;

}

#mainWrap div.contentWrap .spalteZwei h1.csc-firstHeader {

	font-size: 13pt;

	padding-bottom: 4px;

	margin: 0;

	font-weight: bold;

}

#mainWrap div.contentWrap .spalteZwei h2 {

	font-size: 9pt;

	padding-bottom: 5px;

	margin: 0;

	font-weight: bold;

}

#mainWrap div.contentWrap .spalteZwei p.bodytext {

	font-size: 8.8pt;

	line-height: 1.4;

	padding: 5px 0px 0px 0px;

	margin: 0;

}

#mainWrap div.contentWrap .spalteZwei .csc-textpic-caption {

	font-size: 8.6pt;

	line-height: 1.2;

	padding: 5px 0px 12px 0px;

}

/* ------------------------------------------------------

		JW Calendar

--------------------------------------------------------- */

#mainWrap div.contentWrap div.tx-jwcalendar-pi1 {

  	font-family: Arial, sans-serif;

	font-size: 8.7pt;

  	text-align: left;

 	/* color:#193A72; */

	border: none;

	margin:0;

	padding: 0px;

}



#mainWrap div.contentWrap div.tx-jwcalendar-pi1 img{

	border:0;

}

#mainWrap div.contentWrap div.tx-jwcalendar-pi1 a, div.tx-jwcalendar-pi1 table a {

   /* text-decoration:none;*/

    text-decoration:none;

	color: #D40D36;

}

#mainWrap div.contentWrap div.tx-jwcalendar-pi1 a:hover,div.tx-jwcalendar-pi1 table a:hover{

	color: #D40D36;

	text-decoration:underline;

}

/********************************************************/

/*****************LIST view // mit Datum ****************/

/********************************************************/

#mainWrap div.contentWrap div.jwcalendar_week {

	font-family: Arial, sans-serif;

	font-size: 8.7pt;

	color:#000000;

	margin: 0px 0px 15px 0px; 

	border: none;

	background: none;

	padding: 0px;

}



#mainWrap div.contentWrap div.jwcalendar_week .prev_items{

  float:left;

  font-size: 8.7pt;

  font-weight: bold;

  text-align:left;

  color:#193A72;

 /* padding:8px 0 0 16px; */

}

#mainWrap div.contentWrap div.jwcalendar_week .next_items{

  float:right;

  font-size: 8.7pt;

  font-weight: bold;

  text-align:right;

  color:#193A72;

  /* padding:8px 0 0 16px; */

}





#mainWrap div.contentWrap div.jwcalendar_week table.days {

	width: 100%;

  	font-family: Arial, sans-serif;

  	font-size: 8.7pt;

  	text-align:left;

  /*	empty-cells:show; */

	border: none;

	margin:0; 

	padding:0px;

	/* border: 1px solid #000000; */

}

#mainWrap div.contentWrap div.jwcalendar_week table.days td {

	border: none;

	margin: 0;

	padding: 0px;

}

#mainWrap div.contentWrap div.jwcalendar_week table.days td.dayname {

  font-size: 12pt;

  color: #838278;

  font-weight: bold;

  width: 98px;	

  vertical-align:top;

 /* border-top: 1px  #FFFFFF solid; */

  border-bottom: 1px  #FFFFFF solid;

 /*  border-right: 3px  #ADAC93 solid; */

  background: none;

  margin:0;

  padding: 5px 0px 0px 0px;

}

#mainWrap div.contentWrap div.days_view table.days td.dayname .tag-zahl {

	color: #649DB1;

	font-size: 14pt;

}

#mainWrap div.contentWrap div.days_view table.days td.dayname .tag {

	font-size: 14pt;

	color: #838278;

}

#mainWrap div.contentWrap div.days_view table.days td.dayname .monat {

	font-size: 9pt;

	color: #838278;

}



#mainWrap div.contentWrap div.jwcalendar_week .teaser {

	font-size: 8pt;

}

#mainWrap div.contentWrap div.jwcalendar_week table.day_events-spalte01 {

  background-color: #EFEEE5;

  width: 188px;	

  border-bottom: 1px solid #CAC9B9;

  border-left: 3px solid #ADAC93;

  vertical-align:top;

  text-align: left;

/*	padding:0px; 

	margin:0; */

}

#mainWrap div.contentWrap div.jwcalendar_week table.day_events-spalte01 td {

	

	padding-top:7px;

	border: none;

}

#mainWrap div.contentWrap div.jwcalendar_week .titleWrap {

  	height: 40px;

	empty-cells: show;

}

#mainWrap div.contentWrap div.jwcalendar_week .prev_week {

  	height: 20px;

}

#mainWrap div.contentWrap div.spalteEins div.jwcalendar_week .selector {

  	width: 189px;

	height: 50px;

  	font-size: 14px;

  	font-weight: bold;

  	color: #C20004;

  	margin-left: 97px;

	background-color: #EFEEE5;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

	padding: 10px 3px 5px 5px;

	voice-family: "\"}\"";

	voice-family: inherit;

	/* IE 6 */

	width: 189px;

	height: 50px;

	

}



 html>body #mainWrap div.contentWrap div.spalteEins div.jwcalendar_week .selector {

	/* Firefox */

	width: 176px;

	height: 41px;

}

#mainWrap div.contentWrap div.spalteEins div.jwcalendar_week .title {

  	width: 100%;

  	font-size: 16px;

  	font-weight: bold;

  	color: #649AB2;

  	margin-left: 106px;

}

#mainWrap div.contentWrap div.spalteEins div.jwcalendar_week .title-timeinfo {

  	width: 100%;

  	font-size: 11px;

  	font-weight: normal;

  	margin-left: 106px;

}

#mainWrap div.contentWrap div.spalteEins div.jwcalendar_week .prev_week {

  	font-size: 12px;

  	font-weight: bold;

  	margin-left: 106px;

}

/********************************************************/

/***************** Wochenansicht // 2. Spalte ****************/

/********************************************************/



#mainWrap div.contentWrap div.spalteZwei div.jwcalendar_week table.day_events-spalte02 {

  background-color: #F5F5F0;

  width: 181px;	

  border-bottom: 1px solid #CAC9B9;

  border-left: 3px solid #ADAC93;

  vertical-align: top;

  text-align: left;

/*	padding:0px; 

	margin:0; */

}

#mainWrap div.contentWrap div.spalteZwei div.jwcalendar_week table.day_events-spalte02 td.event {

/*	padding:0px; 

	margin:0; */

	padding-top:7px;

	border: none;

}

#mainWrap div.contentWrap div.spalteZwei div.jwcalendar_week .selector{

  	width: 181px;

	height: 50px;

  	font-size: 14px;

  	font-weight: bold;

  	color: #A9BF00;

  	padding: 10px 3px 5px 5px;

	background-color: #F5F5F0;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

	voice-family: "\"}\"";

	voice-family: inherit;

	/* IE 6 */

	width: 181px;

	height: 50px;

}



 html>body #mainWrap div.contentWrap div.spalteZwei div.jwcalendar_week .selector {

	/* Firefox */

	width: 172px;

	height: 41px;

}

/********************************************************/

/***************** Wochenansicht // 3. Spalte ****************/

/********************************************************/



#mainWrap div.contentWrap div.jwcalendar_week table.day_events-spalte03 {

  background-color: #EFEEE5;

  width: 181px;	

  border-bottom: 1px solid #CAC9B9;

  border-left: 3px solid #ADAC93;

  vertical-align:top;

  text-align: left;

/*	padding:0px; 

	margin:0; */

}

#mainWrap div.contentWrap div.spalteDrei div.jwcalendar_week table.day_events-spalte03 td {

/*	padding:0px; 

	margin:0; */

	padding-top:7px;

	border: none;

}



#mainWrap div.contentWrap div.spalteVier div.jwcalendar_week table.day_events-spalte04 td {

	padding-top:7px;

	border: none;

}

#mainWrap div.contentWrap div.spalteDrei div.jwcalendar_week .selector {

  	width: 181px;

	height: 50px;

  	font-size: 14px;

  	font-weight: bold;

  	color: #E0A600;

  	padding: 10px 3px 5px 5px;

	vertical-align: middle;

	background-color: #EFEEE5;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

	voice-family: "\"}\"";

	voice-family: inherit;

	/* IE 6 */

	width: 181px;

	height: 50px;

}



 html>body #mainWrap div.contentWrap div.spalteDrei div.jwcalendar_week .selector {

	/* Firefox */

	width: 172px;

	height: 41px;

}

/********************************************************/

/***************** Wochenansicht // 4. Spalte ****************/

/********************************************************/



#mainWrap div.contentWrap div.spalteVier div.jwcalendar_week .next_week {

  	height: 20px;

	text-align: right;

}

#mainWrap div.contentWrap div.jwcalendar_week table.day_events-spalte04 {

  	background-color: #F5F5F0;

  	width: 181px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align: top;

  	text-align: left;

/*	padding:0px; 

	margin:0; */

}

#mainWrap div.contentWrap div.spalteVier div.jwcalendar_week .selector {

  	width: 181px;

	height: 50px;

  	font-size: 14px;

  	font-weight: bold;

  	color: #918F5D;

  	padding: 10px 3px 5px 5px;

	vertical-align: middle;

	background-color: #F5F5F0;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

	voice-family: "\"}\"";

	voice-family: inherit;

	/* IE 6 */

	width: 180px;

	height: 50px;

}



 html>body #mainWrap div.contentWrap div.spalteVier div.jwcalendar_week .selector {

	/* Firefox */

	width: 171px;

	height: 41px;

}

/* --------------------------------------------

	Home

----------------------------------------------- */

#mainWrap div.contentWrap .jwcalendar_list {

	margin:0;

	padding: 0px;

}

#mainWrap div.contentWrap div.jwcalendar_list table.items td {

	background-color: #EEEEE4;

}

#mainWrap div.contentWrap div.jwcalendar_list table.items td.item {

	width: 347px;

	padding: 10px;

}

#mainWrap div.contentWrap div.jwcalendar_list .category  {

	font-size: 14px;

	color: #FFFFFF;

  	font-weight: bold;

}

#mainWrap div.contentWrap div.jwcalendar_list .title {

	font-weight: bold;

}

#mainWrap div.contentWrap div.jwcalendar_list .title {

	font-size: 9pt;

}

#mainWrap div.contentWrap div.jwcalendar_list .image {

	width: 167px;

	padding: 0px;

}

/* --------------------------------------------

	Detailansicht

----------------------------------------------- */

#mainWrap div.contentWrap div.jwcalendar_single {

	margin-top: 20px;

	padding-left: 5px;

}

#mainWrap div.contentWrap div.jwcalendar_single a {

	text-decoration: none;

}

#mainWrap div.contentWrap div.jwcalendar_single .title {

	float: left;

  	font-weight: bold;

}

#mainWrap div.contentWrap div.jwcalendar_single .category {

	font-size: 14px;

  	font-weight: bold;

}

#mainWrap div.contentWrap div.jwcalendar_single .content {

	margin-top: 20px;

}

#mainWrap div.contentWrap div.jwcalendar_single div.itemtext .itemtitle {

	color: #649AB2;

	font-size: 12pt;

	font-weight: bold;

	padding-bottom: 10px;

}



#mainWrap div.contentWrap .tx_jw_input_button {

	margin-top: 20px;

	width: auto;

	background-color: #E30023;

	color: #FFFFFF;

	font-size: 8.7pt;

	border: none;

	padding: 3px 5px 3px 5px;

}

/* --------------------------------------------

	Monatsansicht

----------------------------------------------- */



#mainWrap div.contentWrap div.jwcalendar_month {

	font-family: Arial, sans-serif;

	font-size: 8.7pt;

	color: #000000;

	 

}

#mainWrap div.contentWrap div.jwcalendar_month .titleWrap {

  	height: 40px;

	empty-cells: show;

}

#mainWrap div.contentWrap div.spalteEins div.jwcalendar_month .title {

  	width: 100%;

  	font-size: 16px;

  	font-weight: bold;

  	color: #649AB2;

  	margin-left: 106px;

}

#mainWrap div.contentWrap div.spalteEins div.jwcalendar_month .title-timeinfo {

  	width: 100%;

  	font-size: 11px;

  	font-weight: normal;

  	margin-left: 106px;

}

#navi {

	

	text-align: center;

	position: absolute;

	left: 260px;

	top: 0px;

	

}

#mainWrap div.contentWrap div.jwcalendar_month .dayname {

	width: 90px;

	border-bottom: 1px solid #FFFFFF;

	vertical-align:top;

	padding: 5px 0px 0px 0px;

}

#mainWrap div.contentWrap div.jwcalendar_month .inside {

	background-color: #F5F5F0;

  	width: 178px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align:top;

  	text-align: left;

  	line-height: 1.2;

	border: none;

}



#mainWrap div.contentWrap div.spalteEins div.jwcalendar_month table.days {

	width: 100%;

  	font-family: Arial, sans-serif;

  	font-size: 8.7pt;

  	text-align:left;

  /*	empty-cells:show; */

	border: none;

	margin:0; 

	padding:0px;

	margin-left:5px;

	#margin-left:7px;

	/* border: 1px solid #000000; */

}

#mainWrap div.contentWrap div.jwcalendar_month .singleday {

	border: none;

}

#mainWrap div.contentWrap div.jwcalendar_month table.dayitem {

	border: none;

	padding: 0px;

	

}

#mainWrap div.contentWrap div.jwcalendar_month table.dayitem .item {

	border: none;

	padding: 0px;

	margin:0px;

}

#mainWrap div.contentWrap div.jwcalendar_month .teaser {

	font-size: 8pt;

}

/********************************************************/

/***************** Monatsansicht // 1. Spalte ****************/

/********************************************************/

#mainWrap div.spalteEins div.jwcalendar_month {

	font-family: Arial, sans-serif;

	font-size: 8.7pt;

	color: #000000;

}

#mainWrap div.contentWrap div.spalteEins div.jwcalendar_month .selector {

  	width: 176px;

	height: 50px;

  	font-size: 14px;

  	font-weight: bold;

  	color: #C20004;

  	margin: 30px 0px 0px 98px;

	background-color: #EFEEE5;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

	padding: 10px 3px 5px 5px;

	voice-family: "\"}\"";

	voice-family: inherit;

	/* IE 6 */

	width: 187px;

	height: 50px;

	margin: 30px 0px 0px 98px;

	

}



 html>body #mainWrap div.contentWrap div.spalteEins div.jwcalendar_month .selector {

	/* Firefox */

	width: 176px;

	height: 41px;

	margin: 45px 0px 0px 97px;

	#margin: 30px 0px 0px 98px;

	padding-right:5px;

}

#mainWrap div.contentWrap div.spalteEins div.jwcalendar_month .inside {

	background-color: #EFEEE5;

  	width: 178px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align:top;

  	text-align: left;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

}

#mainWrap div.contentWrap div.spalteEins div.jwcalendar_month .today {

	background-color: #EFEEE5;

  	width: 178px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align:top;

  	text-align: left;

  /*	padding:0px;

    margin: 0; */

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

}

/********************************************************/

/***************** Monatsansicht // 2. Spalte ****************/

/********************************************************/

#mainWrap div.spalteZwei div.jwcalendar_month {

	font-family: Arial, sans-serif;

	font-size: 8.7pt;

	color: #000000;

}

#mainWrap div.contentWrap div.spalteZwei div.jwcalendar_month .selector {

  	width: 181px;

	height: 50px;

  	font-size: 14px;

  	font-weight: bold;

  	color: #A9BF00;

  	padding: 10px 3px 5px 5px;

	background-color: #F5F5F0;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

	voice-family: "\"}\"";

	voice-family: inherit;

	/* IE 6 */

	width: 181px;

	height: 50px;

	margin: 70px 0px 0px 0px;

}



 html>body #mainWrap div.contentWrap div.spalteZwei div.jwcalendar_month .selector {

	/* Firefox */

	width: 169px;

	height: 41px;

}

#mainWrap div.contentWrap div.spalteZwei div.jwcalendar_month .inside {

	background-color: #F5F5F0;

  	width: 178px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align:top;

  	text-align: left;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

}

#mainWrap div.contentWrap div.spalteZwei div.jwcalendar_month .today {

	background-color: #F5F5F0;

  	width: 178px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align:top;

  	text-align: left;

  /*	padding:0px;

    margin: 0; */

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

}

/********************************************************/

/***************** Monatsansicht // 3. Spalte ****************/

/********************************************************/

#mainWrap div.spalteDrei div.jwcalendar_month {

	font-family: Arial, sans-serif;

	font-size: 8.7pt;

	color: #000000;

}

#mainWrap div.contentWrap div.spalteDrei div.jwcalendar_month .selector{

  	width: 176px;

	height: 50px;

  	font-size: 14px;

  	font-weight: bold;

  	color: #E0A600;

  	padding: 10px 3px 5px 5px;

	margin-top: 70px;

	vertical-align: middle;

	background-color: #EFEEE5;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

	voice-family: "\"}\"";

	voice-family: inherit;

	/* IE 6 */

	width: 181px;

	height: 50px;

}



 html>body #mainWrap div.contentWrap div.spalteDrei div.jwcalendar_month .selector {

	/* Firefox */

	width: 169px;

	height: 41px;

}

#mainWrap div.contentWrap div.spalteDrei div.jwcalendar_month .inside {

	background-color: #EFEEE5;

  	width: 178px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align:top;

  	text-align: left;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

}

#mainWrap div.contentWrap div.spalteDrei div.jwcalendar_month .today {

	background-color: #EFEEE5;

  	width: 178px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align:top;

  	text-align: left;

  	/*	padding:0px;

    margin: 0; */

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

}

/********************************************************/

/***************** Monatsansicht // 4. Spalte ****************/

/********************************************************/

#mainWrap div.spalteVier div.jwcalendar_month {

	font-family: Arial, sans-serif;

	font-size: 8.7pt;

	color: #000000;

}

#mainWrap div.contentWrap div.spalteVier div.jwcalendar_month .selector {

  	width: 179px;

	height: 50px;

  	font-size: 14px;

  	font-weight: bold;

  	color: #918F5D;

  	padding: 10px 3px 5px 5px;

	margin-top: 70px;

	vertical-align: middle;

	background-color: #F5F5F0;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

	voice-family: "\"}\"";

	voice-family: inherit;

	/* IE 6 */

	width: 179px;

	height: 50px;

}



 html>body #mainWrap div.contentWrap div.spalteVier div.jwcalendar_month .selector {

	/* Firefox */

	width: 169px;

	height: 41px;

}

#mainWrap div.contentWrap div.spalteVier div.jwcalendar_month .inside {

	background-color: #F5F5F0;

  	width: 178px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align:top;

  	text-align: left;

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

}

#mainWrap div.contentWrap div.spalteVier div.jwcalendar_month .today {

	background-color: #F5F5F0;

  	width: 178px;	

  	border-bottom: 1px solid #CAC9B9;

  	border-left: 3px solid #ADAC93;

  	vertical-align:top;

  	text-align: left;

  /*	padding:0px;

    margin: 0; */

	border-left: 3px solid #ADAC93;

	border-bottom: 1px solid #CAC9B9;

}



table.day_events-spalte01, table.day_events-spalte02, table.day_events-spalte03, table.day_events-spalte04 { height:150px;}

