/* CSS Fix für Bilder vertikal */

.csc-textpic-imagecolumn .csc-textpic-image img {
    max-width: none;
}


  /* CSS Fixes vor der TYPO3 Version 6.2 */

  #drkrsslink {
  position: absolute;
    top: 0;
  }

  th {
    text-align: left;
  }
  .news-single-additional-info dd {
    margin-top: 1em;
  }

  /* Chrome Patch von Rolf Thiele (thiele@dt-internet.de) 25.09.2012 */

  #col1 { width: 15.98em; }
  #submenu { width: 15.98em; }

  .csc-textpic-left img,
    .csc-textpic-right img,
    .csc-textpic-intext-right img,
    .csc-textpic-intext-left img { margin: 0 1em 1em 1em; }
    .csc-textpic-left dl img,
    .csc-textpic-right dl img,
    .csc-textpic-intext-right dl img,
    .csc-textpic-intext-left dl img { margin: 0; }
    #col2 .winkelbox .csc-textpic-imagewrap img { margin: 1em 0px 0.5em; }
    #col2 .winkelbox dl img { margin: 1em 0px 0.5em; }

    .winkelbox DIV.csc-textpic-right DIV.csc-textpic-imagewrap, .winkelbox DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
      float: none;
      margin: 0;
    }
    .winkelbox DIV.csc-textpic DIV.csc-textpic-imagewrap.csc-textpic-single-image {
      margin-left: 1em;
    }
    .csc-textpic-caption {
      padding: 0px;
      border-bottom: 0px solid rgb(204, 204, 204);
      background-color: rgb(255, 255, 255);
      color: rgb(119, 119, 119);
      font-size: 0.85em;
      font-style: normal;
    }


/**** Altes noch gebrauchtes CSS der cal aus der drk_layout ****/

/*cal base*/

div#main div.tx-cal-controller {
   margin-bottom: 2em;
   width:548px;
   }

div#main div.tx-cal-controller h1{
   background:none;
   color:#000;
   font-size:1.2em;
   }

div#main div.tx-cal-controller table{
   margin-left:0;
   }

#month-header-icons {
   float: right;
   text-align: right;
   }

div#main div.tx-cal-controller table td{
   padding:1px;
   }

div.tx-cal-controller #month-header{
   line-height:24px;
   }
div.tx-cal-controller #month-header-prevnext{
   padding-right:20px;
   float: left;
   }
div.tx-cal-controller #month-header-prevnext a img{
   margin-bottom:-10px;
   }

/*Monatsansicht*/
#main div.tx-cal-controller table.month-large{
   margin-bottom:20px;
   width:500px;
   }

#main div.tx-cal-controller table.month-large td{
   padding-bottom:10px;
   }

#main div.tx-cal-controller table.month-large td.monthCurrentWeek{
   background:#f7f7f7;
   }


#main div.tx-cal-controller table.month-large td.day div{
   text-align:right;
   font-weight:bold;
   }

#main div.tx-cal-controller table.month-large td.day div.V9{
   font-weight:normal;
   text-align:left;
   }

div.tx-cal-controller td,
div.tx-cal-controller th{
   font-size:0.95em;   
   }

div.tx-cal-controller table#calendar-nav td{
   border:none;
   }
div.tx-cal-controller table#calendar-nav td table{
   display: none;
   }
div.tx-cal-controller table#calendar-nav td table.month-small,
div.tx-cal-controller table#calendar-nav td table.calborder,
div.tx-cal-controller table#calendar-nav td table.calborder table{
   display:table;
   }

#main div.tx-cal-controller table.month-small td{
   text-align:center;
   border-bottom:solid 1px #ccc;
   }

div.tx-cal-controller table#calendar-nav td table.calborder td.sideback{
   background:#eee;
   border-bottom:solid 1px #ccc;
   border-top:solid 1px #ccc;
   text-align:left;
   padding-left:1em;
   font-weight:bold;
   }

div.tx-cal-controller table#calendar-nav td table.calborder table{
   border-bottom:solid 1px #fff;
   }


/*Jahresuebersicht*/
#main div.tx-cal-controller center table{
   border:none;
   }

#main div.tx-cal-controller center table.calborder{
   width:100%;
   }

