/* voreinstellung, patch */
 
 html { height: 101% } /* Scrollbar im Firefox */
 
 * { margin: 0; padding: 0; } /* alle Ränder weg */
 
  /* Abstände restaurieren */
 p, h1, h2, h3, h4, ul, ol { margin-bottom: 1em; }
 li { margin-left: 1em; }
 
 /* Body Farbe und Schrift */
 
 body { 
 color: #000000;
 background-color: #CCCC99;
 background:url(bkg.gif) top left repeat;
 font-family: Arial, Verdana, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
  
 }
 
 h1 { font-size: 200%; color: #808080;
 margin-top: 2%;
 }
 
 h3 { 
 font-size: 115%;
 margin-top: 3%;
 }
 
 h4 { 
 font-size: 100%;
 margin-top: 1%;
 }
 
 dd {
 margin-left: 65px;
 }
  
 /* wrapper */
 
 #wrapper {
 color: #000000;
  background-color: #FFFFFF;
  
  min-width: 800px;
 max-width: 960px;
 margin-right: auto;
 margin-left: auto;
 margin-top: 15px;
 border: 1px solid brown;
 font-size: 100%;
  overflow: hidden;
  }
 
  /* Kopfbereich */


#kopf {
background-color: #993333;
height: 90px;
background:url(cds.jpg) top right no-repeat;
}


 #kopfbereich {
  background-color: auto;
  height: 57px;
 width: 100%;
 left: 0;
 margin-top: 0px;

}

 
 /* Navigation oben */
 
 #navi-oben {
 text-align: left;
 background-color: auto;
  
    
 margin-top: 0px;
 height: 26px;
 padding-top: 7px; 
 padding-right: 130px;
 padding-left: 45px;
 margin-bottom: 0px;
 }
 
 /* Listelemente nebeneinander... */
 
 #navi-oben li {
 font-family: arial;
 font-weight: bold;
 display: inline;
 margin-left: 0;
 list-style-type: none; 
 font-size: 115%;
 }
 
 /* Links */
    
 #navi-oben a {
 color: black;
    background-color: #738BB5;
    background-color: silver;
  padding: 6px 8px 8px 8px;
 text-decoration: none; 
  border-right: 1px solid black;
  border-top: 1px solid white;
 }
 
 /* Link Farbe im mouseover Zustand */
 
 #navi-oben a:hover {
 color: navy;
 background-color: #CCCC99;
 background:url(bkg.gif) top left repeat;
         background-color: silver;
 }
 
 /* Link Farbe im kurzen Zustand des angewählt werdens */
 
 #navi-oben a:active {
 color: #000000;
 background-color: #FFCC33;

  }
 

 
 /* Inhalt - Container */
 
 #inhalt {
 text-align: center;
 background-color: white;
 }
 
 /* Navigation rechts */
 
 #navigation {
  /* position: absolute;
  top: 130px;
  left: 780px; */ 
 
  float: right;
  overflow: hidden; 
   width: 50px; 
  text-align: right;

  background-color: #CCCC99;
          background-color: white;
          background-color: #F0F0F0;
          

 padding-right: 13px;
 margin-left: 10px;
 border-left: 0px solid silver;
 border-bottom: 15px solid #993333;
    }
 
 #navigation li {
 display: block;
 list-style-type: none; 
 font-size: 115%;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
   }

 #navigation a:visited {
 /* color: #663366; */
 color: brown;
 }
 
 #navigation a {
 color: navy;
 text-decoration: none;
 font-weight: bold;
 /* border-bottom: 1px #333366 dotted; */
 } 
 
 
 #navigation a:hover {
 color: #0000CC;
  color: blue;
 text-decoration: underline;
 }
 
 #navigation a:active {
 border: 0px;
 }
 


/*  
 #navigation a {

  color: #333366;
 background-color: #FFFFFF;
 background-color: #F5F5F5;

 padding: 4px 8px 4px 8px;
 border: 0px solid #8c8c8c;
 text-decoration: none; 
 } 
 */
  
 #navigation li a:hover {
 color: #FFFFFF;
 background-color: #660033;
  border-bottom-color: #8c8c8c;
 }
 
 #navigation a:active {
 color: #000000;
 background-color: #FFFFFF; 
 }
 
  
 
 /* Farbe für aktuell angewählten Link: Navigation rechts */
 
 #home #li-home a, #service #li-service a, #hardware #li-hardware a, #software #li-software a, #impressum #li-impressum a
   { color: #000000;
 background-color: #FFFFFF;
 } 
 
 /* Inhaltsbereich */
 
 #inhaltsbereich {
  text-align: left;
  /* width: 600px; */
  background-color: #FFFFFF;
 padding: 0px;
 padding-top: 10px;
 border: 0px silver solid;
 margin-left: 11%;
 margin-right: 1%;
  overflow: hidden; 
 }

 #inhaltsbereich a:visited {
  color: brown;
 }
 
 #inhaltsbereich a {
 color: navy;
 background-color: #FFFFFF;
 text-decoration: none;
 font-weight: bold;
 /* border-bottom: 1px #333366 dotted; */
 } 
 
 
 #inhaltsbereich a:hover {
 color: #0000CC;
  color: blue;
 text-decoration: underline;
 }
 
 #inhaltsbereich a:active {
 border: 0px;
 }
 
 #kopfbereich a:visited {
 color: #663366;
 } 
 
 #kopfbereich a {
 color: #333366;
 text-decoration: none;
 font-weight: bold;
 /* border-bottom: 1px #333366 dotted; */
 } 

 #kopfbereich a:hover {
 color: #0000CC;
 text-decoration: underline;
 }

 
 #inhaltsbereich li {
 list-style-type: square; 
 /* color: brown; */ 
 padding: 5px;
 }
 
 strong {
 color: #333333;
 font-size: 105%;
 }
 
 /* KLassen für Bilder links oder rechts */
 
 .bildlinks {
    float:left;
    padding: 3px;
    margin-right: 20px;
    margin-bottom: 10px;
 }
 .bildrechts {
    float:right;
    padding: 3px;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
 }
  
 /* Klasse für Text rechts */
 #weiter {
 text-align: right;
 width: 50xp;
  font-size: 75%;
 }
 
 /* KLasse für Logo */
 
 .logo {
padding-top:
 }
 
 #adresse p { 
 display: none; 
 }
 
 /* Das Kontaktformular */
 form {
 background-color: #CCCCCC;
 width: 400px;
 padding: 20px;
 border: 1px solid #8c8c8c;
 }
 label {
 /* display: block; */
 cursor: pointer;
 }
 input#name, input#branche, input#position, input#strasse, input#plz, input#ort, input#telefon, input#fax, input#email, textarea {
 width: 300px;
 border: 1px solid #333366;
 margin-bottom: 5px;
 margin-top: 5px;
 }
 textarea {
 height: 7em;
 width: 400px;
 }