/*-------------------------------*/
  /*Allgemeine HTML Deklarationen  */
  /*-------------------------------*/

  body {
    text-align: center;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #8999a2;
     padding: 0px;
     margin: 0px;
     background: #1f2227;
     width: 100%;
     line-height: 16px;
   }
    
  a:link {
     color: #555;
     text-decoration: none;
  }
  
  a:visited {
     color: #555;
     text-decoration: none;
  }
  
  a:hover {
     color: #555;
     text-decoration: none;
  }
  
  a:active {
     color: #555;
     text-decoration: none;
  }
    
  img {
    border: none;
  }
  
  h1 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    line-height: 24px;
  }
  
  h2 {
    color: #c8d200;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    line-height: 24px;
  }
  
  h3 {
    color: #c8d200;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    line-height: 16px;
  }
  
  
  /*-------------------------------*/
  /*Positionierungs-Elemente       */
  /*-------------------------------*/
  .clear {
    clear: both;
    display: block; 
    height: 0px; 
    visibility: hidden;
    line-height: 0;
  }  
  
  /*Hack for FF*/
  .clear, x:-moz-any-link, x:default { 
    display: block;
    height: 0px;
  }
  
  .floatl {
    float: left;
    text-align: center;
  }
  
  .floatr {
    float: right;
    text-align: center;
  }
    
  
  #wrap {
    background: url(../images/bg_center.jpg) repeat-x #1f2227;
  }

  #mainnav {
    background: #1f2227;
    height: 40px;
    width: 100%;
  }
  
    #mainnav ul {
      display: block;
      margin: 0px;
      padding: 0px;
    }
    
    #mainnav ul li {
      display:block;
      float: right;
      font-size: 12px;
      height: 40px;
      margin: 0 0 0 20px; 
    }
    
    #mainnav ul li a {
      color: #8999a2;
      display: block;
      margin: 12px 0 0 0;
      height: 28px;
    }
    
    #mainnav ul li a.active {
      color: #c8d200;
    }
   
    #mainnav ul li a:hover {
      color: #c8d200;
    }

  #subnav {
    width: 742px;
    height: 101px;
    background: url(../images/bg-subnav.gif);
  }
    
  #subnav ul {
    display: block;
    margin: 0px;
    padding: 0px;
  }
  
  #subnav ul li {
    display:block;
    float: left;
  }

  #header {
    padding: 0 12px 0 10px;
    background: #2f363c;
  }
  
  #container {
    text-align: left;
    margin: 0 auto;
    width: 742px;
    padding: 0 10px 0 8px;
    
  }
  
  #content {
    margin: 0;
    padding: 16px 23px 16px 22px;
    background: #2f363c;
    min-height: 250px;
  }
  
      
  #footer {
    color: #555555;
    margin: 0;
    font-size: 10px;
  }
  
  
  /*-------------------------------*/
  /*Formatierungs Elemente         */
  /*-------------------------------*/
  
  #mainnav ul li.active {
    margin: 0;
  }
  
  .mainleft {
    float: left;
    width: 357px;
    padding: 0 28px 0 0;
    margin: 0 -2px 0 0;
    background: url(../images/y.gif) repeat-y right top;
  }
  
  .left {
    float: left;
    width: 250px;
    padding: 0 33px 0 0;
    margin: 0 -2px 0 0;
    background: url(../images/y.gif) repeat-y right top;
  }
  
  .leftbig {
    float: left;
    width: 425px;
    padding: 0 32px 0 0;
    margin: 0 -2px 0 0;
    background: url(../images/y.gif) repeat-y right top;
  }
  
  .altnavl {
    float: left;
    width: 112px;
    min-height: 250px;
    padding: 0 33px 0 0;
    margin: 0 -2px 0 0;
    background: url(../images/y.gif) repeat-y right top;
  }
  
    .altnavl ul {
      display: block;
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    
    #content .altnavl ul li a {
      color: #8999a2;
      background: none;
    }
    
    #content .altnavl ul li a.active {
      color: #c8d200;
    }
    
    #content .altnavl ul li a:hover {
      color: #c8d200;
    }
  
  .mainright {
    float: left;
    width: 355px;
    padding: 0 0 0 28px;
    background: url(../images/y.gif) repeat-y left top;
  }

  .right {
    float: left;
    width: 248px;
    padding: 0 0 0 33px;
    background: url(../images/y.gif) repeat-y left top;
  }
  
  .rightsmall {
    float: left;
    width: 209px;
    padding: 0 0 0 33px;
    background: url(../images/y.gif) repeat-y left top;
  }
  
  .altnavr {
    float: left;
    width: 495px;
    padding: 0 0 0 28px;
    background: url(../images/y.gif) repeat-y left top;
  }
  
  .line {
    width: 100%;
    margin: 25px 0 25px 0;
    background: url(../images/x.gif) repeat-x left;
    line-height: 2px;
  }
  
  form input {
  	width:228px;
  	height:20px;
  	color: #ffffff;
  	padding:3px 0 0 5px;
  	line-height:11px;
  	border:0;
  	background-color:#8999A2;
  }
  form textarea {
  	width:228px;
  	height:111px;
  	color: #ffffff;
  	overflow: auto;
  	border:0;
  	padding:3px 0 0 5px;
  	background-color:#8999A2;
  }
  
  #submit {
  margin-top: 30px;
    padding: 0 0 3px; 0;
    border: 1px solid #8999a2;
    height: 24px;
    width: 150px;
    background: url(../images/submit.jpg) repeat-x;
    color: #8999a2;
  }
  
  #content a {
    background: url(../images/a_bg.gif) repeat-x left bottom;
    color:#FFFFFF;
    text-decoration:none;
  }
  
  #content img {
    border: 1px #a4a5a7 solid;
  }
    
  #content a:hover {
    text-decoration:none;
    background:none;
  }
  
  .referenzen {
    margin: 0 0 0 10px;
    float: left;
    width: 535px;
  }
  
  .team {
    float: left;
    width: 328px;
    margin: 25px 0 25px 0;
  }
  
  .team img {
    float: left;
    width: 100px;
    margin: 0 20px 0 0;
  }
  

  /*-------------------------------*/
  /*Erweiterte HTML Deklarationen  */
  /*-------------------------------*/
  
  .phone {
    background: url(../images/phone.gif) no-repeat left center;
    padding-left: 15px;
  }

  .mail {
    background: url(../images/mail.gif) no-repeat left center;
    padding-left: 15px;
  }

  .mobile {
    background: url(../images/mobile.gif) no-repeat left center;
    padding-left: 15px;
  }

  .fax {
    background: url(../images/fax.gif) no-repeat left center;
    padding-left: 15px;
  }

  .web {
    background: url(../images/web.gif) no-repeat left center;
    padding-left: 15px;
  }
  
  .download {
    background: url(../images/download-bg.jpg) repeat-x;
    border:1px solid #8999a2;
    height: 22px;
    width:100%;
    padding: 12px 0 6px 0;
    }
    
  .download a {
    background: transparent url(../images/a_bg.gif) repeat-x scroll left bottom;
    color:#ffffff;
    text-decoration: none;
    margin: 6px 0px 6px 3px;
    }
  
  #content .download img {
    margin: -7px 6px 6px 6px;
    border: none;
    float:left;
    border: none;
    vertical-align: center;
    }