#main div.tx-cal-controller center table td{
   padding:0;
   margin:0;
   border:none; 
  }

#main div.tx-cal-controller center table.calborder table{
   border:none;
   padding:0;
   margin:0;
  }

#main div.tx-cal-controller center table.calborder table td{
   text-align:center;
   border-bottom:solid 1px #ccc;
   }

#main div.tx-cal-controller center table.calborder table td a{
   text-decoration:none;
   }

#main div.tx-cal-controller center table.calborder td.navback{
   width:180px;
   border-bottom:none;
   }

#main div.tx-cal-controller center table.calborder td.title{
   border-bottom:none;
   }

#main div.tx-cal-controller center table.calborder td.medtitle{
   font-weight:bold;
   text-align:left;
   }

#main div.tx-cal-controller center table.calborder td.yearweek{
   font-weight:bold;   
   padding-right:2px; 
   background:#eee;
  }

#main div.weekview table.calborder,
#main table#calendar-nav {
   border:none;
   }
 
#main div.weekview th {
   padding:2px 4px 2px 0;
   }

/*Singleview*/

#calendar-event h1{
   display:none;
   }

#calendar-event div{
   padding:0 0 4px 0;
   font-size:1.1em;
   }

#calendar-event div strong{
   padding:0 10px 0 0;
   }

#calendar-event div.title{
   font-size:1.2em;
   font-weight:bold;
   background:#999;
   padding:0.5em;
   color:#fff;
   margin:0 0 10px 0;
   }

#calendar-event div.description{
   font-size:1.2em;
   margin:10px 0;
   }
   
#main div.tx-cal-controller #calendar-nav .default_catheader_text,
#main div.tx-cal-controller #calendar-nav .green_catheader_text,
#main div.tx-cal-controller #calendar-nav .orange_catheader_text,
#main div.tx-cal-controller #calendar-nav .red_catheader_text,
#main div.tx-cal-controller #calendar-nav .yellow_catheader_text,
#main div.tx-cal-controller #calendar-nav .grey_catheader_text,
#main div.tx-cal-controller #calendar-nav .pink_catheader_text{
   width:150px;
   }
   
   
/*------------ Category style package: default (blue) - start ------------*/
    
.default_categoryheader,
.default_catheader {
   background-color: #557CA3;
  }
    
.V9G .default_categoryheader,
.V9G .deafult_catheader {
   background-color: transparent !important;
   color: #557CA3 !important;
   }

.default_categoryheader_bullet,
.default_catheader_bullet {
   color: #557CA3;
   font-size: 13px;
   }
    
.default_categoryheader_text,
.default_catheader_text {
   color: #000000;
   font-size: 11px;
   margin-left: 3px;
   }
    
.default_categoryheader_legend_bullet,
.default_catheader_legend_bullet {
   margin-left: 3px;
   }

.default_categoryheader_legend_text,
.default_catheader_legend_text {
   }
    
.default_categoryheader_allday,
.default_catheader_allday {
text-align: center;
background-color: #6699CC;
}
    
.default_categorybody,
.default_catbody {
   background-color: #6699CC;
   border: 1px solid #557CA3;
   color: #fff;
   }
    
.default_categorybody a:link,
.default_catbody a:link {
   color: #fff;
}
  

#main div.tx-cal-controller .default_catheader_bullet {
   display:none;
   }
    
#main div.tx-cal-controller .default_catheader_text {
   background:#557CA3;
   margin:2px 0;
   padding:2px 0 2px 5px;
   display:block;
   color:#fff;
   }

#main div.tx-cal-controller table.month-large .default_catheader_text a:link {
   color: #fff;
   }
#main div.tx-cal-controller table.month-large .default_catheader_text a:visited {
   color: #f7f7f7;
   }

/*------------ Category style package: default (blue) - end ------------*/  
/*------------ Category style package: green - start ------------*/
    
.green_catheader, .green_catheader_allday {
background-color: #53A062;
}
    
.V9G .green_catheader {
background-color: transparent !important;
color: #53A062 !important;
}
    
.green_catheader_bullet {
color: #4FC464;
font-size: 13px;
}
    
.green_catheader_text {
color: #000000;
font-size: 11px;
margin-left: 3px;
}
    
