/* Master CSS
DGNB Relaunch 2009
www.dgnb.de
Start: 25.04.2009
Letzte Aenderung: 03.12.2010
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Grün : #aacd4e
Blau (Links, ): #0055a3
Hellblau : #e7eded
Grau 1 : #ddd
Grau 2 : #c0c0c0
Grau 3 : #727476
Grau 4 (BG Content): #f3f3f3
*/

/* Reset
--------------------------------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
  font-size: 100.01%;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* Globals und Typo
--------------------------------------------------------------------------------------- */

html {
  background: #fff;
  font-size: 75%;
}

body {
  background: #fff;
  font-size: 12px;
}

html>body {
  font-size: 12px;
  color: #454545;
  /* color: #424242;*/
}

a:link {
  color: #006ccc;
  text-decoration: none;
}

a:visited {
  color: #006ccc;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
        outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

p {
  font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
  margin-top: 1em;
  margin-bottom: 1.5em;
}


h1 {
  font: 1.67em/1.3em Arial, Tahoma, Verdana, sans-serif;
  margin-bottom: 1em;
  padding-bottom: 0.3em;
  color: #006ccc;  background: url(/extensions/page/linie_lang.png) no-repeat left bottom;
}

h2 {
  font: bold 1.25em/1.3em Arial, Helvetica, Verdana, sans-serif;
  margin-top: 1em;
  color:  #666;
}

h3 {
  font: 1.13em/1.13em Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  margin-top: 1.5em;
  color: #006ccc
}

h4 {
  font: 1.17em/1.29em Arial, Tahoma, Verdana, sans-serif;
  margin-top: 1.29em;
  margin-bottom: 1.29em;
  color: #006ccc;
}


hr {
  margin: 1em 0;
        background: url(/extensions/page/linie_lang.png) no-repeat left bottom;
}


.hidden, .print{display:none;}

/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */
img, a img {
  border: 0;
}


/* Clearfix
--------------------------------------------------------------------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.clear {
  clear:both;
}


/* Ausgeblendet
--------------------------------------------------------------------------------------- */

.invisible {
  position: absolute;
  left: -400em;
  height: 1em;
}
.hide {
  display: none;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.links {
    float: left;
    margin: 0 15px 5px 0;
}

.rechts {
    float: right;
    margin: 0 0 5px 15px;
}

.zentriert {
    display: block;
    margin: 1em auto;
}

.inhalt-links {
    text-align: left;
}

.inhalt-rechts {
    text-align: right;
}


/* Layoutelemente
--------------------------------------------------------------------------------------- */

body {
  margin: 0;
  padding: 0 10px 10px;
  font-family: Arial, serif;
  font-size: small;
  line-height: 1.5em;
  position: relative;
}

#wrap {
  width: 960px;
position:relative;
  margin: 0 auto;
}

#header {
  height: 155px;
  overflow: hidden;
}

#header h1 {
  float: left;
  display: inline;
  width: 422px;
  height: 107px;
  background-image: none;
  margin: 20px 0 20px 0;
}

#header h1 a {
  display: block;
  width: 422px;
  height: 107px;
  text-indent: -200em;
  background: url(/extensions/page/bg-logo-page.png) no-repeat 0 0;
}

#navi {
  height: 28px;
  position: relative;
  /*background: #fff url(/extensions/page/bg-nav-e1.png) repeat-x top left;*/
        background: #D5DE8D;
  margin-bottom: 8px;
}

#breadcrumb {
  height: 20px;
  margin-bottom: 10px;
  font-size: 11px;
}

#breadcrumb a {
  color: #777;
}

#gutter {
  float: left;
  clear: both;
        overflow: hidden;
  background: #F3F3F3 url(/extensions/page/bg-gutter.png) repeat-y;
  margin-bottom: 10px;
}

#content {
  float: left;
  display: inline;
  width: 586px;
  padding: 26px;
}

#sidebar {
  float: right;
  display: inline;
  overflow: hidden;
  width: 300px;
  padding: 0px 10px 0 10px;
  line-height: 1.5em;
  color: #666;
}

#service {

       overflow: hidden;
  width: 610px;
  margin: 0;
  padding: 10px 0;
  text-align: right;
}

#footer {
        margin-top: 20px;
        overflow: hidden;
  padding: 10px 0;
  /*background:  url(/extensions/page/bg-footer.jpg) repeat-x top left;*/
}

/* Mitglieder Listview ABC Nav
--------------------------------------------------------------------------------------- */

.mattblacktabs{
/* width: 100%; */
overflow: hidden;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
list-style-type: none;
clear: both;
}

.mattblacktabs li{
display: inline !important;
margin: 0;
padding: 0 !important;;
background:  transparent !important; 
font-weight: bold;
}

.mattblacktabs li a {
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 10px; /*padding inside each tab*/
border-right: 1px solid #fff; /*right divider between tabs*/
border-bottom: 1px solid #fff; /*bottom horizontal line that runs beneath tabs*/
color: #fff;
background: #006BCE;
}

.mattblacktabs li a:visited{
background: #006BCE;
color: #fff;
}

.mattblacktabs li a:hover{
background: #BCD019;
color: #fff;
}
.mattblacktabs li a.selected{
background: #BCD019;
color: #fff;
}
.mitgliederh2 {
padding-bottom: 0.3em;
color: #424242;
background: url(/extensions/page/linie_lang.png) no-repeat left bottom;
}


/*  IE fixes */

#main, #col1_content, #col2, #footer {
  height: 1%;
  }
* html dl.feature { /* for IE5+6 */
  height: 1%; 
  }
*:first-child+html .feature { /* for IE7 */
  min-height: 1px; 
  }


/* FAQ /Personen
--------------------------------------------------------------------------------------- */
.faq {margin: 15px 0; }

div.faq dt {
  color:#006ccc;
  margin:0 0 0 0;
  padding:.2em 0;
        background:  url(/extensions/page/bg-bulletpoint.png) 0 8px no-repeat; 
        padding-left: 20px;
}
div.faq dt.titel-big {
  color:#454545;
  margin:0 0 0 20px;
  padding: 0 0 0 20px;
  background: url(/extensions/page/icons/icon-link-weiter.png) no-repeat 0px center;
}
div.faq dd {
       padding:5px 0 10px 0;
        margin-bottom: 10px;
        border-bottom: 1px dotted #777;
        overflow: hidden;
}
div.faq dd.text-big {
        padding:5px 0 10px 0;
        margin: 0 0 10px 20px;
        border-bottom: 1px dotted #777;
        overflow: hidden;
}
div.faq dd.text-big h2 {
        color:#454545;
}
div.wrap-wgbw h2 {
      clear: both;
      font-size: 1.1em;
      margin: 1em 0 0 0;
        padding: 0;
    color:#006ccc;
}
div.faq dd img.foto {
        margin-top: 15px;
}

div.faq dl.personen {
        margin-top: 15px;
        clear: both;
}
/* Sprachwechsel
--------------------------------------------------------------------------------------- */

div#lang {
position: absolute;
top: 5px;
left: 850px;
z-index: 99;
width: 100px;
}

#lang select {
float: right;
  color: #333;
  font-size: 1em;
  border: 1px solid #fff;
  padding: 1px;
}

#lang legend {
display: none;
}

ul#change-lang {
margin: 0;
padding: 0;
        float: right;
display: inline;
list-style-type:none;
margin-top: 10px;
  }
ul#change-lang li {
        display: inline;
margin: 0 6px;
  }

/* Suche
--------------------------------------------------------------------------------------- */

div#searchForm {
position: absolute;
top: 4px;
left: 815px;
z-index: 99;

}
div#searchForm input {
    padding: 2px 2px 2px 25px;
    width: 90px;
 background: #F2F5DD url(/extensions/page/bg-searchfield.gif) no-repeat 5px center;
float: left;
color: #999;
border: none;
}
div#searchForm .searchButton {
width:20px; 
height: 20px; 
padding: 0;
float: left;
margin-left: 2px;
margin-top: 2px;
border: none;
}



/* Formulare
--------------------------------------------------------------------------------------- */
/*form input, form select, form textarea {
  border-top: 1px solid #979797;
  border-right: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB;
  border-left: 1px solid #979797;
}
form#formmail p, form#newsletter p {
  margin-bottom: 8px;
}
form.suche label, form#formmail legend, form#formmail label, form#newsletter legend, form#newsletter label {
  display: none;
}

form#formmail input, form#newsletter input, form#formmail textarea, form#newsletter select {
  width: 510px;
  padding: 2px;
  background: white url(/extensions/layout/back_input.gif) repeat-x;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #707070;
}
form#newsletter select {
  width: 515px;
} */

.required {
  color: red;
  background-color: transparent;
}
.FormError {
  color: red;
  border-color: red;
  background-color: transparent;
}

.buttonkontakt {
  margin-bottom: 1em;
}
#form-button, 
#form-button1 {
        float: right;
        width: auto !important;
  background: transparent url(/extensions/layout/back_formbutton.gif) repeat-x !important;
        font-weight: bold;
}
.versteckt {
  display: none;
}

