/*** portlet content wrapper ***/
#calendar{
  position: absolute;
  z-index:6000;
  padding:0px;
  margin:20px 0 0 0;
  width: 227px;
  height:140px;
  overflow:visible;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  background-color: #cde4f4;
  background-image:url('/images/service/js.jpg'); 
}
/*** general arrow button styles ***/

#calendar .arrow_right_two, #calendar .arrow_left_two {
  position:absolute;
  width: 12px;
  height:19px;
  border:none;
  top: 2px;
}

.arrow_right_two {
  right:6px;
  background: url('/images/service/arrow_right_two_on.gif') center no-repeat;
}

.arrow_left_two {
  right: 203px;
  background: url('/images/service/arrow_left_two_on.gif') center no-repeat;
}

/*** calendar content styles ***/
#calendarmain {
  position:relative;
  padding:0px 0px 10px 0px;
  margin:0px;
  height:24px;
}

#calendarnav {
  position:relative;
  text-align: center;
  color: #fff;
  text-transform:uppercase;
  background-color: #008bd6;
  font-weight: bold;
  height: 18px;
  padding-top: 5px;
}

	
#week {
  height:18px;
  width:221px;
  padding: 3px;
  background-color: #cde4f4;
  margin:0px 0px 0px 0px;
}

#days {
	  border-top: 1px solid #008bd6;
}

.calendarcellheadline{
  position:relative;
  float:left;
  width:31px;
  height:10px;
  color: #008bd6;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
  top: 1px;
}
#calendar ul { /* Zahlenbehaelter */
  position:absolute;
  left:0;
  top:44px;
  padding: 6px 3px 0px 3px;;
  margin:0px;
  width: 221px;
  background-color: #cde4f4;
}

#calendar ul li { /* Tageszahlen */
  display:inline;
  float:left;
  color: #808080;
  font-weight:bold;
  padding:1px;
  margin: 0px;
  height: 15px;
  line-height: 15px;
  width: 29px;
  text-align:center;
  vertical-align:bottom;
  background-image:none; /****NEU ****/
}
#calendar ul li ul { /* Kasten */
  /*top:0;
  left:0;
  position:relative;*/
  background-color: #ffffff;
  border: solid 1px #008bd6;
  width:160px;
  height: auto;
  clear:both;
  overflow:hidden;
  padding: 10px;
  margin:0px 0px 0px 0px;
}
#calendar ul li ul li { /* Eintraege im Kasten */
  font-weight:normal;
  background-color: #ffffff;
  width:160px;
  height: auto;
  color: #555;
  text-transform:none;
  text-align:left;
  border-bottom: 1px solid #008bd6;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#calendar ul li ul li.lastevent {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;	
}
#calendar ul li ul li span {
	  color: #808080;
	  font-weight: bold;
	  text-transform:uppercase;
}

#calendar ul li ul li p  { 
  width:146px;
  padding: 0;
  margin:0px 0px 0px 0px;
  color: #808080;
}

/* table body styles for active table cells */
#calendar ul .dateactive {
  color: #fff;
  background-color: #008bd6;
  cursor:hand;
  cursor:pointer;
}
#calendar ul .dateactive ul {
  cursor: default;
  /*display:none;*/
}
#calendar ul .dateactive ul li {
  /*display:none;*/
}
#calendar ul .dateactive ul li h6 {
  font-size:12px;
  color: #008bd6;
  margin: 0px 0 3px 0;
  padding: 3px 0 3px 0;
}

#calendar ul .dateactive ul li p {
  margin: 0;
}
#calendar ul .dateactive ul li p a {
  color: #888;
}
* html #calendar ul .dateactive ul li p a {
  border-bottom: 1px solid;
}