.green_catheader_legend_bullet {
margin-left: 3px;
}
    
.green_catheader_bullet_text {}
    
.green_catheader_allday {
text-align: center;
background-color: #4FC464;
}
    
.green_catbody {
background-color: #4FC464;
border: 1px solid #53A062;
color: #fff;
}
    
.green_catbody a:link {
color: #fff;
}

#main div.tx-cal-controller .green_catheader_bullet {
   display:none;
   }
    
#main div.tx-cal-controller .green_catheader_text {
   background:#53A062;
   margin:2px 0;
   padding:2px 0 2px 5px;
   display:block;
   color:#fff;
   }

#main div.tx-cal-controller table.month-large .green_catheader_text a:link {
   color: #fff;
   }
#main div.tx-cal-controller table.month-large .green_catheader_text a:visited {
   color: #f7f7f7;
   }

/*------------ Category style package: green - end ------------*/
/*------------ Category style package: orange - start ------------*/

.orange_catheader, .orange_catheader_allday {
  background-color: #E84F25;
  }
.V9G .orange_catheader {
  background-color: transparent !important;
  color: #E84F25 !important;
}
    
.orange_catheader_bullet {
  color: #FF6D3B;
  font-size: 13px;
  }

.orange_catheader_text {
  color: #000000;
  font-size: 11px;
  margin-left: 3px;
  }
    
.orange_catheader_legend_bullet {
  margin-left: 3px;
  }
    
.orange_catheader_bullet_text {
  }
    
.orange_catheader_allday {
  text-align: center;
  background-color: #FF6D3B;
  }
    
.orange_catbody {
  background-color: #FF6D3B;
  border: 1px solid #E84F25;
  color: #fff;
  }
    
.orange_catbody a:link {
  color: #fff;
  }

#main div.tx-cal-controller .orange_catheader_bullet {
   display:none;
   }
    
#main div.tx-cal-controller .orange_catheader_text {
   background:#E84F25;
   margin:2px 0;
   padding:2px 0 2px 5px;
   color:#fff;
   display:block;
   }

#main div.tx-cal-controller table.month-large .orange_catheader_text a:link {
   color: #fff;
   }
#main div.tx-cal-controller table.month-large .orange_catheader_text a:visited {
   color: #f7f7f7;
   }
      
/*------------ Category style package: orange - end ------------*/
/*------------ Category style package: pink - start ------------*/
    
.pink_catheader, .pink_catheader_allday {
  background-color: #B257A2;
  }
      
.V9G .pink_catheader {
  background-color: transparent !important;
  color: #B257A2 !important;
   }
    
.pink_catheader_bullet {
  color: #EA62D4;
  font-size: 13px;
  }
    
.pink_catheader_text {
  color: #000000;
  font-size: 11px;
  margin-left: 3px;
  }
    
.pink_catheader_legend_bullet {
  margin-left: 3px;
  }
    
.pink_catheader_bullet_text {
  }

.pink_catheader_allday {
  text-align: center;
  background-color: #EA62D4;
  }
    
.pink_catbody {
  background-color: #EA62D4;
  border: 1px solid #B257A2;
  color: #fff;
  }
    
.pink_catbody a:link {
  color: #fff;
  }

#main div.tx-cal-controller .pink_catheader_bullet {
   display:none;
   }
    
#main div.tx-cal-controller .pink_catheader_text {
   background:#B257A2;
   margin:2px 0;
   padding:2px 0 2px 5px;
   display:block;
   color:#fff;
   }

#main div.tx-cal-controller table.month-large .pink_catheader_text a:link {
   color: #fff;
   }
#main div.tx-cal-controller table.month-large .pink_catheader_text a:visited {
   color: #f7f7f7;
   }
   
/*------------ Category style package: pink - end ------------*/
/*------------ Category style package: red - start ------------*/

.red_catheader, .red_catheader_allday {
  background-color: #D42020;
  }
      
.V9G .red_catheader {
  background-color: transparent !important;
  color: #D42020 !important;
}
    
.red_catheader_bullet {
  color: #FF5E56;
  font-size: 13px;
  }
    
.red_catheader_text {
  color: #000000;
  font-size: 11px;
  margin-left: 3px;
  }
    