/* Formular Online Anmeldung */
#online-anmeldung {
  margin: 1em 0;
  clear: both;
}
#online-anmeldung form input, #online-anmeldung form textarea, #online-anmeldung form select {
  width: 300px;
  padding: 2px;
  background: white url(/extensions/layout/back_input.gif) repeat-x;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #707070;
}
#online-anmeldung form select { 
        width: auto;
        min-width: 307px;
}
#online-anmeldung form fieldset {
  padding: 15px;
  margin: 20px 0;
  border: 1px solid #c0c0c0;

}
#online-anmeldung form legend {
  color: #727476;
  background-color: #ddd;
  padding: 2px 5px;
        margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: bold;
}
#online-anmeldung form label {
  float: left;
  margin: 5px;
  padding: 2px 10px 0 0;
  width: 180px;
  display: block;
  text-align: right;
}
#online-anmeldung form dt {
  clear: left;
}
#online-anmeldung form label.radiolbl {
  width: 250px;
  text-align: left;
}
#online-anmeldung form div.tworows {
  margin-bottom:20px;
}
#online-anmeldung form div.tworows label {
  display: block;
        clear: both;
        width: auto;
        margin-left: 0;
}

dl.trenner {
        clear: both;
        background: transparent url(/extensions/page/linie_lang.png) repeat-x;
        margin: 5px 0;
        padding: 5px 0;
}

dl.clearcb {
        margin: 1em 0;
        clear: both;
}

dt.leftcb {
        width: 10%;
        float: left;
        display: inline;
}

dd.rightcb {
        width: 90%;
        float: left;
        display: inline;
        padding: 6px 0 10px 0;
}
.freigaben dl dt label { width:30px !important; }
input.freigabe {margin:0; width: auto !important; }
.hell { background-color:#eee !important; }

.checkbox, .radio {
  width: auto !important;
        background: transparent !important;
}

#online-anmeldung form span.reqMark {
        margin-left: 5px;
        color: red;
}

#online-anmeldung form label.radiolmv {
  text-align: left;
        width: auto;
        clear: both;
}
.mv_gruen {
        background-color: #D5DE8D;
        font-weight: normal;
}
.mv_weiss {
        background-color: #FFF;
        font-weight: normal;
}

.formError {
  color: #FF0000 !important;
}

.formhidden {
  display: none;
}
label.error {width:auto !important;display: block;margin: 5px 0 10px 0 !important; padding: 0 !important; border: none;font-size: 11px; font-weight: normal;line-height: 130%;}  

/*
  form.form div{margin:.5em 0;clear:both;}
  .form label {display:block;}
  .form fieldset {margin:0;padding:0;border:none;}
  .form legend {font-weight:bold;}
  .form input[type="radio"],.form input[type="checkbox"], .form .radio, .form .checkbox{margin:0 .25em 0 0;}
  .form fieldset{
    border:1px solid #ccc;
    padding:1em 2em;
    margin:0 0 1.5em 0;
    }
  .form legend{padding:2px 5px;}  
  form.form div.col{clear:none;}form div.first{clear:both;}
  form.form div{overflow:hidden;}
  .form input[type="text"], textarea, .field, .area, select{
    border:1px solid #aaa;
    padding:5px;
    background:#fff;
    width:300px;
    line-height:1em;
    margin:0;
    }  

  .form select{width:312px;}
  .form textarea, .area{overflow:auto; height:150px; width:400px;}
  .form input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
  .submit{}
  .form button{
    border:none;
    background:#555;
    color:#fff;
    padding:0 2.5em;
    height:2em;
    line-height:2em;
    cursor:pointer;
    }
*/


/* Tabellen Standard
--------------------------------------------------------------------------------------- */


table.standardTabelle {
margin: 1.5em 0;
  color: #505050;
  border-collapse:collapse;
}

.standardTabelle td, .standardTabelle th {
  border: 1px solid #989898;
  padding: 4px 4px 4px 5px;
  background:#eaeaea;
  text-align:left;
}
table.tabelle-rahmenlos, .tabelle-rahmenlos td, .tabelle-rahmenlos th, .tabelle-rahmenunten td  {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
table.standardTabelle, table.tabelle-rahmenlos {
  margin: 1em 0;
}
.standardTabelle td, .standardTabelle th, .tabelle-rahmenlos td, .tabelle-rahmenlos th {
  padding: .2em .5em;
  vertical-align: top;
  font-weight: normal;
}
.standardTabelle th, .tabelle-rahmenlos th {
  background:#dbe5a1;
  font-weight:bold;
}


.tabelle-rahmenunten td {
  padding: 0.5em;
  vertical-align: top;
  font-weight: normal;
        border-bottom: 1px solid #ccc;
}

.standardTabelle tbody td, .tabelle-rahmenlos tbody td {
  /*background: #999;*/
}
.standardTabelle tbody tr.odd td {
  background: #eee;
}
.standardTabelle tbody tr.odd th {
  background: #ccc;
}
.standardTabelle caption {
  text-align: left;
  font-size: 140%;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.standardTabelle table th a:link {
  color: #030;
}
table.standardTabelle th a:visited {
  color: #003;
}
table.standardTabelle td a:link {
  color: #369;
}
table.standardTabelle td a:visited {
  color: #000;
}
table.standardTabelle a:hover {
  text-decoration: none;
}
table.standardTabelle a:active {
  color: #000;
}

/* Zebra Tabelle --> Ausbildung
--------------------------------------------------------------------------------------- */

table.zebra {
        width: 100%;
        margin-bottom: 1em;
  border-collapse:collapse;
  }
  
table.zebra td, table.zebra th {
  border: 1px solid #989898;
  padding: 4px 4px 4px 5px;
  /* background:#fff; */
  text-align:left;
  }
table.zebra th {
  text-align:center;
  }  
  
table.zebra td.grau {
  background:#eaeaea;
  }

table.zebra td.grau_wq {
  background:#E1DFE0;
        font-weight: bold;
  }
table.zebra td.grau_dg {
  background:#E1DFE0;
  }
table.zebra td.blau {
  background:#3379B7;
        color: #fff;
        font-weight: bold;
  }

table.zebra th.blau_wq {
  background:#004185;
        color: #fff;
        font-weight: bold;
  }

table.zebra th.fixw {
        width: 30%;
  }  

table.zebra th.gruen, table.zebra td.gruen {
  background:#dbe5a1;
  font-weight:bold;
  }

table.zebra th.gruen_wq, table.zebra td.gruen_wq {
  background:#dbe5a1;
        /*background:#4BA329;*/
  font-weight:bold;
  }

table.zebra td.gruen_norm {
  background:#dbe5a1;
  }

table.zebra td.gruen_norm_wq {
  /*background:#dbe5a1;*/
        background:#4BA329;
  }
  
table.zebra td.bold, table.zebra th.bold {
  /*background:#fff;*/
  font-weight:bold;
  }

table.zebra td.preis, table.zebra th.preis {
  text-align:right;
  padding-right: 45px;
  }

table.zebra td.preis-rechts, table.zebra th.preis-rechts {
  text-align:right;
  }
  
table.zebra td.no_border, table.zebra th.no_border {
        font-weight: normal;
        text-align: left;
         border:0;
  }

table.zebra td.durchgestrichen {
  text-decoration: line-through;
}
table.zebra th.zentriert {
    margin: 0;
}
table.zebra td.zentriert-td {
    text-align: center;
}

span.durchgestrichen {
  text-decoration: line-through;
}
.stueckzahl {
  width: 100px;
        float: left;
}

/* Bildergalerie
--------------------------------------------------------------------------------------- */


table.imageboxindex  {
  line-height: 130%;
  color: #00004C;
  background-color: #F1F1F1;
  border: 1px solid #CCCCCC;
  padding: 5px;
        margin-bottom: 1em;
}
td.imageboximg a:hover {
border-bottom: 0px;

}
table.imageboxindex td {
vertical-align: top;
}

td.gallerynavi {
padding: 10px 3px;
}
.imagebox img, .imageboxindex img {
border: none;
}
.imagebox h3 {
  font-size: 1em;
margin: 0.5em 0;
}

.imagebox span {
font-size: 1.1em;
line-height: 130%;
}

.galcol1 {
width: 350px;
}

td.imagebox p {
margin: .3em 0 1.5em 0;
width: 250px;
font-size: .9em;
line-height: 130%;
}


/* Accordion
--------------------------------------------------------------------------------------- */
.accordion {
  list-style-type: none;
  padding: 0;
  margin: 0 0 30px;
  border: 1px solid #17a;
  border-top: none;
  border-left: none;
}
.accordion ul {
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  width: 100%;
}
.accordion li {
  background: #3cf;
  cursor: pointer;
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  width: 100%;
}
.accordion li.active>a {
  background: url('close.gif') no-repeat center right;
}
.accordion li div {
  padding: 20px;
  background: #aef;
  display: block;
  clear: both;
  float: left;
  width: 360px;
}
.accordion a {
  text-decoration: none;
  border-bottom: 1px solid #4df;
  font: bold 1.1em/2em Arial, sans-serif;
  color: #222;
  padding: 0 10px;
  display: block;
  cursor: pointer;
  background: url('open.gif') no-repeat center right;
}

/* Level 2 */
.accordion li ul li {
  background: #7FD2FF;
  font-size: 0.9em;
}

/* Tabs
--------------------------------------------------------------------------------------- */

ul#tabmenu li {
  margin-bottom: 0.8em;
}
ul#tabmenu li a {
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid transparent;
}
ul#tabmenu li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #007ABD;
}
ul#tabmenu li.active a {
  text-decoration: none;
  border-bottom: 1px solid #007ABD;
}


