/*+++ main definitions Start +++*/
* {
  position: relative;
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #303030;
  text-decoration: none;
  font-family: Arial,Helvetica,Sans-Serif; /* Verdana,Sans-Serif */
  font-size: 12px;
  line-height: 16px;
  background-color: transparent;
}

div, p, a, span { text-align: left; }

body {
  width: 100%;
  min-height: 600px;
  text-align: middle;
  background-color: #ffffff;
}

.floating {
  float: left;
}

.floatingEnd {
  width: 0px;
  height: 0px;
  float: none;
  clear: both;
  display: block;
  font-size: 0px;
  line-height: 0px;
}

.txtBreak {
  margin-top: 16px;
  display: block;
  font-size: 0px;
  line-height: 0px;
}

a.link {
  color: #019585;
  font-weight: normal;
}

a.link:hover {
  color: #9b9b9b;
}

/*--- main definitions End ---*/

.mainContainer {
  width: 799px;
  margin-top: 25px;
}

.logo {
  width: 172px;
  height: 53px;
  margin-left: 164px;
  display: block;
}

/*+++ pictureBar Start +++*/
.pictureBar {
  width: 100%;
  height: 253px;
  margin-top: 23px;
  z-index: 1;
  background-position: top left;
  background-image: url(../images/alle/bildleiste_hg.png);
  background-repeat: no-repeat;
}

/* kann der IE V6.0 noch nicht interpretieren, weshalb alles falsch positioniert waere!
.pictureBar > * {
  position: absolute;
}
*/

.pictureBar .pic {
  position: absolute;
  top: 0px;
  left: 140px;
  width: 416px;
  height: 100%;
  z-index: 2;
}

.pictureBar .star {
  position: absolute;
  top: -21px;
  left: -17px;
  width: 57px;
  height: 57px;
  z-index: 2;
}

.pictureBar .kursangebot {
  position: absolute;
  top: -257px;
  left: 0;
  width: 140px;
  height: 71px;
  z-index: 2;
}

/*+++ mainMenu Start +++*/
.pictureBar .mainMenu {
  position: absolute;
  bottom: 80px;
  right: 0px;
  width: 169px;
}

.mainMenu .mMButton {
  width: 169px;
  height: 14px;
  margin-bottom: 2px;
  display: block;
  overflow: hidden;
}

.mainMenu .mMButton:hover {
  background-image: url();  /* ohne diese sinnlose Anweisung verweigert der Opera (bis einschliesslich V10.0) das Hover der im a gekapselten Tags */
                            /* border:0px solid wuerde dem IE V6.0 das Hovern der Menuepunkte ermoeglichen (allerdings mit Haengenbleiben der weissen Punkte); jedoch verhindert es wieder das Hovern im Opera bis V10.0 */
}

.mMButton .mMBPic {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 149px;
  height: 100%;
  display: block;
}

.mMButton .mMBPic.mMBPicH {
  margin-top: 20px;  /* ebenfalls dem Opera geschuldet - da bei .mMButton overflow:hidden, kann hier einfach verschoben werden; Kombinationen von display:block/none, z-indeces-Tausch oder auch width:0px/100% f�hren immer zum sporadischen H�ngenbleiben der Hover-Zust�nde der Buttons */
                     /* daf�r verweigert der IE (bis V7.0) eine top od. left-Verschiebung! Ab V8.0 wuerde es funktionieren. */
}

a.mMButton:hover .mMBPic.mMBPicH {
  margin-top: 0px;
}

.mMButton .mMBSelector {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16px;
  height: 14px;
  display: none;
  font-size: 0px;
  line-height: 0px;
  background-color: #ffffff;
}

.mMButton:hover .mMBSelector,
.mMButton .mMBSelector.mMBSSelected {
  display: block;
}

/*--- mainMenu End ---*/

/*+++ specialMenu Start +++*/
.pictureBar .specialMenu {
  position: absolute;
  top: 191px;
  right: 0px;
  width: 221px;
}

.specialMenu * {
  /*height: 7px;*/
  display: block;
}

.specialMenu a,
.specialMenu span {
  margin-right: 12px;
  overflow: hidden;
}

.specialMenu .sMB0 {
  margin-top: -10px;
  margin-left: -1px;
}

