/**
 * Farben
 * -----
 * Blau:
 * 100% #00315e
 * 80%: #33597d
 * 60%: #65839d
 * 40%: #99acbd
 *
 * Grau:
 * #555
 * #7a7a7a
 * #bbb
 * #dedede
 * #ededed
 * #f4f4f4
 */



 /**
  * Schrift-Familie
  * -------
  */
/*  @font-face {
      font-family: "EurostileCustom";
      font-weight: normal;
      src: url(../font/Eurosti0.TTF);
  }
  @font-face {
      font-family: "EurostileCustom";
      font-weight: bold;
      src: url(../font/Eurostib.TTF);
  }
  */


@font-face {
    font-family: 'EurostileCustom';
    src: url('../font/2338E6_0_0.eot') format('embedded-opentype'), url('../font/2338E6_0_0.woff') format('woff') ,url('../font/2338E6_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'EurostileCustomBold';
    src: url('../font/2338E6_1_0.eot') format('embedded-opentype'), url('../font/2338E6_1_0.woff') format('woff'), url('../font/2338E6_1_0.ttf') format('truetype');
}



 html {
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #dedede;
    color: #555;
 }



 body {
    font-size: 12px;
    line-height: 1.7em;
 }

 input, textarea, table, td, th, p, ul {
    font-size: 1em;
 }

 /**
  * Abstand aller Blockelemente nach unten
  * -------
  */
 h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, code, dl, dt, dd, ol, ul, fieldset, table, img {
    margin-bottom: 10px;
 }

 /**
  * Links
  * -------
  */
  a {
    text-decoration: none;
    color: #00315e;
    padding: 2px 0;

  }
      p a {

      }

/*  a:hover {
    text-decoration: underline;
    background: #FFFFFF;
    color: #00315e;
    outline: 1px dotted #65839d;
  }*/
  a:hover {
/*    background-color: #00315e;
    color: #FFF;*/
    text-decoration: none;
    color: #65839D;
  }

*::selection { background:#00315e; color:#fff; }
*::-moz-selection { background:#00315e; color:#fff; }
*::-webkit-selection { background:#00315e; color:#fff; }

 /**
  * Ueberschriten
  * -------
  */
 h1 {
     font-family: EurostileCustom, Arial, Helvetica, sans-serif;
     color: #00315e;
     font-size: 35px;
     font-weight: normal;
     margin-top: 20px;
     line-height: 1em;
 }

 h2 {
    font-family: EurostileCustomBold,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-top: 15px;
    color: #00315e;
 }
 h2.inverse {
     color: #FFF;
     background: #65839d;

 }

 h3 {
    margin-top: 10px;
 }

 h4,
 h5,
 h6
 {
    font-size: 1em;
    font-weight: bold;
 }

 /**
  * Listen
  * -------
  */
  li {
      border-bottom: 1px #CCC solid;
      padding: 4px 0;
  }

  ul {
      padding: 0 0 0 20px;
      list-style-image: url(../img/bg/li.gif);
  }
      #content li {
          border:none;
      }

  ul li {

  }

  ol {
      list-style: decimal;
      padding: 0 0 0 20px;
  }

  ol li {

  }

/*  dl {
      padding: 10px 20px 10px 60px;
      border: 2px #bbbbbb dotted;
      background: #FFF url(../img/bg/dl.png) no-repeat top left;
  }

  dl dd {
      padding: 2px 0;
  }

  dl dt {
      font-weight: bold;
      border-bottom: 1px #bbbbbb dotted;
  }*/

 /**
  * Tabellen
  * -------
  */
  table {
      width: 100%;
  }

  table th {
      color: #000;
      font-weight: bold;
      text-align: left;
      border-bottom: 1px #999 solid;
      padding: 6px 8px;
  }

  table td {
      padding: 6px 8px;
      border-left: 1px #dedede dotted;
      border-bottom: 1px #DEDEDE solid;
  }
  table tr:nth-child(odd) td {
      background-color: #F6F6F6;
  }
  table tr td:nth-child(even) {
      background-color: #F2F2F2;
  }
  table tr th:nth-child(even) {

  }
  table tr:nth-child(odd) td:nth-child(even) {
      background-color: #F9F9F9;
  }


 /**
  * Formulare und Fieldsets
  * -------
  */
  fieldset {
      padding: 15px;
      border: 2px #BBBBBB dotted;
      background: #FFF;
  }

  fieldset legend {
      padding: 4px 10px;
      background: #FFF;
      border: 1px #BBBBBB solid;
      font-weight: bold;
      color: #00315e;
  }

  fieldset br {
    clear: both;
  }
  fieldset.mailform .csc-mailform-field, 
  label {
      font-weight: bold;
      color: #65839D;
      font-size: 0.9em;
      display: block;
      padding-top: 2px;
      border-top: 1px #DEDEDE dotted;
  }


  fieldset.mailform .csc-mailform-field {
      padding-top: 20px;
  }

  div .csc-mailform-label {
      color: #00315e;
      font-weight: bold;
      margin: 10px 0;
  }

  input, select, textarea {
      border: 1px #BBBBBB solid;
      background: #F4F4F4;
      color: #7a7a7a;
      padding: 7px 7px;
      line-height: 1.5em;
      width: 280px;
      margin: 3px;

      border-radius: 1px;
      box-shadow: inset 1px 1px 5px rgba(0,0,0,0.2);

            font-size: 1em;
            font-style: italic;
/*            font-family: Georgia;*/
  }

      .grid_3 input, .grid_3 select, .grid_3 textarea {
          width: 170px;
      }
      .grid_3 label {
          margin-top: 0;
      }
      .grid_4 input, .grid_4 select, .grid_4 textarea {
          width: 220px;
      }
      .grid_4 label {
          margin-top: 0;
      }

  select {
      box-shadow: inset -2px -2px 5px rgba(0,0,0,0.2);
  }
  select:focus {
      box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  }

  button,
  .button,
  .button-small,
  input[type="submit"],
  input.submit
  {
      display: inline-block;
      background: #00315e;
      color: #FFF;
      width: auto;
      min-width: 20px;
      cursor: pointer;
      padding: 8px 15px;
      border: none;

/*      font-style: italic;*/
      font-style: normal;

font-family: EurostileCustomBold, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.02em;

      border-radius: 3px;
      text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
  }

  body .bright,
  body input.bright{
      background-color: #65839d;
  }
/*   body .highlight,
   body input.highlight{
      background-color: #87a62b;
  }
   body .highlight:hover,
   body input.highlight:hover{
      background-color: #adc26d;
  }*/

      button:hover,
      .button:hover,
      .button-small:hover,
      input[type="submit"]:hover,
      input.submit:hover
      {
          background: #33597d;
          color: #DEDEDE;
      }
      button:focus,
      .button:focus,
      .button-small:focus,
      input[type="submit"]:focus,
      input.submit:focus
      {
          background: #aaaaaa  url(../img/loader_small.gif) no-repeat center center;

          box-shadow: none;
          color: transparent;
      }

      .button-small {
          padding: 2px 8px;
          font-family: Arial, Helvetica, sans-serif;
          text-transform: none;
          letter-spacing: 0;
      }

  input[type="checkbox"],
  input.checkbox
  {
      width: 20px;
  }

  input[type="radio"],
  input.radio
  {
      width: 20px;
  }

  input[type="image"]
  {
      width: auto;
      padding: 0;
      border: none;
  }

  input:hover,
  input:focus,
  textarea:hover,
  textarea:focus,
  select:hover,
  select:focus
  {
      border-color: #7a7a7a;
  }

  input:focus,
  textarea:focus,
  select:focus
  {
      background-color: #FFF;
      border-color: #65839D;
  }

 /**
  * Zitate
  * -------
  */
  blockquote {
      padding: 20px 40px;
      border: 2px #BBBBBB dotted;
      background: url(../img/bg/blockquote.png) no-repeat top left;
      font-style: italic;
  }

  cite {

  }

 /**
  * Sonstige Inhaltselemente
  * -------
  */
  code {

  }

  address {

  }

  hr {
    border: none;
    border-bottom: 1px #ccc solid;
  }



/**
* Custom Classes
*/

.einleitung ,
p.teaser {
   /* font-family: EurostileCustom, Arial, Helvetica, sans-serif;
   border-top: 2px #BBBBBB dotted;
   border-bottom: 2px #BBBBBB dotted;*/
   padding: 10px 0;
   font-size: 1.3em;
   line-height: 1.8em;
   color: #7a7a7a;
   letter-spacing: 0.025em;
}


.hidden {
    display: none;
}

/**
 * Weisse Box mit Schlagschatten
 **/
.box_shadow {
   border: 10px #FFF solid;
   background: #EDEDED;
   box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
/*   box-shadow: 1px 1px 4px rgba(0,0,0,0.5), inset 0 0 100px rgba(0,0,0,0.1);*/
    margin-bottom: 15px;
}

/**
 * Dropdown-Link
 **/
.dropdown {
   background: #00315e url(../img/arrow_down.gif) no-repeat right center;
   color: #FFF;
   padding: 9px 20px 9px 10px;
}
    .dropdown:hover {
       background: #00315e url(../img/arrow_down.gif) no-repeat right center;
       outline: none;
       text-decoration: none;
    }

/**
 * horizontale liste
 */
 .horizontal {
     padding: 0;
 }
 .horizontal li {
     float: left;
     display: block;
     min-width: 10px;
     border-right: 1px #999999 solid;
     padding: 0 10px;
     border-bottom: none;
 }
 .horizontal li:last-child {
     border: none;
 }

 /**
 *  weisse Box
 */

 /* .box wird per JS automatisch verlinkt zur Verwendung im Slider !! */
.box, .box2 {
     background: #FFF;
     padding: 17px 20px;
     margin-bottom: 20px;
     border: 1px #ccd6df solid;
 }

     .box div.csc-textpic {

     }
     .box div.csc-textpic h2,
     .box div.teaser h2 {
         margin-bottom: 5px;
         margin-top: 10px;
     }
     .box div.csc-textpic .csc-textpic-imagewrap,
     .box div.teaser-image{
         margin: -17px 0 15px -20px;
     }

         .box div.teaser-image .imageNotes {
            right: -15px;
            bottom: 5px;
         }


     /* Wird via Javascript gesetzt, wenn Header verlinkt ist*/
     .box_linked{
         cursor: pointer;
         -moz-transition: 0.6s all;
     }
     .box_linked a:hover{
         background: transparent;
         color: #00315e;
     }
     .box_linked:hover {
         box-shadow: 1px 1px 6px rgba(0,0,0,0.3);
         background: #EFEFEF;
         border-color: #999999;
     }

     .box ul {
         list-style:none;
         margin-left: 0;
         padding-left: 0;
     }
     .box ul li ,
     #content .box ul li  {
         list-style:none;
         border-bottom: 1px #CCC dotted !important;
     }


.inverse {
     background: #00315e;
     border: 1px #00315e solid;
     color: #FFF;
 }
.medium {
     background: #33597d;
     border: 1px #33597d solid;
     color: #FFF;
 }
.inverse a,
.medium a {
     color: #99acbd;
 }

.box h2 {
     margin-top: 0;
     border: none;
     background: none;
     padding: 0 0 4px 0;
 }
.inverse h2,
.medium h2 {
     color: #FFF;
 }


 .box_header {
     padding: 150px 20px 5px 20px;
     position: relative;
     overflow: hidden;
     margin-bottom: 11px;
 }
     .box_header h1{
         color: #FFF;
         position: relative;
         z-index: 4;
         margin: 0;
         text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
     }
     .box_header h2{
         color: #FFF;
         background-color: #00315e;
         border: none;
     }
     .box_header p{
         padding: 10px;
         background: #FFF;
     }
     .box_header .csc-textpic-text{
         z-index: 4;
         position: relative;
     }
     .box_header .csc-textpic-imagewrap{
         position: absolute;
         top: 0;
         left: 0;
         z-index: 3;
     }

 dl.csc-textpic-image {
     margin: 0;
     padding: 0;
     border: none;
     background: transparent;
     position: relative;
 }
     dl.csc-textpic-image dt{
         margin: 0;
         padding: 0;
         border: none;
     }
     dd.csc-textpic-caption {
        background: none repeat scroll 0 0 #33597D;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: normal;
        line-height: 1.4em;
        padding: 5px 15px 5px 8px;
        font-style: italic;
     }
     dd.csc-textpic-caption .csc-copyright{
         position: absolute;
         right: 0;
         bottom: 0;
         color: #FFF;
         padding: 2px 5px;
         cursor:help;
         background: #000;
     }
     .csc-textpic-image,
     .csc-textpic-single-image {
         position: relative;
         margin-bottom: 0;
     }

     DIV.csc-textpic DIV.csc-textpic-single-image IMG {
         margin-bottom: 0;
     }
     DIV.csc-textpic DIV.csc-textpic-single-image a ,
     DIV.csc-textpic DIV.csc-textpic-image a {
         padding: 0;
     }

     .csc-textpic-single-image .csc-copyright,
     .csc-textpic-image .csc-copyright{
         position: absolute;
         right: 0;
         bottom: 0;
         color: #FFF;
         padding: 2px 5px;
         opacity: 0.7;
         height: 1.1em;
         line-height: 1.1em;
         cursor:help;
         background: #000;
     }

     .csc-textpic-single-image .csc-copyright {
         bottom: 5px;
     }

    DIV.csc-textpic-imagewrap {
         padding-bottom: 5px;
     }

    .csc-textpic-intext-left .csc-textpic-imagewrap {
        margin-right: 3.5% !important;
        margin-bottom: 20px !important;
    }

    .csc-textpic-intext-right .csc-textpic-imagewrap {
        margin-left: 3.5% !important;
        margin-bottom: 20px !important;
    }

.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }


/**
 *  weisse Liste
 */
 ul.boxed {
     padding: 0;
 }
     ul.boxed li {
         background: #FFF;
         list-style:none;
         padding: 5px;
         margin-bottom: 10px;
         border: 1px #ccd6df solid;
     }
         ul.boxed li a {
             display: block;
         }

.tooltip {
    /*border: 1px #DEDEDE solid;*/
    color: #00315e;
    /*background: #FFF;*/
    padding: 8px 5px;
    font-style: italic;
    display: block;
    position: absolute;
    /*bottom: 0px;*/
    left: 50%;
    /*margin-left: -110px;*/
    text-indent: 0;
    width: 180px;
    text-align: center;
    opacity: 0;
    filter: Alpha(opacity=0);
    /*white-space: nowrap;*/
    /*border-radius: 2px;*/
    /*box-shadow: 2px 2px 4px rgba(0,0,0,0.4);*/
    z-index: 5;

    top: unset !important;
    left: unset !important;
    bottom: 20px !important;
    right: -80px !important;

    border-radius: 0px;
    box-shadow: none;
    border: medium none;
    background: transparent none repeat scroll 0% 0%;
    white-space: inherit;
}

    span.tooltip:before {
        content: url(../img/bg/tooltip.png);
        position: absolute;
        top: -8px;
        left: 50%;
        margin-left: -5px;
    }


    a:hover span.tooltip ,
    span.tooltip-show {
        opacity: 1;
        bottom: -50px;
        filter: Alpha(opacity=100);

        -moz-transition: 0.5s all;
        -webkit-transition: 0.5s all;

    }



ul.buttonlist {
    padding: 0;
}

    ul.buttonlist li {
        padding: 0;
        border: none;
        margin-bottom: 20px;
    }
    ul.buttonlist li a {
       display: block;
       background: #00315E;
       background-repeat: no-repeat;
       background-position: 5px 5px;
       padding: 20px 20px 20px 100px;
       color: #FFF;
       font-family: EurostileCustomBold, Arial, Helvetica, sans-serif;
       text-transform: uppercase;
       font-size: 12px;
       line-height: 1.2em;
       letter-spacing: 0.03em;
       height: 45px;

       -moz-transition: 0.5s all;
       -webkit-transition: 0.5s all;
       position: relative;
    }
    ul.buttonlist li a:hover {
       background-color: #33597d;
       text-decoration: none;
       box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
       outline: none;
    }
        ul.buttonlist li a img{
           position: absolute;
           top: 5px;
           left: 5px;
        }


ul.checklist {

}


  ul.checklist li{
      background: url(../img/bg/li.check.png) no-repeat 2px 0.7em;
      padding: 0.7em 5px  0.7em 32px;
      list-style: none;
      border: none;
  }

   ul.checklist li:nth-child(even){
      background-color: #dddfe4;
  }



  /* Stile von gemeinsamen Inhalten modernisisierer.de */

  p.teaser {

  }

  /* Form-CE wieder nutzbar machen */
  fieldset li.comment {
      margin-top: 5px;
  }
  fieldset li.comment,
  fieldset li.checkbox {
      list-style: none;
      padding: 0;
  }
  fieldset li.checkbox fieldset {
      border: none;
      padding: 0;
  }
  fieldset li.checkbox fieldset label {
      display: inline;
      border: none;
      margin: 0;
  }



  /*
  Anpassungen fuer Wirtschaftsdatenbank
  (http://mandanteninformationen.de/?w3cb/ bindet dieses Stylesheet ein)
  */
.Feld {
    background-color: inherit !important;
    border: inherit !important;
    height: inherit !important;
}

/* eb_forms Validation Message */
span.validationMessage {
    display: block;
    clear: both;
    color: red;
    margin-bottom: 10px;
    text-align: right;
}