/* Listviews
--------------------------------------------------------------------------------------- */

.listviews a, .listviews a:visited {
  color: #707070;
  text-decoration: none;
}
.listviews a:hover {
  color: #007ABD;
  border-bottom: 1px solid #007ABD;
}
.lv-navi-wrap {
  padding: 1em 0 1.8em 0;
}
.lv-navi-back {
  float: left;
  display: inline;
  width: 15%;
  font-weight: bold;
}
.lv-navi-back a {
  background: url(/extensions/page/icons/icon-link-zurueck.png) no-repeat 0px 5px;
  padding: 0 0 0 20px;
}

.lv-navi-info {
  float: left;
  display: inline;
  text-align: center;
  width: 70%;
}
.lv-navi-next {
  float: right;
  display: inline;
  width: 15%;
  text-align: right;
  font-weight: bold;
}
.lv-navi-next a {
  background: url(/extensions/page/icons/icon-link-weiter.png) no-repeat right 5px;
  padding: 0 20px 0 0;
}

/* Im Blickpunkt
--------------------------------------------------------------------------------------- */

#sidebar h2 {
  padding: 0 0 .5em 0;
  margin: 0;
  font-size: 1.2em;
  color: #006ccf;
}

#blickpunkt {
  /*background: url(/extensions/page/bg-blickp.jpg) repeat-x top left;*/
  /*background: #DBEBF8; blau */
  background: #F1F5DC; /* gruen */
  padding:  3px 10px 10px 10px;
  width: 290px;
  overflow: hidden;
}


.blickpunkt-start-stretch {

/*height: 469px;*/
}
#blickpunkt h2 {
  margin-top: .5em;
}

#blickpunkt h3 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}


#blickpunkt li a {
  color: #006ccf;
  text-decoration: underline;
        display: block;
}

#blickpunkt li a:focus, li a:hover {
  color: #006ccf;
        text-decoration: none;
}

#blickpunkt li.vevent h3 a {
        color: #454545;
        text-decoration: none;
}

#blickpunkt p {
  margin: 0;
  padding: 0;
  margin-top: 2px;
}

#blickpunkt li.vevent {
  padding: 7px 0 7px 0;
  border-bottom: 1px dotted #545454;
  list-style: none;
}

#blickpunkt li.vevent .last {
  border-bottom: none;
}
 
#blickpunkt li.vevent img {
  clear: both;
  vertical-align: middle;
  margin: -2px 0px 0 0;
}



/* Login Box
--------------------------------------------------------------------------------------- */

#loginbox {
  position: relative;
  width: 290px;
  height: 115px;
  overflow: hidden;
  /*background: #F0F5C9 url(/extensions/page/bg-login-verlauf.jpg) repeat-x top left;*/
  background: #F1F5DC; /* gruen */
  font-size: 1em;
  margin-bottom: 10px;
  padding: 10px;
}

#loginbox h3 {
  float: left;
  font-size: 1.1em;
  margin: 0;
  padding: 0;
  color: #454545;
}

form.login label {
  margin: 0;
  padding: 0;
}

form.login input {
  margin: 0;
  padding: 0;
  border: 1px solid #aaa;
  color: #545454;
  padding: 2px;
  width: 180px;
}

form.login input.loginbutton {
  position: absolute;
  top: 90px;
  left: 210px;
  width: auto;
  border: none;
}

a.mwerden {
  float: right;
        padding-left: 20px;
        background: url(/extensions/page/icons/bg-icon-pen.png) no-repeat top left;
        text-decoration: underline;
}




/* Startseite
--------------------------------------------------------------------------------------- */

#gutter-start {
float: left;
clear: both;
margin-bottom: 10px;
  }

#content-start {
  float: left;
overflow: hidden;
  }

#start-bannerleiste {
width: 638px;
clear: both;
  }
#start-bannerleiste a {
width: 206px;
height: 109px;
margin-right: 10px;
  }
#start-bannerleiste a.end {
margin: 0;
  }

/* Teaser
--------- */
#teaser-start {
  float: left;
  width: 638px;
  /*height: 147px;*/
  /*height: 253px;*/
  margin-bottom: 10px;
  background: url(/extensions/page/bg-verlauf-teaser.jpg) ;
}
#teaser-start dl {
  overflow: hidden; /* self-clears floats within */
  padding: 0;
  margin: 13px 16px;
}
#teaser-start dt {
  float: left;
  width: 390px;
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: 700;
        line-height: 130%;
  margin-bottom: 0.3em;
}
#teaser-start dt.seconddt {
        margin-top: .5em;
}

#teaser-start dt a {
        color: #454545;
}
#teaser-start dt.alt-dt {
  width: 100%;
}
#teaser-start dd {
  margin: 0 220px 0 0;
  padding: 0;
}
#teaser-start dd.alt-dd {
  width: 100%;
}
#teaser-start dd.dd-en {
  margin: 0;
  padding: 0;
        clear: both;
}
#teaser-start dl dd.img {
  margin: 0;  
}

#teaser-start dl dd.secondimg {
  margin: 0;
}

#teaser-start dd.img img, #teaser-start dd.secondimg img {
  float: right;

}

#teaser-start dd.dd-trenner {
  width: 100%;
height: 1px;

overflow: hidden;
  border-top: 1px dotted #545454;
  margin: 10px 0 10px 0;
}

/* Sitemap
--------------------------------------------------------------------------------------- */

ul#sitemap li {
    background: transparent !important;
    padding-left: 0 !important;
    font-weight: bold;
}
ul#sitemap ul li { font-weight: normal }

/* Mitarbeiter
--------------------------------------------------------------------------------------- */

h3.hdl-mitarbeiter-lv {
    clear: both;
    margin-bottom: 1em;
}

div.box-mitarbeiter {
    overflow: hidden;
    float: left;
    display: inline;
    width: 180px;
    height: 220px;
    margin-right: 20px;
}

div.box-mitarbeiter-last {
    overflow: hidden;
    display: inline;
    float: left;
    width: 175px;
    height: 220px;
    margin-right: 0;
}

div.box-mitarbeiter-first {
    clear: both;
}

div.box-mitarbeiter p,
div.box-mitarbeiter-last p,
div.box-mitarbeiter-first p {
    margin: 1em  0 2.5em  0;
    overflow: hidden;
}

.mitarbeiter-wrap-col {
    float: left;
    display: inline;
    width: 180px;
    margin-right: 20px;
}

.mitarbeiter-wrap-col-last {
    float: left;
    display: inline;
    width: 175px;
    margin-right: 0;
}

/* Vor-/ Zertifizierte Projekte + Detail
--------------------------------------------------------------------------------------- */


div.objekt_wrapper {
border: 1px solid #989898;
clear: both;
margin: 1em 0;height: 1%;
background: #FFF;
}


div.objekt_header {
border-bottom: 1px solid #989898; 
padding: 14px;
background:  #fff;
}

div.objekt_header h3 {
margin: 0;
padding: 0;
font-size: 1.1em;
}

div.objekt_header p {
margin: 0;
padding: 0;
}

div.objekt_listview_daten {
width: 320px; 
float: left;
display: inline;
padding: 14px;
}

div.objekt_listview_bild {
width: 230px; 
float: right;
display: inline;
padding: 14px 0;
text-align:center;
}

div.objekt_detail_zertifizierung {
width: 230px; 
float: left;
display: inline;
padding: 14px;
}

div.objekt_detail_bild {
width: 230px; 
float: right;
display: inline;
text-align:center;
padding: 14px 0 14px 0;
}

div.objekt_detail_text {
width: 200px; 
float: left;
display: inline;
padding: 14px;
}

div.objekt_detail_daten {
width: 260px; 
float: right;
display: inline;
padding: 14px 0px 14px 14px;
}

ul.newsticker-archiv {
margin: 1.5em 0 !important;
}

.projektinfo {
  display: inline;
  width: 48%;
}
.pileft {
  float: left;
}
.piright {
  float: right;
}
.projektinfo th {
  background-color: #3178B8;
  color: #fff;
  font-weight:bold;
  text-align: left;
  padding: 3px 15px !important;
  width: 100%;
}
.projektinfo td {
  background-color: #E9EDF0;
  font-weight:bold;
  padding: 3px 15px !important;
  width: 100%;
}
.piborder {
  text-align: right;
  border-left: 2px solid #F3F3F3;
}


.image-legend dd {margin-right:13px; font-size: 0.8em; text-align: right;}

/* Pressemitteilungen
--------------------------------------------------------------------------------------- */

#pressemitteilungen-lv ul {
list-style-type: none;
}
#pressemitteilungen-lv ul li {
background: transparent url(/extensions/page/linie_lang.png) no-repeat left bottom;
margin: 0.5em 0;
padding: 1em 0;
}


