html {
background-color: #000;
}

body {
font-family: Helvetica, Arial, sans-serif;
 margin: 0 auto;
  width: 900px;
   background-color: #D6E0EF;
   background-image: url(images_graf/blaufest.gif);
 background-repeat: repeat-y;
background-position: right;
}

h1 {
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
 color: #003366;  
   padding-top: 1.4em;
   padding-bottom: 0.4em;
  margin: 0;
}


h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
 color: #003366;  
   padding-top: 0.4em;
   padding-bottom: 0;
  margin: 0;

}

h4 {
font-family: Arial, sans-serif;
font-size: 12px;
 color: #003366;  
   padding: 0;
   margin: 0;
   line-height: 14px;
text-transform: uppercase;
}

h4 a, h4 a:link {
   padding: 0;
   padding-left: 0.8em;
   margin: 0;
   line-height: 14px;
text-transform: uppercase;
}

.important {
color: maroon;
}
 a {
 font-family: Helvetica, Arial, sans-serif;
 color: #000000;  
   padding-right: 0m;
   padding-left: 0.8em;
   background-image: url(images_graf/pfeil_gruen.gif);
	background-repeat: no-repeat;
	background-position: center left;
 }

 a:link {
 font-family: Helvetica, Arial, sans-serif;
 color: #000000;  
   padding-right: 0;
   padding-left: 0.8em;
   background-image: url(images_graf/pfeil_gruen.gif);
	background-repeat: no-repeat;
	background-position: center left;
 }
  a:hover {
  font-family: Helvetica, Arial, sans-serif;
 color: #000000;  
   padding-right: 0;
   padding-left: 0.8em;
   background-image: url(images_graf/pfeil_schwarz.gif);
	background-repeat: no-repeat;
	background-position: center left; 
}

 #container {
 color: black;    
  font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    border: 0px solid gray;
 min-height: 650px;
  }
  
  div#kopf {
   width: 900px;
     padding: 0;
    background-color: #000000; 
    border-bottom: 1px solid gray;
  }
  
  div#sprachlinks {
  font-family: Helvetica, Arial, sans-serif;
   width: 900px;
  color: ffffff;
    margin: 0;
    padding-top: 0.5em;
     padding-bottom: 0.5em;
    text-align: left;
    background-color: #ffffff;
  }
  
   div#sprachlinks a {
   color: #000000;  
   padding-right: 1em;
   padding-left: 0.8em;
   background-image: url(images_graf/pfeil_schwarz.gif);
	background-repeat: no-repeat;
	background-position: center left;
  }
  
  div#sprachlinks a:link {
   color: #000000;  
   padding-right: 1em;
   padding-left: 0.8em;
   background-image: url(images_graf/pfeil_schwarz.gif);
	background-repeat: no-repeat;
	background-position: center left;
  }
  div#sprachlinks a:hover {
   color: #000000;  
   padding-right: 1em;
   padding-left: 0.8em;
   background-image: url(images_graf/pfeil_gruen.gif);
	background-repeat: no-repeat;
	background-position: center left;  
  }
  
   div#sprachlinks a:visited {
   color: #000000;  
   padding-right: 1em;
   padding-left: 0.8em;
   background-image: url(images_graf/pfeil_schwarz.gif);
	background-repeat: no-repeat;
	background-position: center left;
  }
  
  /* Navigation*/
  
#navleft
{
float: left;
width: 150px;
margin-left: 10px;
margin-top: 15px;
}

   
  ul#Navigation {
  font-family: Helvetica, Arial, sans-serif;
  width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
  }
    * html ul#Navigation {  /* Breitenangaben nur fuer IE */
    width: 122px;
    w\idth: 122px;
    margin-left: 0px;
  }
  
  ul#Navigation li {
    list-style: none;
    margin-bottom: 0.4em;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0;
  }
  
  ul#Navigation li.abstand {
    list-style: none;
    margin-bottom: 0.4em;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px;
    padding: 0;
  }
  
  ul#Navigation li#abstand {
   margin-top: 20px;
  }
  
    * html ul#Navigation li {  /* Breitenangaben nur fuer IE */
    width: 122px;
    w\idth: 122px;
  }
  
  ul#Navigation a {
  display: block;
     padding-left: 18px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    background-image: url(images_graf/navbild.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	border: 0px solid black;
  }
  
  * html ul#Navigation a {  /* Breitenangaben nur fuer IE */
    width: 122px;
    w\idth: 122px;
  }
  
  ul#Navigation a:link {

    color: #ffffff;  
  }
  
  ul#Navigation a:visited {
 
    color: #ffffff;
   
  }
  
  ul#Navigation a:hover {

    color: #000000;
    background-image: url(images_graf/navover.gif);
    background-repeat: no-repeat;
	background-position: 0 center;
  }
  
  ul#Navigation a:active {

    color: white;
  
  }
  
   ul#Navigation li a.hm_act {
   color: #000;
    font-weight: bold;
    text-decoration: none;
    list-style: none;
         padding-left: 1.5em;
         padding-right: 0;
         background-image: url(images_graf/navover.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
 } 
 
 
 
     li#untermenue{
    list-style: none;
  }
   
  
  li#untermenue a {
    background-image: none;
    padding: 0;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 10px;
  }
  li#untermenue a:link {
   background-image: none;
    color: #ffffff;
     background-color: #336699;
     margin-left: 10px;
  }
  
 li#untermenue a:visited {
  background-image: none;
    color: #ffffff;
     background-color: #336699;
     margin-left: 10px;
  }
  
 li#untermenue a:hover {
  background-image: none;
    color: #ccffff; background-color: 336699;
    background-image: none;
    margin-left: 10px;
  }
  
 li#untermenue a:active {
  background-image: none;
    color: white;
    background-color: 336699;
    margin-left: 10px;
  }
  

  div#Info {
    float: right;
    width: 700px;
    text-align: right;
    margin-right: 0;  
    margin-bottom: 0;  
    margin-top: auto;  
    padding-right: 0;
     border: 0px solid black;
  }

  div#Info h2 {
  text-align: left;
    font-size: 1.2em;
    margin: 0.2em 0.5em;
    color: white;
  }
  div#Info p {
  text-align: left;
    font-size: 1em;
    margin: 0.5em;
  }
   div#Info img {
  text-align: bottom;
    font-size: 1em;
    margin-top: auto;
    margin-bottom: 0px;
  }
  
