/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/

/* wichtige Farben
Rot: #cc0000
Grun: #62BD6E
*/

/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 84.5%;
  height: 100%;
  background: #E7F0E7;
  text-align: center;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #000;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, textarea, select {
  text-align: left;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}

p {
  line-height: 1.3em;
  margin: 0 0 1.0em 0;
}

a {
  color: #4B9165;
}

a:hover {
  color: #999;
}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.none {
  display: none;
}

.leftalign {
  float: left;
}

.rightalign {
  float: right;
}

.blackborder {
  border: 1px solid #000;
  margin: 0 5px 5px 0;
}

.textcenter {
  text-align: center;
}

.versteckt {
  display: none;
}

.gruen {
  color: #058234;
}

/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
h1 {
  color: #4B9165;
  font-size: 1.4em;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0.5em 0.5em;
  background: #fff;
}

h2 {
  font-size: 1.1em;
  margin-bottom: 0.4em;
}

h3 {
  font-size: 1em;
  color: #058234;
}

/*----------------------------------------------------------------*/
/* bereiche */
/*----------------------------------------------------------------*/
#wrap {
  margin: 0 auto;
  padding: 0 20px 0 20px;
  width: 943px;
  min-height: 100%;
  background: transparent url('../bilder/wrap_back.gif') left top Repeat-Y;
}

#programm #wrap {
  background: transparent url('../bilder/wrap_back_programm.gif') left top Repeat-Y;
}

#aktuelles #wrap {
  background: transparent url('../bilder/wrap_back_aktuelles.gif') left top Repeat-Y;
}

#header {
  height: 116px;
  background: #fff url('../bilder/header_back.gif') left top Repeat-X;
}

#topnavi {
  position: relative;
  float: left;
  width: 740px;
  margin: 63px 0 0 73px;
}

#mittelleiste {
  height: 17px;
  background: #fff url('../bilder/mittelleiste.jpg') left top no-Repeat;
}

#content {
  background: transparent url('../bilder/content_back.gif') left top no-Repeat;
  width: 942px;
  font-size: 0.9em;
}

#linkespalte {
  float: left;
  display: inline;
  background: none;
  width: 173px;
}

#kurssuche {
  padding: 18px 0 0 17px;
  height: 58px;
}

.block-links {
  padding: 18px 0 0 17px;
}

#suche_nach_zeit {
  padding-right: 10px;
}

#inhalt {
  float: left;
  display: inline;
  margin: 8px;
  width: 740px;
}

#map {
  height: 380px;
  margin-bottom: 1.1em;
}

/*----------------------------------------------------------------*/
/* navigation */
/*----------------------------------------------------------------*/
#topnavi ul li {
  float: left;
  margin-right: 22px;
  padding: 4px 0 4px 0;
}

#topnavi ul li a {
  color: #000;
  padding: 4px 0 4px 0;
  text-decoration: none;
  font-weight: bold;
}

#topnavi ul li.selected a {
  color: #058234;
}

#linkespalte h3 {
}

/*----------------------------------------------------------------*/
/* inhalt */
/*----------------------------------------------------------------*/
h3.partner {
  margin: 0 0 1px 17px;
}

input.kurssuche {
  border: 1px solid #058234;
  width: 114px;
}

/*----------------------------------------------------------------*/
/* (dropdown) navi */
/*----------------------------------------------------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* 2. Hauptnavi */

/* remove the bullets, padding and margins from the lists */
#topnavi ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* use the table to position the dropdown list */
#topnavi table {
  position: absolute;
  border-collapse: collapse;
  z-index: 80;
  left: -1px;
  top: 25px;
}

#topnavi ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: -3px;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#topnavi li{
  float: left;
  position: relative;
  z-index: 100;
}

/* use the table to position the dropdown list */
#topnavi table{
  position: absolute;
  border-collapse: collapse;
  z-index: 80;
  left: 0;
  top: 0;
}

/* style all the links */
#topnavi ul ul a, #topnavi ul ul :visited {
  color: #000;
  text-decoration: none;
}

#topnavi ul ul a, #topnavi ul ul a:visited, #topnavi ul li.selected ul a, #topnavi ul li.selected ul a:visited {
  width: 120px;
  font-weight: normal;
  font-size: 0.8em;
  color: #000;
}