#pressemitteilungen-lv h2 {
font: bold 1.3em/1.3em Arial, Tahoma, Verdana, sans-serif;
margin: 0.5em 0 0 0;
color: #006ccc;
}


#pressemitteilungen-lv p {
font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
margin: 0;
}

/* Sitemap
--------------------------------------------------------------------------------------- */
ul#sitemap
{
margin: 1em 0;
list-style-type: none;
background: url(/extensions/page/sitemap/dot.gif) repeat-y 3px 0;
padding: 0;
}

ul#sitemap li
{
margin-bottom: .5em;
font-size: 1.1em;
}

ul#sitemap li a
{
background: url(/extensions/page/sitemap/bullet1.gif) no-repeat 0 .4em;
padding-left: 15px;
color: #424242;
}

ul#sitemap li a.open, ul#sitemap li li a.open, ul#sitemap li li li a.open, ul#sitemap li li li li a.open
{
background-image: url(/extensions/page/sitemap/bullet2.gif);
}

/* second level */
ul#sitemap ul
{
margin: .5em 0 0 0;
padding: 0;
list-style-type: none;
}

ul#sitemap li li
{
background: url(/extensions/page/sitemap/dot2.gif) no-repeat 2px .5em !important;
font-size: 1em;
}

ul#sitemap li li a
{
padding: 0 0 0 35px;
background: url(/extensions/page/sitemap/bullet1.gif) no-repeat 25px .3em;
}

/* third level */
ul#sitemap ul ul
{
background: url(/extensions/page/sitemap/dot.gif) repeat-y 30px 0;
}

ul#sitemap li li li
{
background: url(/extensions/page/sitemap/dot2.gif) no-repeat 30px .5em !important;
}

ul#sitemap li li li a
{
padding: 0 0 0 60px;
background: url(/extensions/page/sitemap/bullet1.gif) no-repeat 45px .3em;
}

/* fourth level */
ul#sitemap ul ul ul
{
background: url(/extensions/page/sitemap/dot.gif) repeat-y 60px 0;
}

ul#sitemap li li li li   {
      background: url(/extensions/page/sitemap/dot2.gif) no-repeat 60px .5em !important;
}

ul#sitemap li li li li a {
        padding: 0 0 0 90px;
        background: url(/extensions/page/sitemap/bullet1.gif) no-repeat 80px .3em !important;
}

/* Infoboxen / Marginalspalte
--------------------------------------------------------------------------------------- */

.infobox {
        width: 314px;
        height: 1%;
}
.infobox ul, .infobox ol{
        list-style-type: none;
}
.infobox li {
        margin-bottom: 0.5em;
}
.infobox h2 {
        padding: .7em 0;
        margin: 0;
}

.infobox .inner {
        padding: 12px;width: 290px;
        margin-bottom: 10px;
        overflow: hidden;
}

.infobox .inner-bg-gr {
        background-color: #F7F6F4;
}


.infobox .inner-bg-gn-verl {
        background:#F1F5DC;
}

.infobox li {
        margin:0;
}

.infobox-border {
        width: 308px;
        height: 1%;
        border: 1px solid #DCE4A4;
        margin-bottom: 10px;
}

.inner-bg-ws {
        padding: 12px;
        overflow: hidden;
}

a.sidebar-banner-01, a.sidebar-banner-02 {
        display: block;
        margin-bottom: 10px;

}


/* Boxen Main
--------------------------------------------------------------------------------------- */

.box {
background: #E9EDF0;
margin: 10px 0;
padding: 15px 13px;
overflow: hidden;
}

.box .inner-col2 {
float: left;
display: inline;
}

.box .inner-img-col1 {
float: left;
display: inline;
width: 125px;
margin-right: 15px;
background: #fff;
}

.box .inner-img-col2 {
float: left;
display: inline;
width: 410px;
}

.box h2 {
margin: 0 0 1em 0; 
}

/* Plugnin jquery.show-hidden-text.js
--------------------------------------------------------------------------------------- */

div.code1, div.code2, div.code3 {display:none; }


/* Verschiedenes
--------------------------------------------------------------------------------------- */

.trenner {
clear: both;
background: transparent url(/extensions/page/linie_lang.png) repeat-x;
margin: 1em 0;
padding: 3px 0;
}


#content ul{
padding: 0;
margin: 0;
list-style: none;
  }

#content ol{
padding: 0;
margin: 0;
  }

#content ul li {
  background: url(/extensions/page/bg-bulletpoint.png) no-repeat 0px 5px;
  padding-left: 20px;
  margin: 0.4em 0;
}
#content ol li {
  margin: 0.4em 20px;
font-weight: bold;
  }
#content ol ol {
  margin: .5em 0;
}

#content ol ol li {
  list-style: none;
  font-weight: normal;
  margin-left: 0;
}
#content ol ul li {
        font-weight: normal;
}
#content ol ol ul {
  list-style: none;
        margin-left: 20px;
}
#content ol ol ul li {
  list-style: none;
}
#content ol ul ol li {
  list-style: none;
        background-image: none;
}

.ausbildung-hinweise li {
    background-image: none !important;
    padding-left: 0 !important;
}

.ausbildung-hinweise ul {
    margin-left: 15px !important;
}
.ausbildung-hinweise ul li {
    background: url(/extensions/page/bg-bulletpoint.png) no-repeat 0px 5px !important;
    padding-left: 20px !important;
}


a.link-intern {
  background: url(/extensions/page/icons/icon-link-int.png) no-repeat 0px center;
  padding: 0 0 0 20px;
}
a.link-intern-einzeilig {
        clear: both;
  background: url(/extensions/page/icons/icon-link-int.png) no-repeat 0px center;
  padding: 0 0 0 20px;
}
a.link-intern-einzeilig-rechts {
        float: right;
        clear: both;
  background: url(/extensions/page/icon-link-int.png) no-repeat 0px center;
  padding: 0 0 0 20px;
}

a.link-extern {
  background: url(/extensions/page/icons/icon-link-int.png) no-repeat 0px center;
  padding: 0 0 0 20px;
}

a.show-hidden-text {
        display: block;
        font-weight: bold;
  background: #fff url(/extensions/page/icons/icon-link-int.png) no-repeat 0px center;
  padding: 0 0 0 20px;
}

a.link-neuesfenster {
  background: url(/extensions/page/icons/icon-link-int.png) no-repeat 0px center;
  padding: 0 0 0 20px;
}

.link-vergroessern {
  background: transparent url(/fileadmin/icons/icon_verg.png) no-repeat top left;
        height: 21px;
        width:22px;
        overflow: hidden;
        text-indent: -999em;
        float: right;
        clear: both;
        margin-top: 3px;
}

.link-vergroessern a {
        display: block;
        height: 100%;
}

.but-popup {
        margin: 5px -5px 0 0;
}

a.link-weiter {
  background: url(/extensions/page/icons/icon-link-weiter.png) no-repeat 0px center;
  padding: 0 0 0 20px;
}

a.link-weiter-abstand {
  background: url(/extensions/page/icons/icon-link-weiter.png) no-repeat 0px center;
  padding: 0 0 0 20px; 
        margin-top: 10px;
}

a.link-weiter-box {
  background: url(/extensions/page/icons/icon-link-weiter.png) no-repeat 0px center;
  padding: 0 0 0 20px;
        display: inline;
}

a.link-zurueck {
  background: url(/extensions/page/icons/icon-link-zurueck.png) no-repeat 0px 5px;
  padding: 0 0 0 20px;
}

a.link-email {
  background: url(/extensions/page/icons/icon-mail.png  ) no-repeat 0px center;
  padding: 0 0 0 20px;
}
a.link-pdf {
  background: url(/extensions/page/icons/icon-pdf.png) no-repeat 0px center;
        padding: 5px 0 5px 20px;
}
a.link-word {
  background: url(/extensions/page/icons/icon-word.png) no-repeat 0px center;
  padding: 5px 0 5px 20px;
}

a.link-software {
    float: right;
    width: 273px !important;
    height: 28px !important;
    background: url(/extensions/page/bg-but-software.png) no-repeat;
    margin-bottom: 1em;
    text-indent: -999em;
}

a.link-anmeldung {
    float: right;
    width: 273px !important;
    height: 27px !important;
    background: url(/extensions/page/bg-but-anmeldung.png) no-repeat;
    margin-bottom: 1em;
    text-indent: -999em;
}
a:hover.link-software, a.link-anmeldung {
    border: 0;
}


/* Blockquotes - Zitate
--------------------------------------------------------------------------------------- */
h3.zitate-hdl {
                color: #666;
                line-height: 150%;
    }
blockquote {
                line-height:inherit;
                margin:0 0 2em 0;
                padding:0 1em 0 3em;
                background: url(/extensions/page/zitat_anf.png) no-repeat 0px 0px;
    font-style:italic;
    }

/* jQuery Toggle
--------------------------------------------------------------------------------------- */
.toggleshow{
    cursor: pointer;
}

.toggletd {
    padding: 0 !important;
}

