/* ============================================================ */
/* ==========                selectors               ========== */
/* ============================================================ */

BODY {
  margin : 0px;
  padding : 10px 10px 0px 10px;
  background : #fff;
  color : #000;
  font-family : Arial, Helvetica, Verdana, sans-serif;
  font-size : 9pt;
  text-align : left;
  width:497px;
}

DIV {
  text-align : left;
}

P {
  text-align : left;
  letter-spacing : 1px;
}

IMG {
  border : 0px;
}

H1 {
  color : #f93;
  margin : 0px 10px 10px 0px;
  text-transform : uppercase;
  font-size : 130%;
}

H2 {
  margin : 0px 10px 10px 0px;
  font-size : 110%;
  color : #f93;
  font-weight : bold;
  letter-spacing : 1px;
}

H3 {
  margin : 2px 0px 2px 0px;
  font-size : 110%;
  color : #f93;
  font-weight : bold;
}

OL {
  margin-top : 0px;
}

LI {
  margin : 0px 10px 0px 0px;
}

FORM {
  margin : 0px;
  padding : 0px;
}



/* ============================================================ */
/* ==========                  links                 ========== */
/* ============================================================ */

/* Allgemeine Links, z.B. im Fliesstext, Farbe: orange */
A, A:ACTIVE, A:VISITED, A:LINK {
  color : #f93;
  text-decoration : none;
}

A:HOVER {
  color : #fc6;
  text-decoration : none;
}


/* Links in der Service-Navigation (Home, Impressum, Sitemap, etc.), Farbe: orange */
A.servicenavi, A.servicenavi:ACTIVE, A.servicenavi:VISITED, A.servicenavi:LINK {
  color : #be2700;
  text-decoration : none;
}

A.servicenavi:HOVER {
  color : #999;
  text-decoration : none;
}


/* Haupt-Navigations-Punkt (Level 1) in der linken Navigation */
A.navi_item1, A.navi_item1:ACTIVE, A.navi_item1:VISITED, A.navi_item1:LINK, A.navi_item1:HOVER {
  color : #f93;
  font-size: 10pt;
  font-weight : bold;
  text-decoration : none;
}

A.navi_item1:HOVER {
  color : #fc6;
}


/* Unter-Navigations-Punkt (Level 2) in der linken Navigation */
A.navi_item2, A.navi_item2:ACTIVE, A.navi_item2:VISITED, A.navi_item2:LINK, A.navi_item2:HOVER {
  color : #333;
  font-size: 9pt;
  text-decoration : none;
}

A.navi_item2:HOVER {
  color : #666;
}


/* Verlinkte Ueberschrift im Feature Topic (Erster Artikel auf Homepage) */
A.feature, A.feature:ACTIVE, A.feature:VISITED, A.feature:LINK, A.feature:HOVER {
  color : #c30;
  text-decoration : none;
}

A.feature:HOVER {
  color : #f63;
}


/* Links in der rechten Marginalspalte, Farbe: hellblau */
A.marginal, A.marginal:ACTIVE, A.marginal:VISITED, A.marginal:LINK, A.marginal:HOVER {
  color : #39c;
  text-decoration : none;
}

A.marginal:HOVER {
  color : #6cf;
}


/* Links in der Fusszeile (versenden, drucken), Farbe: rot-orange */
A.footer, A.footer:ACTIVE, A.footer:VISITED, A.footer:LINK, A.footer:HOVER {
  font-size : 8pt;
  color : #be2700;
  text-decoration : none;
}

A.footer:HOVER {
  color : #ee5730;
}


/* Sitemap Unterpunkte (Level 2) */
A.sitemap2, A.sitemap2:ACTIVE, A.sitemap2:VISITED, A.sitemap2:LINK, A.sitemap2:HOVER {
  color : #333;
  text-decoration : none;
}

A.sitemap2:HOVER {
  color : #666;
}


/* Sitemap Hauptpunkte (Level 1) */
A.sitemap1, A.sitemap1:ACTIVE, A.sitemap1:VISITED, A.sitemap1:LINK, A.sitemap1:HOVER {
  color : #fff;
  text-decoration : none;
}

A.sitemap1:HOVER {
  color : #ddd;
}



/* ============================================================ */
/* ==========               own classes              ========== */
/* ============================================================ */

/* Links/Hauptnavigation : Haupt-Navigationspunkt (Level 1) */
DIV.navi_item1 {
  background: url(../images/bg_navi_item1.png);
  min-height : 19px;
  margin-bottom : 10px;
  padding: 7px 8px 6px 16px;
  letter-spacing : -1px;
}