#topnavi ul ul li {
  display: block;
  width: 120px;
  background-color: #D6E6DC;
  padding: 3px 0 3px 3px;
}

/* style the links hover */
#topnavi a:hover, #topnavi li.selected a:hover, #topnavi ul ul a:hover, #topnavi ul li.selected ul a:hover {
  color: #058234;
}

/* hide the sub level links */
#topnavi ul ul {
  border-top: 1px solid #000;
  visibility: hidden;
  position: absolute;
  top: 27px;
  left: 0;
  width: 120px;
  height: 0;
}

/* make the sub level visible on hover list or link */
#topnavi ul li:hover ul, #topnavi ul a:hover ul{
  visibility: visible;
}

/*----------------------------------------------------------------*/
/* Programm */
/*----------------------------------------------------------------*/
#programm_container {
  width: 100%;
  height: 100%;
}

#spalte0 {
  float: left;
  display: inline;
  width: 21%;
  padding: 2%;
  height: 400px;
  min-height: 400px;
  background-color: #F3F3F1;
  margin-right: 2px;
}

#spalte1 {
  float: left;
  display: inline;
  width: 21%;
  padding: 2%;
  background-color: #EBEAE8;
  margin-right: 2px;
}

#spalte0 a, #spalte1 a {
  color: #000;
  text-decoration: none;
}

#spalte2 {
  float: left;
  display: inline;
  width: 41%;
  min-height: 400px;
  padding: 0.7em;
  margin-right: 2px;
}

#spalte2 p.link {
  color: #B6AEAC;
  border-bottom: 1px solid #EAEAE8;
  padding-bottom: 0.8em;
  color: #585661;
}

#spalte2 p.link a {
  color: #4B9165;
  font-weight: bold;
  font-size: 1.1em;
}

#spalte2 p.link a.inactive, .inactive {
  color: #B6AEAC;
  color: #585661;
}

.aktiv, .selected, .selected a {
  color: #4B9165;
}

/*----------------------------------------------------------------*/
/* kontaktformular */
/*----------------------------------------------------------------*/
p.cx_error {
  background-color: #D6E6E3;
  border: 1px solid #058234;
  padding: 0.6em;
  color: #058234;
}

span.cx_pflicht {
  color: #058234;
  font-weight: bold;
  font-size: 1.1em;
  font-family: verdana;
}

input.cx_pflicht, textarea.cx_pflicht {
  background-color: #E7F0E7;
}

fieldset {
  margin-bottom: 1em;
  padding: 0.6em;
  border: 0;
}

fieldset legend {
  color: #000;
}

fieldset table {
  width: 100%;
}

fieldset table td.spalte-1 {
  width: 24%;
  text-align: left;
  padding-right: 0.5em;
  padding-bottom: 0.3em;
}

fieldset table td.spalte-2 {
  width: 70%;
  text-align: left;
  padding-bottom: 0.3em;
}

input.default {
  width: 80%;
}

input.halb {
  width: 50%;
}

input.plz {
  width: 20%;
}

input.submit {
  text-align: center;
}

textarea.default {
  width: 95%;
}


/*----------------------------------------------------------------*/
/* anmelden */
/*----------------------------------------------------------------*/
#kurs_anmelden {
  margin-top: 2.0em;
}

#kurs_anmelden h3 {
  margin: 1.0em 0;
}

#kurs_anmelden table {
  width: 100%;
}

#kurs_anmelden table td {
  width: 50%;
  padding: 0.1em 0;
  vertical-align: top;
}

#kurs_anmelden p table td {
  width: auto;
  padding: 0.1em 0;
  vertical-align: top;
}

#no_mail {
  margin: 1.0em 0;
}

#no_mail p {
  padding: 5px;
  border: 1px solid #cc0033;
}


/*----------------------------------------------------------------*/
/* Startseite */
/*----------------------------------------------------------------*/
#home1 {
  float: right;
  display: inline;
  width: 200px;
}

#home0 {
  margin-right: 210px;
}