.toggle_container{
    padding: 0 10px 10px 10px;
}



/* Navigation
--------------------------------------------------------------------------------------- */
#nav, #nav ul {
  margin: 0;
  padding: 0;
  width: 850px;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 1.3em;
  /*background: #fff url(/extensions/page/bg-nav-e1.png) repeat-x top left;*/
  background: #D5DE8D; /* gruen */
}
#nav li a {
  display: block;
  padding: 6px 14px 0 14px;
  height: 22px;
  color: #545454;
  font-weight: 700;
  font-size: 1.1em;
  text-decoration: none;
  /*background: transparent url(/extensions/page/bg-nav-e1-trenner.png) no-repeat top right;*/
  background: transparent url(/extensions/page/bg-nav-e1-trenner-32.png) no-repeat top right;
}
#nav ul a:hover {
  background-color: #777;
  color: #fff;
  height: auto;
}
#nav li {
  float: left;
  position: relative;
}
#nav li ul {
  background-image: none;
  height: auto;
  border: none;
  position: absolute;
  display: none;
  width: 200px;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9;
  z-index: 1000;
  border: 1px solid #EDEDED;
  border-bottom: 2px solid #BBB;
  padding: 7px 0 15px 0;
}
#nav li ul a {
  width: 175px;
  height: auto;
  color: #424242;
  font-weight: normal;
  font-size: 1em;
  background: none;
  display: block;
  float: none;
  padding: 6px 0;
  margin: 0 10px;
  border-bottom: 1px solid #d4d4d4;
}
#nav li ul a:hover {
  color: #006ccc;
  height: auto;
  background: transparent;
}
#nav ul ul {
  border-top: 1px solid #ccc;
  top: auto;
}
#nav li ul ul {
  left: 190px;
  margin-top: -39px;
  padding-bottom: 15px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
  display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
  display: block;
}
#nav li#homebutton {
  width: 30px;
  height: 28px;
  /*background: transparent url(/extensions/page/bg-nav-e1-trenner.png) no-repeat top right;*/
  background: transparent url(/extensions/page/bg-nav-e1-trenner-32.png) no-repeat top right;
}
#nav li#homebutton a {
  display: block;
  width: 28px;
  height: 28px;
  text-indent: -200em;
  background: url(/extensions/page/bg-nav-home-2.png) no-repeat top left;
}

#nav li#gmbhbutton {
  width: 70px;
  height: 28px;
}
#nav li#gmbhbutton a {
color: #006ccc;
}



/* Veranstaltungstipps
--------------------------------------------------------------------------------------- */
#content ul.veranstaltungstipps li  {
    background: url(/extensions/page/linie_lang.png) no-repeat left bottom;
    padding: 1em 0 1em 0;
}

#content ul h2  {
margin-bottom: .5em;
}

/* Pressemitteilungen
--------------------------------------------------------------------------------------- */
#pressemitteilungen-lv ul li {
    background: url(/extensions/page/linie_lang.png) no-repeat left bottom;
    padding: 1em 0 1.5em 0;
}

/* jQuery Logoscroller
--------------------------------------------------------------------------------------- */

/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#logoscroller {
  width: 100%;
  height: 50px;
  clear: both;
  padding: 10px 0;
        margin-bottom: 10px;
}
#outerContainer { width:958px; height:60px; margin:auto; position:relative; border: 1px solid #ccc;}
#imageScroller { width:958px; height:60px; position:relative; background:#fff; }
#viewer { width:940px; height:50px; overflow:hidden; margin:auto;position:relative; top:5px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; padding-right: 30px; }
/*#controls { width:947px; height:20px; position:absolute; top:4px; left:4px; z-index:10;  }
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }*/
#title { color:#000; font-family:arial; font-size:12px; width:100%; text-align:center; margin-top:10px;display: none; }
/*#rtl { background:url(images/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(images/ltr_over.png) no-repeat; }*/

/* Auditoren
--------------------------------------------------------------------------------------- */

div.auditorwrap {
        background: #FFF;
        border: 1px solid #989898; 
        clear: both; 
        margin: 1em 0;
        height: 1%;
}

div.auditorheader {
        background: #FFF;
        border-bottom: 1px solid #989898;
        padding: 0px 18px 10px 18px;
}

div.auditorheader h3 {
        margin-top: 10px;
}

div.auditorheader p {
        margin: 0;
}

div.auditorcol1 {
        width: 250px; 
        float: left;
        display: inline;
        padding: 14px 14px;
}

div.auditorcol2 {
        width: 280px;
        float: right;
        display: inline;
        padding: 14px 0px 14px 14px;
}

div.auditorcol2 h3 {
        margin-top: 10px;
}

div.auditorcol-det1 {
        width: 230px; 
        float: left;
        display: inline;
        padding: 14px;
}

div.auditorcol-det2 {
        width: 230px; 
        float: right;
        display: inline;
        padding: 14px;
}

div.auditorcol1 h4, div.auditorcol2 h4, div.auditorcol-det1 h4,div.auditorcol-det2 h4 {
        font-size: 1em;
        font-weight: bold;
        color: #454545;
}


/* Literaturtipps
--------------------------------------------------------------------------------------- */

#buecher dl {
    float: left;
    width: 580px;
        margin: 1em 0;
    padding: 0;
    display: inline; /* fixes IE/Win double margin bug */
}
#buecher dt {
    float: right;
    width: 480px;
        margin: 0;
    padding: 0;
        font-weight: bold;
}
#buecher dd{
    margin: 0 0 10px 100px;
    padding: 0;
}
#buecher dl dd.img {
     margin: 0;
}
#buecher dd.img img {
    float: left;
    margin: 0;
    padding: 0;
}

/* Tabelle Programm
--------------------------------------------------------------------------------------- */

