/* CSS for Calendar */    
/*** portlet content wrapper ***/
#calendar{
  
  padding:0px;
  margin:0px 0px 0 0;
  width:210px;
  height:180px;
  overflow:visible;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  background-color:#edf0f2;
  /*background-image:url('../static/img/eventselector/js.jpg'); */
  float:left;
  position:relative;
  
}
* html #calendar{
  margin-right:10px;
}
/*** general arrow button styles ***/

#calendar .arrow_right_two, #calendar .arrow_left_two {
  position:absolute;
  height:9px;
  padding-top:3px;
  padding-left:3px;
  padding-right:3px;
  _padding-top:-2px;
  text-decoration:none;
  border:none;
 
}

#calendar .arrow_right_two {
  right:15px;
  background: url(../static/img/eventselector/kalender_pfeil_rechts.gif) 0 4px no-repeat;
}
* html #calendar .arrow_right_two {
  padding-top:0px;
  background: url(../static/img/eventselector/kalender_pfeil_rechts.gif) 0 3px no-repeat;
}


#calendar .arrow_left_two {
  left:15px;
  background: url(../static/img/eventselector/kalender_pfeil_links.gif) 0 4px no-repeat;
}
* html #calendar .arrow_left_two {
  padding-top:0px;
  background: url(../static/img/eventselector/kalender_pfeil_links.gif) 0 3px no-repeat;
}



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

#calendarnav {
  position:relative;
  text-align: center;
  color:#54595c;
  padding:3px 0 0;
  margin:2px 0px 2px 0px;
  text-transform:uppercase;
}

* html #calendarnav {
 width:210px;
}

#week {
  height:15px;
  width:204px;
  padding: 0px 3px 0px 3px;
  background-color: #DADDDF;
  margin:0px 0px 0px 0px;
}
.calendarcellheadline{
  position:relative;
  float:left;
  width:29px;
  height:10px;
  color:#54595c;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
}
#calendar ul { /* Zahlenbehaelter */
  height:102px;
  left:0;
  margin:0;
  padding:1px 3px 0;
  position:absolute;
  top:45px;
  width:204px;
}

#calendar ul li { /* Tageszahlen */
  display:inline;
  float:left;
  color:#9fa1a3;
  font-weight:bold;
  padding:3px 1px 1px 1px;
  margin:0px;
  height:17px;
  width:27px;
  text-transform:uppercase;
  text-align:center;
  background-image:none; /****NEU ****/
}
#calendar ul li ul { /* Kasten */
  /*top:0;
  left:0;
  position:relative;*/
  background-color: #fff;
  border: solid 1px #999999;
  width:160px;
  height: auto;
  clear:both;
  overflow:hidden;
  padding: 4px 7px 12px 7px;
  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;
}

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

/* table body styles for active table cells */
#calendar ul .dateactive {
    background-color:#DADDDF;
    color:#54595c;
   /* cursor:pointer;*/
    height:14px;
    margin:2px 2px 3px;
    padding-top:1px;
    width:23px;
}
#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: #ffffff;
  margin: 7px 0 3px 0;
  background-color:#5b92d3;
  text-transform:uppercase;
  padding: 3px 3px 3px 8px;
}

