/* Christoph Nufer, main.css - (C) Jaroslav Herber */


html {
  background-color: #f2f3f4;
  font-family: Arial, sans-serif;
}

body {
  margin: 0;
  padding: 0;
}

.green #body #right h1, /*Seite mit "individuell" Home*/
.green #body #right h2,
.green #body #right h3,
.green #body #right h4,
.green #body #right #content ul li a:hover,
.green #body #right #content .arrow a:hover,
.green #body #right #content .csc-uploads-fileName p a:hover {
  color: #68b500;
}
      
    .green #body #right #content ul li a,
    .green #body #right #content .arrow,
    .green #body #right #content .csc-uploads-fileName p a {
      background: url(/fileadmin/images/default/arrow_li_content_home.gif) no-repeat;
      background-position: 0 50%;
    }

    .green #body #right #foot {
      background: transparent url(/fileadmin/images/default/home_back_image.gif) no-repeat 5px bottom;
    }
    


.green-yellow #body #right h1,  /*Seite mit "persönlich" Die Kanzlei*/
.green-yellow #body #right h2,
.green-yellow #body #right h3,
.green-yellow #body #right h4,
.green-yellow #body #right #content ul li a:hover,
.green-yellow #body #right #content .arrow a:hover,
.green-yellow #body #right #content .csc-uploads-fileName p a:hover {
  color: #9eb500;
}

    .green-yellow #body #right #content ul li a,
    .green-yellow #body #right #content .arrow,
    .green-yellow #body #right #content .csc-uploads-fileName p a {
      background: url(/fileadmin/images/default/arrow_li_content_kanzlei.gif) no-repeat;
      background-position: 0 50%;
    }

    .green-yellow #body #right #foot {
      background: transparent url(/fileadmin/images/default/unser_team_back_image.gif) no-repeat 5px bottom;
    }

.dark-green #body #right h1,  /*Seite mit "aktuell" News&Infos*/
.dark-green #body #right h2,
.dark-green #body #right h3,
.dark-green #body #right h4,
.dark-green #body #right #content ul li a:hover,
.dark-green #body #right #content .arrow a:hover,
.dark-green #body #right #content .csc-uploads-fileName p a:hover {
  color: #48842e;
}

    .dark-green #body #right #content ul li a,
    .dark-green #body #right #content .arrow,
    .dark-green #body #right #content .csc-uploads-fileName p a {
      background: url(/fileadmin/images/default/arrow_li_content_news.gif) no-repeat;
      background-position: 0 50%;
    }

    .dark-green #body #right #foot {
      background: transparent url(/fileadmin/images/default/news_infos_back_image.gif) no-repeat 5px bottom;
    }

.light-blue #body #right h1,  /*Seite mit "flexibel" Leistungsspektrum*/
.light-blue #body #right h2,
.light-blue #body #right h3,
.light-blue #body #right h4,
.light-blue #body #right #content ul li a:hover,
.light-blue #body #right #content .arrow a:hover,
.light-blue #body #right #content .csc-uploads-fileName p a:hover {
  color: #117273;
}
    
    .light-blue #body #right #content ul li a,
    .light-blue #body #right #content .arrow,
    .light-blue #body #right #content .csc-uploads-fileName p a {
      background: url(/fileadmin/images/default/arrow_li_content_leistung.gif) no-repeat;
      background-position: 0 50%;
    }
    
    .light-blue #body #right #foot {
      background: transparent url(/fileadmin/images/default/leistungsspektrum_back_imag.gif) no-repeat 5px bottom;
    }

.green-grey #body #right h1,  /*Seite mit "schnell" Mandanten-Zugang*/
.green-grey #body #right h2,
.green-grey #body #right h3,
.green-grey #body #right h4,
.green-grey #body #right #content ul li a:hover,
.green-grey #body #right #content .arrow a:hover,
.green-grey #body #right #content .csc-uploads-fileName p a:hover {
  color: #617735;
}

    .green-grey #body #right #content ul li a,
    .green-grey #body #right #content .arrow,
    .green-grey #body #right #content .csc-uploads-fileName p a {
      background: url(/fileadmin/images/default/arrow_li_content_mandanten.gif) no-repeat;
      background-position: 0 50%;
    }

    .green-grey #body #right #foot {
      background: transparent url(/fileadmin/images/default/mandatenzugang_back_image.gif) no-repeat 5px bottom;
    }

