body {
  background-color: #6ab9d9;
  color: #0367a6;
  font-family: Helvetica, Arial, Museo, sans-serif;
  font-size: 15px;
  /* text-shadow: #bbbbbb 1px 1px 1px; */
}

* {
  margin: 0px;
  padding: 0px;
}

p {
  line-height: 1.5em;
  margin-bottom: 15px;
  margin-top: 15px;
}

h1 {
  font-size: 44px;
  font-weight: normal;
  margin-bottom: 60px;
  margin-top: 60px;
}

h2 {
  font-family: Museo, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin-bottom: 30px;
  margin-top: 30px;
}

h3 {
  font-size: 24px;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #03a62c;
}

a:hover {
  color: #6ab9d9;
}

img {
  border: none;
}

div.clear {
  clear: both;
}

span.big {
  font-size: 18px;
}

div#header, div#content, div#footer {
  margin: 0px auto;
  width: 960px;
}

div#header-wrap {
  background-color: #96d9a0;
  border-bottom: 1px solid #d8d8d8;
  width: 100%;  
}
div#header {
  color: #03a62c;
  font-size: 18px;
  font-weight: bold;
  padding-top: 30px;
}

div#content-wrap {
  background-color: #f2f2f2;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  width: 100%;  
}
div#content {
  margin-bottom: 60px;
}

div#footer-wrap {
  background-color: #6ab9d9;
  border-top: 1px solid #d8d8d8;
  width: 100%;  
}
div#footer {
  color: #f2f2f2;
  font-size: 13px;
  letter-spacing: 0.08em;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
div#footer a {
  color: #f2f2f2;
  text-decoration: underline;
}

div.logo {
  color: #03a62c;
  float: left;
  padding-bottom: 30px;
  font-size: 72px;
  font-weight: bold;
  letter-spacing: -0.09em;
  width: 320px;
}
div.menu {
  float: right;
  padding-top: 40px;
  margin-left: 92px;
  text-align: right;
  width: 548px;
}

span.active {
  color: #0367a6;
}

div.teaser {
  margin-bottom: 90px;
  margin-top: 60px;
}


div.home {
  padding-bottom: 45px;
}
div.home a {
  color: #0367a6;
  display: block;
  height: 16px;
  padding-left: 90px;
  padding-top: 44px;
  width: 360px;
}
a.angebot {
  background-image: url("img/home-angebot.jpg");
  float: left;
  margin-bottom: 60px;
}
a.angebot:hover {
  background-position: 0px -60px;
  color: #6ab9d9;
}
a.referenzen {
  background-image: url("img/home-referenzen.jpg");
  float: right;
  margin-bottom: 60px;
}
a.referenzen:hover {
  background-position: 0px -60px;
  color: #6ab9d9;
}
a.profil {
  background-image: url("img/home-profil.jpg");
  float: left;
}
a.profil:hover {
  background-position: 0px -60px;
  color: #6ab9d9;
}
a.kontakt {
  background-image: url("img/home-kontakt.jpg");
  float: right;
}
a.kontakt:hover {
  background-position: 0px -60px;
  color: #6ab9d9;
}


div.social a {
  display: block;
  height: 32px;
  margin-bottom: 15px;
  width: 240px;
}
a.blog {
  background-image: url("img/footer-blog.jpg");
  float: left;
}
a.twitter {
  background-image: url("img/footer-twitter.jpg");
  float: left;
}
a.xing {
  background-image: url("img/footer-xing.jpg");
  float: left;
}
a.flickr {
  background-image: url("img/footer-flickr.jpg");
  float: left;
}


div.menu a {
  display: block;
  float: left;
  height: 22px;
  margin-left: 30px;
}
a.menu-home, a.menu-home-active {
  background-image: url("img/menu-home.jpg");
  width: 62px;
}
a.menu-angebot, a.menu-angebot-active {
  background-image: url("img/menu-angebot.jpg");
  width: 87px;
}
a.menu-referenzen, a.menu-referenzen-active {
  background-image: url("img/menu-referenzen.jpg");
  width: 115px;
}
a.menu-profil, a.menu-profil-active {
  background-image: url("img/menu-profil.jpg");
  width: 55px;
}
a.menu-kontakt, a.menu-kontakt-active {
  background-image: url("img/menu-kontakt.jpg");
  width: 79px;
}
a.menu-home:hover, a.menu-angebot:hover, a.menu-referenzen:hover, a.menu-profil:hover, a.menu-kontakt:hover {
  background-position: 0px -22px;
}
a.menu-home-active, a.menu-angebot-active, a.menu-referenzen-active, a.menu-profil-active, a.menu-kontakt-active {
  background-position: 0px -44px;
}

ul.angebot {
  margin-left: 60px;
  padding-bottom: 10px;
}

ul.angebot li {
  line-height: 1.4em;
  list-style-type: none;
  list-style-image: url("img/checkmark.gif");
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}


div.kontakt-teaser {
  margin-bottom: 45px;
}

div.formular {
  background-image: url("img/form.gif");
  background-repeat: no-repeat;
  float: left;
  width: 600px;
}

div.form-left {
  float: left;
  padding-left: 60px;
  width: 140px;
}
div.form-right {
  float: right;
  width: 400px;
  margin-bottom: 30px;
}
div.form-submit {
  text-align: right;
  width: 600px;
}
span.form-required {
  color: #03a62c;
  font-size: 1.1em;
}
input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #909090;
	font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 5px;
  padding: 8px;
}
input:hover {
  background-color: #ffffdd;
}
input#name, input#email, input#phone  {
  width: 380px;
}
input.input-error {
  width: 380px;
  background-color: #f9f3f3;
}
input.button {
  background-color: #ffffff;
  border: 0px;
  padding: 10px 30px 10px 30px;
}
textarea {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #909090;
	font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 5px;
  padding: 8px;
  width: 380px;
}
textarea.textarea-error {
  background-color: #f9f3f3;
}
textarea:hover {
  background-color: #ffffdd;
}
label.error {
  color: #03a62c;
  font-size: 13px;
}
div#message {
  background-color: #ffffdd;
  border: 1px solid #dddddd;
  padding: 0px 30px 30px 30px;
  width: 538px;
}
div#message h2 {
  font-weight: normal;
}

div.mail {
  float: right;
  margin-left: 60px;
  width: 300px;
}
div.mail img {
  margin-bottom: 30px;
}

div.referenzen-left {
  float: left;
  margin-bottom: 60px;
  width: 360px;
}

div.referenzen-right {
  float: right;
  margin-bottom: 60px;
  margin-left: 60px;
  width: 540px;
}
div.referenzen-right img {
  margin-right: 15px;
}

div.profil-image {
  float: left;
  width: 240px;
  margin-top: 15px;
  margin-right: 60px;
}
div.profil-text {
  float: right;
  width: 660px;
}
div.profil-link {
  float: left;
  margin-top: 15px;
  width: 30px;
}
div.profil-link img {
  margin-top: 5px;
}
div.profil-social {
  float: right;
  width: 630px;
}