.table-programm {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.table-programm h3 {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
    color: #000 !important;
}
.table-programm td,
.table-programm th {
    background-color: #B4D56F;
    padding: .5em;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}
.table-programm td.row-01 {
    background-color: #D7E8B5;
    font-weight: bold;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    padding: 5px !important;
    color: #000;
}
.table-programm td.color-01 {
    background-color: #D7E8B5;
    border-bottom: 2px solid #FFF;
    color: #000;
    font-weight: bold;
}
.table-programm td.color-01 h3 { color: #000 }
.table-programm td.row-02 {
    background-color: #B4D56F;
    font-weight: bold;
    color: #000;
    border-bottom: 2px solid #FFF;
    padding: 5px !important;
}
.table-programm td.row-02 h3 {
    display: inline;
    margin-right: 3em;
    color: #000 !important;
}
.table-programm td.row-02 h3 span {
    font-weight: normal;
    display: block;
}
.table-programm td.row-03 {
    background-color: #F7FBEE;
    padding: 5px;
}
.table-programm td.col-2 {
    width: 200px;
    padding: 0 0 1em 0;
}
.table-programm td.col-3 { padding: 0 .5em 1em 0 }
.table-programm td.workshopreihe {
    border-bottom: 2px solid #FFF;
    background-color: #DBDBDB;
    color: #000;
    font-weight: bold;
}


/* Tabelle Programm - Days
--------------------------------------------------------------------------------------- */

.tbl-progrd {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 1em 0;
}
.tbl-progrd th {
    background-color: #004185;
    font-weight: bold;
    color: #fff;
    font-size: 1.1em;
    padding: 3px 5px;
    border-bottom: 1px solid #989898;
    text-align: left;
}
.tbl-progrd td {
    background-color: #FFF;
    padding: 3px 5px;
}
.tbl-progrd td.progrd-c01 {
    background-color: #DDD;
    border-bottom: 2px solid #FFF;
    padding: 3px 5px;
    font-weight: bold;
    color: #000;
    text-align: left;
}

.tbl-progrd td.progrd-col01 {
    width: 120px;
    text-align: left;
}

/* Tabelle Stage Programm
--------------------------------------------------------------------------------------- */

.tbl-stage {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: .5em 0;
}
.stage-header {
    background-color: #004185;
    font-weight: bold;
    color: #fff;
    padding: 3px 5px;
    border-bottom: 1px solid #989898;
}
.stage-thema {
    background-color: #eaeaea;
    font-weight: bold;
    padding: 5px;
}
.stage-text {
    background-color: #FFF;
    color: #000;
    padding: 5px;
}
h3.stage-date {
    color: #006ccc;
    font-size: 1em;
}


/* Tabelle Workshops
--------------------------------------------------------------------------------------- */

.table-workshops {
    border-collapse: separate;
    border-spacing: 0;
    background-color: #F7FBEE;
    width: 100%;
}
.table-workshops td {
    padding: .5em;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}
.table-workshops td.row-01 {
    background-color: #D7E8B5;
    color: #575656;
    font-weight: bold;
    border-bottom: 2px solid #FFF;
    color: #000;
}
.table-workshops td.row-01-first {
    background-color: #D7E8B5;
    color: #575656;
    font-weight: bold;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    color: #000;
}

.table-workshops td.row-02 {
    background-color: #B4D56F;
    font-weight: bold;
    color: #000;
    padding: 5px;
    border-bottom: 2px solid #fff;
}
div.seminarbereich {
    width: 70px;
    float: left;
    display: inline;
}
div.seminartitel {
    width: 410px;
    float: left;
    display: inline;
}
.table-workshops td.row-02 span {
    font-weight: normal;
    display: block;
}
.table-programm td.color-02b {
    background-color: #f7fbee;
    color: #000;
}
.table-workshops td.row-03 {
    background-color: #F7FBEE;
    padding: 5px;
}
.table-workshops td.col3-1 {
    width:200px;
}



/* Tabellen Nutzungsprofile
--------------------------------------------------------------------------------------- */

.tblnp-col4-1 {
  border-collapse:collapse;
        background: #fff;
        font-size: .9em;
        margin-left: 2px;
        line-height: 130%;
        width: 99%;
}

.tblnp-col4-1 th {
        padding: 3px;
        margin: 3px;
        background: #D5DE8D;
        font-size: 1em;
  border: 1px solid #989898;
  padding: 4px;
  text-align:left;
}
.tblnp-col4-1 td {
        padding: 3px;
        margin: 3px;
  border: 1px solid #989898;
  padding: 4px;
  text-align:left;
}

.tblnp-col4-1 td.color1 {
        font-weight: bold;
        background: #EAEAEA;
}

.tblnp-col4-1 td.colfirst {
        width: 25%;
}

/* Extranet
--------------------------------------------------------------------------------------- */

.userbox {
        margin-bottom: 10px;
        overflow: hidden;
        background:#F1F5DC;
        width: 310px;
}

.userbox-inner {
        padding: 0 12px;
        background:#F1F5DC;
}

span.username-icon {
        background: url(/extensions/page/bg-usericon.png) no-repeat top left;
        line-height: 300%;
        padding-left: 20px;
}

p.back-auditor {
        margin: 5px 0 0 20px;
}

a.back-auditor {
        display: block;
        text-decoration: none;
  background: url(/extensions/page/bg-but-auditorenbereich.png) no-repeat 0px 0px;
  width: 173px;
  height: 18px;
        text-indent: -999em;
        text-decoration: none;
}

a.back-auditor:hover {
  background: url(/extensions/page/bg-but-auditorenbereich.png) no-repeat 0px -22px;
  width: 173px;
  height: 18px;
        border-bottom: none;
}

/*################
Login etc.
################*/

.styledForm form {
   margin: 1em 0;
   clear: both;
}

.styledForm form input,
.styledForm form textarea,
.styledForm form select {
   width: 280px;
   padding: 2px;
   background: white url(/extensions/layout/back_input.gif) repeat-x;
   font-size: 1em;
   font-family: Arial, Helvetica, sans-serif;
   color: #707070;
}

.styledForm form select  {
   width: auto;
}

.styledForm form fieldset {
   position: relative;
   padding: 15px;
   margin: 17px 0;
   border: 1px solid #D4D4D4;
   background-color: #E1E1E1;
}

.styledForm form legend {
   position: absolute;
   top: -1em;
   left: 5px;
   color: #007BBD;
   background-color: #FFF;
   padding: 2px 5px;
   font-size: 110%;
}

.styledForm form span.reqMark {
   margin-left: 5px;
   color: red;
}

.styledForm form .checkbox,
.styledForm form .radio {
   width: auto !important;
   border: 0;
   background: transparent !important;
}

.styledForm form label {
   float: left;
   margin: 5px;
   padding-right: 10px;
   width: 130px;
   display: block;
   text-align: right;
}

.styledForm form dt {
   clear: left;
}

.styledForm form label.radiolbl {
   width: 250px;
   text-align: left;
}

.styledForm form a.show-hidden-text {
   display: block;
   font-weight: bold;
   background: #fff url(/extensions/page/icons/icon-link-int.png) no-repeat 0px center;
   padding: 0 0 0 16px;
   margin: 1em 0;
}

.styledForm form .submit {
   display:block;
   float:left;
   width:auto;
   margin-right:15px;
   margin-top:5px;
   padding:2px 10px;
}

.styledForm form .passwortVergessen {
   display:block;
   float:left;
   margin-top:8px;
}

.error {
   font-weight:bold;
   padding:10px;
   border:1px solid red;
   color:red;
}

.notice {
   font-weight:bold;
   padding:10px;
   border:1px solid green;
   color:green;
}

/* Extranet Downloads
--------------------------------------------------------------------------------------- */

div.downloads-extra {
  border: 1px solid #B6B6B6;
  padding: 20px 20px 15px 20px;
  margin: 20px 0 10px 0;
}
div.downloads-extra h3 {
  font-size: 1.2em;
  margin: 0 0 1em 0;
}
div.downloads-extra ul {
  list-style: none;
  line-height: 160%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
div.downloads-extra ul li {
  background:  none !important;
  margin: 0 !important;
  padding: 0 !important;
}

div.downloads-extra a {
  display: block;
  padding: 3px 3px 3px 0;
  border-bottom: 1px solid #F5F5F5;
}
div.downloads-extra a[href$='.pdf'] {
  padding: 3px 20px 3px 0;
  background: transparent url(/extensions/layout/icon-pdf.png) no-repeat center right;
}
div.downloads-extra a[href$='.zip'] {
  padding: 3px 20px 3px 0;
  background: transparent url(/extensions/layout/icon-zip.png) no-repeat center right;
}
div.downloads-extra a[href$='.doc'] {
  padding: 3px 3px 3px 0;
  background: transparent url(/extensions/layout/icon-word.png) no-repeat center right;
}
div.downloads-extra a[href$='.xls'], div.downloads-extra a[href$='.xlsx'] {
  padding: 3px 3px 3px 0;
  background: transparent url(/extensions/layout/icon-excel.png) no-repeat center right;
}
div.downloads-extra a:hover {
  padding: 3px 3px 3px 0;
  text-decoration: none;
  border-bottom: 1px solid #B6B6B6;
}


/* AJAX Logo Scroller
--------------------------------------------------------------------------------------- */

p.logoscroller-info {
  margin: -12px 0 3px 0;
  padding: 10px 0 0 0;
  font-size: .9em;
  clear: both;
}
#scroller {
  border: 1px solid #ccc;
  width: 960px;
  height: 62px;
  position: relative;
  overflow: hidden;
}
#scrollerInner {
  width: 960px;
  position: absolute;
  left: 960px;
}
#scrollerMidle {
  position: absolute;
  left: 960px;
}
#scroller .scrollerItem {
  width: 150px;
  margin-top: 5px;
  height: 50px;
  float: left;
  margin-right: 50px;
  white-space: nowrap;
  position: relative;
}
#scroller .scrollerItem img {
  border: 0;
  position: absolute;
}
#scroller .scrollerItem img.hover {
  display: none;
}

/* Formular Projektanmeldung 2011
--------------------------------------------------------------------------------------- */

#schnittdarstellungen {
  overflow: hidden;
  margin-top: 1em;
  background: #fff;
}
#schnittdarstellungen p {
  margin: .5em 0;
  clear: left !important;
}
#schnittdarstellungen label {
  font-weight: bold;
  width: auto !important;
  text-align: left !important;
}
#schnittdarstellungen label a {
  font-weight: normal;
  margin-left: 7px;
}
#schnittdarstellungen input.radio_img {
  background: none;
  width: auto !important;
  padding: 0 !important;
}
.scol_1 {
  width: 100%;
  height: 150px;
  float: left;
  background: #fff url(/fileadmin/images/GmbH/Schnittdarstellung1.jpg) no-repeat 0px 40px;
}
.scol_21 {
  width: 28%;
  height: 200px;
  float: left;
  background: #fff url(/fileadmin/images/GmbH/Schnittdarstellung_2.1.jpg) no-repeat 0px 30px;
}
.scol_22 {
  width: 33%;
  height: 200px;
  float: left;
  background: #fff url(/fileadmin/images/GmbH/Schnittdarstellung_2.2.jpg) no-repeat 0px 30px;
}
.scol_23 {
  width: 38%;
  height: 200px;
  float: left;
  background: #fff url(/fileadmin/images/GmbH/Schnittdarstellung_2.3.jpg) no-repeat 0px 30px;
}
.scol_31 {
  width: 50%;
  height: 130px;
  float: left;
  background: #fff url(/fileadmin/images/GmbH/Schnittdarstellung_3.1.jpg) no-repeat 0px 47px;
}
.scol_32 {
  width: 50%;
  height: 130px;
  float: left;
  background: #fff url(/fileadmin/images/GmbH/Schnittdarstellung_3.2.jpg) no-repeat 0px 30px;
}
.scol_33 {
  width: 100%;
  height: 150px;
  float: left;
  background: #fff url(/fileadmin/images/GmbH/Schnittdarstellung3.3.jpg) no-repeat 0px 30px;
}
.scol_4 {
  width: 100%;
  height: 130px;
  float: left;
  background: #fff url(/fileadmin/images/GmbH/Grundrissdarstellung_4.jpg) no-repeat 0px 40px;
}
.scol_51 {
  width: 100%;
  height: 140px;
  float: left;
  background: #fff url(/fileadmin/images/GmbH/Schnittdarstellung5.1.jpg) no-repeat 0px 30px;
}
#schnittdarstellungen p {
        clear: both;
        margin-left: 10px;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