.brown #body #right h1,  /*Seite mit "umfassend" Service*/
.brown #body #right h2,
.brown #body #right h3,
.brown #body #right h4,
.brown #body #right #content ul li a:hover,
.brown #body #right #content .arrow a:hover,
.brown #body #right #content .csc-uploads-fileName p a:hover {
  color: #5e4508;
}

    .brown #body #right #content ul li a,
    .brown #body #right #content .arrow,
    .brown #body #right #content .csc-uploads-fileName p a {
      background: url(/fileadmin/images/default/arrow_li_content_service.gif) no-repeat;
      background-position: 0 50%;
    }

    .brown #body #right #foot {
      background: transparent url(/fileadmin/images/default/service_back_image.gif) no-repeat 5px bottom;
    }

.grey #body #right h1,  /*Seite mit "direkt" Kontakt und Anfahrt*/
.grey #body #right h2,
.grey #body #right h3,
.grey #body #right h4,
.grey #body #right #content ul li a:hover,
.grey #body #right #content .arrow a:hover,
.grey #body #right #content .csc-uploads-fileName p a:hover {
  color: #99aa93;
}

    .grey #body #right #content ul li a,
    .grey #body #right #content .arrow,
    .grey #body #right #content .csc-uploads-fileName p a {
      background: url(/fileadmin/images/default/arrow_li_content_kontakt.gif) no-repeat;
      background-position: 0 50%;
    }

    .grey #body #right #foot {
      background: transparent url(/fileadmin/images/default/Kontakt_back_image.gif) no-repeat 5px bottom;
    }
    
    .grey #body #right h1 {
      padding-right: 7px;  
    }
    
    .team #body #right #foot {
      background: transparent;
    }
    
    .contact #body #right #foot {
      background: transparent url(/fileadmin/images/default/unser_team_back_image2.gif) no-repeat 5px bottom;
    }
    
#body {
  margin: 0px auto 0px auto;
  padding: 29px 0 29px 0;
  width: 843px;
}