/* Links/Hauptnavigation : Unter-Navigationspunkt (Level 2) */
UL.navi_item2 {
   margin-top : 0px;
}

/* Links/Hauptnavigation : Unter-Navigationspunkt (Level 2) */
LI.navi_item2 {
  list-style-image : url(../images/navi_arrow.gif);
  margin-left : -10px;
}


/* Mitte/Content : Feature Topic : Ueberschrift */
H1.feature_headline {
  color : #c30;
  font-weight : bold;
  text-transform : uppercase;
  margin : 0px 0px 10px 0px;
}

/* Mitte/Content : Feature Topic : Bild */
.feature_pic {
  float : right;
  margin : -10px 0px -10px 10px;
}

/* Mitte/Content : Kleines farbiges Rechteck vor einem Artikel (in verschiedenen Farben) */
.news_bullet {
  width : 17px;
  height : 9px;
  margin : 3px 5px 0px 0px;
}

/* Mitte/Content : Tabelle fuer einen News-Teaser (auf der Homepage) */
.news_item {
  margin-bottom : 10px;
}

/* Mitte/Content : Fliesstext */
P.content_text {
  margin : 0px 10px 15px 10px;
}

/* Mitte/Content : Gepunktete Trennlinie */
.separator {
  width : 477px;
  height : 1px;
  border-bottom: 1px dashed #cec0a3;
  margin : 10px;
}

/* Mitte/Content : Durchgehende Trennlinie */
.separator2 {
  width : 497px;
  height : 1px;
  border-top: 1px #d0bb92 solid;
  margin : 0px;
  min-height : 10px;
}

/* Mitte/Content : Doppelte, gepunktete Trennlinie */
.separator_double {
  width : 477px;
  height : 1px;
  border-top: 1px dashed #cec0a3;
  border-bottom: 1px dashed #cec0a3;
  margin : 0px 10px 0px 10px;
}

/* Mitte/Content : Artikelbild linksbuendig */
IMG.article-pic_left {
  float : left;
  margin : 0px 10px 5px 10px;
}

/* Mitte/Content : Artikelbild rechtsbuendig */
IMG.article-pic_right {
  float : right;
  margin : 0px 10px 5px 10px;
}

/* Mitte/Content : Sitemap : 1 Hauptkategorie = 1 Block */
.sitemap_block {
  margin : 10px;
  padding : 0px;
  width : 477px;
}

/* Mitte/Content : Sitemap : Titel der Hauptkategorie */
.sitemap_cat-title {
  width : 471px;
  color : #fff;
  padding : 1px 3px 1px 3px;
  font-weight : bold;
  margin-bottom : 10px;
}

/* Mitte/Content : Sitemap :  */
UL.sitemap_column {
  margin-left : 10px;
  margin-right : 10px;
}

/* Mitte/Content : Sitemap :  */
LI.sitemap_item {
  margin-left : 10px;
  list-style-image : url(../images/navi_arrow.gif);
}

/* Mitte/Content : Weiterführende Artikel, dunkelgelb */
.more_articles1 {
  background : #fdd99d;
  margin : 0px 10px 0px 10px;
  padding : 4px 10px 4px 10px;
  vertical-align : top;
}

/* Mitte/Content : Weiterführende Artikel, hellgelb */
.more_articles2 {
  background : #fee9ba;
  margin : 0px 10px 0px 10px;
  padding : 4px 10px 4px 10px;
  vertical-align : top;
}

/* Mitte/Content : FAQ : Listenpunkt mit Pfeil */
LI.faq {
  list-style-image : url(../images/faq_arrow.png);
}

/* Mitte/Content : FAQ : Bereich (Feste, Finanzielles, etc.) */
.faq_div {
  height : 83px;
	overflow : visible;
	margin-bottom : 10px;
}

.faq_pic {
  float : left;
	padding : 0px 10px 0px 10px;
}

.faq_pictext {
  float : left;
	width : 60%;
}


/* Rechts/Marginalspalte : Ueberschrift */
.marginal_head {
  background : #6288b2;
  padding : 5px;
  color : #fff;
  font-weight : bold;
}

/* Rechts/Marginalspalte : Box mit blauem Hintergrund */
.marginal_content1 {
  background : #d6ebf5;
  padding : 5px 5px 10px 5px;
}

/* Rechts/Marginalspalte : Box mit weissem Hintergrund */
.marginal_content2 {
  background : #fff;
  padding : 5px 5px 0px 5px;
}

/* Rechts/Marginalspalte : Text-Absatz */
P.marginal {
  margin-top : 0px;
  margin-bottom : 10px;
  letter-spacing : 0px;
}

