/****************
OUTPUTROW
*****************/

#outputBox {
   overflow:hidden;
   margin-right:285px;
}

#outputBox .picBox{
   position:relative;
   overflow:hidden;
   border:0px;
   width:110px;
   height:120px;
   float:left;
   border:0px blue solid;
   padding: 0 3px 0 0;
}

#outputBox .picBoxUser{
   position:relative;
   overflow:hidden;
   border:0px;
   width:110px;
   height:100px;
   float:left;
   border:0px blue solid;
   padding: 0 3px 0 0;
}

#outputBox .pic{
   border:0px red solid;
   float:left;
}

#outputBox table{
   padding: 0px 2px 0px 0px;
   border:1px #7dab29 solid;
   width:330px;
   float:left;
}

#outputBox .tableHeight{
   padding: 0px;
   border:1px white solid;
   height:113px;
   float:right;
}

#outputBox .eventData{
   padding: 0px 0px 0px 10px;
   vertical-align:top;
   border:0px red solid;
   width:30%;
   height:20px;
}

#outputBox .eventLocation{
   padding: 0px 0px 3px 10px;
   vertical-align:bottom;
   border:0px blue solid;
   width:30%;
   height:20px;
}

#outputBox .eventTxt{
   padding: 3px 3px 0px 10px;
   vertical-align:top;
   border:0px red solid;
   width:65%;
}


#outputBox .eventTxt .title {
   font-size: 1.1em;
   color: #7dab29;
   font-weight:bold;
   padding:0;
   margin:0;
}




#outputBox .iconLink{
   margin-left:0px;
   float:none;
}

#outputBox .iconLinkInactive{
   margin-left:0px;
   color:#ddd;
   cursor:default
}


/*******
abc bar
*******/

#abcBar{
   width:100%;
   background-color:#7dab29;
   margin-top:15px;
}

#abcBar td{                    
   width:4.16%;
   height:14px;
   padding:2px 0 1px 0px;
   text-align:center;
   border:0px white solid;
   background-color:#7dab29;
   border-right:1px white solid;
   cursor:pointer;
}

#abcBar td.active{                  
   width:4.16%;
   text-align:center;
   border:0px white solid;
   background-color:#ef018c;
   border-right:1px white solid;
}

#abcBar a{
   font-size: 0.9em;
   font-weight: normal;
   text-transform:uppercase;
   color:white;
   width:100%;
}

#spacerAbc {
   height:23px;
}


/****************
PAGING
*****************/

.paging{
   font-size:0.9em;
   float:right;
}

.paging a, .paging a:visited{
   color: #7dab29;
   padding:2px;
}

.paging a:hover, #paging a:active, .paging .active:link, .paging .active  {
   color: #fff;
   background-color:#7dab29;
}

#pagingBottom{
   width:440px;
   color:#7dab29;
   padding:0;
   font-size:1.1em;
   height:20px;
   border:0px #fff solid;
   border-width:10px 0 10px 0;
}


/****************
CALENDARBOX
*****************/
#calendarBox{
   position:absolute;
   top:0px;left:620px;
   border: 0px solid #ff0000;
   font-size: 1em;
   padding:0;
   background-color:#fff;
   z-index:99;
   width:120px;
}

#calendarBox select{
   width: 130px;
}

#calendarBox .marginBottom{
   margin:0 0 4px 0;
}

#calendarBox select.inactive option{
    color: #ddd; 
}
#calendarDIV {
   background-color:#fff;
   width:126px;
   margin:0 0 7px 0;
}

#calendar{
   border: 1px solid #7dab29;
   padding:0 0 8px 0;
}

#calendar #leftArrow{
   background-color:#7dab29;
   float:left;
   height:16px;
   margin:0 0 0 0;
   padding:0 0 0 3px;
}

#calendar #rightArrow{
   background-color:#7dab29;
   float:right;
   height:16px;
   margin:0 0 0 0;
   padding:0 3px 0 0;
}

#calendar #monthName{
   height:16px;
   background-color:#7dab29;
   text-align:center;
   width:100%;
   margin:0 0 0 0;  
}

#calendar #monthName a{
   text-transform:uppercase;
   color:#fff;
}

#calendar .dayName{
   padding:2px 0 0 0;  
}

#calendarBox ul {
   clear:both;
   margin:0;
   padding:0;
   border:0px blue solid;
}

#calendarBox * li {
   width: 16px;
   border: 0px solid #fff;
   float: left;
   margin:1px 0 2px 1px;
   padding:0;
   display:block;
}

#calendarBox li a {
   color: #636363;
   display: block;
   text-decoration: none;
   text-align:center;
   padding: 0px;
   border: 0px #cdcdcd solid;
   font-size: 0.9em;
   font-weight: normal;
}

#calendarBox li a:hover, #calendarBox li a.today, #linkBox li a:active {
   color: #fff;
   background-color:#ef018c;
}

#calendarBox li a.inactive, #calendarBox li a.inactive:hover {
   color: #636363;
   cursor:default;
   background-color:#fff;
}

#calendarBox .category{
   margin:5px 0 3px 0;
}

#calendarBox input.search{
   height: 12px;
   width: 121px;
   padding:1px 0 3px 5px;
   margin-bottom:14px;
   color: #ddd;
   border: 1px solid #636363; 
   font-size: 1em;
}

#calendarBox .button {
   border: 0px red solid;
   height: 18px;
   width: 128px;
   font-size: 1em;
   font-weight: normal;
   color: #fff;
   padding:0;
   margin:8px 0 0 0 ;
   background-color: #ef018c;
}

/************
USERAUSGABE
************/

.dataBoxUser {
   position:relative;
   padding: 6px 2px 0px 15px;
   border:1px #7dab29 solid;
   width:315px;
   float:left;
}


.dataBoxUserHeight{
   float:right;
   width:1px;
   height:92px;
}

.dataBoxUser .zoom {
   position:absolute;
   top:85px;
   left:-13px;
}