/*----------------------------------------------------------------*/
/* artikel */
/*----------------------------------------------------------------*/
#home1 h2 {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  font-size: 1.0em;
  color: #058234;
}

#home1 p {
  padding: 0;
  margin: 0;
  margin-top: 0.5em;
}

#home1 p.news {
  margin-top: 1.0em;
}

#home1 p.news a {
  font-weight: bold;
  text-decoration: none;
}

#aktuelles #spalte0 ul li {
  margin-bottom: 1.0em;
}

#aktuelles #spalte0 ul li.selected a {
  color: #058234;
}

#aktuelles #spalte_news {
  margin-left: 28%;
  padding-top: 2%;
}



/*----------------------------------------------------------------*/
/* artikel */
/*----------------------------------------------------------------*/
div.artikel, div.artikel_kontakt, div.artikel_gutschein {
  background: #EBEAE8;
  padding: 5px;
  margin-bottom: 10px;
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 150px;
  margin-right: 55px;
}

#startseite div.artikel {
  margin-right: 0px;
}

div.artikel h2, table.artikel h2, div.artikel_kontakt h2, div.artikel_gutschein h2 {
  font-size: 1.0em;
  color: #058234;
  margin: 0;
  padding: 5px;
  border: 1px solid #fff;
  padding-left: 165px;
}

div.artikel p, table.artikel p, div.artikel_kontakt p, div.artikel_gutschein p {
  margin: 0;
  margin-left: 160px;
  padding: 5px;
}

.artikel p.weiter, .artikel_kontakt p.weiter {
  text-align: right;
  padding: 0;
  margin-right: 5px;
}

table.artikel {
  width: 685px;
  background: #EBEAE8;
}

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

#content table.artikel td {
/*  font-size: 0.7em;*/
}

table.artikel h2 {
  margin: 0;
  padding: 5px;
  padding-left: 15px;
  padding-bottom: 4px;
  border: 1px solid #fff;
  border-left: 0;
  margin: 8px 5px 5px 0px;
}

table.artikel p {
  margin: 0;
  padding: 5px;
  padding-left: 15px;
}

table.artikel td.text {
  width: 100%;
}


/*----------------------------------------------------------------*/
/* kontakt */
/*----------------------------------------------------------------*/
div.artikel_kontakt, div.artikel_gutschein {
  background-image: url('../bilder/back_kontakt.jpg');
}

div.artikel_gutschein {
  background-image: url('../bilder/back_gutschein.jpg');
}

div.artikel_kontakt table td, div.artikel_gutschein table td {
  vertical-align: top;
  padding-bottom: 0.1em;
}

div.artikel_kontakt table td.td0, div.artikel_gutschein table td.td0 {
  width: 140px;
}

div.artikel_kontakt table#formular, div.artikel_gutschein table#formular {
  margin-left: 160px;
}

/*----------------------------------------------------------------*/
/* css fuer kontaktformular buttons */
/*----------------------------------------------------------------*/
div.artikel_kontakt table td input.submit, div.artikel_gutschein table td input.submit {
  margin-top: 0.5em;
  /* platz fuer rottler-css */
  
}


/*----------------------------------------------------------------*/
/* benutzerdefinierte hintergrundbilder */
/*----------------------------------------------------------------*/
#ueber_uns div.artikel_kontakt {
  background-image: url('../bilder/back_kontakt.jpg');
}

#quicksearch input, #quicksearch select {
  width: 150px;
}

#quicksearch input.datepicker {
  width: 70px;
}

#quicksearch select {
  margin-bottom: 2px;
}


.ui-widget {
  font-family: arial;
  font-size: 11px;
}


/* merkliste
------------------------------------------------------------------*/
#merkliste {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: 240px;
  padding: 10px 0 10px 30px;
  background: transparent url(../bilder/back_merkliste.gif) left center no-repeat;
  height: auto;
  width: 100px;
}

.zur_merkliste {
  background: transparent url(../bilder/back_zur_merkliste.gif) left center no-repeat;
  padding-left: 20px;
}

.del_merkliste {
  background: transparent url(../bilder/ic_close.gif) center center no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  text-decoration: none;
}

.ui-effects-transfer { border: 2px dotted gray; }

