* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #C3C3C3;
  color: #37495A;
  font-family:  Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
}

img {
  border: 0px;
}

p {
  margin-bottom: 8px;
}

h1, h2, h3, h4, h5, h6 {
  color: #4A637A;
  background-color: #FCFCFC;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-weight: bold;
  padding-bottom: 5px;
}


h1 {
  font-size: 19px;
  padding-bottom: 10px;
}

h2 {
  font-size: 16px;
}

input, textarea {
  background-color: #FCFCFC;
  color: #37495A;
  font-family:  Arial, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  border: 1px solid #37495A;
  padding: 2px;
}

.center {
  text-align: center;
}

.left {
  float: left;
  width: 337px;
  padding: 0 5px 0 0;
}

.right {
  float: left;
  width: 337px;
  padding: 0 0 0 5px;
}

.clear {
  clear: both;
}

.tbl_kon td {
  width: 75px;
  padding: 3px 0 3px 0;
}

	.tbl_kon input, .tbl_kon textarea {
	  width: 200px;
	}

	.tbl_kon textarea {
	  height: 75px;
	}

	.tbl_kon .submit input {
      margin-top: 15px;
      width: 100px;
    }

.sitemap {
  margin-left: 15px;  
}

	.sitemap li {
	  list-style-type: square;
	}

#main {
  width: 760px;
  margin: 0 auto 20px auto;
}

	#bg {
	  width: 760px;
	  background-image: url(../bilder/main_bg.gif);
  	  background-repeat: repeat-y;
	}

	    #header {
          width: 728px;
          height: 80px;
          margin-left: 15px;
          border-right: 1px solid #25313D;
          border-bottom: 1px solid #25313D;
          border-left: 1px solid #25313D;
        }

        #menu {
          width: 728px;
          height: 19px;
          border-right: 1px solid #25313D;
          border-bottom: 1px solid #25313D;
          border-left: 1px solid #25313D;
          margin-left: 15px;
          background-image: url(../bilder/menu_bg.jpg);
          background-repeat: no-repeat;
          font-family: Verdana, Tahoma, Arial, sans-serif;
        }

            #menu ul {
              list-style: none;
              white-space: nowrap;
              margin-left: 18px;
              padding-top: 2px;
            }

                #menu li {
                  display: inline;
                  height: 19px;
                  margin-left: -4px;
                }

                    #menu li a {
                      color: #25313D;
                      background-color: #B6C3D3;
                      text-decoration: none;
                      padding: 2px 7px 3px 7px;
                    }

                    #menu li a:hover, #menu .aktiv {
                      color: #FCFCFC;
                      background-color: #9BABBB;
                      text-decoration: none;
                      padding: 2px 7px 3px 7px;
                    }

        #content {
          width: 702px;
          margin-left: 15px;
          padding: 14px 14px 4px 14px;
          line-height: 20px;
        }

        	#content a {
        	  color: #37495A;
        	  background-color: #FCFCFC;
        	  text-decoration: underline;
        	}

        	#content a:hover {
        	  color: #37495A;
        	  background-color: #FCFCFC;
        	  text-decoration: none;
        	}

        	#content .referenz {
        	  width: 700px;
        	}

        		#content .referenz .r_title {
        		  width: 694px;
        		  background-color: #C7D1DB;
        		  color: #37495A;
        		  padding: 1px 3px 0 3px;
        		  font-size: 15px;
        		  font-weight: bold;
        		  letter-spacing: 1px;
        		  border-bottom: 1px solid #7F8994;
        		}

        		#content .referenz .r_screenshot {
        		  float: left;
        		  width: 261px;
        		  padding: 10px 0 5px 0;
        		  margin-left: 10px;
        		}

        		* #content .referenz .r_screenshot {
        		  margin-left: 5px;
        		}

        			#content .referenz .r_screenshot img {
        			  border: 1px solid #37495A;
        			}

        			#content .referenz .r_screenshot .big img {
        			  width: 249px;
        			}

        			#content .referenz .r_screenshot .small {
        			  padding-top: 5px;
        			  margin-left: -1px;
        			}

        			#content .referenz .r_screenshot .small img {
        			  width: 57px;
        			  margin-left: 1px;
        			  margin-right: 1px;
        			}

        		#content .referenz .r_arbeitspunkte {
        		  width: 408px;
        		  float: left;
        		  padding: 5px 10px 5px 10px;
        		}

        			#content .referenz .r_arbeitspunkte .r_left {
        			  width: 100px;
        			  float: left;
        			}

        			#content .referenz .r_arbeitspunkte .r_right {
        			  width: 308px;
        			  float: left;
        			}

        				#content .referenz .r_arbeitspunkte .r_right ul {
        				  margin-left: 13px;
        				}

						* html #content .referenz .r_arbeitspunkte .r_right ul {
        				  margin-left: 15px;
        				}

                            #content .referenz .r_arbeitspunkte .r_right ul li {
                              list-style-type: square;
                            }

	#footer {
	  width: 760px;
	  height: 42px;
	  background-image: url(../bilder/footer.gif);
	  background-repeat: no-repeat;
	  font-size: 11px;
	  padding-top: 23px;
	  text-align: center;
	}

		#footer a, #footer a:hover {
		  color: #37495A;
		  background-color: #c3c3c3;
		  text-decoration: none;
		}