/*  ALLGEMEINES */
html { }
body { background: #fffcf6 url(../img/body-bg.jpg) 0 100px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #555; padding: 0; margin: 0; }

.bold { font-weight: bold; }
.normal { font-size: 0.8em; line-height: 1.4em; }
.left { float: left; margin-right: 10px; margin-top: 8px; }
.right { float: right; margin-left: 10px; margin-top: 8px; }
.small { font-size: 0.7em; line-height: 1.4em; }
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
a.img { text-decoration: none; border-bottom: 0px; }
img { border: 0; padding: 0; margin: 0; }
a, area { outline: none; }


/*  HEADER */
.header { height: 95px; width: 860px; margin: auto; }
.logo { position: absolute; margin: 8px 0 0 -24px; }

.impressum { float: right; relative; margin: 75px 10px 0 0; }
.impressum p { margin: 0; padding: 0;  }
.impressum a { color: #777; text-decoration: none; font-size: 11px; }

.impressum p { display:inline-block }
.impressum p + p {
  margin-left:1em;
}

/*  NAVIGATION */
.mainnav { height: 45px; background: #006633 url(../img/navi-bg.jpg) repeat-x; }
.navcontent { width: 860px; margin: auto; }

.mainnav ul { margin: 0 0 0 220px; padding: 0; list-style: none; }
.mainnav ul li { float: left; margin: 0 1px 0 0; }
.mainnav ul li a { color: #fff; display: block; padding: 15px; text-decoration: none; }
.mainnav ul li a:hover, .mainnav ul li.aktiv a { background: #01c764 url(../img/navi-bg-act.jpg) repeat-x; }


/*  ALLE INHALTE */
.maincontent { width: 860px; margin: auto; line-height: 1.6em; }

  /*  LINKE SPALTE */
  .links { position: relative; z-index: 100; width: 210px; margin: -28px 0 0 0; padding: 0; float: left; }
  
  .specialnav { background: #f3f3f3; padding: 8px; border: 1px solid #ccc; }
  .specialnav ul { margin: 12px 0 0 0; padding: 0; list-style: none; }
    *html .specialnav ul li { height: 1px; }
  .specialnav ul li a { color: #063; display: block; padding: 4px 0 4px 0; text-decoration: none; font-style: italic; font-weight: bold; }
  .specialnav ul li a:hover { text-decoration: underline; }
  
  .tipps { background: #f3f3f3; padding: 8px; border: 1px solid #ccc; }
  .tipps h2 { font-size: 13px; margin: 0; color: #063; }
  .tipps ul { margin: 0; padding: 0; list-style: none; font-size: 11px; }
    *html .tipps ul li { height: 1px; }
  .tipps ul li a, .tipps a { color: #063; display: block; padding: 4px 0 4px 0; text-decoration: underline; }
  .tipps ul li a:hover, .tipps a:hover { text-decoration: underline; }
  .tipps p { margin: 0; padding: 0; font-size: 11px; }
  
  .leftcontent { overflow: hidden; margin: 20px 0 0 0; }
  .leftcontent img { border: 1px solid #ccc; }
  

  /*  RECHTE SPALTE */
  .content { position: absolute; margin: 20px 0 0 230px; width: 630px; padding: 0  0 50px 0; }
    *html .content { margin-left: 20px; }
    *+html .content { margin-left: 25px; }
  
  .introimage { position: relative; margin: 20px 0 20px 230px; width: 615px; background: url(../img/schatten-img.html) bottom right no-repeat; padding: 0 7px 7px 0; line-height: 0 !important; }
    *html .introimage { padding-bottom: 4px; }
    *+html .introimage { padding-bottom: 4px; }
  
  .content h1 { font-size: 2.1em; font-weight: normal; margin: 7px 0 0.7em 5px; color: #063; line-height: 1.2em; }
    *html .content h1 { margin-top: 12px; }
    *+html .content h1 { margin-top: 12px; }
  .content h2 { font-size: 18px; font-weight: normal; margin: 7px 0 0.7em 5px; color: #333; line-height: 1.2em; }
  .content h3 { }
  .content h4 { }
  .content p { margin: 0 0 0 5px; }
  .content ul { list-style-image: url("img/liste.html"); }
  
  .content a { color: #063; font-weight: bold; text-decoration: none; }
  .content a:hover { text-decoration: underline; }
  
  .content .special { font-size: 18px; font-weight: normal; margin: 10px 0 0.7em 0; color: #666; line-height: 1.2em; }
  .content .special a { font-weight: normal !important; }
  
  .drucken { display: block; background: url(../img/icon-drucken.gif) center left no-repeat; padding: 0 0 0 16px; margin-top: 40px; }

.footer { clear: both; margin-top: 45px; padding-top: 8px; min-height: 16px; border-top: 1px solid #ccc; text-align: right; }
.footer p { margin: 0; color: #999; font-size: 11px; }


/*  T3-INTERNES */
.sitemap1, .sitemap2, .sitemap3, .sitemap4, .sitemap5, .sitemap6, .sitemap7 { 
font-size: 0.75em;
line-height: 1.7em;
}

.sitemap2 { margin-left: 25px; }
.sitemap3 { margin-left: 50px; }
.sitemap4 { margin-left: 75px; }
.sitemap5 { margin-left: 100px; }
.sitemap6 { margin-left: 125px; }
.sitemap7 { margin-left: 150px; }


.csi-textpic.csi-intext-left-nowrap { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }
.csi-textpic .csc-textpicHeader h2 { margin-top: 0; margin-bottom: 5px; }

.csi-textpic.csi-above { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }
.csi-textpic .csi-text h2 { margin-top: 0; margin-bottom: 5px; }
.credo { color: #999; font-style: italic; }
.kontakt { color: #000;}

.noborder .csi-textpic.csi-above { border-top: 0px solid #ccc; margin-top: 0; padding-top: 0; }


/*  FORMULARE  */
form { margin: 0px; padding: 0; }
  fieldset { margin: 0 0 0 6px; padding: 0; border: none; }
  legend { display: none; }


/* Specials fuer Powermail */
  
  .submit,
  .powermail_submit,
  .tx-powermail-pi1_confirmation_submit,
  .tx-powermail-pi1_confirmation_back { padding: 3px; }
  
    .submit,
    .powermail_submit,
    .tx-powermail-pi1_confirmation_submit { background-color: #063; border: none; color: #fff; }
    
    .tx-powermail-pi1_confirmation_submit { margin-bottom: 1.2em; }
    .tx-powermail-pi1_confirmation_back { background-color: #ddd; border: none; color: #333; margin-top: 1.2em; }

  
    .tx-powermail-pi1 input { width: 20em; margin-bottom: 5px; }
    .tx-powermail-pi1 select { width: 20.3em; margin-bottom: 5px; }
      *+html .tx-powermail-pi1 select { width: 20.45em; }
      *html .tx-powermail-pi1 select { width: 20.45em; }
    .tx-powermail-pi1 textarea { width: 20.5em; margin-bottom: 5px; }
      *+html .tx-powermail-pi1 textarea { width: 20.0em; }
      *html .tx-powermail-pi1 textarea { width: 20.0em; }
    .tx-powermail-pi1 label { display: block; float: left; width: 12em; margin-bottom: 5px;}
    .tx_powermail_pi1_fieldwrap_html { clear: left; }
    
    /* Radios, Checkboxen */
    .tx_powermail_pi1_fieldwrap_html_radio p,
    .tx_powermail_pi1_fieldwrap_html_check p { float: left; width: 12em; }
      
    .powermail_radio,
    .powermail_check { width: 1.5em !important; margin-left: -0.2em; border: none; background: none; }
    
      /* Anrede label */
      p.tx_powermail_pi1_fieldwrap_html_radio_title { margin: 0px; }
      .radiofield  { }
      .radiofield label { display: block; float: left; width: auto; margin-right: 20px; }
      .radiofield input { display: block; float: left; width: auto; margin-left: 0px; }
    
    /* Textbloecke */
    .tx_powermail_pi1_fieldwrap_html_label { margin: 1.2em 0 1.2em 0; }
      
      /* Platzierung erster Textblock nach Headline */
      .tx-powermail-pi1 { margin-top: -1.2em; }
      .tx-powermail-pi1_thx,
      .tx-powermail-pi1_confirmation { margin-top: 2.2em; }
    
    /* Submit */
    .tx_powermail_pi1_fieldwrap_html_submit { margin: 1.2em 0 1.2em 12em; }
    
    /* Fehlermeldung, Pflichtfeld */
  .powermail_mandatory { color: #c00; margin-left: 5px; font-weight: bold; }
  .powermail_mandatory_js { color: #c00; margin: -7px 0 10px 15em; font-size: 0.8em; }
    
    /* Beschreibung captcha */
    .tx_powermail_pi1_fieldwrap_html_captcha_description { font-size: 11px; margin-left: 12.3em; }
    .captcha { margin-left: 12.0em; }



/* ************************************************ */
/*  Formulare  alt */

.csc-mailform label { display: block; margin-top: 5px; }
.csc-mailform input  { width: 300px; }
.csc-mailform select  { width: 307px; }
.csc-mailform textarea { width: 300px; }

fieldset#mailformAnrede label { display: inline; }
fieldset#mailformAnrede input { width: auto; }

.csc-mailform-submit { background-color: #063; border: none; color: #fff; margin-top: 8px; width: auto !important; }