.red_catheader_legend_bullet {
  margin-left: 3px;
  }
    
.red_catheader_bullet_text {
  }

.red_catheader_allday {
  text-align: center;
  background-color: #FF5E56;
  }
    
.red_catbody {
  background-color: #FF5E56;
  border: 1px solid #D42020;
  color: #fff;
  }
    
.red_catbody a:link {
  color: #fff;
  }

#main div.tx-cal-controller .red_catheader_bullet {
   display:none;
   }
    
#main div.tx-cal-controller .red_catheader_text {
   background:#D42020;
   margin:2px 0;
   padding:2px 0 2px 5px;
   display:block;
   color:#fff;
   }

#main div.tx-cal-controller table.month-large .red_catheader_text a:link {
   color: #fff;
   }
   
#main div.tx-cal-controller table.month-large .red_catheader_text a:visited {
   color: #f7f7f7;
   }

/*------------ Category style package: red - end ------------*/
/*------------ Category style package: yellow - start ------------*/

.yellow_catheader, .yellow_catheader_allday {
  background-color: #B88F0B;
}
      
.V9G .yellow_catheader {
  background-color: transparent !important;
  color: #B88F0B !important;
  }
    
.yellow_catheader_bullet {
  color: #CCB21F;
  font-size: 13px;
  }
    
.yellow_catheader_text{
   color: #000000;
   font-size: 11px;
   margin-left: 3px;
   }
    
.yellow_catheader_legend_bullet {
   margin-left: 3px;
   }

.yellow_catheader_bullet_text {
  }
    
.yellow_catheader_allday {
  text-align: center;
  background-color: #CCB21F;
  }
    
.yellow_catbody {
  background-color: #CCB21F;
  border: 1px solid #B88F0B;
  color: #fff;
  }
    
.yellow_catbody a:link {
  color: #fff;
  }

#main div.tx-cal-controller .yellow_catheader_bullet {
   display:none;
   }
    
#main div.tx-cal-controller .yellow_catheader_text {
   background:#B88F0B;
   margin:2px 0;
   padding:2px 0 2px 5px;
   display:block;
   color:#fff;
   }

#main div.tx-cal-controller table.month-large .yellow_catheader_text a:link {
   color: #fff;
   }

#main div.tx-cal-controller table.month-large .yellow_catheader_text a:visited {
   color: #f7f7f7;
   }

/*------------ Category style package: yellow - end ------------*/
/*------------ Category style package: grey - start ------------*/

.grey_catheader, .grey_catheader_allday {
  background-color: #73738C;
  }
      
.V9G .grey_catheader {
  background-color: transparent !important;
  color: #73738C !important;
}

.grey_catheader_bullet {
color: #9292A1;
  font-size: 13px;
  }
    
.grey_catheader_text {
  color: #000000;
  font-size: 11px;
  margin-left: 3px;
  }
    
.grey_catheader_legend_bullet {
  margin-left: 3px;
  }
    
.grey_catheader_bullet_text {
  }

.grey_catheader_allday {
  text-align: center;
  background-color: #9292A1;
  }
    
.grey_catbody {
  background-color: #9292A1;
  border: 1px solid #73738C;
  color: #fff;
  }
    
.grey_catbody a:link {
  color: #fff;
  }
  
#main div.tx-cal-controller  .grey_catheader_bullet {
   display:none;
   }
    
#main div.tx-cal-controller  .grey_catheader_text {
   background:#73738C;
   margin:2px 0;
   padding:2px 0 2px 5px;
   display:block;
   color:#fff;
   }

#main div.tx-cal-controller table.month-large .grey_catheader_text a:link {
   color: #fff;
   }

#main div.tx-cal-controller table.month-large .grey_catheader_text a:visited {
   color: #f7f7f7;
   }   
/*------------ Category style package: grey - end ------------*/

/**** Anpassungen der cal-Erweiterung für TYPO3 CMS 6.2 LTS by Stefan Bublies@dt-internet.de ****/

.tx-cal-controller .month-large th {
   background-color: #eee;
}

.tx-cal-controller .month-small tr th{
   background-color: #eee;
}

.tx-cal-controller .month-large th,
.tx-cal-controller .month-large td {
   border: none;
   font-weight: bold;
   text-align: right;
}

