@charset "utf-8";

/* #################################################### */
/* ## Einstellungen der Seite                        ## */
/* ##                                                ## */
/* #################################################### */

body
{
  background: url(../../image/hg_blu_3.jpg) #1d5782 0px 0px repeat-x;
  /*background-color: #1d5782;*/
  margin-top: 10px;
  margin-bottom: 10px;

  font-weight: inherit;
  font-style: inherit;
  font-size: 80%;
  font-family: Verdana, sans-serif;
  vertical-align: baseline;
}


/* #################################################### */
/* ## Einstellungen der Seitenobjekte                ## */
/* ## Boxen, Zeilenabstände                          ## */
/* #################################################### */

.float_clear
{
  height: 1px;
  clear: both;
}

.float_clear_2
{
  clear: both;
}

.float_left
{
  float: left;
}

.abstand_horizontal_1
{
  height: 2px;
  clear: both;
}

.abstand_horizontal_5
{
  height: 5px;
  clear: both;
}

.abstand_horizontal_10
{
  height: 10px;
  clear: both;
}


.top_test
{
  width: 920px;
  margin : 0px;
  padding : 10px;
  height: 50px;
  border: solid 5px #ffffff;
  background-color: #FFFFFF;
}


.headline{
  /*padding-left: 260px;*/
  padding-left: 120px;
  padding-top: 126px;
}

.headline_text{
  color: #660000;/*#052850;#004080;*/
  letter-spacing: 0.2px;
  font-weight: inherit;
  font-style: inherit;
  font-size: 11px;
  font-family: Verdana, sans-serif;
  vertical-align: baseline;
}




/*
.box_vertikal_blanko
{
  border: solid 0px #FF8040;
  # background-color: ;
  margin: 5px 0px 20px 10px;
  padding: 0px 0px 0px 5px;
}

.box_vertikal_rahmen
{
  border: solid 1px #000000;
  background-color: #ffffff;
}


.hauptbereich_kopf
{
  border-top: solid 1px #74bbbd;
  border-right: solid 1px #74bbbd;
  border-left: solid 1px #74bbbd;
  border-bottom: solid 1px #000000;                // maku
  # background-color: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding-top: 5px;
}
*/

.hauptbereich
{
  background-color: #FFFFFF;
  # background-image: url(../../image/hg_hauptteil_1.gif);
  # background-image: url(../../image/hintergrund_grau_2.png);
  background-position: top;                                                                // maku
  background-repeat: repeat-x;

  # border: solid 1px #737373;
  margin: 0px 0px 10px 0px;
  padding: 20px 20px 20px 20px;
}

.hauptbereich_farbtest
{
  background-color: #76E2BF;

  border: solid 1px #737373;
  margin: 0px 0px 10px 0px;
  padding: 20px 20px 20px 20px;
}

.anzeige_box_1_rahmen
{
  width: 650px;
  border: solid 1px silver;
}

.anzeige_box_1_rahmen:hover
{
  /*border: solid 1px #004080;*/
  border: solid 1px #CCCC00;
  background-color: #CCCC00;/*#FFFF7D*/
}

.anzeige_box_1
{
  margin: 6px;
}

.anzeige_box_1_top
{
  padding: 4px 10px 4px 10px;
  /*background-color: #91C9CC;*/
  background-color: #080f60;
  font-weight: bold;
  color: #ffffff;
}

.anzeige_box_1_top_2
{
  padding: 4px 10px 4px 10px;
  background-color: #7BC1BF;
}

.anzeige_box_1_mitte
{
  padding: 4px 10px 4px 10px;
  background-color: #C6E3E2;
}

.anzeige_box_1_bottom
{
  padding: 4px 10px 4px 10px;
  background-color: #8FE45C;
}


/* #################################################### */
/* ## Horizontales Menü                              ## */
/* ##                                                ## */
/* #################################################### */

.menue_zeile_horizontal
{
  clear: both;
}

.menue_leiste_horizontal
{
  padding-left: 20px;
  padding-right: 20px;
  height: 22px;
  border-top: solid 1px #FFFFFF;
  border-bottom: solid 1px #FFFFFF;
  background-color: #080f60;
  margin: 1px 0px 1px 0px;
  clear: both;
}

.menue_horizontal_l_a,
.menue_horizontal_l_aktiv,
.menue_horizontal_l_text,
.menue_horizontal_r_a,
.menue_horizontal_r_aktiv,
.menue_horizontal_r_text
{
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
}

.menue_horizontal_l_aktiv,
.menue_horizontal_r_aktiv
{
  background-color: #0b55eb;
  padding: 2px 10px 4px 10px;
}