.specialMenu a:hover {
  background-image: url();
}

.specialMenu a img.sMBPicH {
  position: absolute;
  top: 0px;
  left: 0px;
  margin-top: 20px;
}

.specialMenu a:hover img.sMBPicH {
  margin-top: 0px;
}

/*--- specialMenu Start ---*/
/*--- pictureBar End ---*/



/*+++ contentContainer Start +++*/
.contentContainer {
  width: 100%;
}
/*+++ contentContainer End +++*/

/*+++ textPart Start +++*/
.textPart {
  margin-top: 25px;
  margin-right: 98px;
  padding-left: 168px;
  width: 364px;
}

h1 {
  height: 26px;
  font-weight: bold;
  margin-bottom: 29px;
}

h1.headline2Lines {
  height: 41px;
}

h1.kurs {
  margin-bottom: 24px;
}

p {
  width: 364px;
  text-align: justify;
}

.textPart a {
  color: #019585;
  font-weight: normal;
}

.textPart a:hover {
  color: #9b9b9b;
}

.textPart ul {
        margin-top:4px;
        list-style-type:none;
}

.textPart li {
        line-height: 20px;
}

.textPart li a {
        /* background: url(../images/alle/list_pfeil.png) center left no-repeat; */
        background: url("../images/alle/list_pfeil.png") no-repeat scroll left 7px transparent;
        padding-left:15px;
        display:block;
        line-height:20px;
}

.textPart li a:hover{
        background: url("../images/alle/list_pfeil_hover.png") no-repeat scroll 2px 7px transparent;
}

ul.kursText li {
        background: url(../images/alle/list_pfeil_hover.png) 0px 6px no-repeat;
        padding-left:12px;
}

ul.kursText {
        margin-top:17px;
}

ul.pdfDownload li{
        background: url(../images/alle/pdfDownload_pfeil.png) 0px 2px no-repeat;
        font-weight: bold;
        padding-left:12px;
}
ul.pdfDownload {
        padding-left:0px;
}

.kursTitel {
        background: url(../images/alle/list_pfeil.png) 0px 5px no-repeat;
        padding-left:12px;
        margin-top:14px;
        color:#019585;
}

.textPart input, textarea {
        border:1px dashed #C5C5C5;
        margin-top:5px;
        padding-left:6px;
}

.kontaktTextLinks {
        width:215px;
        float:left;
        margin-top:53px;
}
.kontaktTextRechts {
        float:left;
        width:147px;
        margin-top:53px;
}

.trennlinie {
        background: url(../images/alle/fuss/strichlinie.png) repeat-x;
        margin-top:15px;
}

a.pfeil {
  width: 7px;
  height: 9px;
  margin-left: 12px;
  padding-top: 9px;
  padding-left: 7px;
  font-size: 0px;
  line-height: 0px;
  background-image: url(../images/alle/pfeil.png);
  background-repeat: no-repeat;
}
a.pfeil:hover {
  background-image: url(../images/alle/pfeil_hover.png);
}

input.pfeil_submit {
  width: 7px;
  height: 9px;
  margin-top: 1px;
  border: 0px solid;
}


/*--- textPart End ---*/

/*+++ maginalie Start +++*/
.maginalie {
  width: 160px;
  margin-top: 25px;
}
/*--- maginalie End ---*/

/*+++ theme buttons Start +++*/
.theme {
  width: 149px;
  margin-bottom: 9px;
}
.theme.themeMoreFootRoom {
  margin-bottom: 17px;
}

.theme * {
  font-size: 11px;
  line-height: 12px;
}

.theme .themeButton {
  width: 100%;
  height: 82px;
  display: block;
}

.theme .themeButtonSmall {
  width: 100%;
  height: 15px;
  display: block;
  margin-top:7px;
}

.theme p {
  width:140px;
}

.themeButton img,
.themeButton a,
.themeButtonSmall a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
}

.themeButton a,
.themeButtonSmall a {
  background-image: url(../images/alle/pixel_transparent.png);
  background-repeat: no-repeat;
}

.themeButton a:hover {
  background-image: url(../images/alle/themen_buttons/but_highlight.png);
  background-repeat: no-repeat;
}

.themeButtonSmall a:hover {
  background-image: url(../images/alle/themen_buttons/but_small_highlight.png);
  background-repeat: no-repeat;
}

