/* 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: #F5F5F5;
 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;
  min-width: 800px;
 max-width: 1060px;
 margin-right: auto;
 margin-left: auto;
 border: 1px solid silver;
 font-size: 100%;
 /* max-width: 1220px; */
 background-color: #FFFFFF;
  overflow: hidden;
  }
 
 /* Navigation oben */
 
 #navi-oben {
 text-align: right ;
  background-color: #333366;
 background:url(hintergrund_1207.jpg) top left;
 /* width: 1228px; */
 margin: 0px;
 height: 26px;
 padding-top: 22px; 
 padding-right: 30px;
 }
 
 /* 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: #000000;
 background-color: #738BB5;
 padding: 6px 8px 8px 8px;
 text-decoration: none; 
 }
 
 /* Link Farbe im mouseover Zustand */
 
 #navi-oben a:hover {
 color: navy;
 background-color: #FFCC33;
 }
 
 /* Link Farbe im kurzen Zustand des angewählt werdens */
 
 #navi-oben a:active {
 color: #000000;
 background-color: #FFCC33;
 border-bottom: 0px solid white;
  }
 

 /* Kopfbereich */

 #kopfbereich {
  background-color: white;
  height: 81px;
 width: 100%;
 /* top: 21px; */
 left: 0;
 margin-top: 0px;
  background-color: #FFFFFF;
 background:url(hintergrund_quadrat.jpg) top right no-repeat;
 }
 #home #kopfbereich {
 background:url(hintergrund_home.jpg) top right no-repeat;
 }
 #software #kopfbereich {
 background:url(hintergrund_software.jpg) top right no-repeat;
 }
 #service #kopfbereich {
 background:url(hintergrund_service.jpg) top right no-repeat;
 }
 #sykasoft #kopfbereich {
 background:url(hintergrund_sykasoft.jpg) top right no-repeat;
 }
 #kontakt #kopfbereich {
 background:url(hintergrund_kontakt.jpg) top right no-repeat;
 }
 
 /* Inhalt - Container */
 
 #inhalt {
 /* border: 1px solid silver; */
 text-align: center;
 color: black;
 background-color: white;
 width: 100%;
 }
 
 /* Navigation rechts */
 
 #navigation {
  float: right;
  /* width: 20em; */
  text-align: right;
 top: 0;
 left: 0;
 /* background-color: #CCCC99;
  background:url(hintergrund_NEU5.jpg) top right no-repeat; 
 background:url(wolketest.jpg) top right no-repeat; */
 padding: 0px;
 border: 10px white solid;
   margin-right: 10px;
    }
 
 #navigation li {
 display: block;
 list-style-type: none; 
 font-size: 115%;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
   }
  
 #navigation a {
 color: #333366;
 background-color: #FFFFFF;
 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, #software #li-software a, #service #li-service a, #sykasoft #li-sykasoft a, #kontakt #li-kontakt a
   { color: #000000;
 background-color: #FFFFFF;
 } 
 
 /* Inhaltsbereich */
 
 #inhaltsbereich {
  text-align: left;
  background-color: #FFFFFF;
 padding: 0px;
 padding-top: 10px;
 border: 0px silver solid;
 /* border-top: 30px #CC9933 solid; */
 /* margin: 80px; */
 /* margin-top: 132px; */
 margin-left: 11%;
 margin-right: 20%; 
 }

 #inhaltstartseite {
  text-align: left;
  background-color: #FFFFFF;
 padding: 0px;
 padding-top: 10px;
 border: 0px silver solid;
 /* border-top: 30px #CC9933 solid; */
 /* margin: 80px; */
 /* margin-top: 132px; */
 margin-left: 11%;
 margin-right: 8%; 
 }


 #inhaltsbereich a:visited {
 color: #663366;
 }
 
 #inhaltsbereich a {
 color: #333366;
 /* background-color: #FFFFFF; */
 text-decoration: none;
 font-weight: bold;
 /* border-bottom: 1px #333366 dotted; */
 } 
 
 
 #inhaltsbereich a:hover {
 color: #0000CC;
 text-decoration: underline;
 }
 
 #inhaltsbereich a:active {
 border: 0px;
 }
 
  #inhaltsbereich a:visited {
 color: #663366;
 }
 
 
 #inhaltstartseite a {
 color: #333366;
 /* background-color: #FFFFFF; */
 text-decoration: none;
 font-weight: bold;
 /* border-bottom: 1px #333366 dotted; */
 } 
 
 
 #inhaltstartseite a:hover {
 color: #0000CC;
 text-decoration: underline;
 }
 
 #inhaltstartseite a:active {
 border: 0px;
 }
 
 #spaltelinks {
 background-color: white;
 float: left;
 width: 50%;
 margin-right: 1%;
  }
 
 #spalterechts {
 background-color: white;
 float: right;
 width: 40%;
 margin-right: 1%;
 margin-left: 2%;
 }
 
 #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; 
  padding: 5px;
 }
 
  #inhaltstartseite li {
 list-style-type: square; 
  padding: 5px;
 }
 
 strong {
 color: #333333;
 font-size: 105%;
 }
 
 /* KLassen für Bilder links oder rechts */
 
 .bildlinks {
    float:left;
    width: auto;
    padding: 3px;
    margin-right: 20px;
    margin-bottom: 10px;
 }
 .bildrechts {
    float:right;
    width: auto;
    padding: 3px;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
 }
 
 /* Klasse für Text mit Hintergrund */
 
 .boxgelb {
 background-color: #FFCC33;
 /* background-color: #738BB5; */
 /* background-color: #99CCFF; */
 padding: 7px;
 }
 
  .boxblau {
 /* background-color: #FFCC33; */
 background-color: #738BB5;
 /* background-color: #99CCFF; */
 padding: 7px;
 }
 
   .boxrot {
  background-color: #660033;
 
 padding: 7px;
 }
 
 
  #inhaltstartseite .boxblau a {
 color: black;
 /* background-color: #FFFFFF; */
 text-decoration: none;
 font-weight: bold;
 /* border-bottom: 1px #333366 dotted; */
 }
 
   #inhaltstartseite .boxrot a {
 color: white;
 /* background-color: #FFFFFF; */
 text-decoration: none;
 font-weight: bold;
 /* border-bottom: 1px #333366 dotted; */
 }
 
    #inhaltstartseite .boxgelb a {
 color: black;
 /* background-color: #FFFFFF; */
 text-decoration: none;
 font-weight: bold;
 /* border-bottom: 1px #333366 dotted; */
 }
 
  #inhaltstartseite .boxblau a:hover {
 color: navy;
 /* background-color: #FFFFFF; */
 text-decoration: underline;
 font-weight: bold;
 }
 
  #inhaltstartseite .boxrot a:hover {
 color: white;
 /* background-color: #FFFFFF; */
 text-decoration: underline;
 font-weight: bold;
 }
 
  #inhaltstartseite .boxgelb a:hover {
 color: navy;
 /* background-color: #FFFFFF; */
 text-decoration: underline;
 font-weight: bold;
 }

 
 /* Klasse für Text rechts */
 #weiter {
 text-align: right;
 width: 50px;
  font-size: 75%;
 }
 
 /* KLasse für Logo */
 
 .logo {
width: auto;
padding: 15px 30px 10px 30px;
 }
 
 #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;
 }