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

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

body 
  {
  background-color:   #f0f0f0;
  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'); 
  }

/*********************************************************************************************/
/* 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:             125px;
  width:              185px;
  }

.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:               130px;
  top:                130px;
  visibility:         visible;
  }


/*********************************************************************************************/
/* Logos der einzelnen Seiten */
/*********************************************************************************************/
/* Default-Darstellung */
.CsLogo
  {
  background-color:   #f0f0f0;
  background-repeat:  no-repeat;
  height:             150px;
  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');
  }

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

#IdLogoDS
  {
  background-image:   url('../pics/logo_datenschutz.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');
  }


/*********************************************************************************************/
/* Schatten unter der Tabelle*/
/*********************************************************************************************/

.shadow_top_right
  {
  background-image:     url('../pics/shadow_top_right.jpg');
  background-position:  top right;
  background-repeat:    no-repeat;
  margin:               0;
  padding:              0;
  }

.shadow_top_left
  {
  background-image:     url('../pics/shadow_top_left.jpg');
  background-position:  top left;
  background-repeat:    no-repeat;
  margin:               0;
  padding:              0;
  }

 .shadow_bottom_right
  {
  background-image:     url('../pics/shadow_bottom_right.jpg');
  background-position:  bottom right;
  background-repeat:    no-repeat;
  margin:               0;
  padding:              0;
  }

 .shadow_bottom_left
  {
  background-image:     url('../pics/shadow_bottom_left.jpg');
  background-position:  bottom left;
  background-repeat:    no-repeat;
  margin:               0;
  padding:              0;
  }

.shadow_content
  {
  margin:               0;
  padding-top:          2.50em;
  padding-right:        1.55em;
  padding-bottom:       2.11em;
  padding-left:         2.70em;
  }

.shadow_content p
  {
  margin:               0;
  padding:              0;
  }