#calendar ul .dateactive ul li p {
  margin: 2px 0 2px 0;
}
#calendar ul .dateactive ul li p a {
  border-bottom: 1px dotted;
  color: #888;
  float:left;
}
* html #calendar ul .dateactive ul li p a {
  border-bottom: 1px solid;
}
#calendar ul .dateactive ul li p a:hover {
  border-bottom: 1px solid;
  color: #777;
}
#calendar ul li #dayd11 {
  position:absolute;
  top:18px;
  left:2px;
  display:none;
}
#calendar ul li #dayd12 {
  position:absolute;
  top:18px;
  left:24px;
  display:none;
}
#calendar ul li #dayd13 {
  position:absolute;
  top:18px;
  left:46px;
  display:none;
}
#calendar ul li #dayd14 {
  position:absolute;
  top:18px;
  left:68px;
  display:none;
}
#calendar ul li #dayd15 {
  position:absolute;
  top:18px;
  left:90px;
  display:none;
}
#calendar ul li #dayd16 {
  position:absolute;
  top:18px;
  left:112px;
  display:none;
}
#calendar ul li #dayd17 {
  position:absolute;
  top:18px;
  left:134px;
  display:none;
}
#calendar ul li #dayd21 {
  position:absolute;
  top:35px;
  left:2px;
  display:none;
}
#calendar ul li #dayd22 {
  position:absolute;
  top:35px;
  left:24px;
  display:none;
}
#calendar ul li #dayd23 {
  position:absolute;
  top:35px;
  left:46px;
  display:none;
}
#calendar ul li #dayd24 {
  position:absolute;
  top:35px;
  left:68px;
  display:none;
}
#calendar ul li #dayd25 {
  position:absolute;
  top:35px;
  left:90px;
  display:none;
}
#calendar ul li #dayd26 {
  position:absolute;
  top:35px;
  left:112px;
  display:none;
}
#calendar ul li #dayd27 {
  position:absolute;
  top:35px;
  left:134px;
  display:none;
}
#calendar ul li #dayd31 {
  position:absolute;
  top:52px;
  left:2px;
  display:none;
}
#calendar ul li #dayd32 {
  position:absolute;
  top:52px;;
  left:24px;
  display:none;
}
#calendar ul li #dayd33 {
  position:absolute;
  top:52px;
  left:46px;
  display:none;
}
#calendar ul li #dayd34 {
  position:absolute;
  top:52px;
  left:68px;
  display:none;
}
#calendar ul li #dayd35 {
  position:absolute;
  top:52px;
  left:90px;
  display:none;
}
#calendar ul li #dayd36 {
  position:absolute;
  top:52px;
  left:112px;
  display:none;
}
#calendar ul li #dayd37 {
  position:absolute;
  top:52px;
  left:134px;
  display:none;
}
#calendar ul li #dayd41 {
  position:absolute;
  top:69px;
  left:2px;
  display:none;
}
#calendar ul li #dayd42 {
  position:absolute;
  top:69px;
  left:24px;
  display:none;
}
#calendar ul li #dayd43 {
  position:absolute;
  top:69px;
  left:46px;
  display:none;
}
#calendar ul li #dayd44 {
  position:absolute;
  top:69px;
  left:68px;
  display:none;
}
#calendar ul li #dayd45 {
  position:absolute;
  top:69px;
  left:90px;
  display:none;
}
#calendar ul li #dayd46 {
  position:absolute;
  top:69px;
  left:112px;
  display:none;
}
#calendar ul li #dayd47 {
  position:absolute;
  top:69px;
  left:134px;
  display:none;
}
#calendar ul li #dayd51 {
  position:absolute;
  top:86px;
  left:2px;
  display:none;
}
#calendar ul li #dayd52 {
  position:absolute;
  top:86px;
  left:24px;
  display:none;
}
#calendar ul li #dayd53 {
  position:absolute;
  top:86px;
  left:46px;
  display:none;
}
#calendar ul li #dayd54 {
  position:absolute;
  top:86px;
  left:68px;
  display:none;
}
#calendar ul li #dayd55 {
  position:absolute;
  top:86px;
  left:90px;
  display:none;
}
#calendar ul li #dayd56 {
  position:absolute;
  top:86px;
  left:112px;
  display:none;
}
#calendar ul li #dayd57 {
  position:absolute;
  top:86px;
  left:134px;
  display:none;
}
#calendar ul li #dayd61 {
  position:absolute;
  top:103px;
  left:2px;
  display:none;
}
#calendar ul li #dayd62 {
  position:absolute;
  top:103px;
  left:24px;
  display:none;
}
#calendar ul li #dayd63 {
  position:absolute;
  top:103px;
  left:46px;
  display:none;
}
#calendar ul li #dayd64 {
  position:absolute;
  top:103px;
  left:68px;
  display:none;
}
#calendar ul li #dayd65 {
  position:absolute;
  top:103px;
  left:90px;
  display:none;
}
#calendar ul li #dayd66 {
  position:absolute;
  top:103px;
  left:112px;
  display:none;
}
#calendar ul li #dayd67 {
  position:absolute;
  top:103px;
  left:134px;
  display:none;
}

.javascript { 
  display:none;
}

.eventSelector .clearer {
    clear:both;
}

