/*=====================================================================*/
/*==                Bildschirm - CSS  für www.hgvw.ch                ==*/
/*==-----------------------------------------------------------------==*/
/*==    Copyright:  media-konzept kuster, CH-5430 Wettingen          ==*/
/*==    Author:     Walti Zubler                                     ==*/
/*=====================================================================*/

/*=========================================================*/
/*------------------ Globale Definitionen -----------------*/
/*=========================================================*/

* {
    margin:0;
    padding:0;
}

html
{ 
  padding:0px; 
  margin:0px; 
  border:0px; 
}

body
{
  border:0px;
  color:#2678CC;
  background-color:#2A69AC;
  background-image:url(../layout/hintergrund_body.jpg);
  background-repeat:repeat-x;
  margin:0px;
  padding:0px;
  font-family: Arial, sans-serif;
  font-size:13px;
}

img   {  border:0;  outline-width:0;  margin:0;  padding:0;  }

ul     {  list-style-position:outside;  }

.clear_float  {  clear:both;  height:0px;  overflow:hidden;  }

a     {  text-decoration:none;  border:0px;  outline-style:none;  outline-width:0;  }

.boxen_link_weiss    {  width:230px;  text-align:center;  }
.boxen_link_weiss a  {  font-size:12px;  color:#FFFFFF;  }

.box_dl_link            {  width:230px;  padding-top:10px;  text-align:center;  }
.box_dl_link a:link     {  font-size:16px;    color:#2678CC;  }
.box_dl_link a:visited  {  font-size:16px;    color:#2678CC;  }

.intern_link
{
  padding-left:10px;
  background-image:url(../upload/bullets/linkpfeil_schwarz.gif);
  background-repeat:no-repeat;
  background-position:center left;
}

a.linkout:link
{
  padding-left: 15px;
  background-image: url("../images/linkout3.gif");
  background-repeat: no-repeat;
  background-position: center left
}

a.linkout:visited
{
  padding-left: 15px;
  background-image: url("../images/linkout3.gif");
  background-repeat: no-repeat;
  background-position: center left
}

a.linkoutcpr:link
{
  font-size: 10px;
  padding-left: 15px;
  background-image: url("../images/linkout3.gif");
  background-repeat: no-repeat;
  background-position: center left
}

a.linkoutcpr:visited
{
  font-size: 10px;
  padding-left: 15px;
  background-image: url("../images/linkout3.gif");
  background-repeat: no-repeat;
  background-position: center left
}

.brancheklein {font-size: 9px; margin-bottom: -10px;}
/*===================================================*/
/*------------------ Raumaufteilung -----------------*/
/*===================================================*/

#arbeitsflaeche                 /*  Seiten-Bereich   */
{
  width:1000px;
  margin: 0 auto;   /*  Im Browserfenster zentriert  */
  background-color:#E3ECF3;
  background-image:url(../layout/hintergrund.jpg);
  background-repeat:repeat-x;
}

#kopfbereich
{
  width:100%;
  height:133px;
  display:block;
  background-image:url(../layout/kopf.jpg);
}

#inhaltbereich       /*  Dieser Bereich wird in die Spalten aufgeteilt  */
{
  padding-left:25px;
  width:100%;
}

#fussbereich
{
  width:100%;
  height:70px;
}

#fussbereich_logo
{
  padding-left:30px;
  width:105px;
  height:60px;
  float:left;
}

#fussbereich_text
{
  padding-top:10px;
  padding-left:10px;
  font-size:12px;
  color:#000;
  float:left;
}

/*--------------------- Spalten ---------------------*/

.spalten_abstand
{
  width:10px;
  float:left;
  overflow:hidden;
}

.spalte_1_viertel_breit             /*  1 Spalte    */
{
  width:230px;
  float:left;
}

.spalte_2_viertel_breit     /*  2 Spalten + 1 Abstand  */
{
  background-color:#D7E0E9;
  min-height:470px;
  margin-bottom:10px;
  background-image:url(../layout/hg_grauverlauf.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  width:470px;
  float:left;
}

.spalte_2_viertel_inhalt
{
  margin-left:10px;
  width:450px;
}

.spalte_3_viertel_breit     /*  3 Spalten + 2 Abstaende  */
{
  background-color:#D7E0E9; 
  min-height:470px;         
  margin-bottom:10px;
  background-image:url(../layout/hg_grauverlauf.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  width:710px;
  float:left;
}

.spalte_3_viertel_inhalt
{
  margin-left:10px;
  width:690px;
}

/*-------------------- Boxen ------------------------*/

.grau_box
{
  width:100%;
  margin-bottom:10px;
  background-color:#D7E0E9;
  background-image:url(../layout/hg_grauverlauf.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
}

.leer_box
{
  width:100%;
  margin-bottom:10px;
}

.box_titel_text_blau
{
  padding-top:6px;
  width:100%;
  text-align:center;
  font-family:'Times New Roman',Times,serif;
  font-size:20px;
  font-weight:normal;
}

.box_hr_grau
{
  margin-top:2px;
  margin-left:8px;
  width:214px;
  height:8px;
  background-image:url(../layout/hr_grau.jpg);
  background-repeat:repeat-x;
}

.box_hr_grau_breit
{
  margin-top:2px;
  width:100%;
  height:8px;
  background-image:url(../layout/hr_grau.jpg);
  background-repeat:repeat-x;
}

.box_height_110  {  height:110px;  }  /*  100+margin */
.box_height_230  {  height:230px;  }

/*===================================================*/
/*------------------- Navigationen ------------------*/
/*===================================================*/

a
{
  font-size:12px;
  color:#303030;
  text-decoration:none;
}
  
a:hover
{
  text-decoration:underline;
}

/*--------------------------------*/
/*--  Linke (Haupt) - Navigation  */
/*--------------------------------*/

.navi
{
  padding-left:25px;
  background-image:url(../upload/bullets/linkpfeil_schwarz.gif);
  background-repeat:no-repeat;
  background-position:15px center;
}

/* Level 1 first */

a.navileft_passive1
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  font-size:14px;
  color:#5F6871;
}

a.navileft_active1
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  font-size:14px;
  font-weight:bold;
  color:#5F6871;
}

a.navileft_open1
{
  padding-left:10px;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  font-size:14px;
  font-weight:bold;
  color:#5F6871;
}

/* Level 2 second */

a.navileft_passive2
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:#223366;
}

a.navileft_active2
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:#223366;
}

a.navileft_open2
{
  padding-left:10px;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:#223366;
}

/* Restliche Level */

a.navileft_passive
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:rgb(51,79,119);
}

a.navileft_active
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:rgb(51,79,119);
}

