body {
   margin-left: 11px;
   margin-top: 20px;}

li li {
margin-left:30px;
}

td {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 130%; }

.img {border: 1px dotted #cccccc;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Layout */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table.layout {
   width: 976px;
   border-width: 0px;
   margin: 0px;
   padding: 0px; }
 
#socialbook {
background-color: #cccccc;
height:200px;
}

table.layout td {
   padding: 2px; }

.headerlinks {
   color: #b9b9b9;
   font-size: 10px;
   font-weight: bold;
   margin-bottom: 0px;
   margin-left: 2px; }

.headerlinks a {
   color: #999999;
   text-decoration: none; }

.headerlinks a:hover {
   color: #007cbc;
   text-decoration: none; }

#fixedtipdiv {
   position:absolute;
   padding: 2px;
   border:1px solid #ffffff;
   font:normal 10px Arial, Helvetica, sans-serif;
   color: #999999;
   line-height:125%;
   z-index:100; }

td.dotted_unten {
    border-bottom: 1px dotted #cccccc; }

td.show {
   height: 204px; }

td.dotted_rechts {
   border-right: 1px dotted #cccccc; }

td.dotted_rechtsunten {
   border-right: 1px dotted #cccccc;
   border-bottom: 1px dotted #cccccc; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Menue oben */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table.menu  {
   width: 100%;
   height: 28px;}

table.menu td {
   border-right: 2px solid #ffffff;
   width: 136px;
   text-align: center;
   vertical-align: middle;
   padding: 0px;}

table.menu td a {
   display: block;
   font-weight: bold;
   font-size: 14px;
   line-height: 28px;
   text-transform: uppercase;
   text-decoration: none;
   padding-top: 2px;
   background-color: #ffffff;
   height: 28px; }

table.menu td.start a {
   color: #b90000;}

table.menu td.start a:hover, a.aktiv {
   background-color: #b90000;
   color: #ffffff;}

table.menu td.profil a {
   color: #b90000;}

table.menu td.profil a:hover, a.aktiv {
   background-color: #b90000;
   color: #ffffff;}

table.menu td.beratung a {
   color: #e48b00;}

table.menu td.beratung a:hover, a.aktiv {
   background-color: #e48b00;
   color: #ffffff;}

table.menu td.vorsorge a {
   color: #003762;}

table.menu td.vorsorge a:hover, a.aktiv {
   background-color: #003762;
   color: #ffffff;}

table.menu td.software a {
   color: #a6bb00;}

table.menu td.software a:hover, a.aktiv {
   background-color: #a6bb00;
   color: #ffffff;}

table.menu td.design a {
   color: #bd017c;}

table.menu td.design a:hover, a.aktiv {
   background-color: #bd017c;
   color: #ffffff;}

table.menu td.rand {
   background-color: #ffffff;
   border-right-width: 0px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Menue links - Formatierungen - Standard ist Rot wie die Startseite oder Profil */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

     .lpmenu {
              margin: 0px;
              padding: 0px;
              width: 100%;}

      .lpmenu ul {
              margin: 0px;
              padding: 0px;
              padding-left: 10px;
              }

      .lpmenu ul ul {
              margin: 0px;
              padding: 0px;
              padding-left: 15px;
              }

      .lpmenu li {
              width: 100%;
              list-style-type:none;
              list-style-image: none !important;
              min-height: 20px;
              vertical-align: bottom;
              margin: 0px;
              padding: 0px;}

      .lpmenu li a {
              color: #007cbc !important;
              font-size: 12px;
              text-decoration: none;
              font-weight: normal;
              margin: 0px;
              padding: 6px 3px 6px 2px;
              display: block;
              border-bottom-color: #cccccc;
              border-style: dotted;
              border-width: 0px 0px 1px 0px;}

      .lpmenu li a:hover {
              color: #b90000 !important;
              font-size: 12px;
              font-weight: normal;}

      .lpmenu li a.active {
              color: #b90000 !important;
              font-size: 12px;
              font-weight: normal;
              background-color: transparent !important;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Contentbereich - Formatierungen */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table.content {
   padding: 10px;
   width: 551px;  }

table.content td {
   padding-left: 10px; }

h1 {
   font-size: 24px;
   margin-top: 26px;
   margin-bottom: 12px;
   line-height: 115%;  }

h2 {
   font-size: 30px;
   margin-top: 26px;
   margin-bottom: 4px;
   line-height: 115%;  }

h3 {
   font-size: 13px;
   margin-top: 2px;
   margin-bottom: 2px;
   line-height: 115%;  }

div.einleitung {
   font-size: 14px;
   color: #007cbc;
   line-height: 135%;
   margin-bottom: 22px;
   margin-top: 4px;}

p.einleitung {
   font-size: 14px;
   color: #007cbc;
   line-height: 135%; }

p {
   margin-bottom: 10px;
   margin-top: 4px;}

a {
   color: #007cbc;
   font-weight: bold; }

a:hover {
   color: #b90000;
   font-weight: bold; }

a img, a .image {
   text-decoration:none; }

table.content_suche {
   padding: 10px;
   width: 750px; }

table.content_suche td {
   padding-left: 10px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Aktionen - rechte Seite */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.aktionen {
   width: 192px; }

.startaktionen {
   width: 202px; }

.aktionstitel {
   background-color: #b90000;
   color: #ffffff;
   font-weight: bold;
   font-size: 14px;
   text-transform: uppercase;
   display: block;
   padding: 5px 4px 4px 6px; }

.aktionstext {
   background-color: #ffffff;
   padding: 5px 4px 6px 6px;
   font-size: 11px;
   color: #000000;
   font-weight: normal;
   border-bottom: 1px dotted #cccccc;
   margin-bottom: 2px;
   line-height: 14px; }

.startaktionen div.aktionstext {
   color: #000000;
   font-weight: normal; }

.aktionsbox {
   color: #ffffff;
   font-weight: bold;
   font-size: 11px;
   line-height: 14px;
   padding: 5px 4px 6px 6px;
   margin-top: 2px; }

.aktionslinie {
   background-color: #ffffff;
   margin-top: 2px;
   margin-bottom: 2px;
   border-bottom: 1px dotted #cccccc;
   height: 0px;
   width: 100%; }

div.aktionstext h5 {
   color: #b90000 ;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   margin-top: 1px !important;
   margin-bottom: 0px;
    text-decoration: none;}

.aktionstext ul {
   margin:0px;
   padding:0px;
   margin-left: 14px;  }

.aktionstext li {
   list-style-position:outside;
   list-style-image:none;
   font-size: 11px;
   color: #000000;
   font-weight: normal;
   line-height: 14px;  }

.aktionsbox ul {
   margin:0px;
   padding:0px;
   margin-left: 14px;
   color: #ffffff;
   font-weight: bold;
   font-size: 11px;
   line-height: 14px;  }

.aktionsbox li {
   list-style-position:outside;
   list-style-image:none;
   color: #ffffff;
   font-weight: bold;
   font-size: 11px;
   line-height: 14px; }

.aktionsbild {
   padding-top: 2px;
   padding-bottom: 2px; }

.aktionstext2 {
   background-color: #efefef;
   color: #000000;
   padding: 3px 4px 4px 6px;
   font-size: 12px;
   margin-bottom: 2px;
   line-height: 16px; }

.aktionstext2 a {
   font-size: 11px;
   text-decoration: none;
   line-height: 18px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Formatierung der News und Veranstaltungsanzeige, links                     */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.news_date, .event_date {
   font-size: 11px;
   font-weight: normal;
   font-style: italic;
   color: #999999;
   line-height: 130%;
   margin-bottom: 0px !important;
   margin-top: 3px;
   padding: 0px 4px 0px 6px; }

.news h1 {
   margin-top: 0px !important;
   margin-bottom: 2px !important;
   font-size: 13px !important;
   color: #b90000 !important;
   line-height: 130%;
   }

.news h1 a, .event_link a {
   text-decoration: none;
   color: #b90000 !important;;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   margin-top: 1px !important;
   margin-bottom: 0px;
   line-height: 130%;
   padding: 0px 4px 0px 6px;
   display: block;}

.news h1 a:hover , .event_link a:hover {
   text-decoration: none !important;
   color: #007cbc !important;
   font-size: 12px;
   font-weight: bold;
   line-height: 130%;
   text-transform: uppercase;
   margin-top: 1px !important;
   margin-bottom: 0px;
   padding: 0px 4px 0px 6px;}

.component {
   background-color: #ffffff;
   padding: 0px;
   font-size: 11px;
   font-weight: bold;
   color: #a6a6a6;
   /*border-bottom: 1px dotted #cccccc;*/
   margin-bottom: 2px;
   line-height: 130%; }

.component p {
 padding: 0px 4px 0px 6px;
 margin-top: 3px;
 font-size: 11px;
 line-height: 130%;
   font-weight: normal;
   color: #000000;}

.component .body .item {
   border: 0px dotted #cccccc;
   border-bottom-width: 0px;
   margin-bottom: 10px; }

.component .body .item .image img{
   /*width: 202px;
   height: 132px;*/
   border-width: 0px;
   padding: 2px 0px 0px 0px;
   margin: 0px;
 }

.overview .component .body .item .image img {
   float: left;
   margin: 0px 10px 0px 0px;
   width: 110px;
}

.allnews a, .allevents a {
 font-size: 11px;
 line-height: 130%;
 display: block;
 padding: 0px 4px 10px 6px;
 margin-top: 0px !important;
  }

div.allnews, div.allevents {
border-bottom: 1px dotted #cccccc;
 margin-bottom: 2px;
  }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Kontaktformular */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h5#profil {font-size: 14px;
                  text-transform: uppercase;
                  line-height: 125%;
                  margin-top: 8px; margin-bottom: 2px;
                 padding: 0px;
}

div.suche {vertical-align: middle;
                  margin-top: 10px;}

#btnQuickSearch {
   border-color: #ffffff;
   border-width: 0px !important;
   background-color: #ffffff !important;}

table.content td.label, span.label {
                          color:#000000;
                          font-weight: normal !important;
                          padding-top:6px;
                          padding-left:0px;
                          }

input.lang {      width:300px;
}

.lpDialog {
                          background-color: #FFFFFF;
                          border: 0px dotted #CCCCCC;
                          border-collapse:collapse;
                          margin-top:5px;
                          width:100%;
}
.lpDialog td {padding-left: 0px; }

/* Styledefinitionen fuer Tabellen zur Datendarstellung - lpTable */
/* allgemein */

      .lpTable {
              width: 100%;
              font-size: 12px;
              border-width: 0px 0px 0px 0px !important;
              border-color: #CCCCCC;
              border-style: dotted;
              border-collapse: collapse;
              background-color: #F4F4F4;
              margin-top: 16px; }

/* Alles fuer den Header */
      .lpTable th {
              background-color: #ffffff;
              text-align: left;
              color: #b90000;
              font-size: 13px;
              vertical-align: top;
              border-width: 0px 0px 1px 0px !important;
              border-bottom: 1px dotted #CCCCCC;
              padding: 2px 4px 2px 4px !important;  }

/* Ausrichtung von Spalten und Header */
      .lpTable td.rechts, thead th.rechts, th.right, td.right {
             text-align: right; }

      .lpTable td.zentriert, thead th.zentriert, th.zentriert {
             text-align: center; }

      .lpTable td.left, thead th.left, th.left {
             text-align: left; }

/* Datenbereich der Tabelle */
      .lpTable td {
             padding: 2px 4px 0px 4px !important;
             line-height: 18px;
             vertical-align: top;
              border-width: 0px 0px 0px 0px !important; }

      .lpTable tr.white, td.white  {
             background-color: #FFFFFF; }

/* lpTable Footer */
      .lpTable tfoot td {
             vertical-align: middle;
             font-size: 11px;
             background-color: #FFFFFF;
             border-width: 1px 0px 0px 0px;
             border-color: #D4D4D4;
             border-style: dotted; }

/* id=event Veranstaltungstabelle */

td.locationColumn {width:70px;}
td.actionColumn {width: 100px;}
.event_text {font-size: 11px;}

a.thema {
   color: #b90000;
   font-weight: bold;
   font-size: 14px;
   text-transform: uppercase;
   text-decoration: none; }

a.thema:hover {
   color: #007cbc;
   font-weight: bold;
   font-size: 14px;
   text-transform: uppercase; }


   table.content td ul {
   margin:0px !important;
   padding:0px !important;
   margin-left: 16px !important; }

li {
   list-style-position:outside;
   list-style-image:url(load.resource?resourceId=926); }

div.linie {
   width: 100%;
   border-top: 1px dotted #b9b9b9;
   height: 1px; }

table.uebersicht {
   width: 100%;
   margin: 0px;
   border-width: 0px; }

table.uebersicht td {
   padding: 0px 14px 14px 0px !important;
   vertical-align: top;
   line-height: 140%;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Menue oben */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


table.menu td.profil a {
   color: #b90000;}

table.menu td.profil a:hover, a.aktiv {
   background-color: #b90000;
   color: #ffffff;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Contentbereich - Formatierungen */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a.thema.profil {
   color: #b90000;
   font-weight: bold; }

a.profil:hover {
   color: #b90000;
   font-weight: bold; }

#rot {
   background-color: #b90000; }

#profil {
   color: #b90000;
   font-weight: bold; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Bewerbungsformular */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.jetztBewerben {
   background-color:#ffffff;
   color: #007cbc;
   font-size: 18px;
   font-weight: bold;
   text-align:left; 
   border:0px;
   padding: 0px;
   margin-bottom: 6px;
   text-decoration: underline !important;
   cursor:pointer; }

.jetztBewerbenHover {
   background-color:#ffffff;
   color: #b90000;
   font-size: 18px;
   font-weight: bold;
   text-align:left; 
   border:0px;
   padding: 0px;
   margin-bottom: 6px;
   text-decoration: underline !important;
   cursor:pointer; }

h2#job {
   margin-top: 0px; 
   color: #b90000; }