body, html {
   height: 100%;
}
body {
   width: 100%;
   font-family: verdana, helvetica, tahoma, arial, sans-serif;
   background: url(gfx/bg.jpg) top repeat-x;
   background-color: #a3a3a3;
}
#main {
   float: left;
   width: 944px;
   background-color: #fff;
}

div.firstmenu {
text-align:left;
margin-left: 14px;

}

div.firstmenu a:link {
  color:#000000;
  display:block;
  text-align:left;
  width: 180px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 7px;
  _padding: 8px 0px 0px 15px;
  text-decoration:none;
  font:bold 12px arial, sans-serif;
}

div.firstmenu a:visited {
  color:#000000;
 
  display:block;
  text-align:left;
  width: 180px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 7px;
  _padding: 8px 0px 0px 15px;
  text-decoration:none;
  font:bold 12px arial, sans-serif;
}

div.firstmenu a:hover {
  color:#046969;
 
  display:block;
  text-align:left;
  width: 180px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 7px;
  _padding: 8px 0px 0px 15px;
  text-decoration:none;
  font:bold 12px arial, sans-serif;
}

div.firstmenu a:active {
  color:#046969;
 
  display:block;
  text-align:left;
  width: 180px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 7px;
  _padding: 8px 0px 0px 15px;
  text-decoration:none;
  font:bold 12px arial, sans-serif;
}

div.firstmenuactive a {
  color:#046969;
  
  display:block;
  text-align:left;
  width: 180px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 7px;
  _padding: 8px 0px 0px 15px;
  text-decoration:none;
  font:bold 12px arial, sans-serif;
   margin-left: 14px;
 
}




strong, bold {
   font-weight: bold;
}
italic, em {
   font-style: italic;
}

.fax, .tel {
   margin: 0 6px -2px 0;
}
.fax {
   margin-top: 2px;
}

/*klicktrail*/
#klicktrail {
   float: left;
   width: 942px;
   _width: 900px;
   height: 25px;
   line-height: 23px;
   background: url(/fileadmin/templates/gfx/klickbar.jpg) left top no-repeat;
   font-weight: bold;
   font-size: 90%;
}

#klicktrail ul{
margin-left: 13px;
_margin-left: 7px;
}

#klicktrail li {
   float: left;
   color: #666;
   _margin-left: -17px;
   #text-indent: 18px;
}
#klicktrail li a {
   line-height: 22px;
   text-decoration: none;
   color: #666;
}
#klicktrail li.middle,
#klicktrail li.last {

#}

#line {
   float: left;
   width: 190px;
   height: 10px;
   margin-top: 9px;
   background: url(/fileadmin/templates/gfx/line.jpg) center center no-repeat;
}

/* head */
#head {
   height: 154px;
   float: left;
   width: 944px;
}
/*logo home-link*/
a.homelink {
   display: block;
   height: 149px;
   width: 230px;
   float: left;
}
a.homelink img {
   margin: 15px 0 0 16px;
}
a.homelink:focus, a img {
   top: 0;
}
/*theme*/
#theme {
   height:140px;
   width:450px;
   position: relative;
   left:260px;
   _left:150px;
   top: 6px; 
   float: left;
   background: url(/fileadmin/templates/gfx/change.jpg) no-repeat right bottom;
}

#theme img{
margin-top: 5px;
margin-left: 5px;
}


/* head-bottom */
#head-bottom {
   float: left;
   clear: left;
   width: 953px;
   width: 944px;
   height: 50px;
   background: url(/fileadmin/templates/gfx/head.jpg) no-repeat left top;
}


/* content */
#content {
   float: left;
   clear: left;
   width: 944px;
   background: url(/fileadmin/templates/gfx/menu.jpg) repeat-y;

      
}

