/*********************************************************************************************/
/* Globale Definitionen */
/*********************************************************************************************/
a:active,
a:link,
a:visited
  {
  color:              #330033;
  text-decoration:    underline;
  }

a:hover
  {
  color:              #ff6633;
  text-decoration:    none;
  }

body 
  {
  background-color:   #f0f0f0;
  background-image:   url('../pics/background.jpg'); 
  background-repeat:  repeat-x;
  color:              #330033;
  font-family:        Arial;
  font-size:          90%;
  height:             100%;
  margin:             0em;
  padding:            0em;
  width:              100%;
  }

input,
select,
textarea
  {
  border-color:       #006633;
  border-width:       1px;
  color:              #330033;
  font-family:        Arial;
  }

td
  {
  color:              #330033;
  font-family:        Arial;
  font-size:          90%
  }

/*********************************************************************************************/
/* Menü */
/*********************************************************************************************/
/* Ausgewählten Menü-Eintrag hervorheben */
.CsMenuSel
  {
  color:              #ff6633;
  font-weight:        bold;
  }

/* Darstellung */
#IdMenu
  {
  background:         #808040;
  background-image:   url('../pics/verlauf.jpg');
  clear:              both;
  margin:             0;
  height:             1.2em;
  list-style:         none;
  padding:            0.2em 11px;
  }
  
#IdMenu li
  {
  align:              right;
  float:              left;
  margin:             0;
  
  padding-left:       50px; 
  padding-right:      50px;
  
  border-right-color: #ffffff; 
  border-right-style: ridge;
  border-right-width: 2px;
  }
  
#IdMenu li a
  {
  color:              #ffffff;
  padding:            0.2em 0px;
  text-decoration:    none;
  }
  
#IdMenu a:hover
  {
  color:              #FF6633;
  }


/*********************************************************************************************/
/* Download-Button */
/*********************************************************************************************/
/* Default-Darstellung */
.CsDownloadExe a
  {
  background-image:   url('../pics/button_exe_off.jpg'); 
  display:            block; 
  height:             70px; 
  width:              200px
  }
  
/* Mouse over */
#IdDownloadExe a:hover
  {
  background-image:   url('../pics/button_exe_on.jpg'); 
  }

/* Default-Darstellung */
.CsDownloadMsi a
  {
  background-image:   url('../pics/button_msi_off.jpg'); 
  display:            block; 
  height:             70px; 
  width:              200px
  }
  
/* Mouse over */
#IdDownloadMsi a:hover
  {
  background-image:   url('../pics/button_msi_on.jpg'); 
  }


/*********************************************************************************************/
/* Abbildungen als Gallerie darstellen */
/*********************************************************************************************/
.CsGallery
  {
  position:           relative;
  width:              780px;
  }

.CsGallery a:active,
.CsGallery a:hover,
.CsGallery a:link,
.CsGallery a:visited
  {
  text-decoration:    none;
  }

.CsThumb img
  {
  border:             1px solid #808040;
  margin:             0px 5px 5px 0px;
  height:             170px;
  width:              250px;
  }

.CsThumb:hover img
  {
  border:             1px solid #808040;
  }

.CsThumb span
  {
  background-color:   #808040;
  border:             1px ridge #000000;
  color:              #ffffff;
  font-weight:        bold;
  left:               -1000px;
  padding:            10px;
  position:           absolute;
  text-decoration:    none;
  visibility:         hidden;
  }

.CsThumb span img
  {
  height:             auto;
  width:              500px;
  }

.CsThumb:hover span
  {
  background-image:   url('../pics/verlauf.jpg');
  background-repeat:  repeat-x;
  left:               110px;
  top:                100px;
  visibility:         visible;
  }


/*********************************************************************************************/
/* Logos der einzelnen Seiten */
/*********************************************************************************************/
/* Default-Darstellung */
.CsLogo
  {
  background-color:   #f0f0f0;
  background-repeat:  no-repeat;
  height:             100px;
  width:              800px;
  }

/* Einzelne Id pro Seite */
#IdLogoS
  {
  background-image:   url('../pics/logo_startseite.jpg');
  }
  
#IdLogoD
  {
  background-image:   url('../pics/logo_download.jpg');
  }

#IdLogoK
  {
  background-image:   url('../pics/logo_kontakt.jpg');
  }

#IdLogoI
  {
  background-image:   url('../pics/logo_impressum.jpg');
  }

#IdLogoL
  {
  background-image:   url('../pics/logo_lizenz.jpg');
  }

#IdLogoN
  {
  background-image:   url('../pics/logo_news.jpg');
  }

#IdLogoFo
  {
  background-image:   url('../pics/logo_formular_ok.jpg');
  }

#IdLogoFe
  {
  background-image:   url('../pics/logo_formular_error.jpg');
  }

#IdLogoBug
  {
  background-image:   url('../pics/logo_bugreport.jpg');
  }