/* dunkelblau: #003468 , hellblau: #DDE6ED*/

body
{
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: small; 
  color: #003468;
  background-color: rgb(204, 204, 204);
  padding: 0;
  margin: 0;
}

div.all
{
  margin: 0;
  padding: 0;
  background-color: #FFF;
  width: 59em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

a
{
  text-decoration: none;
  color: #003468;
}

/* ---------- Header der Seite ---------- */

div.top
{
  padding: 0em;
  margin: 0em;
  height: 106px;
  float: left;
  position: relative;
}

span.vhsLogoContainer
{
  float: left;
  width: 14em;
  padding:0px;
  margin:0px;
  vertical-align: bottom;
}

img.vhslogo
{
  width: 175px;
  height: 85px;
  float: right;  
}

img.platzhalter
{
  width: 458px;
  height: 85px;
  margin-left: 5px;
  margin-bottom: 0px;
  text-align: center;
  vertical-align: bottom;
}

span.adresse
{
  position: absolute;
  top: 22px;
  right: 10px;
  font-size: 85%;
  text-align: right;
  margin-bottom: 0px;
}

span.adresse a
{
  font-weight: bold;
  margin:0px;
}

/* ---------- Navigationslinks ---------- */

ul.navi
{
  padding: 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin: 0;
  text-align: right;
  list-style: none;
  position: relative;
  width: 48em;
}

ul.navi li
{
  display: inline;
  padding-left: 1em;
  padding-right: 1em;
}

ul.navi li a
{
  font-weight: bold;
  font-size: 80%; 
}

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

div.topsuche
{
  float: right;
  height: 106px;
  background-color: #DDE6ED;
  position: relative;
}

div.topsuche label
{
  font-weight: none;
  margin-left: 0.5em;
}

input.topsuche_eingabe
{
  display: block;
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  width: 7em;
  margin-bottom: 0.5em;
}

input.topsuche_starten
{
  margin-left: 0em;
}

div.topsuche h3
{
  margin: 0;
  background-color: #003468;
  color: #FFF;
}

h3.topsucheHeadline
{
  font-family: Arial;
  font-size: small;
  padding-left:1em;
}

div.topsuche form
{
  display: inline;
}

div.extendsearch
{
  margin-left: 0.5em;
  padding-top: 0.4em;
}

/* ---------- Menü ---------- */

div.menue
{
  float: left;
  width: 14em;
}

/* ---------- Aussenstellen ---------- */

div.aussenstellen
{
  font-size: x-small;
  font-weight: bold;
  margin: 0;
  list-style: none;
  padding: 0;
  text-align: right;
}

/* ---------- Inhalt des Menüs ---------- */

div.mainleft
{
  background-color: #DDE6ED;
}

div.navigation_linkhauptseite
{
  margin-top: 2em;
  font-weight: bold;
  padding-top: 2em;
  padding-left: 1em;
}

div.navigation_linkkursangebote
{
  padding-left: 1em;
  font-weight: bold;
  color: #656565;
  background-color: #FFF;
  margin-top: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-image: url(bu_link.gif);
  background-repeat: no-repeat;
  background-position: left center; 
}

/* ---------- Warenkorb im Menü ---------- */

div.navigation_warenkorb
{
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgb(0, 51, 102);

  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgb(0, 51, 102);
 
  margin-top: 5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

div.navigation_warenkorb input
{
  width: 2em;
  font-size: x-small;
}

a.warenkorb_go
{
}

a.warenkorb_go img
{
  border-style: none;
  float: right;
}

span.warenkorb_text
{
  margin-right: 1em;
  font-size: .7em;
}

input.warenkorb_anzahl
{
}

/* ---------- Symbolerklärungen ---------- */

div.symbole
{
  margin-top: 3em;
  margin-bottom: 3em;
}

div.symbole h5
{
  background-color: #003468;  
  color: #FFF;
  text-align: center;
  margin: 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

div.symbole ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 1em;
  padding-left: 1em;
}

div.symbole ul li
{
  font-size: .7em;
}

div.symbole ul li img
{
  margin-right: 0.5em;
}

img.logo_blue
{
  width: 14em;
}

/* ---------- Inhalt ---------- */

div.hauptseite,
div.hauptseite_ohnestatus
{
  margin-left: 1em;
  width: 42em;
  float: left;
}

div.hauptseite
{
  margin-top: 2em;
  margin-left: 0.5em;
  width: 42em;
  float: left;
}

/* ---------- Klick-Pfad ---------- */

span.clickpfad
{
  padding-left: 1em;
  margin-top: 0.2em;
}

span.clickadresse
{
}

span.clickadrbold
{
  font-weight: bold;
}

div.hauptseite_clickpfad
{
  width: 45em;
  float: left;
  margin-top: 2em;
}

/* ---------- Kategorie-Text ---------- */

div.hauptseite_categorydescription
{
  margin-bottom: 1em;
}

h2.statusmeldung
{
  font-size: 100%;
}

/* ---------- Status ---------- */

a.statusadresse
{
}

/* ---------- Kategorien ---------- */

h1.menue_unterauswahl
{
  font-size: 120%;
}

h2.kategorien_pfad
{
  font-size: 120%;
}

div.menue_unterauswahlliste
{
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;

  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;

  background-color: #DDE6ED;
  width: 30em;
}

ul.menu_unterauswahl
{
  background-color: #DDE6ED;
  list-style-position: outside;
  list-style-type: none;
  
  margin: 0em;
  padding: 0em;
}

li.menue_unterauswahl
{
  font-weight: normal;
  padding-left: 1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

a.menue_unterauswahl
{
  padding-left: 1em;
}

li.menue_unterauswahl.active,
li.menue_unterauswahl.level2,
li.menue_unterauswahl.top
{
  font-weight: bold;
  padding-left: 0.5em;
}

a.menue_unterauswahl:hover,
a.menue_unterauswahl.active,
a.menue_unterauswahl.top:hover,
a.menue_unterauswahl.level2.mitBullet
{
  background-image: url(bu_link.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

li.menue_unterauswahl.highlight_ein,
li.menue_unterauswahl.level2.mitBullet.highlight_ein,
li.menue_unterauswahl.top.highlight_ein
{
  background-color: #FFFFFF;
}

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

div.suche
{
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;
  
  background-color: #DDE6ED;
  
  padding-top: 1em;
  padding-bottom: 1em;
}

label.suche_bezeichner
{
  padding-right: 1em;
  text-align: right;
  float: left;
  width: 12em;
  clear: left;
}

select.kfs_sonderrubrikclass,
select.kfs_kursbereichclass,
input.kfs_dozentvornameclass,
input.kfs_dozentnameclass,
input.kfs_titelclass,
input.kfs_stichwortclass
{
  width: 20em;
}

input.kfs_ortclass,
select.kfs_ort_selectclass,
select.kfs_aussenst_selectclass,
input.kfs_aussenstclass
{
  width: 10em;
}

input.kfs_knrab2class,
input.kfs_knrab1class
{
  width: 8em;
  float: left;
}

label.suche_bezeichner.spalte2
{
  width: 2em;
  margin-left: 1.4em;
  clear: none;
}

div.suche_spalte2,
div.suche_spalte1
{
  float: left;
}

input.kfs_beginn_dat2class,
input.kfs_beginn_dat1class
{
  width: 8em;
}

a.calendarSearchFrom
{
  float: left;
}

div.suche_button
{
  clear: left;
  padding-left: 30em;
}

label.suchestarten
{
  font-weight: bold;
}

input.suche
{
}

img.calendarSearchFrom
{
  border-style: none;
}

/* ---------- Kursübersicht ---------- */

table.ansichtkurse
{
  margin-bottom: 2em;
}

table.ansichtkurse caption
{
  display: none;
}

th
{
  text-align: left;
}

td.ansichtkurse
{
  border-top-color: #003468;
  border-top-style: solid;
  border-top-width: 1px;
  
  border-bottom-color: #003468;
  border-bottom-style: solid;
  border-bottom-width: 1px; 
  
  background-color: #DDE6ED;
}

img.anmeldung
{
  border-style: none;
  margin-right: 0.2em;
}

img.blaettern
{
  border-style: none;
}

span.blaetterntasten
{
  padding-right: 1em;
}

span.anzahl
{
}

/* ---------- Kursdetails ---------- */

table.kursdetails
{
  margin-left: 26px;
}

tr.row1
{
}

tr.row2
{
}

div.kursdetails
{
}

h2.categorytitle
{
  font-size: 120%;
  margin-left: 0px;
}

h2.categorytitleDetail
{
  font-size: 120%;
  margin-left: 26px;
}

div.detailfooter
{
  float: left;

  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468; 
  
  background-color: #DDE6ED;
  
  margin-left: 1em;
  width: 39em;
}

div.detailfooter form
{
  display: inline;
  float: right;
}

a.detailfooter
{
}

td.kursdetails_data
{
  font-weight: bold;
}

form.detailfooter
{
  float: right;
  display: inline;
}

img.ampel,
img.kursstatus
{
  float: left;
}

p.kursdetails_kursinfo
{
  margin: 0;
  margin-left: 26px;
}

a.detail_kursterminefooter
{
  margin-left: 2em;
}

div.detailfooter select
{
  font-size: x-small;
}

span.detailfooter,
div.outerdetailfooter
{
  float: left;
  margin-top: 1em;
}

/* ---------- Warenkorb ---------- */

div.warenkorb
{
  display: none;
}

/* ---------- Footer ---------- */
div.footer
{
  float: left;
  margin-left: 1em;
  margin-top: 1em;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;

  width: 42em;
}

div.footer a
{
  font-weight: bold;
}

/* ---------- Kurstage ---------- */
table.kurstage
{
}

table.kurstage td
{
  padding-right: 0.5em;
  padding-left: 0.5em;

  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;
  
  background-color: #DDE6ED;
}

a.calendarleftktage
{
  margin-left: 13em;
}

img.calendarleftktage
{
  border: none;
}

a.calendarrightktage
{
  margin-left: 8em;
}

img.calendarrightktage
{
  border: none;
}

/* ---------- Warenkorb ---------- */
table.warenkorb
{
}

table.warenkorb td
{
  padding-right: 0.5em;
  padding-left: 0.5em;

  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;
  
  background-color: #DDE6ED; 
}

form.warenkorb
{
  float: right;
}

/* ---------- Anmeldung ---------- */
a.agb
{
  font-weight: bold;
}

label.anmeldung
{
  float: left;
  width: 10em;
  text-align: right;
  margin-right: 1em;
}

/* ---------- Normale Anmeldung ---------- */

input.tedit[type="text"]
{
  width: 20em;
}

input.tedit_gebjahrclass
{
  width: 5em !important;
}

form.eingabe_hauptteilnehmer
{
  padding-top: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468; 
}

p.agb
{
  margin-left: 2em;
}

label.submit
{
  font-weight: bold;
}

span.eingabe_hauptteilnehmer_submit
{
  margin-top: 1em;
  float: right;
}

/* ---------- Anmeldebestätigung der Normalen Anmeldung ---------- */
span.anmeldung_bestaetigen_label
{
  width: 10em;
  float: left;
}

form.bestaetigung_hauptteilnehmer
{
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;   
}

table.kurse_bestaetigung
{
}

table.kurse_bestaetigung caption
{
  font-size: 120%;
  font-weight: bold;
  text-align: left;
}

table.kurse_bestaetigung td
{
  padding-right: 1em;
  padding-left: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;   
}

form.fusszeile
{
  display: inline;
  float: right;
  margin-left: 2em;
}

form.fusszeile label
{
  font-weight: bold;
}

a.korrektur_warenkorb
{
  float: right;
  font-weight: bold;
}

a.korrektur_warenkorb img
{
  border-style: none;
}

/* ---------- Kinder-Anmeldung ---------- */

input.kiedit
{
  width: 20em;
}

input.kiedit_gebdatclass
{
  width: 5em !important;
}

label.anmeldung_label
{
  float: left;
  width: 7em;
  text-align: right;
  margin-right: 1em; 
}

label.submitkind
{
  font-weight: bold;
}

span.submitkind
{
  margin-top: 1em;
  float: right;
}

form.submitkind
{
  padding-right: 1em;
  padding-left: 1em;
  padding-top: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;   
}

form.kinder
{
  float: right;
}

form.kinder label
{
  font-weight: bold;
}

img.person_loeschen
{
  border-style: none;
}

table.kinder
{
}

table.kinder td
{
  padding-right: 1em;
  padding-left: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;   
}

table.kinder caption
{
  font-weight: bold;
  text-align: left;
  font-size: 120%;
}

table.kurse_kinder
{
}

table.kurse_kinder caption
{
  margin-top: 2em;
  font-size: 120%;
  font-weight: bold;
  text-align: left;
}

table.kurse_kinder td
{
  padding-right: 1em;
  padding-left: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;
}

/* ---------- Weitere Personen ---------- */
table.weiterepersonen
{
}

table.weiterepersonen td
{
  padding-right: 1em;
  padding-left: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;  
}

table.weiterepersonen caption
{
  font-weight: bold;
  text-align: left;
  font-size: 120%;
}

/* ---------- Eingabe Firma ---------- */

form.eingabe_firma
{
  padding-top: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468; 
}


span.eingabe_firma_submit
{
  margin-top: 1em;
  float: right;
}

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

label.submitmitarbeiter
{
  font-weight: bold;
}

span.submitmitarbeiter
{
  margin-top: 2em;
  float: right;
}

form.submitmitarbeiter
{
  padding-right: 1em;
  padding-left: 1em;
  padding-top: 1em;
  padding-bottom: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;   
}

form.mitarbeiter
{
  float: right;
}

form.mitarbeiter label
{
  font-weight: bold;
}

table.mitarbeiter
{
}

table.mitarbeiter td
{
  padding-right: 1em;
  padding-left: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;   
}

table.mitarbeiter caption
{
  font-weight: bold;
  text-align: left;
  font-size: 120%;
}

/* ---------- Bestätigung Firma ---------- */

form.bestaetigung_firma
{
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;   
}

/* ---------- Eingabe Partner ---------- */

form.eingabe_partner
{
  padding-top: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468; 
}

span.eingabe_partner_submit
{
  margin-top: 1em;
  float: right;
}

p.text_partner
{
  margin-left: 1em;
}

/* ---------- Anmeldung weiterer Personen ---------- */
table.mehrfach
{
}

table.mehrfach td
{
  padding-right: 1em;
  padding-left: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;
}

label.submitmehrfach
{
  font-weight: bold;
}

span.submitmehrfach
{
  margin-top: 1em;
  float: right;
}

form.submitmehrfach
{
  padding-right: 1em;
  padding-left: 1em;
  padding-top: 1em;

  background-color: #DDE6ED;
  
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #003468;
  
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #003468;   
}

form.mehrfach
{
  float: right;
}

form.mehrfach label
{
  font-weight: bold;
}

div.invisible
{
  display: none;
}

p.topCategoryText
{
}