.merkliste_tabelle {
  border-top: 1px solid #efefef;
  margin-bottom: 20px;
}

.merkliste_tabelle td {
  border-bottom: 1px solid #efefef;
  padding: 5px;
}

.merkliste_container h3 {
  margin-top: 20px;
}

.merkliste_anmelden_container table.hmhm {
  width: 90%;
}

.merkliste_anmelden_container table.hmhm td {
  width: 50%;e
  padding: 0.1em 0;
  vertical-align: top;
}

.merkliste_anmelden_container p table td {
  width: auto;
  padding: 0.1em 0;
  vertical-align: top;
}



/* hinweise
------------------------------------------------------------------*/
.cx-hinweis {
  padding: 10px 12px;
  border: 1px solid #B8EDFB;
  background: #E5F7FD;
}

.cx-hinweis-abstand-unten {
  margin-bottom: 1.0em;
}

.cx-hinweis-abstand-oben {
  margin-top: 1.0em;
}

.cx-hinweis, .cx-hinweis a {
  color: #396398;
}

.cx-hinweis-ico {
  padding-left: 36px;
  background-repeat: no-repeat;
  background-position: 11px 11px;
}

.cx-hinweis-warnung {
  border-color: #FFD556;
  background-color: #FFF3CB;
}

.cx-hinweis-warnung, .cx-hinweis-warnung a {
  color: #B41210;
}

.cx-hinweis-erfolg {
  border-color: #74C868;
  background-color: #fff;
}

.cx-hinweis-erfolg, .cx-hinweis-erfolg a {
  color: #006600;
}

.cx-hinweis-fehler {
  border-color: #cc0000;
  background-color: #ffcccc;
}

.cx-hinweis-fehler, .cx-hinweis-fehler a {
  color: #cc0000;
}

.cx-hinweis-ico-hinweis {
  background-image: url(../bilder/cx_core/cx-core-icon-hinweis.gif);
}

.cx-hinweis-ico-info {
  background-image: url(../bilder/cx_core/cx-core-icon-info.gif);
}

.cx-hinweis-ico-fehler {
  background-image: url(../bilder/cx_core/cx-core-icon-fehler.png);
}

.cx-hinweis-ico-warnung {
  background-image: url(../bilder/cx_core/cx-core-icon-warning.png);
}

.cx-hinweis-ico-erfolg {
  background-image: url(../bilder/cx_core/cx-core-icon-erfolg.png);
}


/* loading
------------------------------------------------------------------*/
.cx-loading {
  background-image: url(../bilder/cx_core/cx-core-loading-medium.gif);
  background-repeat: no-repeat;
  background-position: center center;
}


/* kalender
------------------------------------------------------------------*/
.kalender {
  background: #fff;
  padding: 2px;
  margin: 3px 0;
  font-size: 0.9em;
  padding-bottom: 16px;
}

.kalender table {
  width: 100%;
}

.kalender table th {
  text-align: right;
  padding: 0 2px;
}

.kalender table td {
  padding: 1px;
}

.kalender table td a, .kalender-legende table td a {
  display: block;
  background: #EBEBEB;
  border: 1px solid #DCDCDC;
  color: #555;
  text-align: right;
  text-decoration: none;
  width: auto;
  padding: 0 2px;
  height: auto;
}

.kalender table td a.anz-kurse-2, .kalender-legende table td a.anz-kurse-2 {
  border-color: #06812E;
}

.kalender table td a.anz-kurse-1, .kalender-legende table td a.anz-kurse-1 {
  border-color: #98C0A5;
  background: #A1C9AE;
}

.kalender-legende table td {
  color: #058234;
  font-size: 0.9em;
}

.kalender-legende table td a {
  width: 13px;
  margin-right: 5px;
}

.kalender table.zeitraumerl {
  margin-bottom: 10px;
}

.kalender table.zeitraumerl td {
  background: #D5D5D5;
  text-align: center;
  padding: 5px 0;
}

.kalender table.zeitraumerl select {
  font-size: 0.8em;
}

.kalender-zeitraum {
  margin: 10px 0 20px 0;
}

.kalender-zeitraum select {
  font-size: 0.8em;
  width: 146px;
}