/* Cascading-Style-Sheet fuer smc-freiberg.de
 * 
 * (c) SMC-Freiberg a.N. e.V.
 */
 
 
/*   ***************************   */
/*   * Allgemeines / Schriften *   */
/*   ***************************   */
   
body
  {
  color:black;
  background-color:       white;
  background-image:       url(background.jpeg);
  background-repeat:      no-repeat;
  background-position:    center;
  background-attachment:  fixed;
  margin-top:             0px;
  padding-top:            0px;
  font-family:            Arial, Helvetica, sans-serif;
  }

p, ul, ol, li, div, td, th, address,
blockquote, b, i, input, select, textarea
  {
  font-size:              14px;
  }

h1
  {
  font-size:              26px;
  font-weight:            bold;
  margin-bottom:          24px;
  margin-top:             0.5em;
  }
  
h2
  {
  font-size:              20px;
  font-weight:            bold;
  margin-bottom:          0px;
  margin-top:             1em;
  }
  
h3
  {
  font-size:              20px;
  font-weight:            bold;
  margin-top:             0px;
  margin-bottom:          0px;
  }
  
p
  {
  text-align:             justify;
  margin-top:             6px;
  }

p.note
  {
  font-size:              12px;
  text-align:             right;
  color:                  #C0C0C0;
  background-color:       transparent;
  }

abbr, acronym
  {
  white-space:            nowrap;
  }

div.highlight
  {
  text-align:             justify;
  color:                  black;
  background-color:       #F0F8FF;
  border-style:           none;
  border-width:           thin;
  padding:                1mm;
  }

span.date
  {
  font-size:              11pt;
  text-decoration:        none;
  color:                  #0000CD;
  background-color:       transparent;
  margin-right:           2em;
  }
  
span.teaser
  {
  font-size:              11pt;
  text-decoration:        none;
  color:                  #DC143C;
  background-color:       transparent;
  }


/*   ************   */
/*   * Tabellen *   */
/*   ************   */
  
table
  {
  border-width:           thin;
  border-style:           groove;
  width:                  100%;
  margin-bottom:          1em;
  margin-top:             1em;
  border-collapse:        collapse;
  }
  
table.blind   /* LEGACY */
  {
  border-style:           none;
  width:                  100%;
  margin-bottom:          1em;
  }
  
table.hover tbody tr, [dummy=dummy]
  /* Hack um IE auszusperren
     http://www.dithered.com/css_filters/css_only/with_dummy_quoted_attribute.html
	 
     Farbe: 255, 255, 255 (von 255)  alpha: 75 (von 127)
  */
  {
  background-image:       url(background_table_nohover.png);
  }

table.hover tbody tr:hover, [dummy=dummy]
  /* Hack um IE auszusperren
     http://www.dithered.com/css_filters/css_only/with_dummy_quoted_attribute.html
	 
	 Farbe: 171, 255, 255 (von 255)  alpha: 55 (von 127)
  */
  {
  background-image:       url(background_table_hover.png);
  }

th
  {
  text-align:             left;
  font-weight:            bold;
  color:                  black;
  background-color:       #C0C0C0;
  background-image:       url(background_table_th.png);
  vertical-align:         top;
  border-style:           groove;
  border-width:           thin;
  }
  
td
  {
  vertical-align:         top;
  border-style:           groove;
  border-width:           thin;
  }
  
td.blind,      /* LEGACY */
.blind td
  {
  vertical-align:         top;
  border-style:           none;
  }


/*   *******************   */
/*   * Listen / Balken *   */
/*   *******************   */

ul
  {
  list-style-position:    outside;
  list-style-image:       url(list.gif);
  margin-left:            30px;
  }
  
ul.blind
  {
  list-style-type:none;
  list-style-image:none;
  }
  
li
  {
  }

li.wide
  {
  margin-bottom:          1.5em;
  }

hr
  {
  text-align:             center;
  color:                  #4169E3;
  background-color:       #4169E1;
  border-color:           #4169E2;
  border-style:           none;
  height:                 1px;
  width:                  75%;
  clear:                  both;
  }

/*   **********   */
/*   * Bilder *   */
/*   **********   */

img
  {
  border-style:           none;
  vertical-align:         middle;
  }
  
img.right
  {
  float:                  right;
  margin-left:            1ex;
  }
  
img.left
  {
  float:                  left;
  margin-right:           1ex;
  }


/*   *************   */
/*   * Formulare *   */
/*   *************   */
  
fieldset
  {
  font-size:              14px;
  color:                  black;
  background-color:       #F0F8FF;
  }
  
input.button 
  {
  width:                  150px;
  height:                 2em;
  }
  
textarea, input
  {
  font-family:            Arial, Helvetica, sans-serif;
  }

input[type=text]:focus,
textarea:focus
  {
  background-color:       #FFEFD5;
  color:                  black;
  }


/*   ********************   */  
/*   * Navigationsframe *   */  
/*   ********************   */

body#navigation
  {
  color:                  black;
  background-color:       #FFFFE0;
  background-image:       none;
  margin:                 0px;
  padding:                5px;
  }

#navigation ul
  {
  list-style-type:        none;
  list-style-image:       none;
  list-style-position:    outside;
  margin:                 0px;
  padding-left:           0px;
  }

#navigation li
  {
  margin-bottom:          0.25em;
  padding-left:           0px;
  padding-right:          0px;
  border-top-style:       none;
  border-right-style:     none;
  border-left-style:      groove;
  border-bottom-style:    groove;
  border-width:           medium;
  }
  
#navigation a:link,
#navigation a:visited,
#navigation a:active
  {
  font-size:              11pt;
  font-weight:            bold;
  text-decoration:        none;
  color:                  black;
  background-color:       transparent;
  padding-left:           6px;
  display:                block;
  }
  
#navigation a:hover,
#navigation a:focus
  {
  font-style:             normal;
  text-decoration:        none;
  color:                  #0000CD;
  background-color:       #E8E8C0;
  }