.menue_horizontal_l_a a:hover,
.menue_horizontal_r_a a:hover
{
  background-color: #bcc3c4;
  padding: 2px 10px 4px 10px;
  color: #0b55eb;
}

.menue_horizontal_l_a a,
.menue_horizontal_r_a a
{
  padding: 2px 10px 4px 10px;
  color: #ffffff;
  text-decoration: none;
}

.menue_horizontal_l_a,
.menue_horizontal_r_a
{
  padding: 2px 0px 4px 0px;
}

.menue_horizontal_l_text,
.menue_horizontal_r_text
{
  padding: 2px 10px 4px 10px;
}

.menue_horizontal_l_a,
.menue_horizontal_l_aktiv,
.menue_horizontal_l_text
{
  float: left;
}

.menue_horizontal_r_a,
.menue_horizontal_r_aktiv,
.menue_horizontal_r_text
{
  float: right;
}


/* #################################################### */
/* ## Verikales Menü                                 ## */
/* ## Überschrit, Hauptmenü und Untermenü            ## */
/* #################################################### */

.menue_vertikal_ueberschrift
{
  background-color: #080f60;
  margin: 0px 0px 4px 0px;
  padding: 4px 0px 4px 5px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}

.menue_vertikal_level_1_text,
.menue_vertikal_level_1_aktiv,
.menue_vertikal_level_1_a
{
  margin: 6px 0px 4px 8px;
  padding: 1px 0px 2px 2px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}


.menue_vertikal_level_1_a
{
  border-bottom: 1px solid ;
  color: #000000;
}

.menue_vertikal_level_1_aktiv
{
  background-color : #0b55eb;
  border-bottom: 1px solid #0b55eb;
  color: #ffffff;
}

.menue_vertikal_level_1_a:hover,
.menue_vertikal_level_2_a:hover
{
  border-bottom: 1px solid #6B6B6B;
  color: #00D200;
}

.menue_vertikal_level_1_a a,
.menue_vertikal_level_2_a a
{
  color: #000000;
  text-decoration: none;
}

.menue_vertikal_level_1_a a:hover,
.menue_vertikal_level_2_a a:hover
{
  color: #6B6B6B;
  text-decoration: none;
}

.menue_vertikal_level_2_text,
.menue_vertikal_level_2_aktiv,
.menue_vertikal_level_2_a
{
  margin: 6px 0px 4px 20px;
  padding: 1px 0px 2px 2px;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 0.8;
}

.menue_vertikal_level_2_a
{
  border-bottom: 1px solid ;
  color: #000000;
}

.menue_vertikal_level_2_aktiv
{
  background-color : #0b55eb;
  border-bottom: 1px solid #0b55eb;
  color: #ffffff;
}

.menue_vertikal_level_1_text,
.menue_vertikal_level_2_text
{
  color: #ffffff;
}


/* #################################################### */
/* ## Formatierung der Texte und                     ## */
/* ## Schriftverlinkungen                            ## */
/* #################################################### */

/* ## Verlinkung der Schriftnavigation im Kopf       ## */

.link_kopfteil_rahmen,
.link_kopfteil_rahmen a,
.link_kopfteil_invers,
.link_kopfteil_invers a
{
  border : 1px solid #FFFFFF;
  padding: 0px 2px 0px 1px;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
}

.link_kopfteil_rahmen a:hover
{
  border : 1px solid #080f60;
}

.link_kopfteil_invers a:hover
{
  border : 1px solid #080f60;
  background-color : #080f60;
  color: #ffffff;
}


/* ## normale Textlinks                              ## */

.text_link_1
{
  padding: 1px 2px 1px 2px;
  background-color : #bcc3c4;
  text-decoration: none;
  /*color : #080f60;*/
  color : #0b55eb;
  font-weight: bold;
}

.text_link_1:hover
{
  border-bottom : 1px dashed #804000;

}

.text_link_1:active
{
  border : 1px dashed #804000;

}

/* ## externe Links - Email und eigene Seite         ## */

.text_link_2
{
  padding: 1px 2px 1px 2px;
  background-color : #bcc3c4;
  text-decoration: none;
  /*color : #080f60;*/
  color : #ffffff;
  font-weight: bold;
}

.text_link_2:hover
{
  border-bottom : 1px dashed #804000;

}

.text_link_2:active
{
  border : 1px dashed #804000;

}
/*
.menueliste_vertikal_1 ul
{
  list-style-type : none;
  padding-left: 0px;
}

.menueliste_vertikal_1 li
{
  background: transparent url(../../image/pfeil_r_blu.png) no-repeat top left;
  padding: 4px 0px 2px 20px;
}
*/