.eventSelector {
    margin-top:20px;
    position:relative;
    width:490px;
}

.eventSelector #wait {
	text-align: center;
	background-color:#FFF;
	left:-2000px;
	position:absolute;
	top:0pt;
	width: 100.5%;
	height: 700px;
	opacity: 0.0;
	filter: alpha(opacity=0);
	z-index:110;
}


.eventSelector #wait img{
	top:300px;
	position:relative;
	display:none;
	margin:auto;
}


.eventSelector #wait img{
    width:32px;
    height:32px;
}

.eventSelector .eventControl{
    height:260px;
}
.eventSelector .blocker {
    background-color:#FFFFFF;
    height:257px;
    left:0;
    position:absolute;
    text-align:center;
    top:0;
    width:492px;
    z-index:100;
}
.eventSelector .blocker img{
    margin: 110px auto 0px;
}
.eventSelector #search {
    padding-bottom:35px;
}


.eventSelector #cat1,.eventSelector #cat2 {
  border :1px solid #BCBEC0;
  width:265px;
  margin-bottom:15px;
  height:22px;
}
* html .eventSelector #cat1,* html .eventSelector #cat2 {
  overflow:hidden;
}
* html .eventSelector #cat1 div,* html .eventSelector #cat2 div{
  overflow:hidden;
}


.eventSelector .cats {
        float:right;
        padding-top:2px;
        width:265px;  
}

* html .eventSelector .cats {
        float:none;  
}

.eventSelector .cats select {
    float:left;
    border:none;
    padding:0;
    margin: 0px;
    width:265px;
    height:22px;
}
.eventSelector .cats select option {
    height:22px;
}
.eventSelector .cats input { 
    cursor:pointer;
    display:block;
    float:right;
    left:455px;
    margin:10px 0;
    position:absolute;
    top:128px;
    
}

.eventSelector input.altInputCat { 
    float:right;
}


.eventSelector #search a{
  background-image:url(../static/img/eventselector/button_produktsuche.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  float:left;
  height:25px;
  margin:0px;
  width:25px;
}

.eventSelector #search input.txt{
  border: 1px solid #5b92d3;
  width:205px;
  margin-left:0px;
  padding-top:4px;
  padding-left:4px;
  height:19px;
  float:left;
  margin-right:10px;
}

.eventSelector .prodArea {
    padding-top:35px;
}
* html .eventSelector .prodArea {
    padding-top:20px;
}
*+ html .eventSelector .prodArea {
    padding-top:20px;
}
.eventSelector .prodArea .prodControls{
    padding:4px 0 10px;
    color:#bcbec0;
    font-size:12px;
    height:20px;
}

.eventSelector .prodArea div.counter{
    color:#bcbec0;
    font-size:12px;
}

.eventSelector .prodArea div .prodCounter{
    color:#5b92d3;
    font-weight:bold;
}

.eventSelector .prodArea .prodControls div{
    float:left;
    
}

.eventSelector .prodArea .prodControls .prodSize{
    float:right;
    color:#bcbec0;
}

.eventSelector .prodArea .prodControls .prodSize span{
    padding-right:5px;
}

.eventSelector .prodArea .prodControls .prodSize a {
    padding-right:5px;
    color:#bcbec0;
}
.eventSelector .prodArea .prodControls .prodSize a.active {
    color:#5b92d3;
    font-weight:bold;
}

.eventSelector .prodControls a:hover, .eventSelector .prodControls .prodSize a:hover{
   color:#5b92d3;
}

.eventSelector .pageControl{
   color: #bcbec0;
}
.eventSelector .pageControl span{
   float:left;
   margin-right:2px;
   width:12px;
   text-align:center;
}
.eventSelector .pageControl span.pageLabel{
   float:left;
   margin-right:2px;
   width:auto;
}
.eventSelector .pageControl .actPage {
    color:#5b92d3;
    font-weight:bold;
    float:left;
     width:15px;
}
.eventSelector .pageControl a{
  background-position:0 6px;
  background-repeat:no-repeat;
  color:#bcbec0;
  display:block;
  float:left;
  height:15px;
  margin:0 1px;
  width:10px;
  text-align:center;
}

.pageControl .firstPage{
    background-image: url(../static/img/eventselector/pfeile_links_doppel.gif);
    visibility:visible !important;
}