* html body {
  text-align: center; 
}

  #left {
    text-align: left;
    float: left;
    height: 611px;
    width: 193px;
    background: url(/fileadmin/images/default/left_background.gif) no-repeat;
  }
  
    #left a img {
      margin: 58px 0 0 15px;
      padding: 0;
      border: none;
    }
    
    #nav {

      font-family: "Univers 55", Arial, sans-serif;
      list-style: none;
      font-weight: bold;
      padding: 0 0 0 33px;
      margin: 68px 0 0 0;
    }
    
      #nav li {
        margin: 17px 0 0 0;
        padding: 0;
      }
    
        #nav li a {
          text-decoration: none;
          font-size: 12px;
          padding: 0;
          margin: 0;
          color: #360;
        }
        
        #nav li a:hover,
        #nav li.active ul li a:hover {
          color: #fff;
        }
        
        #nav li.active ul li a:hover {
          background: url(/fileadmin/images/default/arrow_li_active_nav.gif) no-repeat;
          background-position: 0 60%;
        }
     
      
      #nav li.active a {
        
        padding: 0;
        margin: 0;
        color: #fff;
      }
      
      #nav li.active ul li a {
        color: #360;
      }
    
        #nav li.active ul li.active a {
          color: #fff;
        }
     
        #nav li ul {
          display: none;
          list-style: none;
          font-weight: normal;
          padding: 3px 0 0 7px;
          margin: 0;
        }
        
        #nav li.active ul {
          display: block;
        }
        
          #nav li ul li {
            
            padding: 0 0 0 0;
            margin: 0 0 3px 0;
          }
          
            #nav li.active ul li a {
              background: url(/fileadmin/images/default/arrow_li_nav.gif) no-repeat;
              background-position: 0 60%;
              padding-left: 10px;
            }
          
          #nav li.active ul li.active a {
            background: url(/fileadmin/images/default/arrow_li_active_nav.gif) no-repeat;
            background-position: 0 60%;
          }

    

  #right {  
    display: block;
    text-align: left;
    position: relative;
    margin-left: 193px;
    display: block;
    height: 611px;
    width: 647px;
    background: url(/fileadmin/images/default/right_background.gif) no-repeat;  
  }  
    
    #right h1 {
      font-size: 68px;
      text-align: right;
      padding: 32px 4px 18px 0;
      margin: 0 0px 0 0;
    }
    
    #right h2,
    #right p,
    #right ul li {
      font-size: 12px;
    }
    
    #right h2 {
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 25px;
      padding-bottom: 0px;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    #body #right #content_border #content .news-single-item h3 {
      color: #555;
    }
    
    #body #right #content div.news-latest-container h3 {
      padding: 7px 0 8px 0;
      text-transform: uppercase;
      margin: 0;
    }
    
    
    #right h3 {
      display: block;
      font-size: 12px;
      margin: 2px 0 0 0;
      padding: 0 0 1px 0;
    }
    
      #right p {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        line-height: 17px;
        color: #555;
      }
    
    #content_border {
      overflow: auto;
      position: absolute;
      display: block;
      z-index: 3;
      height: 450px;
    }
    
    #content {
      color: #555;
      font-size: 12px;
      position: relative;
      margin: 0 37px 0 52px;
      padding: 0 20px 0 0;
      z-index: 2;
    }
    
    
      #content a {
        font-size: 12px;
        color: #555;
        padding: 0;
        margin: 0;
        
      }
      
  
    #content table tr td.csc-uploads-fileName,
    #content table tr td.csc-uploads-fileName p {
      margin: 0;
      padding: 0;
    }
    
    #content table tr td.csc-uploads-fileName p.csc-uploads-description {
      margin-bottom: 15px;
    }
    
    #content table tr td.csc-uploads-fileName p a {
      font-weight: bold;
      text-decoration: none;
      padding: 0 0 0 10px;
    }
    
    tr.tr-even td p a,
    tr.tr-odd td p a {
      display: block;
      margin: 0;
      padding: 0;
    }
    
    #right #scrollbar {
      position: absolute;
			z-index: 8;
			top: 205px;
			left: 600px;
			width: 14px;
			height: 198px;
			
    }
    
    		#right #scrollbar #scrollbar_up {
					position: absolute;
					left: 5px;
					width: 11px;
					height: 22px;
					cursor: pointer;
					cursor: hand;
					z-index: 10;
				}

				#right #scrollbar #scrollbar_down {
					position: absolute;
					top: 180px;
					left: 5px;
					width: 11px;
					height: 22px;
					cursor: pointer;
					cursor: hand;
					z-index: 10;
				}

				#right #scrollbar #scrollbar_track {
					position: absolute;
					width: 20px;
					height: 169px;
					top: 18px;
					left: 0px;
					background: transparent url(/fileadmin/images/default/scrollbar_back.gif) 9px 0 no-repeat;
					z-index: 9;
				}

				#right #scrollbar #scrollbar_drag {
					position: absolute;
					width: 20px;
					height: 20px; /*98px original*/
          left: 0px;
					z-index: 10;
					cursor: pointer;
					cursor: hand;
				}
        
      #content ul {
        padding: 0 0 0 0;
        margin: 0px 0 17px 0;        
      }
    
      #content ul li {
        color: #555;
        list-style: none;
        padding: 0px;
        margin: 0;
        line-height: 17px;
      }
    
      #content ul li a {
        margin-left: 0;
        padding-left: 10px;
        text-decoration: none;
        color: #555;
      }
      
      #right #content .arrow,
      #right #content p.arrow {
        margin: 0;
        padding: 0 0 2px 10px;
        text-decoration: none;
        color: #555;
        
      }
      
        #right #content p.arrow a {
          text-decoration: none;
        }

#body #right #content ul.subnav {
  margin-right: 10px;
  margin-top: 70px;
  text-align: center;
}
  
  #body #right #content ul.subnav li {
      display: inline;
      font-weight: bolder;
  }
  
    #body #right #content ul.subnav li a {
      background: none;
      padding: 0;
      margin: 0 6px 0 6px;
    }
  
      #foot {
        position: absolute;
        top: 436px;
        width: 100%;
        display: block;
        height: 169px;
        z-index: 1;
        padding
      }
      
        #foot_image {
          padding: 25px 0 0 6px;
        }



/* Tabelle im News-Bereich ***********************************/
#body #right #content_border #content .news-single-item table tbody tr td {
  border: 1px solid #000000;
  padding: 7px;
  margin: 0;

}

#body #right #content_border #content .news-single-item table {
  border-collapse: collapse;
  margin-left: 1px;
}