#calendar ul li #dayd11 {
  position:absolute;
  top: 22px;
  left: 3px;
  display:none;
}
#calendar ul li #dayd12 {
  position:absolute;
  top: 22px;
  left:34px;
  display:none;
}
#calendar ul li #dayd13 {
  position:absolute;
  top: 22px;
  left: 65px;
  display:none;
}
#calendar ul li #dayd14 {
  position:absolute;
  top: 22px;
  left: 96px;
  display:none;
}
#calendar ul li #dayd15 {
  position:absolute;
  top: 22px;
  left: 127px;
  display:none;
}
#calendar ul li #dayd16 {
  position:absolute;
  top: 22px;
  left: 158px;
  display:none;
}
#calendar ul li #dayd17 {
  position:absolute;
  top: 22px;
  left: 189px;
  display:none;
}
#calendar ul li #dayd21 {
  position:absolute;
  top: 39px;
  left: 3px;
  display:none;
}
#calendar ul li #dayd22 {
  position:absolute;
  top: 39px;
  left: 34px;
  display:none;
}
#calendar ul li #dayd23 {
  position:absolute;
  top: 39px;
  left: 65px;
  display:none;
}
#calendar ul li #dayd24 {
  position:absolute;
  top: 39px;
  left: 96px;
  display:none;
}
#calendar ul li #dayd25 {
  position:absolute;
  top: 39px;
  left: 127px;
  display:none;
}
#calendar ul li #dayd26 {
  position:absolute;
  top: 39px;
  left: 158px;
  display:none;
}
#calendar ul li #dayd27 {
  position:absolute;
  top: 39px;
  left: 189px;
  display:none;
}
#calendar ul li #dayd31 {
  position:absolute;
  top: 56px;
  left: 3px;
  display:none;
}
#calendar ul li #dayd32 {
  position:absolute;
  top: 56px;;
  left: 34px;
  display:none;
}
#calendar ul li #dayd33 {
  position:absolute;
  top: 56px;
  left: 65px;
  display:none;
}
#calendar ul li #dayd34 {
  position:absolute;
  top: 56px;
  left: 96px;
  display:none;
}
#calendar ul li #dayd35 {
  position:absolute;
  top: 56px;
  left: 127px;
  display:none;
}
#calendar ul li #dayd36 {
  position:absolute;
  top: 56px;
  left: 158px;
  display:none;
}
#calendar ul li #dayd37 {
  position:absolute;
  top: 56px;
  left: 189px;
  display:none;
}
#calendar ul li #dayd41 {
  position:absolute;
  top: 73px;
  left: 3px;
  display:none;
}
#calendar ul li #dayd42 {
  position:absolute;
  top: 73px;
  left:34px;
  display:none;
}
#calendar ul li #dayd43 {
  position:absolute;
  top: 73px;
  left: 65px;
  display:none;
}
#calendar ul li #dayd44 {
  position:absolute;
  top: 73px;
  left: 96px;
  display:none;
}
#calendar ul li #dayd45 {
  position:absolute;
  top: 73px;
  left: 127px;
  display:none;
}
#calendar ul li #dayd46 {
  position:absolute;
  top: 73px;
  left: 158px;
  display:none;
}
#calendar ul li #dayd47 {
  position:absolute;
  top: 73px;
  left: 189px;
  display:none;
}
#calendar ul li #dayd51 {
  position:absolute;
  top: 90px;
  left: 3px;
  display:none;
}
#calendar ul li #dayd52 {
  position:absolute;
  top: 90px;
  left: 34px;
  display:none;
}
#calendar ul li #dayd53 {
  position:absolute;
  top: 90px;
  left: 65px;
  display:none;
}
#calendar ul li #dayd54 {
  position:absolute;
  top: 90px;
  left: 96px;
  display:none;
}
#calendar ul li #dayd55 {
  position:absolute;
  top: 90px;
  left: 127px;
  display:none;
}
#calendar ul li #dayd56 {
  position:absolute;
  top: 90px;
  left: 158px;
  display:none;
}
#calendar ul li #dayd57 {
  position:absolute;
  top: 90px;
  left: 189px;
  display:none;
}
#calendar ul li #dayd61 {
  position:absolute;
  top: 107px;
  left: 3px;
  display:none;
}
#calendar ul li #dayd62 {
  position:absolute;
  top: 107px;
  left: 34px;
  display:none;
}
#calendar ul li #dayd63 {
  position:absolute;
  top: 107px;
  left: 65px;
  display:none;
}
#calendar ul li #dayd64 {
  position:absolute;
  top: 107px;
  left: 96px;
  display:none;
}
#calendar ul li #dayd65 {
  position:absolute;
  top: 107px;
  left: 127px;
  display:none;
}
#calendar ul li #dayd66 {
  position:absolute;
  top: 107px;
  left: 158px;
  display:none;
}
#calendar ul li #dayd67 {
  position:absolute;
  top: 107px;
  left: 189px;
  display:none;
}

.javascript { 
  display:none;
}

#eventcontent {
  color:#707070;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
}

#eventcontent h3 {
  color:#008BD6;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  margin:5px 0 10px;
}

#eventcontent h4 {
font-size:11px;
font-weight:normal;
margin:20px 0 0;
text-decoration:none;
}

#eventcontent a{
  text-decoration:underline;
}

#eventcontent #zurueckbutton {
  display:block;
  float:left;
  margin: 30px 0 0 0;
}