/* sidebar */
#sidebar {
   background: url(/fileadmin/templates/gfx/menu.jpg) no-repeat left top;
   width: 191px;
   float: right;
   position: relative;
   right: 34px;
   
}
/* Navigation */
#navi-main {
   margin-top: 50px;
   margin-left: 35px;
   margin-bottom: 50px;
   text-align:left;
}
#navi-main li a {

   font-size: 85%;
   line-height: 2.5em;
   color: #333;
   text-decoration: none;
   font-weight: bold;
   display: block;
   text-align:left;
}
#navi-main li.act a,
#navi-main li.act-first a,
#navi-main li.act-last a,
#navi-main li.act ul li.act a,
#navi-main li.act ul li.act-first a,
#navi-main li.act ul li.act-last a,
#navi-main li a:hover,
#navi-main li.act ul li a:hover {
   color: #00a8e1;
}
#navi-main li.act-first li.no a,
#navi-main li.act-first li.no-first a,
#navi-main li.act-first li.no-last a,
#navi-main li.act-last li.no a,
#navi-main li.act-last li.no-first a,
#navi-main li.act-last li.no-last a {
   color: #333;
}
#navi-main li ul {
   margin: 1em 0 0 8px;
   width: 200px;
}
#navi-main li.act ul a {
   color: #717171;
   line-height: 1.22em;
}
#navi-main li.act ul li {
   margin-bottom: 0.8em;
}
#navi-main li.act ul li.no-last,
#navi-main li.act ul li.act-last {
   margin-bottom: 1.2em; 
}

/* Kontaktbereich */
#contact-data {
   text-valign: left;
   font:bold 12px arial, sans-serif;
   margin-top: 30px;
   margin-left: 20px;
}

#contact-data .csc-texttext {
   position: relative;
   top: 27px;
}
#contact-data h3 {
   #margin: 0 0 1em 22px;
   color: #046969;
   font-weight: bold;
   font-size: 100%;
   margin-left: 0px;
   margin-bottom: 0px;
}
#contact-data p {
   margin: 0 0 1em 22px;
   color: #666;
   font-weight: bold;
   font-size: 85%;
}
#contact-data a {
   color: #666;
   text-decoration: none;
}
#contact-data a:hover {
   color: #00a8e1;
   text-decoration: underline;
}

#contact-data2 {
   text-valign: left;
   font:bold 12px arial, sans-serif;

   margin-top: 10px;
   margin-bottom: 40px;
   margin-left: 20px;
}
#contact-data2 .csc-texttext {
   position: relative;
   top: 27px;
}
#contact-data2 h3 {
   #margin: 0 0 1em 22px;
   color: #046969;
   font-weight: bold;
   font-size: 100%;
   margin-left: 0px;
   margin-bottom: 0px;
}
#contact-data2 p {
   margin: 0 0 1em 22px;
   color: #666;
   font-weight: bold;
   font-size: 85%;
}
#contact-data2 a {
   color: #666;
   text-decoration: none;
}
#contact-data2 a:hover {
   color: #00a8e1;
   text-decoration: underline;
}




/* Inhalt */
#content-main {
   float: right;
   width: 679px;
   margin: 20px 0 0 40px;
   position: relative;
   right: 34px;
   
}
#content-main .csc-header,
#content-main .csc-texttext,
#content-main .csc-textpic,
.tx-indexedsearch,
.tx-pilmailform-pi1 {
   margin-bottom: 2em;
}

/* Inhaltselemente */
a {
   font-weight: bold;
   color: #999;
   text-decoration: none;
}
a:hover, a:focus {
   color: #046969;
   text-decoration: underline;   
}
a:focus {
   position: relative;
   top: 1px;
}

li a{

 color: #046969;

}

#bodytext span{
   border: none;
   background-color: transparent;

   #Hier beispielsweise #f00 für rote textfarbe
   color: #f00;
}

a.external-link-new-window{
   font-weight: bold;
   color: #046969;
   text-decoration: none;
   background-color: #ffffff;
   border: 0px solid #ffffff;
   
}

div.csc-textpic-caption-c .csc-textpic-caption{
text-align: center;
font:11px arial, sans-serif;

}