.menueliste_vertikal_1 li .text_link_3, .text_link_3
{
  padding: 1px 2px 1px 2px;
  /*background-color : #bcc3c4;*/
  color : #004481;
  text-decoration: none;
  /*color : #080f60;*/
  /*color : #000000;*/
}

.menueliste_vertikal_1 li .text_link_3:hover, .text_link_3:hover
{
  border-bottom : 1px dashed #804000;
}

.menueliste_vertikal_1 li .text_link_3:active, .text_link_3:active
{
  border : 1px dashed #804000;
}


/* ## Seitenüberschrift                              ## */

.seitenschlagwort
{
  padding-top: 15px;
  margin-bottom: 10px;
  font-size:24px;
  font-style: normal;
  font-weight: bold;
  color: #080f60;
}
.seitenschlagwort_2
{
  margin-top: 15px;
  margin-bottom: 10px;
  font-size:24px;
  font-style: normal;
  font-weight: bold;
  color: #080f60;
}


/* ## Textformatierung                               ## */

.text_uebschrift,
.text_uebschrift_e
{
  margin-top: 20px;
  margin-bottom: 5px;
  font-size:16px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}

.text_uebschrift_e
{
  margin-left: 20px;
  margin-right: 20px;
}

.text_normal,
.text_normal_e
{
  margin-bottom: 10px;
  font-size:14px;
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  color: #000000;
}

.text_normal_e
{
  margin-left: 40px;
  margin-right: 40px;
}

.text_klein,
.text_klein_e
{
  margin-bottom: 8px;
  font-size:12px;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  color: #000000;
  # display: inline;
}

.text_klein_e
{
  margin-left: 40px;
  margin-right: 40px;
}

/* ## Listen                                        ## */

.text_normal ul,
.text_normal_e ul
{
  /*list-style-image:url(../../image/ok_gruen_20_2.png);*/
  /*list-style-image:url(../../image/punktGrn.gif); */
  /*list-style-image:url(../../image/haken_12_2.png);*/

  /*list-style-image:url(../../image/button_b_grn_10.gif);*/
  /*padding-left: 10px;*/
}

.text_normal li,
.text_normal_e li
{
  /*padding-left: 8px; */
  /*padding-bottom: 5px */
}


/*.menueliste_vertikal_mittig ul, .menueliste_vertikal_oben ul
ul
{
  list-style-type : none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
*/
/*
.menueliste_vertikal_mittig li
{
  background:  url(../../image/pfeil_r_blu.png) no-repeat center left;
  padding: 4px 0px 2px 20px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #000000;
}

.menueliste_vertikal_oben li
{
  background: transparent url(../../image/pfeil_r_blu.png) no-repeat top left;
  padding: 4px 0px 2px 20px;
}
*/
/*
.menueliste_vertikal_mittig_pf_blau li
{
  background: transparent url(../../image/pfeil_r_blu.png) no-repeat center left;
  padding: 4px 0px 2px 20px;
}

.menueliste_vertikal_mittig_punkt_gruen li
{
  background: transparent url(../../image/punktGrn.gif) no-repeat background-position:center left;
  padding: 4px 0px 2px 20px;
}
*/


