/* style.css                                                                */

/* stylesheet-Datei in der nur Klassen fuer die Seiten vorgegeben werden     */

/* ------------------------------------------------------------------------ */

html { overflow-y: scroll;}

/* ------------------------------------------------------------------------ */

h1
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 14px;
 color: #999999;
 text-align: left;
 display:inline;
 }

h2
 {
 margin-top: 20px;
 margin-left: 10px;
 Font-Family: Arial, Verdana, Serif;
 font-size: 12px;
 text-align: left;
 margin-bottom: 10px;
 color: #999999; 
 }

h3 /* wie H2 nur ohne BR */
 {
 margin-top: 0px;
 Font-Family: Arial, Verdana, Serif;
 font-size: 12px;
 text-align: left;
 margin-bottom: 0px;
 color: #999999; 
 }

h4
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 10pt;
 Font-Weight: bold;
 Text-Decoration: underline;
 }

h5
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 10pt;
 Text-Decoration: underline;
 }

/* ------------------------------------------------------------------------ */

/* p - Standardschriftart fuer alle Seitentexte                              */

p
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 12px;
 color: #999999;
 padding-left: 10px;  
 padding-top: 4px;
 }

.textklein
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 10px;
 }

.textrot
 {
 color: #dd1f33;
 }

ul
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 12px;
 list-style-type: square;
 }

.cttable
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 12px;
 margin-left: 10px;
 color: #999999;
 } 

.bgcolor
 {
 background-color: #edebeb; 	
 }

/* ------------------------------------------------------------------------ */

/* a - Textlinks auf normalen Seiten (farbig)                               */

a:link
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 12px;
 color: #999999;
 text-decoration: underline;
 }

a:visited
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 12px;
 color: #999999;
 text-decoration: underline; 
 }

a:active
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 12px;
 color: #999999;
 text-decoration: underline;  
 }

a:hover
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 12px;
 color: #dd1f33;
  text-decoration: underline; 
 }

/* ------------------------------------------------------------------------ */
/* a - Formulare							                               */

.button
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 10px;
 background-color: #edebeb;
 border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #dd1f33;
 color: #666666;
 }

.form
 {
 background-color: #edebeb;
 border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 Font-Family: Arial, Verdana, Serif;
 font-size: 11px;
 color: #555555;
 }

.h1form
 { 
 Font-Family: Arial, Verdana, Serif;
 font-size: 10px;
 color: #999999;
 vertical-align: bottom;
 padding-top: 10px;
 }
 
/* ------------------------------------------------------------------------ */
/* Button für Seite (wie Formular)                             */
/* ------------------------------------------------------------------------ */
  
.switch_on:link
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 10px;
 background-color: #edebeb;
 border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #dd1f33;
 color: #666666;
 
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 3px; 
 padding-bottom: 3px; 
 
 text-decoration: none;  
 }

.switch_on:visited
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 10px;
 background-color: #edebeb;
 border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #dd1f33;
 color: #666666;
 
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 3px; 
 padding-bottom: 3px; 
 
 text-decoration: none;  
 }

.switch_on:active
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 10px;
 background-color: #edebeb;
 border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #dd1f33;
 color: #666666;
 
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 3px; 
 padding-bottom: 3px; 
 
 text-decoration: none;  
 }

.switch_on:hover
 {
 Font-Family: Arial, Verdana, Serif;
 font-size: 10px;
 background-color: #dddddd;
 border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #dd1f33;
 color: #666666;
 
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 3px; 
 padding-bottom: 3px; 
 
 text-decoration: none;  
 }  

/* ------------------------------------------------------------------------ */
/* Produktseiten                                                     */
/* ------------------------------------------------------------------------ */

.produktbild_farbe
 {
 height: 86px;
 width: 56px;	
 	
 Background-Image: url(/produkte/bg_rot.png);
 Background-Repeat: no-repeat; 	
 }

.produktbild_sw
 {
 height: 86px;
 width: 56px;	
 	
 Background-Image: url(/produkte/bg_sw.png);
 Background-Repeat: no-repeat; 	
 }

.space
 {
 width: 15px;
}