#content-main h1 {
   font-size: 121%;
   color: #046969;
   font-weight: bold;
}
#content-main h2 {
   font-size: 100%;
   color: #046969;
   font-weight: bold;
}
#content-main h3 {
   font-size: 100%;
   color: #046969;
   font-weight: bold;
}
#content-main h4,
#content-main h5,
#content-main h6 {
   font-size: 92%;
   color: #333;
   font-weight: bold;
}
#content-main p,
#content-main ul,
#content-main ol,
#content-main h1,
#content-main h2,
#content-main h3,
#content-main h4,
#content-main h5,
#content-main h6 {
   margin-bottom: 1em;
}

/* RTE Konfiguration: .introduction, .blue,.link -> rte.css */

#content-main ul li {
   list-style-image: url(/fileadmin/templates/gfx/q1.gif);
   list-style-type: disc;
   margin-left: 20px;
}
#content-main li ul li {
   list-style-image: none;
   list-style-type: none;
   margin-left: 20px;
}

td {
padding-left: 10px;
vertical-align: text-top;
}

td.align-center {
#padding-left: 10px;
#vertical-align: text-top;
text-align:center;
}



.accordion-item h3 {
   cursor: pointer;
}

/* FOOTER */
#footer {
   float: left;
   clear: left;
   width: 944px;
   height: 50px; 
   background: url(/fileadmin/templates/gfx/footer.jpg) no-repeat 191px top;
   background-color: #a3a3a3;
   
}
#footer p {
   color: #333;
   font-weight: bold;
   font-size: 85%;
   margin-top: 35px;
}
#footer p a {
   color: #333;
}

#wf{
   float: left;
   clear: left;
   width: 944px;
   height: 30px; 
   margin: -10px 0px 0px 0px;
   background-color: #a3a3a3;
   text-align: center;
   font-size: 100%;
   color: #000000;
   font:bold 11px arial, sans-serif;   
}

#wf a{
   background-color: #a3a3a3;
   text-align: center;
   font-size: 100%;
   color: #000000;
   font:bold 11px arial, sans-serif;   
   
}




/***CSS FUER KONTAKTFORMULAR EXTENSION pil_mailform***/
div.tx-pilmailform-pi1 form {
   width: 576px;
}
input, textarea,
div.tx-pilmailform-pi1 input, div.tx-pilmailform-pi1 textarea {
   border: 1px solid #666;
}
div.tx-pilmailform-pi1 textarea {
   width: 100%;
}
div.tx-pilmailform-pi1 select option {
   margin-right: 12px;
}
div.tx-pilmailform-pi1 .left-label p {
   margin: 0 !important;
}
div.tx-pilmailform-pi1 input.input-1 {
   width: 100%;
}
div.tx-pilmailform-pi1 input.input-2 {
   float: left;
   width: 15%;
}
div.tx-pilmailform-pi1 input.input-3 {
   float: right;
   position: relative;
   left: 2px;
   width: 82%;
}
input.submit-button {
   color: #fff;
   background-color: #046969;
   margin: 0 0 40px 0;
   cursor: pointer;
   border: none;
   font-size: 92%;
   font-weight: bold;
   line-height: 1.5em;
   height: 1.5em;
   padding: 0 5px;
}
input.submit-button:hover, input.submit-button:focus {
   background-color: #b7b7b7;   
}
div.tx-pilmailform-pi1 input.submit-button:focus {
   margin: 1px 0 42px 0;
}
div.tx-pilmailform-pi1 div {
   margin: 20px 0 0 0;
   color: #000;
}
div.tx-pilmailform-pi1 div.error-label {
   width: 100%;
   float: left;
   clear: both;
}
div.tx-pilmailform-pi1 div.left-label {
   width: 29%;
   float: left;
   clear: both;
}
div.tx-pilmailform-pi1 div.right-field {
   width: 70%;
   float: left;
}
div.tx-pilmailform-pi1 div#thankyou {
}
div.tx-pilmailform-pi1 p.error {
   color: #c9130a;
   font-weight: bold;
}