.themeButtonSmall.tBSBack a:hover {
  background-image: url(../images/alle/themen_buttons/but_small-back_highlight.png);
  background-repeat: no-repeat;
}

.theme ul {
  margin-top: 2px;
  margin-bottom: 13px;
  padding-left: 6px;
  list-style-type: none;
}

.theme ul li {
  line-height: 14px;
}

.theme a.themeLink {
  color: #019585;
  font-weight: normal;
}

.theme a.themeLink:hover {
  color: #9b9b9b;
}

.theme p {
        line-height: 14px;
        margin-left: 9px;
}

/*--- theme buttons End ---*/

/*+++ theme button line +++*/
.themeButtonLine {
  width: 590px;
  margin-top: 56px;
  margin-left: 168px;
  padding-left: 12px;
}

.theme.themeInLine {
  margin-bottom: 0px;
  margin-right: 42px;
}

.theme .themeText {
  margin-top: 2px;
  padding-left: 6px;
  color: #515151;
  font-weight: normal;
  line-height: 13px;
}

/*--- theme button line ---*/

/*+++ Footer Start +++*/
.dottedLine {
  top: 0px;
  left: 2px;
  width: 100%;
  height: 1px;
  margin-top: 60px;
  font-size: 0px;
  line-height: 0px;
  background-image: url(../images/alle/fuss/strichlinie.png);
  background-repeat: repeat-x;
}

.footer {
  height: 178px;
  margin-top: 7px;
  margin-left: 168px;
}

.footer .certificates {
  position: absolute;
  display: block
}

.certificates.certsCFText {
  top: 0px;
  left: -20px;
  height: 25px;
}

.certificates.certs50Plus {
  top: 41px;
  left: 3px;
  height: 55px;
}

.certificates.certsMSOffice {
  top: 40px;
  left: 123px;
  height: 50px;
}
/*--- Footer End ---*/


/*+++ gallery Start +++*/
.galleryOverview {
  width: 384px;
  margin-top: 44px;
  margin-bottom: -28px;
  margin-left: 168px;
}

.galleryOverview .galleryField {
  width: 110px;
  margin-right: 18px;
  margin-bottom: 28px;
}

.galleryField .galleryButton {
  width: 100%;
  height: 112px;
  display: block;
}

.galleryButton img,
.galleryButton a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
}

.galleryButton a {
  background-image: url(../images/alle/pixel_transparent.png);
  background-repeat: no-repeat;
}

.galleryButton a:hover {
  background-image: url(../images/galerie/buttons/but_galerie_highlight.png);
  background-repeat: no-repeat;
}

.galleryFields .galleryText {
  width: 100%;
}


.pictureBar.picBarGallery {
  height: 386px;
  background-image: url(../images/galerie/galerien/galeriebildleiste_hg.png);
}

.pictureBar .galleryMenu {
  position: absolute;
  bottom: 108px;
  left: 630px;
  width: 36px;
}

.galleryMenu .galleryButton {
  width: 15px;
  height: 14px;
  margin-bottom: 3px;
  margin-right: 3px;
  display: block;
  font-size: 0px;
  line-height: 0px;
  background-color: #ffffff;
}

.galleryMenu .galleryButton:hover,
.galleryMenu .galleryButton.galButSelected {
  background-color: #019585;
}

.pictureBar .galleryBackButton {
  position: absolute;
  top: 296px;
  left: 630px;
  width: 39px;
  height: 9px;
  display: block;
  font-size:0px;
  line-height:0px;
  background-image: url(../images/galerie/galerien/menue_zurueck_n.png);
  background-repeat: no-repeat;
}

.galleryBackButton:hover {
  background-image: url(../images/galerie/galerien/menue_zurueck_h.png);
}

.galleryText {
  margin-top: 1px;
}

.galleryText h1 {
  height: auto;
  margin-bottom: 29px;
}

.galleryText p {
  width: 385px;
  margin-top: 0px;
  text-align: left;
}

.galleryIndex p {
  margin-top: 29px;
}

.galleryIndex p b {
  font-size: 14px;
}

.galleryIndex p a {
  margin-left: 10px;
}

/*--- gallery End ---*/

/******************** Page-Layouts *******************/