html, body { padding:0px; margin:0px; }

body { height:101%; background-color:#E4E5E7; font-family:arial,helvetica,sans-serif; font-size:12px; line-height:18px; color:#485258;  }

#pageContainer { width:100% }

  /* --------------------------------------------- */
  /*    */
  /* --------------------------------------------- */
  #pageCenter { width:960px; margin:16px auto; background:url(../images/bg_content.gif) #E4E5E7 repeat-y; }

    /* --------------------------------------------- */
    /*    */
    /* --------------------------------------------- */
    #pageHead {  }
    
      /* --------------------------------------------- */
      /*    */
      /* --------------------------------------------- */
      #pageHeadNavi { height:18px;display:block; background:url(../images/head_navi_end.jpg) #E4E5E7 no-repeat right top; }
      #pageHeadNavi span.head_en_link { float:right; margin-right:160px; font-size:11px; line-height:18px; height:18px; }
      #pageHeadNavi ul { float:right; list-style:none outside; height:18px; margin:0px 0px 0px 0px; padding:0px; }
      #pageHeadNavi li { background:url(../images/bg_head_navi.gif) transparent right top no-repeat; font-size:11px; line-height:18px; height:18px; padding:0px; margin:0px; float:left; }
      #pageHeadNavi li a, #pageHeadNavi a { padding:0px 5px; margin:0px 2px 0px 0px; text-decoration:none; color:#49545A; display:block; }
      #pageHeadNavi li a:hover,
      #pageHeadNavi li a:focus,
      #pageHeadNavi li a:active,
      #pageHeadNavi a:hover,
      #pageHeadNavi a:focus,
      #pageHeadNavi a:hover { text-decoration:none; background-color:white; color:#3c8c87; }


      /* --------------------------------------------- */
      /* Hauptnavigation                               */
      /* --------------------------------------------- */
      #pageMainNavi { margin:0px; display:block; width:960px; height:21px; background:url(../images/bg_main_navi.gif) transparent repeat-x; }

      #pageMainNavi ul { list-style:none outside; margin:0px 0px 0px 36px; padding:0px; }
      #pageMainNavi ul li { padding:0px; margin:0px; float:left; }
      #pageMainNavi li a { padding:0px; margin:0px; text-decoration:none; display:block; }
      
      #pageMainNavi li a.List1 { width:179px; height:21px; background:url(../images/navi_patienten.gif) transparent no-repeat; }
      #pageMainNavi li a.List1:hover,
      #pageMainNavi li a.List1:focus,
      #pageMainNavi li a.List1:active,
      #pageMainNavi li a.List1.aktiv1 { background:url(../images/navi_patienten_over.gif) transparent no-repeat; }
      #pageMainNavi li a.aktiv1 { background:url(../images/navi_patienten_over.gif) transparent no-repeat; }
      
      #pageMainNavi li a.List2 { width:83px; height:21px; background:url(../images/navi_aerzte.gif) transparent no-repeat; }
      #pageMainNavi li a.List2:hover,
      #pageMainNavi li a.List2:focus,
      #pageMainNavi li a.List2:active,
      #pageMainNavi li a.List2.aktiv2 { background:url(../images/navi_aerzte_over.gif) transparent no-repeat; }
      #pageMainNavi li a.aktiv2 { background:url(../images/navi_aerzte_over.gif) transparent no-repeat; }

      #pageMainNavi li a.List3 { width:154px; height:21px; background:url(../images/navi_fachkliniken.gif) transparent no-repeat; }
      #pageMainNavi li a.List3:hover,
      #pageMainNavi li a.List3:focus,
      #pageMainNavi li a.List3:active,
      #pageMainNavi li a.List3.aktiv3 { background:url(../images/navi_fachkliniken_over.gif) transparent no-repeat; }
      #pageMainNavi li a.aktiv3 { background:url(../images/navi_fachkliniken_over.gif) transparent no-repeat; }

      #pageMainNavi li a.List4 { width:79px; height:21px; background:url(../images/navi_ueber_uns.gif) transparent no-repeat; }
      #pageMainNavi li a.List4:hover,
      #pageMainNavi li a.List4:focus,
      #pageMainNavi li a.List4:active,
      #pageMainNavi li a.List4.aktiv4 { background:url(../images/navi_ueber_uns_over.gif) transparent no-repeat; }
      #pageMainNavi li a.aktiv4 { background:url(../images/navi_ueber_uns_over.gif) transparent no-repeat; }

      #pageMainNavi li a.List5 { width:69px; height:21px; background:url(../images/navi_service.gif) transparent no-repeat; }
      #pageMainNavi li a.List5:hover,
      #pageMainNavi li a.List5:focus,
      #pageMainNavi li a.List5:active,
      #pageMainNavi li a.List5.aktiv5 { background:url(../images/navi_service_over.gif) transparent no-repeat; }
      #pageMainNavi li a.aktiv5 { background:url(../images/navi_service_over.gif) transparent no-repeat; }


    /* --------------------------------------------- */
    /* Formatierungen für den Contentbereich         */
    /* --------------------------------------------- */
    #pageContentMitte h1 { padding:0px 0px 14px 0px; margin:0px 0px 0px 0px; font:bold 18px "Arial Narrow", Arial, Verdana, sans-serif; color:#3C8C87; }
    #pageContentMitte h2 { padding:0px 0px 12px 0px; margin:0px 0px 0px 0px; font:bold 16px "Arial Narrow", Arial, Verdana, sans-serif; color:#3C8C87; background:url(../images/bg_h2_content.gif) transparent left bottom no-repeat; }
    #pageContentMitte h3 { padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; font:bold 14px "Arial Narrow", Arial, Verdana, sans-serif; color:#3C8C87; }
    #pageContentMitte h4 { padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; font:bold 12px "Arial Narrow", Arial, Verdana, sans-serif; color:#3C8C87; }
    #pageContentMitte p { padding:3px 0px 7px 0px; margin:0px 0px 0px 0px; }
    #pageContentMitte a { color:#3C8C87; }
    #pageContentMitte a:hover,
    #pageContentMitte a:focus,
    #pageContentMitte a:active { background-color:#9B1973; color:#ffffff; }

    /* Styles für Topbutton */
    #pageContentMitte p.csc-linkToTop { font-size:11px; }
    #pageContentMitte p.csc-linkToTop a { color:#9a9a9a; display:block; text-align:right; padding-right:10px; text-decoration:none; }
    #pageContentMitte p.csc-linkToTop a:hover,
    #pageContentMitte p.csc-linkToTop a:focus,
    #pageContentMitte p.csc-linkToTop a:active { background-color:transparent; text-decoration:underline; color:#515151; }

      /* --------------------------------------------- */
      /*  Suche                                        */
      /* --------------------------------------------- */
        #Suchefeld { float:left; padding:0px; margin:10px 0px 0px 0px; width:192px; height:25px; background:url(../images/bg_suche.gif) transparent no-repeat; }
        #Suchefeld input.txtSuche { float:left; padding:0px; width:150px; height:15px; font-size:12px; line-height:15px; margin:1px 2px 10px 2px; border:0px solid red; }
        #Suchefeld input.butSend { cursor:pointer; float:left; padding:0px; width:25px; height:23px; font-size:11px; line-height:23px; margin:1px 2px 1px 8px; border:0px solid red; background-color:transparent; }
        #Darstellung { float:left; padding:0px; margin:0px; font-size:11px; height:14px; }

      /* --------------------------------------------- */
      /*  News                                         */
      /* --------------------------------------------- */
        div.newsBild { float:right; width:30%; margin-left:10px; margin-bottom:10px; }
        div.newsText { float:left; width:65%; }

      /* --------------------------------------------- */
      /* Darstellung + - (Tastaturbild)                */
      /* --------------------------------------------- */
      a span.keyboard { display:none; }
      a:hover span.keyboard {
          display:block; width:436px; height:193px; position:absolute;
          left:-270px; top:20px; text-decoration:none; text-align:left;
          color:#000; background:#efefef; border:1px solid #ababab;
          clear:both; font-weight:normal; line-height:normal; padding:10px;
          z-index: 20;
      }
      a:hover span.keyboard {
          display:block; width:436px; height:193px; position:absolute;
          left:-270px; top:20px; text-decoration:none; text-align:left;
          color:#000; background:#efefef; border:1px solid #ababab;
          clear:both; font-weight:normal; line-height:normal; padding:10px;
          z-index: 20;
      }
      a:link.info2, a:visited.info2 {
          position:relative; z-index:1; cursor:help; background:transparent;
          border-left:0px solid #cecece; border-top:0px solid #cecece;
          border-bottom:0px solid #949494; border-right:0px solid #949494;
          text-decoration:none;
      }
      a:hover.info2, a:active.info2, a:focus.info2 {
          background:transparent; cursor:help; z-index:2;
          border-left:0px solid #949494; border-top:0px solid #949494;
          border-bottom:0px solid #cecece; border-right:0px solid #cecece;
      }

  /* --------------------------------------------- */
  /*  Kalender und Events                          */
  /* --------------------------------------------- */

.monthToday {	background:none; border:none; }

.tx-cal-controller { width:400px;}

#pageContentRechts .tx-cal-controller { width:100%;}
#pageContentRechts .tx-cal-controller dl { list-style-type:none; padding:0px; margin:0px 27px 0px 20px; }
#pageContentRechts .tx-cal-controller dt { padding:3px 0px 3px 0px; margin:0px; border-bottom:1px dotted #999999; }

.tx-cal-controller h1,h4 {font-size:12px}
.tx-cal-controller h2 {font-size:14px; border-top:15px solid transparent; }
.tx-cal-controller h3 { font-size:12px; text-decoration:underline;}
.tx-cal-controller .navback { background-image:none; }
.calborder { border:0}

#month-header {height:40px; font-size: 30px; text-align:center; width:100%; }

#month-header-prevnext { margin:auto; /*padding-left:90px; float:left;*/ }
#month-header-prevnext img { border:0 }
#month-header-prevnext a, #month-header-prevnext a:hover { text-decoration:none; background-color:transparent; }

dt {margin-top:8px; }

#cal-month-title { height: 65px; text-align: right; padding-right:25px; }

.month-large { border:0 }

.month-large { border-collapse:collapse; border:1px solid #9DABCE; border-width:0px 0px 1px 1px; margin:10px auto; font-size:12px; text-align:center;	padding-bottom:0px; width:68%; }
.month-large td {  border:0; width:40px; height:40px; text-align:center; vertical-align:middle; background:url(../img/cells.png); color:#444; position:relative; }
.month-large th { border:0; width:40px; text-align:center; vertical-align:middle; background:url(../img/cells.png); color:#444; position:relative; height:30px; font-weight:bold; font-size:10px; }
.month-large td:hover, th:hover { background-position: 0px -40px;	color: #222; }

.month-large td.date_has_event1 { background-position: 160px 0px; color: white; }
.month-large td.date_has_event2 { background-position: 120px 0px; color: white; }
.month-large td.date_has_event3 { background-position: 80px 0px; color: white; }
.month-large td.date_has_event4 { background-position: 160px 0px; color: white; }

.month-large td.date_has_event:hover { background-position: 160px -40px; }
.month-large td.padding {	background: url(../img/calpad.jpg); }
.month-large .day { border:0px;	width:40px; height:40px; text-align:center; vertical-align:middle; }


/* Minikalender */
.month-small { border-collapse:collapse; margin:2px auto; font-size:10px; text-align:center;	padding-bottom:0px; }
.month-small td {  border:0; width:25px; height:20px; text-align:center; vertical-align:middle; background:url(../img/cells.png);color:#444; position:relative; }
.month-small th { border:0; width:25px; height:20px; text-align:center; vertical-align:middle; background:url(../img/cells.png);color:#444; position:relative; font-weight:bold; font-size:10px; border-right:2px solid transparent; }
.month-small .day { border:0px;	width:25px; height:20px; text-align:center; vertical-align:middle; }
.month-small .day div { border-right:2px solid transparent; }


/*
.month-small td.date_has_event1 { background-color:#3C8C87; color:#fff; }
.month-small td.date_has_event2 { background-color:#9B1973; color:#fff; }
.month-small td.date_has_event3 { background-color:#077B28; color:#fff; }
.month-small td.date_has_event4 { background-color:#E7ECF2; color:#fff; }
*/

.month-small td.date_has_event1 { background-position: 160px 0px; color: white; }
.month-small td.date_has_event2 { background-position: 120px 0px; color: white; }
.month-small td.date_has_event3 { background-position: 63px 0px; color: white; }
.month-small td.date_has_event4 { background-position: 160px 0px; color: white; }

td.monthToday { background:none ; border:0;  }
td.monthToday {	background:url(../img/cells.png); background-position:40px 0px;	color:white; }
td.monthToday:hover {	background-position: 40px -40px; }


div.V9 a { color:#3C8C87; }
div.V9 a:hover,
div.V9 a:focus,
div.V9 a:active { background-color:#9B1973; color:#ffffff; }
/* ende Minikalender */

.month-head { width:auto; text-align:left; padding:25px 1em 1px 0px; margin:0px; color:#fff; }

 /*menus calendar*/

 .month-head ul { list-style: none; padding: 0 0 10px 0; }
 .month-head ul li { display: inline; padding: 9px 4px; margin:0; }
 .month-head ul li.current { border: 1px solid #fff; padding: 9px 5px; color: #BEAC86; }
 .month-head ul li a { padding: 10px 6px; }
 .month-head a { color: #FFF; }
 .month-head a:hover { text-decoration:none; /*color:#BEAC86;*/ }
 .month-head a:active,
 .month-head a:focus { text-decoration:none; /*color:#BEAC86;*/ }
 .month-head ul.cal-list-years { padding: 0 0 10px 0; margin: 0; }
 .month-head ul.cal-list-years li.current { border: 0px solid #fff; padding:2px 6px 0 2px; color: #BEAC86; }
 .month-head ul.cal-list-years li a {padding:2px 6px 0 2px;}

 /*content calendar*/

 /* td.monthCurrentWeek, td.monthSelectedWeek { background:#eaddc1; background:#efebe1; }
 .monthToday { background: #e1d3b7 !important;  }
 .monthToday a, a:link, a:visited {color: #077B28;}
 */
 .green_catheader_text a {color: #077B28;}

 /* td.day { padding:0 0 0 0; border-color: #e2e2e0 ; color: #0F1F47; height: 110px!important; } */
 /* td.day a {color: #000000; } */
 td.monthOff { background: url(../img/calpad.jpg); }
 /* td.day div {margin: 10px 10px 0 0;} */

 /*Events style*/
 .events { position: relative; }
 .events ul {
  	text-align: left;
  	position: absolute;
  	display: none;
  	z-index: 1000; 
  	overflow:hidden;
  	padding: 15px;
  	background: #E7ECF2 url(../img/popup.png) no-repeat;
  	color: white;
  	border: 1px solid white;
  	font-size: 12px;
  	width: 200px;
  	-moz-border-radius: 3px;
  	-khtml-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	-border-radius: 3px;
  	list-style: none;
  	color: #444444;
  	-webkit-box-shadow: 0px 8px 8px #333;
  }

  .events li { padding-bottom:5px; }
  .events li span { display:block; font-size:12px; text-align:justify; color:#555; }
  .events li span.title { font-weight:bold; color:#222; }
  
  td div.V9 { margin: 5px 0 5px 0; padding: 0!important; }


  /* --------------------------------------------- */
  /*  Seitenabschluss und Copyright                */
  /* --------------------------------------------- */
  #pageFooter { background:url(../images/bg_footer.gif) transparent no-repeat; display:block; }
  
    #pageCopy { padding:5px 0px 0px 30px; }
    #pageCopy a { color:#515151; text-decoration:none; font:normal 10px arial,helvetica,sans-serif; }
    #pageCopy a:hover,
    #pageCopy a:focus,
    #pageCopy a:active { color:#333333; text-decoration:underline; }


  /* --------------------------------------------- */
  /* Generelle Styles                              */
  /* --------------------------------------------- */
  .no-css { display:none; } /* Inhalt wird nicht angezeigt, nur bei deaktiviertem CSS */
  .pageContentClear { clear:both; } /* clear content float (left, right, both) */