.month-large .create {
   border-bottom: 1px solid;
}

.tx-cal-controller .month-large div.vevent {
   white-space: normal;
}

.tx-cal-controller .month-large div.vevent > a {
   text-decoration: none;
}

.vevent > a > span {
   display: block;
   height: 47px;
   overflow: hidden;
   text-align: left;
   text-overflow: ellipsis;
   width: 67px;
}

.vevent > a > span .summary {
   display: inline-block;
   width: 57px;
   overflow: hidden;
   text-overflow: ellipsis;
}

div.tx-cal-controller table#calendar-nav td table{
   display: block;
}

.treelevel0 {
   border: none;
}

#legend {
   width: 230px;
   float: left;
   text-align: left;
}
#col3 #legend h5 {
   background: #eee;
   border-bottom: solid 1px #ccc;
   border-top: solid 1px #ccc;
   height: 25px;
   text-align: left;
   text-decoration: none;
   padding-left: 1em;
   padding-top: 1em;
   font-weight: bold;
   margin-bottom: 0.5em;
}

#calendar-nav #previous {
   width: 288px;
   float: left;
   margin-right: 1em;
}

#calendar-nav #next {
   width: 288px;
   float: left;
}

#calendar-nav {
   overflow: hidden;
}


#main div.tx-cal-controller table.month-large {
   margin-bottom:20px;
   width:550px;
}
.tx-cal-controller .month-large tr.days td {
   border: none;
}

.tx-cal-controller .month-large .dayNum, 
.tx-cal-controller .month-medium .dayNum,
.tx-cal-controller .weekday0,
.tx-cal-controller .weekday6 {
   background-color: #fff;
}

#main div.tx-cal-controller table.month-large td {
   font-size: 12px;
}

.calendar_nav {
   margin-top: 80px;
}

.tx-cal-controller div.orange_catheader dl,
.tx-cal-controller div.orange_catheader dt {
   border: 1px solid #E84F25;
   background-color: #E84F25;
}

.tx-cal-controller div.green_catheader dl,
.tx-cal-controller div.green_catheader dt {
   border: 1px solid #53A062;
   background-color: #53A062;
}

.tx-cal-controller div.pink_catheader dl,
.tx-cal-controller div.pink_catheader dt {
   border: 1px solid #B257A2;
   background-color: #B257A2;
}

.tx-cal-controller div.red_catheader dl,
.tx-cal-controller div.red_catheader dt {
   border: 1px solid #D42020;
   background-color: #D42020;
}

.tx-cal-controller div.yellow_catheader dl,
.tx-cal-controller div.yellow_catheader dt {
   border: 1px solid #B88F0B;
   background-color: #B88F0B;
}

.tx-cal-controller .gridcontainer,
.tx-cal-controller .gridcontainertop,
.tx-cal-controller .dayview, 
.tx-cal-controller .weekview,
.tx-cal-controller .gridcontainertop .daynames td {
   border: none;
}

.tx-cal-controller .gridcontainertop .daynames td {
   background-color: #eee;
}

.tx-cal-controller .timeborder {
   border-bottom: 1px solid #eee;
}

.tx-cal-controller .scrolltime .timetable .times {
   background-color: #eee;
}

.tx-cal-controller .gridcontainertop,
.tx-cal-controller .gridcontainer {
   background-color: #eee;
}

.tx-cal-controller .gridcontainer {
    height: 440px;
}

.tx-cal-controller .month-medium th {
  background-color: #eee;
  font-size: 0.95em;
}

.year-table th {
  padding: 0.4em;
}

.withEventDay a {
  color: #CC0007
}

.tx-cal-controller div.red_catheader_allday {
 border: 1px solid #D42020;
 background-color: #D42020;
}

.tx-cal-controller div.yellow_catheader_allday {
 border: 1px solid #B88F0B;
 background-color: #B88F0B;
}

.tx-cal-controller div.pink_catheader_allday {
 border: 1px solid #B257A2;
 background-color: #B257A2;
}

.tx-cal-controller div.green_catheader_allday {
 border: 1px solid #53A062;
 background-color: #53A062;
}

.tx-cal-controller div.orange_catheader_allday {
 border: 1px solid #E84F25;
 background-color: #E84F25;
}