@font-face {
    font-family: 'ErasITC-Demi';
    src: url('font-face/erasdemi.eot');
    src: url('font-face/erasdemi.eot?#iefix') format('embedded-opentype'),
    url('font-face/erasdemi.woff') format('woff'),
    url('font-face/erasdemi.ttf') format('truetype'),
    url('font-face/erasdemi.svg#erasdemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeoRegular';
    src: url('font-face/geo.eot');
    src: url('font-face/geo.eot?#iefix') format('embedded-opentype'),
    url('font-face/geo.woff') format('woff'),
    url('font-face/geo.ttf') format('truetype'),
    url('font-face/geo.svg#geo_____') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    background: #e2e2e2 url(pics/background.png) repeat-y center top;
    font-family: Verdana;
    color: #58585A;
    font-size: 12px;
}

.justify {
    text-align: justify;
}

#container {
    width: 900px;
    display: block;
    margin: 0 auto;
}

#header {
    width: 900px;
    display: inline-block;
    float: left;
}

#header ul {
    display: inline-block;
    float: left;
    padding: 20px 0 0 20px;
    list-style-type: none;
}

#header ul li {
    margin-left: 10px;
    background: #3da336;
    padding: 10px 20px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#header ul li a {
    font-weight: bold;
    color: white;
    font-family: 'ErasITC-Demi', Arial;
    text-decoration: none;
}

#header #logo {
    display: inline-block;
    float: right;
    margin: 20px 20px 0 0;
}

#content_startseite {
    width: 900px;
    height: 657px;
    display: inline-block;
    float: left;
    background: url('pics/startseite.jpg') no-repeat;
}

#content_startseite h1 {
    margin-top: 265px;
    margin-bottom: 0;
    text-align: right;
    padding-right: 50px;
    font-size: 70px;
    color: white;
    font-family: 'ErasITC-Demi', Arial;
}

#content_startseite h2 {
    text-align: right;
    padding-right: 50px;
    font-size: 29px;
    color: white;
    font-family: 'GeoRegular', Arial;
    margin-top: 10px;
    font-weight: normal;
}

#content {
    width: 900px;
    display: inline-block;
    float: left;
}

#content h1 {
    color:#3DA336;
    font-size: 28px;
    font-family: 'ErasITC-Demi', Arial;
}

#content #content_header {
    width: 900px;
    height: 165px;
    display: inline-block;
    float: left;
    background: url(pics/content_header.png);
}

#content #content_footer {
    width: 900px;
    height: 222px;
    display: inline-block;
    float: left;
    background: url(pics/content_footer.png);
}

#content #impressum_content,
#content #kontaktformular,
#content #downloadformular {
    display: inline-block;
    width: 840px;
    float: left;
    padding: 15px 30px 0 30px;
}

#content #kontaktformular div.help {
    display: inline-block;
    width: 100%;
}

#content #kontaktformular div.help label {
    display: inline-block;
    width: 200px;
    float: left;
    margin-top: 3px;
}

#content #kontaktformular div.help input[type=text] {
    display: inline-block;
    width: 400px;
    float: left;
}

#content #kontaktformular div.help textarea {
    display: inline-block;
    width: 400px;
    float: left;
}

#content #kontaktformular input[type=submit]  {
    display: inline-block;
    float: left;
    margin-left: 200px;
    background-color: #3DA336;
    border: none;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}

#content #impressum_content a {
    color: #3DA336;
}

#content #downloadformular div.help {
    display: inline-block;
    width: 100%;
}

#content #downloadformular div.help+div.help {
    margin-top: 3px;
}

#content #downloadformular div.help label {
    display: inline-block;
    width: 200px;
    float: left;
    margin-top: 1px;
    margin-left: 5px;
}

#content #downloadformular div.help input[type=image] {
    display: inline-block;
    float: left;
}