body {
  background: #dbdbdb;
}

* {
  font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
}

.main-container {
  max-width:1000px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background: #FFFFFF;
  padding: 20px;
  box-sizing: border-box;
}

header {
  max-width:1000px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  box-sizing: border-box;
}

.header-logo {
  width:200px;
  height: auto;
  display:block;
  margin-left: auto;
  margin-right: auto;
}

footer {
  max-width:1000px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  background: #c0c0c0;
  padding: 10px;
  box-sizing: border-box;
}

.footer-logo {
  width:120px;
  height: auto;
  display:block;
  margin-left: auto;
  margin-right: auto;
}

.signatur-iframe {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 0;
  height: 450px;
}

label {
  display:block;
}

input {
  box-sizing: border-box;
  margin-bottom:3px;
}

input[type=text] {
  display:block;
  width:100%;
  padding: 10px;
  border: 0;
  background: #cccbcb;
}

input[type=submit] {
  display:block;
  width:100%;
  padding: 10px;
  border: 0;
  font-size: 15px;
  margin-top: 15px;
  background: #cccbcb;
}

.logo-picker {
    margin-bottom: 10px;
}

.logo-picker * {
    display: inline;
}