/*.liste_pfeil_bl_mittig ul, .liste_pfeil_bl_oben ul*/
ul
{
  list-style-type : none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.liste_pfeil_bl_mittig li
{
  background:  url(../../image/pfeil_r_blu.png) no-repeat left center;
  padding: 4px 0px 2px 22px;
  margin: 0px 0px 0px 0px;
}

.liste_pfeil_bl_oben li
{
  background: transparent url(../../image/pfeil_r_blu.png) no-repeat top left;
  padding: 4px 0px 2px 20px;
  margin: 0px 0px 0px 0px;
}

.liste_punkt_grn_oben li
{
  background: transparent url(../../image/punktGrn.gif) no-repeat 0px 8px;
  padding: 4px 0px 2px 25px;
  margin: 0px 0px 0px 0px;
}

.liste_punkt_grn_kreis_ok li
{
  background: transparent url(../../image/ok_gruen_20_2.png) no-repeat 0px 6px;
  padding: 4px 0px 2px 28px;
  margin: 0px 0px 0px 0px;
}

.liste_kreis_grn_blu li
{
  background: transparent url(../../image/kreis_grn_blu4.png) no-repeat 0px 8px;
  padding: 4px 0px 2px 28px;
  margin: 0px 0px 0px 0px;
}

.liste_haken_grn li
{
  background: transparent url(../../image/haken_grn3.png) no-repeat 0px 8px;
  padding: 4px 0px 2px 28px;
  margin: 0px 0px 0px 0px;
}
.liste_haken_grn_2 li
{
  background: transparent url(../../image/haken_grn3.png) no-repeat 260px 8px;
  padding: 4px 0px 2px 285px;
  margin: 0px 0px 0px 0px;
}

.liste_kreuz_rot li
{
  background: transparent url(../../image/kreuz_rot3.png) no-repeat 0px 8px;
  padding: 4px 0px 2px 28px;
  margin: 0px 0px 0px 0px;
}

.liste_stern_blu li
{
  background: transparent url(../../image/stern_blu_15_15.png) no-repeat 13px 3px;
  padding: 4px 0px 2px 40px;
  margin: 0px 0px 0px 0px;
}

/* ## Textfluss                                      ## */

.textfluss_links
{
  margin-right: 20px;
  float: left;
}

.textfluss_links_2
{
  margin-right: 0px;
  float: left;
}

.textfluss_rechts
{
  margin-left: 20px;
  float: right;
}

.textfluss_aus
{
  clear: both;
}


/* ## Bildpositionierung                             ## */

.bildfluss,
.bildfluss_rot,
.bildfluss_mittig,
.bildfluss_gross,
.bildfluss_gross_mittig
{
  padding: 8px;
  border: 1px solid silver;
}

.bildfluss_o_rahmen
{
  padding: 8px;
}

.bildfluss_rot:hover
{
  border: 1px solid #004080;
}

.bildfluss_gross,
.bildfluss_gross_mittig
{
  margin-bottom: 10px;
}

.bildfluss_mittig,
.bildfluss_gross_mittig
{
  margin-top: 10px;
}


/* ## tabellenlayout 1 nur obere und untere Linien   ## */

.tab_1_ueberschrift,
.tab_1_inhalt,
.tab_1_inhalt_2

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

.tab_1_ueberschrift
{
  background-color : #FF8000;
  padding: 4px 5px 4px 10px;
  border-top: 1px solid #4967F3;
  border-bottom: 1px solid #4967F3;
  font-weight: bold;
  color : #ffffff;
}

.tab_1_inhalt,
.tab_1_inhalt_2
{
  background-color : #D6D6D6;
  padding: 2px 5px 2px 10px;
  border-bottom: 1px dashed #4967F3;
}

.tab_1_inhalt_2
{
  font-weight: bold;
  color: #080f60;
}



/* ## Formularelemente                               ## */

.formularelement,
.formularelement_error,
.formular_prueffeld
{
  padding: 2px;
  margin: 0px;
  background-color: #EEEEEE;
  /*background-color: #FFFFFF;*/
  border: 1px solid #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  /*border-width: 1px;*/
  /*border-style: solid;*/
  /*border-color: #343434;*/
}

.formularelement:focus,
.formular_prueffeld:focus
{
  background-color: #C0C0C0;
}

.formularelement_error,
.formular_prueffeld_error
{
  background-color: #FF0000;
  /*border-color: #FF0000;*/
  color: #ffffff;
}

.formular_prueffeld,
.formular_prueffeld_error
{
  text-align: center;
}

.formular_button
{
  padding: 4px 9px 6px 8px;
  background-color: #EEEEEE;
  border: 1px solid #000000;
  font-size:16px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}

.rahmenelemt_1
{
  padding: 0px 0px 0px 0px;
  margin: 0px 40px 0px 40px;
  background-color: #0080FF;
  background-color: #080f60;
  border: 0px solid #000000;
  /*width: 500px;*/
}

.rahmenelemt_1_kopf
{
  padding: 10px 10px 7px 10px;
  margin: 0px 0px 0px 0px;
  /*background-color: #0080FF;*/
  border-bottom: 1px solid #000000;
}

.rahmenelemt_1_mittelteil
{
  padding: 8px 10px 5px 12px;
  margin: 0px 0px 0px 0px;
  background-color: #A6C8C6#84B3B1;
  background-color: #A6C8C6;
}

.rahmenelemt_1_fuss
{
  padding: 7px 10px 8px 10px;
  margin: 0px 0px 0px 0px;
  /*background-color: #0080FF;*/
  border-top: 1px solid #ffffff;
}


.rahmenelemt_text_ueberschrift
{
  font-weight: bold;
  font-size: 20px;
  font-size: 16px;
  letter-spacing: 0.15em;
  word-spacing: 0.3em;
  color : #ffffff;
}


.rahmenelemt_text_fuss_bestellen
{
  padding-top: 4px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.05em;
  word-spacing: 0.08em;
  text-align: left;
  vertical-align: middle;
  color : #ffffff;
}

.rahmenelemt_text_fuss_preis
{
  font-weight: bold;
  font-size: 18px;
  font-size: 14px;
  letter-spacing: 0.05em;
  word-spacing: 0.08em;
  text-align: right;
  color : #ffffff;
}