a.navileft_open
{
  padding-left:10px;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:rgb(51,79,119);
}

/*--------------------------------*/
/*--      Fuss - Navigation       */
/*--------------------------------*/

#fuss_navigation
{
  padding-bottom:5px;
  color:#2678CC;
}

#fuss_navigation a
{
  color:#2678CC;
}

/*============================================*/
/*------------------- login ------------------*/
/*============================================*/

#login_box
{
  font-size:12px;
  width:200px;
  padding-left:14px;
  padding-top:4px;
  overflow:hidden;
}

.label_login
{
  float:left;
}

.input_login
{
  float:right;
}

input.input_login
{
  font-size:12px;
  width:120px;
  border: 1px solid #7F9DB9;
  background-color:#E0E0E0;
}

.login_button
{
  margin-top:4px;
  margin-left:79px;
  width:120px;
  height:20px;
}

.login_button_text
{
  margin-top:-18px;
  margin-left:110px;
  width:200px;  
}

.login_button_text a  {  color:#505050;  }

.logout_text
{
}

.logout_name
{
  color:#000;
  padding-left:79px;
}

/*----------------------------------------------------------------*/
/*--                      slideshow                             --*/
/*----------------------------------------------------------------*/
/* css definitions 4 slideshow */

#slideshow-box{ width: 230px;  height:220px; padding-left:0px;  }
#slideshow .slide img { border:0; }
#slideshow .slide { position:absolute;top:0;left:0; /*vertical-align:middle; */  display:none; }
#slideshow { position:relative;margin:auto;vertical-align:middle; }

#slideshow-box1{ width: 230px;  height:110px; padding-left:0px;  }
#slideshow1 .slide1 img { border:0; }
#slideshow1 .slide1 { position:absolute;top:0;left:0; /*vertical-align:middle;*/  display:none; }
#slideshow1 {  position:relative; top:0; left:0;  margin:auto;  vertical-align:middle;  }

#slideshow-box2{ width: 230px;  height:110px; padding-left:0px;  }
#slideshow2 .slide2 img { border:0; }
#slideshow2 .slide2 { position:absolute;top:0;left:0; /*vertical-align:middle;*/  display:none; }
#slideshow2 {  position:relative; top:0; left:0;  margin:auto;  vertical-align:middle;  }

/*----------------------------------------------------------------*/
/*--                      Mitgliederliste                       --*/
/*----------------------------------------------------------------*/

#Mitgliederliste
{
  color:#000;
  width:100%;
}

#Mitgliederliste a
{
  color:#2678CC;
}

#Mitgliederliste_Kopf
{
  width:100%;
  padding-top: 8px;
  padding-bottom: 6px;
}

.auswahl_header
{
  color: #a52b28;
  margin-bottom: 4px;
  font-size:12px;
}

.auswahl_buchstaben
{
  color:#84A5CE;
}

#Listen_Inhalte
{
  width: 100%;
}

#ml_left
{
  width: 40%;
  float: left;
  margin-bottom: 10px;
  border-bottom: 1px dashed rgb(62,77,116);
}

#ml_center
{
  width: 20%;
  float: left;
  margin-bottom: 10px;
  border-bottom: 1px dashed rgb(62,77,116);
}

#ml_right
{
  width: 40%;
  float: left;
  text-align: right;
  margin-bottom: 10px;
  border-bottom: 1px dashed rgb(62,77,116);
}

.mi_left
{
  width: 40%;
  float: left;
  padding-top: 10px;
  margin-bottom: 6px;
}

.mi_center
{
  width: 20%;
  float: left;
  padding-top: 10px;
  margin-bottom: 6px;
}

.mi_right
{
  width: 40%;
  float: left;
  text-align: right;
  padding-top: 10px;
  margin-bottom: 6px;
}

.databottom
{
  clear:both;
  width: 100%;
  line-height:5px;
  border-bottom: 1px dashed rgb(62,77,116);
}

/*----------------------------------------------------------------*/
/*--      Mitglieder stellen sich vor, liste zum löschen        --*/
/*----------------------------------------------------------------*/

.mitgl_loesch_url    {  width:380px;  float:left;  overflow:hidden;  margin-top:3px;  margin-bottom:3px; }
.mitgl_loesch_bild   {  width:200px;  float:left;  overflow:hidden;  margin-top:3px;  margin-bottom:3px;   }
.mitgl_loesch_button {  width:100px;  text-align:right;  float:left;  overflow:hidden;  margin-top:3px;  margin-bottom:3px;   }

.mitgl_loesch_linie
{
  clear:both;
  width: 100%;
  line-height:5px;
  border-bottom: 1px dashed rgb(62,77,116);
}

a.mitgl_loesch_link:link
{
  color:maroon;
}

a.mitgl_loesch_link:visited
{
  color:maroon;
}

/*----------------------------------------------------------------*/
/*--                        Vorstand-Liste                      --*/
/*----------------------------------------------------------------*/

.vorstand_liste
{
  width:33%;
  height:160px;
  float:left;
}

.vorstand_liste_bild
{
  width:100%;
  text-align:center;
}

.vorstand_liste_bild img
{
  padding:5px;
  border:1px solid #808080;
  outline-style:none;
  outline-width:0;
  text-decoration: none;
  background-color:#D0D0D0;
}

.vorstand_liste_name
{
  padding-top:4px;
  width:100%;
  text-align:center;
}

.vorstand_liste_name a
{
  color:#000;
}

.vorstand_liste_funktion
{
  width:100%;
  text-align:center;
}

/*----------------------------------------------------------------*/
/*--                        Vorstand-Detail                     --*/
/*----------------------------------------------------------------*/

.vorstand_name
{
  width:100%;
  padding-top:50px;
  padding-bottom:15px;
  text-align:center;
  font-size:18px;
  color:#000;
}

.vorstand_bild
{
  float:left;
  width:150px;
}

.vorstand_bild img
{
  padding:5px;
  border:1px solid #808080;
  outline-style:none;
  outline-width:0;
  text-decoration: none;
  background-color:#D0D0D0;
}

.vorstand_funktion
{
  padding-top:10px;
  color:#000;
}

.vorstand_anschrift
{
  padding-top:10px;
}

/*----------------------------------------------------------------*/
/*--                      Kontakt - Formular                    --*/
/*----------------------------------------------------------------*/

.kontaktform_feld
{
  margin:0;
  margin-bottom:10px;
  width:100%;
}
  
.kontakform_text
{
  float:left;
  width:100px;
}
  
.kontaktform_input
{
}
  
.kontaktform_textarea
{
  font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
  font-size:11px;
}

.pflicht_marker
{
  font-size:12px;
  color:#FDA335; /*  Orange */
}

/*----------------------------------------------------------------*/
/*--  Anmelde-Formular (Verwendet auch elemente aus Kontaktform --*/
/*----------------------------------------------------------------*/

.anmeldung_info
{
  margin-bottom:10px;
  color:#277B3D;
}

.anmeldung_br_ersatz
{
  margin-bottom:8px;
}

.anmeldung_text_zeile
{
  width:98%;
  margin-bottom:5px;
}

.doppel_box
{
  margin:0;
  width:98%;
}

.doppel_box_links
{
  width:50%;
  float:left;
  margin-bottom:10px;
}

.doppel_box_rechts
{
  width:50%;
  float:left;
  margin-bottom:10px;
  text-align:right;
}

.anmeldung_text
{
  float:left;
  width:70px;
}

.anmeldung_input
{
}

.einzel_box
{
  margin:0;
  width:98%;
}

.einzel_box_text
{
  width:27%;
  float:left;
  margin-bottom:10px;
}

.einzel_box_input
{
  width:73%;
  float:left;
  text-align:right;
  margin-bottom:10px;
}

.anmeldung_radio_box
{
  margin:0;
  width:98%;
}

.anmeldung_radio_box_text
{
  width:75%;
  float:left;
  margin-bottom:10px;
}

.anmeldung_radio_box_auswahl
{
  width:25%;
  float:left;
  margin-bottom:10px;
}

/*---------------------------------------------*/
/*               Terminein/ausgabe             */ 
/*---------------------------------------------*/ 

#mod_te h1
{
  font-size:150%;
  margin-bottom:5px;
  color:#A52B28;
  margin-top: 30px;
}

#mod_te h2
{
  font-size:120%;
  font-weight:bold;
  color:#000000;
  margin-bottom:5px;
}

#mod_te p
{
  font-size:100%;
  color:#222222;
}

/*---------------------------------------------*/ 
/*               Terminliste                   */ 
/*---------------------------------------------*/ 

.tl_monat_block
{
  padding-top:4px;
  padding-bottom:4px;
}

.tl_monat_ueberschrift
{
  padding-bottom:5px;
  font-size:24px;
}

.tl_datum
{
  width:35%;
  float:left;
}

.tl_beschreibung
{
  float:left;
  padding-bottom:5px;
}

/*---------------------------------------------*/ 
/*               Terminteaser                  */ 
/*---------------------------------------------*/ 

#mod_ttl
{
  width:100%;
  padding-top:10px;
  padding-left:10px;
  padding-right:8px;
}

/*===============================================*/
/*------- Bildergalerie Uebersichts-Liste -------*/
/*===============================================*/

.galerie_liste
{
  padding-left:10px;
  width:330px;
  margin-bottom:12px;
  float:left;
}

.galerie_liste_bild
{
  width:90px;
  border:1px solid #808080;
  outline-style:none;
  outline-width:0;
  text-decoration: none;
  color:#e1c8a9;
  background-color:#D0D0D0;
  float:left;
}

.galerie_liste_bild img  {  margin:5px;  }
 
.galerie_liste_text      { padding-left:10px;  width:220px;  float:left;  }

.galerie_titel  {  color:#000000;  font-weight:bold;  }

/*----------------------------------------------------------------*/
/*--                     Download Liste                         --*/
/*----------------------------------------------------------------*/

#downloadtable
{
  width: 100%;
  margin-top: 30px;
}

#downloadheader
{
}

.downloaddata
{
  margin-top: 10px;
}

#dhead_line
{
  margin-top: 10px;
  border-bottom: 1px dotted #2678CC;
}
  
.dheader1
{
  font: 14px/14px georgia;
  color:#2678CC;
  width:45%;
  float:left;
}

.dheader2
{
  width:20%;
  font: 14px/14px georgia;
  color:#2678CC;
  text-align: center;
  float:left;
}

.dheader3
{
  width:15%;
  font: 14px/14px georgia;
  color:#2678CC;
  float:left;
}

.dheader4
{
  font: 14px/14px georgia;
  color:#2678CC;
  text-align: center;
}

.ddata1
{
  width:45%;  float:left;
}

.ddata2
{
  width:20%;
  text-align: center;
  float:left;
}

.ddata3
{
  width:15%;
  float:left;
}

.ddata4
{
  text-align: center;
}

.dfiledesc
{
  color: #9D9EA2;
  font-size: 9px;
}

/*===============================================*/
/*------------------- Diverses ------------------*/
/*===============================================*/

.bild_1  {  margin-bottom:10px; }

#bulletin_startseite            {  width:230px;  padding-top:10px;  text-align:center;  }
#bulletin_startseite a:link     {  font-size:16px;    color:#2678CC;  }
#bulletin_startseite a:visited  {  font-size:16px;    color:#2678CC;  }

.statuten       {  color:#000;                }
.statuten_ix    {  width:40px;   float:left;  }
.statuten_text  {  width:640px;  float:left;  }

.xdyn_headline  {  width:100%;  padding-top:4px;  padding-bottom:4px;  color:#000;  }
.xdyn_text      {  width:100%;  color:#000;  }

.xdyn_text ul   {  padding-left:20px;  }

.edit_label  {  color:#000;  font-weight:bold;  }