#tiptip_holder.tip_top {
  padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
  padding-top: 5px;
}

#tiptip_holder.tip_right {
  padding-left: 5px;
}

#tiptip_holder.tip_left {
  padding-right: 5px;
}

#tiptip_content {
  font-size: 11px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,0.25);
  background-color: #191919;
  background-color: rgb(25,25,25);
  background-color: rgba(25,25,25,0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
  -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: rgb(25,25,25);
  border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: rgb(25,25,25);
  border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: rgb(25,25,25);
  border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: rgb(25,25,25);
  border-left-color: rgba(25,25,25,0.92);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
  padding: 4px 8px 5px 8px;
  background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
  border-top-color: rgba(20,20,20,0.92);
}
}

#zertifizierteProjekteForm label {
  display: block;
  float: left;
  width: 130px;
}
#zertifizierteProjekteForm .box {
  float: left;
  width: 370px;
  height: 210px;
}

#zertifizierteProjekteForm .formItem {
  clear: both;
  margin-bottom: 5px;
}
#zertifizierteProjekteForm select {
  width: 230px;
}
#zertifizierteProjekteForm select.sortierung {
  width: 150px;
}
#zertifizierteProjekteForm input.text {
  border: 1px solid black;
  width: 228px;
}
#zertifizierteProjekteForm .boxRight {
  width: 150px;
  float: right;
}

/* Anmeldung Ausbildung 2011
--------------------------------------------------------------------------------------- */

#formtable1 .radio, #formtable2 .radio {
  width: auto;
  float: left;
  display: inline;
}
#formtable1 label, #formtable2 label {
  float: left;
  margin: 4px 0 0 4px !important;
  padding: 0 !important;
  width: auto !important;
  line-height: 1em !important;
  display: inline;
}

/* Veranstaltungen
--------------------------------------------------------------------------------------- */

.veranstaltungslogos-wrap  {
        clear: both;
        overflow: hidden;
}
.veranstaltungslogos-wrap ul.logos li {
        margin: 0 !important;
        padding: 0 11px 7px 0 !important;
        background: none !important;
        float: left;
}

.veranstaltungslogos-wrap ul.logos li.lastlogo {
        padding-right: 0 !important;
}

.veranstaltungslogos-wrap h2, .veranstaltungslogos-wrap h3 {
        color: #006ccc;  background: url(/extensions/page/linie_lang.png) no-repeat left top;
        font-size: 1em;
        padding: .5em 0 1em 0;
        text-transform: uppercase;
}

.second-link-ll {
        display: block;
        margin-top: .5em;
}

.fixwidth138 {
        width: 138px;
}


/* Organigramme und Strukturen
--------------------------------------------------------------------------------------- */

#organigramm {
  width:100%;
}
#organigramm td {
  vertical-align: middle;
}
#organigramm a {
  color:#454545;
  display: block;
}
#organigramm .head {
  background-color:#fff;
  height:40px;
  width:166px;
  text-align:center;
  border:2px;
  border-color:#cade5f;
  border-style:double
}
#organigramm .zeilelinks {
  background-color:#fff;
  height:40px;
  width:166px;
  text-align:right;
  padding-right:10px;
}
#organigramm .zeilerechts {
  background-color:#fff;
  height:40px;
  width:166px;
  padding-left:10px;
}
#organigramm .spalte {
  background-color:#0069bb;
  width:146px;
  height:187px;
  text-align:center
}
#organigramm .spalte2 {
  background-color:#cade5f;
  width:146px;
  height:187px;
  text-align:center
}
#organigramm .blank {
  background-color:#f3f3f3;
  width:18px;
}
#organigramm .headline {
  font-size:1.5em;
  color:#77787a
}
#organigramm a.headlinewhite {
  font-size:1.5em;
  color:#fff !important;
}
#organigramm .flies {
  font-size:1em;
  color:#77787a;
}


/* Tabelle Kriterien Steckbriefe
--------------------------------------------------------------------------------------- */

ul#sliderTabellen{
margin: 0 !important;
padding: 0 !important;
}

ul#sliderTabellen li {
margin: 0 !important;
padding: 0 !important;
background-image: none !important;
}

.kriteriensteckbriefe {
        width: 99%;
        margin: 1.5em 0;
        margin-left: 1px;
  background-color: #FFF;
        border-collapse:collapse;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.kriteriensteckbriefe th {
  border: 1px solid #989898;
  padding: 4px 4px 4px 5px;
  background:#eaeaea;
  text-align:left;
}
.kriteriensteckbriefe  td  {
  border: 1px solid #000;
  border-collapse: collapse;
  margin: 0;
  padding: .2em .5em;
  vertical-align: top;
}

.td-alt-01 {/* blau */
  background-color: #1759A3;
  color: #fff;
  font-weight:bold;
}
.td-alt-02 {/* grün */
  background-color: #B4CD59;
  font-weight:bold;
}

.td-alt-03 { /* grau */
  background-color: #F2F4F6;
        font-weight: bold;
}
.td-c {
  text-align: center;
}
.td-b {
  font-weight: bold;
}
.td-cb {
  font-weight: bold;
        text-align: center;
}


/* Eventkalender Box
--------------------------------------------------------------------------------------- */

#evcal_wrap {
  width: 314px;
  height:auto;
  margin:0;
  position:relative;
}

#evcal_container {
  width: 314px;
}

/* table */
.evcal_month {
  width:100%;
  height:auto;
  margin:0;
  background:#ddd;
  border:none;
}

.evcal_month td {
  height:22px;
  width:22px;
  padding:3px;
  text-align:center;
 /* line-height:16px;*/
  margin:0;
 /* cursor:pointer;*/
}

/* td hover class */
.hover { 
  background-color:#ccc !important;
  color:#fff !important; 
}

/* th: month/year display */
.evcal_head {
  padding:0 !important;
  margin:0 !important;
  background:#3178b8;
  color:#fff !important;
  font-weight:bold;
  vertical-align:middle;
  height:32px;
  }

.evcal_back, .evcal_next {
  width:20px;
  height:20px;
  display:block;
  outline:none;
  cursor:pointer;
  font-size:20px;
  font-weight:normal;
  padding:0;
  line-height:16px;
  color:#fff !important;
  text-decoration:none;
}

