/*
    style sheet copyright Ernest Schloesser
*/

  body { 
    background-color: rgb(255, 255, 255);
    background-image: url(images/hintergrund.jpg); background-repeat:repeat-y;
    margin-left: 160px;
    margin-top: 130px;
	width:700px;
    }

  ul {
    
	list-style-type: disc;
    list-style-position: inside;
    margin: 0 0 0 15px;
    padding: 0; 
  }



  .achtung {
   color: rgb(255,0,0);
  }


  * { font-size: 100%;
    font-family: Arial,sans-serif;
    color: rgb(0, 0, 0);
    font-style: normal;
    }


  h1 { font-size: 150%;
    color: rgb(255, 0, 0);
    font-style: normal;
    text-align: left;
    margin-top:10px;
	margin-bottom:5px;
    }

  h2 { font-size: 110%;
    color: rgb(255, 0, 0);
    font-style: normal;
    }


  #kopf {
    position:absolute; top:5px; left:20px;
  }
  
  #Lighthouse {  /* image: banner mit Lighthouse patchwork text */
    position:absolute; top:1px; left:145px;
  }

  div.spacer {
    clear:both;
	display: block;
  }
  
  
  .rimage { 
    float: right;
	border: 1px;
	padding: 0px 0px 10px 10px;  /* etwas freiraum */
	display: inline;
	clear: right;
  }
  .limage { 
    float: left;
	border: 1px;
	padding: 0px 10px 10px 0px;  /* etwas freiraum */
	/*display: inline;*/
	/*clear: left;*/
  }
  
  
  #warenkorb {
    position: absolute; top:135px; left:5px;
    display:block;
    color:rgb(255,0,0);
    background-color:rgb(255,255,255);
	width:110px;                           /* normale breite button */
	padding: 3px 12px 3px 8px;
    text-decoration:none;
    border:1px solid rgb(255,0,0);
	font-weight: lighter;
	font-size:0.8em;
  } 
  #warenkorb a { 
    font-size:11pt;
	color: rgb(255,0,0);
  }
  
  
  #navcol { /* left menu colom */
    position:absolute; top:200px; left:5px;
    width:135px; margin:2em 0 0 0;                 /* max breite menue */
  }
  #navcol ul {
    list-style:none; margin:0; padding:0;
  }
  #navcol li {
    margin-top:3px;
  }

  #navcol a.active {
    background-color:rgb(255,200,200);
    
  }
  
  #navcol a {
    display:block;
    color:rgb(255,0,0);
    background-color:rgb(255,255,255);
	width:110px;                           /* normale breite button */
	padding: 3px 12px 3px 8px;
    text-decoration:none;
    border:1px solid rgb(255,0,0);
	font-weight: normal;
  }

  #navcol a:hover {
    color:rgb(255,220,220);
    background-color:rgb(255,0,0);
  }

  #navcol ul ul li {
    margin-left:15px;                    /* sub buttons werden so viele px kürzer */
  }
  
  #navcol ul ul li a {
    background-color:rgb(255,255,255);
	width: 100px;                           /* so breit ist der kleinere button */
	padding: 3px 10px 3px 5px;
	font-size: 90%;
  }
  
  
  
  
  #navbar a.active {
    background-color:rgb(255,200,200);
    
  }
  
  
 
  
  #navbar {
  position: absolute; top:60px; left:160px; float:left;  margin:0 0 0 0;
  }
  
  #navbar ul {
  margin:0; padding:0; background:rgb(0,100,0);
  border:0px solid rgb(0,0,100);
  text-align:center;
  }
  #navbar li {
  position:relative; list-style:none; margin:2px; float: left; width:98px;
  }
  #navbar a {
  display:block;
  }
  #navbar ul li { display:inline;}
  #navbar ul li a { 
  text-decoration:none;
  padding: .2em 1em;
  color:rgb(255,0,0);
  background-color:rgb(255,255,255);
  border:1px solid rgb(255,0,0);
  }
  #navbar ul li a:hover { 
    color:rgb(255,220,220);
    background-color:rgb(255,0,0);
  }  
  
  .ueberschrift { /* produktüberschrift */
    font-size: 100%;
    color: rgb(0, 0, 0);
    font-style: normal;
	font-weight: bold;
	margin-top:3px;
	display:block;
	
  }
  
  .MwSt { font-size: 80%;
    }

  
	
  /* normaler html formular button */	
   
  .button img { border-style:solid;
    border-width: 2px;
    margin: -1px 1px -3px 0px;
    }

  .button { 
    text-decoration: none ! important;
    width: auto;
    text-align: left;
    }

  .button:hover { 
    background-color: rgb(51, 255, 255);
    }



   
  .footer { font-size: 82% ;
   text-align: left;
   font-style: normal;
  }


  
  table.stofftabelle {
    border-collapse:collapse;
	border-style: none;
  }
  
  table.stofftabelle TD {
    border-bottom: 1px solid rgb(50,50,50);
  }
  
  table.stofftabelle img {
    border-style: none;
  }
  
  
  img {
    border-style: none;
	margin: 2px 3px 2px 1px;
	padding: 0px 0px 0px 0px; 
  }
  
 
  
  img.left { 
    float: left;
	border: 1px;
	padding: 0px 10px 5px 0px;  /* etwas freiraum */
	/*display: inline;*/
	/*clear: left;*/
  }