div#Info div#kufe {
background-color: #D6E0EF;
float: right;
    width: 700px;
    height: 12em;
     text-align: left;
  border: 0px solid black;
  margin-bottom: 5px;
  }
  
 div#Info div#kufe p {
  float: left;
  width: 220px;
  height: 12em;
     text-align: left;
     color: #000;
     margin-left: 10px;
     line-height: 1.3em;
  }
  
 
  
div#Info div#kufe div#kufenbild {
  background-color: #336699;
  float: right;
  width: 432px;
  height: 12em;
   margin-top: 0px;
    
  border: 0px solid black;
  }
  
  div#Info div#kufe div#kufenbild img {
   margin-top: 0x;
    
  border: 0px solid black;
  }
  
 div#kufendaten {
background-color: #ffff33;

    width: 700px;
    height: 2em;
    font-weight: bold;
     text-align: center;
     padding-top: 0.5em;
  border: 0px solid black;
  margin-bottom: 0px;
  }
   
   div#Info div#bild1 {
  color: #fff;  
    font-size: 1em;
    width: 400px;
    margin: 0;
     padding: 0;  
    border: 0px;
  }
  
   div#Info div#bild2 {
  color: #fff;  
    font-size: 1.1em;
    width: 400px;
    margin: 0;
     padding: 0;  
    border: 0px;
  }
  
   div#Info div#bild2 a {
  color: #fff;  
  font-weight: bold;
  padding: 0; 
  background-image: none;
  }
  
 .linkindex1 {
 margin-right: 50px;
  }
  
  .linkindex2 {
 margin-left: 50px;
}

  div#Inhalt {
  font-family: Helvetica, Arial, sans-serif;
   margin-left: 160px;
   margin-right: 50px;
   padding-left: 25px;
  font-size: 1em;
   background-color: #D6E0EF;
    border: 0px solid white;
    line-height: 130%;
 
  }
  
  div#text_dist {
    margin: 10px 10px 10px 20px;
    padding: 0;   
  }
  
div#text1 {
    margin: 10px 10px 10px 20px;
    padding: 0;   
  }
 div#text2 {
 display: none;
    margin: 10px 10px 10px 20px;
    padding: 0;   
  }
   div#text3 {
  display: none;
    margin: 10px 10px 10px 20px;
    padding: 0;   
  }

.preisschweiz{
color: maroon;
  background-color: #fff;
  }
  
  .tbtext_schweiz{
  color: maroon;
  background-color: #fff;
  font-weight: bold;
  }
  .tbtext_schweiz{
  color: maroon;
  background-color: #fff;
  font-weight: bold;
  }
  
  div#text h2 {
    font-size: 1.2em;
     margin: 0 0 0.5em 0;
  }
  
 
  div#text p {
    font-size: 1em;
   margin: 0 0 0.5em 0;
  }
  
   div#text li {
   list-style: none;
  }
  
  b {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  }
  
   div#tab {
    margin: 0;
    padding: 0;
  }

  div#tab h2 {
  width: 305px;
  background-color: #669933;
    font-size: 1em;
    margin: 0.2em 0;
    padding: 0;
    border: 0px solid black;
  }
  
  div#tab p {
    font-size: 0.9em;
    margin: 0.9em 0;
    padding: 0;
    border: 0px solid black;
  }

.katalog {
color: #000;
text-align: left;
font-size: 1.2em;
font-weight: bold;
 margin-left: 1em;
  margin-right: 2em;
 white-space:nowrap;    
}

.katalog_dt {
color: maroon;
font-weight: bold;
text-align: left;
font-size: 1em;
 margin-left: 1em;
  margin-right: 5em;
 white-space:nowrap;    
}

.katalog_dt>b {
color: #000;
text-align: left;
font-size: 1.2em;
 margin-left: 1em;
  margin-right: 2em;   
}


.preis_innen {
width: 300px;
color: #000;
 font-size: 0.9em;
  padding:0;
   border: 1px solid black;
   background-color: #000;
}

.tbtext {
padding:3px;
background-color: #ffffff;
  
}
.tabellentitel {
padding: 3px;
font-weight: bold;
color: #fff;
 background-color: #336699;
 
}
  
.preis_text {
color: maroon;
}

.fabrik {
color: maroon;
}

.angebot {
background: #333333;
}


#indexbild a {
padding: 0;
margin: 0;
background-image: none;
}


#indexbild a:link {
padding: 0;
margin: 0;
background-image: none;
}

#indexbild a:hover {
padding: 0;
margin: 0;
background-image: none;
}

#indexbild a:visited {
padding: 0;
margin: 0;
background-image: none;
}

  div#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin-top: 0px;
     padding: 0.3em;
    text-align: center;
    background-color: #ADCDEC; 
  }