.evcal_back:hover, .evcal_next:hover { text-decoration:none; background:#578ab8; }
.evcal_back { margin:4px 0 4px 4px; }
.evcal_next { float:right; margin:4px 8px 4px 0; }


.evcal_day, .evcal_pastday, .evcal_empty, .evcal_eventActive  {
  height:30px !important;
  vertical-align:middle;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


/* single days */
.evcal_day {
  color:#727476;
  background:#f3f3f3;
  cursor:pointer;
}

.evcal_day:hover {
  background-color:#e3e3e3 !important;
  color:#000 !important;
}


/* past days */
.evcal_pastday, .evcal_empty {
  background:#f3f3f3;
  color:#aaa;
}
 
/* active day with event */
.evcal_eventActive {
  background:#fff;
  color:#333;
  font-weight:bold;
  font-size:12px;
 
  margin:0 !important; 
  padding:0 !important;
  vertical-align:top;
 /* cursor:pointer; position:relative;*/
}


.evcal_legend { margin: 10px auto !important; padding: 0 !important; background:#fff !important; font-size:10px; border:none !important; }
.evcal_legend td { text-align:left; vertical-align:middle; }
.evcal_legend td div { margin-top:5px; cursor:default; }

/* bulletpoints für die zuordnung */

.evcal_activeday_div { height:10px; width:10px; margin:1px 0 0 15px;  display:block; }
.intern, .va_dgnb, .ausbildung, .va_tipps { height:7px; width:7px; padding:0; float:left; margin:9px 0 0 2px; cursor:pointer; }
.intern { background:url(/extensions/eventkalender/evcal_bullets.png) no-repeat 0px 0px; margin-left:4px; }
.va_dgnb { background:url(/extensions/eventkalender/evcal_bullets.png) no-repeat -9px 0px; }
.ausbildung { background:url(/extensions/eventkalender/evcal_bullets.png) no-repeat -18px 0px; }
.va_tipps { background:url(/extensions/eventkalender/evcal_bullets.png) no-repeat -27px 0px; }

.evcal_actday{
 /* background:#0055a3;*/
  background:#1881df;
  color:#fff;
  font-weight:bold;
  cursor:default;
 /* cursor:pointer; nur wenn event vorhanden */ 
}

.evcal_actday:hover { background:#2b96f5 !important; }

.actday_hover {
  background:#1c80dc !important;
  color:#fff !important;
}

/* day boxes */
.evcal_days {
  background:#d5de8d;
  color:#666;
  height:30px !important;
  line-height:28px;
  vertical-align:middle;
}

/* Bubble */
#event_bubble {
  display:none;
  width:280px;
  height:180px;
  background:url(/extensions/eventkalender/bubble.png) no-repeat 0px 0px;
}


/* daten im bubble */
.bubble_event_data {
  margin:2px;
  padding:6px;
  width:256px;
  margin:0 auto;
  display:block;
  font-size:11px;
}

.eventbox_headerbar {
  height:22px;
  margin:2px 4px 2px 0;
  border-bottom: 1px dotted #ccc;
  font-size:13px;
  color:#0055a3;
  display:block;
  
}

.bubble_event_data div.daten {
  margin:2px 4px 0 0;
  border-bottom: 1px dotted #ccc;
  font-size:11px;
  font-weight:normal;
  line-height:16px;
}


.bubble_event_data a {
  color:#0055a3;
  font-weight:bold;
  font-size:11px; 
}


.close {
  width:16px;
  height:16px;
  position:absolute;
  top:5px;
  left:252px;
  border:none;
  outline:none;
  background:url(/extensions/eventkalender/action_delete.gif) no-repeat 0px 0px;
  cursor:pointer;
}

.close_hover {
 background:url(/extensions/eventkalender/action_delete.gif) no-repeat -16px 0px;
}

.evcal_eventBox h4 { 
  font-size:12px;
  font-weight:bold;
  color:#FF0000; 
  margin:0 0 8px 0;
  border-bottom:1px dashed #888888;
  height:20px;
}

.evcal_eventBox p { 
  font-size:10px;
  font-weight:normal;
  margin:0 0 3px 0;
}


/* Neue Tabellen 18.11.2011
--------------------------------------------------------------------------------------- */

table.datatable-01 { border: 10px solid #eaeaea; margin: 1em 0; padding: 10px; width: 100%; background-color: #eaeaea; text-align: center; }
table.datatable-01 th { background: #063d82; color: #fff; padding: 5px; }
table.datatable-01 td { border: 10px solid #eaeaea; background: #fff; color: #000; padding: 5px; }
table.datatable-01 td.hidecell { background: transparent }
table.datatable-01 td a { color: #454545; font-weight: bold; }

table.datatable-02 { border: 8px solid #eaeaea; margin: 0 0 1em 0; padding: 8px; background-color: #eaeaea; text-align: center; font-size: 0.85em; }
table.datatable-02 th {background:#063d82;  color: #fff;  padding: 4px;  font-size:1.3em;}
table.datatable-02 .datatable-02-header a {display: block;height: 100%;color: #fff;}
table.datatable-02 td { border: 8px solid #eaeaea;background:#fff;color: #000;padding: 4px;}
table.datatable-02 td.column16 { width:16.5%; line-height: 130%;}
table.datatable-02 td div { width:100%; height:100px; display:block; cursor:pointer; padding:2px; }
table.datatable-02 td div.front { background:#fff; }
table.datatable-02 td div.back { background:#4ba329; color:#fff; }
table.datatable-02 td.datatable-02-header { font-size:1.1em; color:#fff; font-weight:bold; vertical-align:middle; background:#4ba329; }
table.datatable-02 td.hidecell { background: transparent; padding:0 !important; }
table.datatable-02 td a, table.datatable-03 td a {color: #454545;}

table.datatable-03 { margin: 0 0 20px 0; padding: 0 8px; background-color: #fff; text-align: center; font-size: 0.9em; }
table.datatable-03 td { background: #fff; color: #000; padding: 0 4px 0 8px; }

table.datatable-04 { margin: 1em 0; padding: 0; background: #f3f3f3; text-align: center; font-size: 1em; border: 5px solid #f3f3f3; }
table.datatable-04 th { background: #063d82; color: #fff; padding: 4px; font-size: 1em; }
table.datatable-04 td { color: #000 }
table.datatable-04 td  a { display: block; color: #000; background: #fff; padding: 4px; margin: 5px; }


/* Ausbildung Navi Seitenleiste
--------------------------------------------------------------------------------------- */

.ak-box-wrap { overflow: hidden; padding-right: 34px; margin: 0 -10px 10px 0; background: url(/extensions/page/akademie/ak-header-bg.png) no-repeat center right; }
.ak-box { background: #f3f3f3; padding: 10px; overflow: hidden; font-size: 12px; line-height: 1.3em; margin-bottom: 10px; }
.ak-current { background: #bfcee0 }
.ak-currentborder-right {border-color: #bfcee0 !important;}
.ak-currentborder-left {border-color: #bfcee0 !important;}
.ak-last { margin-bottom: 0 }
.ak-box h4 { margin: 0; text-align: center; font-size: 12px; font-weight: bold; }
.ak-box h4 a { padding: 5px; display: block; height: 100%; color: #fff; background-color: #4ba329; }
.ak-box h4 a:hover { background-color: #449425; text-decoration: none; }
.ak-box ul { margin: 10px 0 0 0; padding: 0; list-style: none; clear: both; background-color: #fff; overflow: hidden; }
.ak-box ul li.ak-left,
.ak-box ul li.ak-right { margin: 0; padding: 5px; list-style: none; width: 113px; height: 65px; }
.ak-box ul li.ak-left { float: left; display: inline; border-right: 5px solid  #eaeaea; }
.ak-box ul li.ak-right { float: right; display: inline; border-left: 5px solid  #eaeaea; }
.ak-box ul li a { display: block; color: #666; height: 100%; }
.ak-box ul li a:hover { color: #000; }



/* tabelle in tabs: akademie/grundlagenwissen/ tab4 */
.tabelle-reg-prof { 
  width:560px; height:170px;display:block;background:url(/fileadmin/images/ausbildung/abschluss_consultant_klein.png) no-repeat 0px 0px; position:relative;
}

.tabelle-reg-prof a {
  height:18px;
  display:block;
  outline:none;
  position:absolute;
}
.tabelle-reg-prof a span { display:none; }
.pfeil1 { width:200px; top:104px; left:10px; }
.pfeil1:hover { background:url(/fileadmin/images/ausbildung/abschluss_consultant_klein.png) no-repeat -10px -196px; }
.pfeil1-active { background:url(/fileadmin/images/ausbildung/abschluss_consultant_klein.png) no-repeat -10px -256px; }

.pfeil2 { width:145px; top:123px; left:230px; }
.pfeil2:hover { background:url(/fileadmin/images/ausbildung/abschluss_consultant_klein.png) no-repeat -230px -215px; }
.pfeil2-active { background:url(/fileadmin/images/ausbildung/abschluss_consultant_klein.png) no-repeat -230px -275px; }

.pfeil3 { width:550px; top:146px; left:0px; }
.pfeil3:hover { background:url(/fileadmin/images/ausbildung/abschluss_consultant_klein.png) no-repeat 0px -238px; }
.pfeil3-active { background:url(/fileadmin/images/ausbildung/abschluss_consultant_klein.png) no-repeat 0px -298px; }



/*  Digitaler Mitgliedsantrag 2012 
-----------------------------------------------------------------------*/

.dgnbform div{margin:.5em 0;clear:both;}
  .dgnbform fieldset{margin:0;padding:0;border:none;}
  .dgnbform legend{font-weight:bold;}
  .dgnbform input[type="radio"],input[type="checkbox"], .dgnbform .radio, .checkbox{margin:0 .25em 0 0;}
  .dgnbform fieldset{
    border:1px solid #ccc;
    padding:1em 2em;
    margin:0 0 1.5em 0;
    }
  .dgnbform legend{padding:2px 5px;}  
  .dgnbform div{overflow:hidden;}
  .dgnbform input[type="text"], .field, .area, .dgnbform select{
    font:1em Helvetica, Arial, Sans-Serif;
    line-height:1.5em;
    color:#333;
    border:1px solid #aaa;
    padding:5px;
    background:#fff;
    width:300px;
    line-height:1em;
    margin:0;
    }
  .dgnbform select{width:310px;}
  .dgnbform input[type="text"]:focus, .dgnbform input[type="password"]:focus, .dgnbform textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
  button{
    border:none;
    background:#555;
    color:#fff;
    padding:0 2.5em;
    height:2em;
    line-height:2em;
    cursor:pointer;
    }

  .dgnbform div{clear:both;margin:.5em 0;}
  .dgnbform label, .labellike{
    float:left;
    width:200px;
    }


.dgnbform .submit{ margin-left:150px; }

.dgnbform label.multi  {
  float: none;
  display: inline;
  width: auto;
  }

.dgnbform input.plz  {
  width: 40px;
  }

.dgnbform input.ort  {
  width: 245px;
  }

abbr[title],
acronym[title],
dfn[title] {
    border-bottom: 1px dotted; /* border-color is inherited from color */
    font-style: normal;
    cursor: help;
}


.dgnbform fieldset div.error label { color: red; }
div.container {
  background-color: #eee;
  border: 1px solid red;
  margin: 5px;
  padding: 5px;
}
div.container ol li {
  list-style-type: disc;
  margin-left: 20px;
}
div.container { display: none }
.container label.error {
  display: inline;
}
.dgnbform label.error {
  display: block;
  margin-left: 1em;
  width: auto;
}
.dgnbform input.error, .dgnbform input[type="radio"] .error ,input[type="checkbox"] .error { border: 1px dotted red; }  

.removebtn { height:16px; width:16px; float:right; margin:5px 0 0 0; background:url(/extensions/page/close_icon.png) no-repeat 0px 0px; }
span.small { font-size:11px; }