/* Rechts/Marginalspalte : Ueberschrift */
H3.marginal {
  margin : 0px 0px 2px 0px;
  font-size : 110%;
  color : #39c;
  font-weight : bold;
}

/* Rechts/Marginalspalte : Aufzaehlung */
UL.marginal {
   margin-top : 0px;
}

/* Rechts/Marginalspalte : Aufzaehlung */
LI.marginal {
  list-style-image:url(../images/marginal_bullet.png);
  margin-left : -22px;
}


/* Fusszeile : gepunktete Linie */
.footer_line {
  width : 100%;
  height : 1px;
  background-image : url(../images/bg_dottedline.png);
  margin-bottom : 5px;
  margin-top : 5px;
}


/* Allgemein : Formulare : Texteingabefelder */
.input {
  font-size : 9pt;
  border : 1px #999 solid;
  background : #fff;
}

/* Allgemein : Formulare : Formular-Buttons */
.submitbutton {
  font-size : 9pt;
}


/* Allgemein : Hervorgehobener Fliesstext (orange, fett) */
.hilight_text {
  color : #f93;
  font-weight : bold;
}

/* Allgemein : unbenutzte Hilfs-Klasse fuer Warnungen/Fehler etc. */
.warning {
  color : #c00;
  font-weight : bold;
}



/* ============================================================ */
/* ==========              layout blocks             ========== */
/* ============================================================ */

/* Container-DIV, sorgt fuer feste Seitenbreite und beinhaltet alle weiteren Elemente */
#container {
  width : 700px;
  margin : 0px auto 0px auto;
  padding : 0px;
  background-image : url(../images/bg_container.png);
}

/* Kopfzeile (HEAD-AREA) */
#header {
  display : block;
  width : 700px;
  background : #fde299;
  float : none;
}

/* Kopfzeile : farbige Flaeche links neben Service-Navigation */
#head_p1 {
  float : left;
  background : #fde299;
  width : 165px;
  height : 0px;
}

/* Kopfzeile : Service-Navigation */
#servicenavi {
  height : 0px;
  display : none;
}

/* Links/Hauptnavigation (LEFT COLUMN) */
#navigation {
  width : 0px;
  display : none;
}

/* Mitte/Content (CENTER COLUMN) */
#content {
  margin-left : 0px;
  width : 497px;
  background: #fef4da;
}

/* Rechts/Marginalspalte (RIGHT COLUMN) */
#marginal {
  float : left;
  width : 116px;
  border-left: 1px #d0bb92 solid;
  border-right: 1px #d0bb92 solid;
}

/* Fusszeile */
#footer {
  padding : 20px 10px 20px 10px;
  text-align : center;
}



/* ============================================================ */
/* ==========             single elements            ========== */
/* ============================================================ */

/* Kopfzeile : Logo/Visual */
#header_image {
  width : 700px;
  height : 124px;
}

/* Links/Hauptnavigation : Visual/Bild/Grafik oberhalb der Navigation */
#navi_visual {
  display : none;
}

/* Mitte/Content : Feature Topic (Erster Artikel auf Homepage) */
#feature_topic {
  width : 477px;
  border-bottom: #d0bb92 1px solid;
  padding : 10px;
}

/* Mitte/Content : Container-Tabelle fuer 3-Spalten-Aufteilung */
#column_container {
  background : #fff;
  border-bottom: #d0bb92 1px solid;
}

#category {
  font-size : 110%;
  padding : 10px;
  color : #fb9737;
}

TABLE#category {
  margin : 0px 10px 15px 10px;
}

#more_articles_separator {
  border-right : 1px dashed #cec0a3;
}

#page_count {
  float : right;
  padding-right : 10px;
  padding-left : 10px;
}

#page_select {
  padding-right : 10px;
  padding-left : 10px;
}

#new_search {
  padding : auto;
  margin : 1px 10px 0px 10px;
  background : #fdeaba;
}

#next_dates {
  margin : 1px 10px 0px 10px;
  padding : 4px 10px 4px 10px;
  background : #fdc37d;
  border : 1px solid #fe9e45;
  color : #fff;
  font-weight : bold;
  letter-spacing : 1px;
  text-transform : uppercase;
}

#faq_search {
  margin : 0px 10px 10px 10px;
}

#faq_list {
  margin : 1px 10px 10px 10px;
	padding : 1px 10px 1px 0px;
	background : #fdd99e;
}

#table_col1 {
  border-left : 1px dotted #cec0a3;
  border-right : 1px dotted #cec0a3;
	color : #f93;
	font-weight : bold;
}

#table_col3 {
  border-left : 1px dotted #cec0a3;
  border-right : 1px dotted #cec0a3;
  padding : 0px;
}