.pageControl .prevPage{
    background-image: url(../static/img/eventselector/pfeile_links_einzel.gif);
    margin-right:0px;
    visibility:visible !important;
}
.pageControl .nextPage{
    background-image: url(../static/img/eventselector/pfeile_rechts_einzel.gif);
    margin-left:5px;
    visibility:visible !important;
}

.pageControl .lastPage{
    background-image: url(../static/img/eventselector/pfeile_rechts_doppel.gif);
    visibility:visible !important;
}

.pageControl .minus2Page,.pageControl .minus1Page,.pageControl .plus2Page,.pageControl .plus1Page{
    width:15px;
}

.pageControl .minus2Page.disabled,.pageControl .minus1Page.disabled,.pageControl .plus2Page.disabled,.pageControl .plus1Page.disabled{
   visibility:hidden;
}

.pageControl .firstPage.disabled,.pageControl .prevPage.disabled, .pageControl .nextPage.disabled, .pageControl .lastPage.disabled{
    background-position: 0px -11px;
}

.eventSelector .dateMonth {
    padding-bottom:10px;
    padding-top:10px;
}
.eventSelector .dateMonth span{
    font-weight:bold;
}

.eventSelector .m-art{
    margin-bottom:15px;
    padding:15px 0 0px 10px;
    width:480px;
}

.eventSelector .m-art .content{
    width:350px;
}

*+ html .eventSelector .m-art .content{
    padding-bottom:1em;
}

* html .eventSelector .m-art .content{
    padding-bottom:1em;
}

.eventSelector .m-art h3{
    font-size:1.1em;
}

.eventSelector .m-art .date{
    font-size:0.9em;
}

.eventSelector .m-art a {
    margin-top:5px;
}

* html .eventSelector .clearfix {
    display:block;
}

/* 
 * Selektor
 */
div.selectCat {
	background:#fff url(../static/img/icons.png) no-repeat scroll right -1941px;
        border:0 none;
        color:#5b92d3;
        cursor:pointer;
        display:block;
        font-size:1.1em;
        margin:0 0 13px;
        width:263px;
        
}
.eventSelector div.selectCat li,.eventSelector div.selectCat ul {
	margin:0px;
	}
div.selectCat div {
	height: 22px;
	width: auto;      
	}
* html div.selectCat div {
	/*height: 20px;*/
	overflow:hidden;
	}

div.selectCat div p {
	margin:0;
	height: 22px;
	padding:2px 0 0 10px;
	color: #54595C;
	/*width: auto;*/
    width:230px;
    overflow:hidden;
}

div.selectCat ul {
	margin:0;
	padding:0;
	list-style:none;
	width:auto;
	background-color: #fff;
        border-left:1px solid #BCBEC0;
        border-right:1px solid #BCBEC0;
        height:200px;
        overflow-y:auto;
        width:263px;
}

div.selectCat li {
	color: #54595C;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 3px;
	height: 17px;
	cursor: pointer;
	width:auto;
    overflow:hidden;
}

div.selectCat li.active {
	background-color: #EDF0F2;
	
}
.cats select {
    float:left;
    border:none;
    padding:0;
    margin: 0px;
    width:265px;
}
.cats select option {
    height:22px;
}
.cats input { 
  cursor:pointer;
  display:block;
  float:right;
  left:460px;
  margin:10px 0;
  position:absolute;
   top:156px;
}

.clearer {
    clear:both;
}



.jScrollPaneContainer {
	position: absolute;
	overflow: hidden;
	z-index: 1;
        border-top:1px solid #BCBEC0;
        border-bottom:1px solid #BCBEC0;
       
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100% !important;
	background: #edf0f2;
	width:15px !important;
}
.jScrollPaneDrag {
	position: absolute;
	background: #9fa1a3;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDrag .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
        border:none;
}
.jScrollPaneDrag .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
        border:none;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #9fa1a3;
	height: 16px;
        background-image:url(../static/img/scroller_oben.gif);
        background-position:3px 5px;
        background-repeat:no-repeat;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #9fa1a3;
	height: 16px;
        background-image:url(../static/img/scroller_unten.gif);
        background-position:3px 5px;
        background-repeat:no-repeat;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}