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

html, body{
background:white;
height: 100%;
}

#wrapper{
width:92%;
margin:auto;
min-height: 100%;
}


#content{
font-family: Tahoma, Helvetica, sans-serif;
background-image: url(../Dateien/content_bg.png);
background-repeat: no-repeat;
background-position: center top;
padding-left:20px;
width:650px;
min-height:100%;
position: relative;
}

#content .content{
padding-left: 240px;
padding-top:25px;
}

#footer{
font-family: Tahoma, Helvetica, sans-serif;
background:#017FEE;
padding:10px;
margin-top:50px;
left:0px;
color:white;
clear:both;
position: relative;
width: 100%;
}

#kontakt{
background:rgba(225,225,225);
clear:both;
font-family:Tahoma, Helvetica, sans-serif;
color:black;
}

/* === List Styles === */
.contact_form ul {
    width:750px;
    list-style-type:none;
        list-style-position:outside;
        margin:0px auto;
        padding:0px;
}
.contact_form li{
        padding:12px;
        border-bottom:1px solid black;
        position:relative;
}
.contact_form li:first-child, .contact_form li:last-child {
        border-bottom:1px solid black;
}

/* === Form Header === */
.contact_form h2 {
        margin:0;
        display: inline;
}
.required_notification {
        color:#424242;
        margin:5px 0 0 0;
        display:inline;
        float:right;
}

/* === Form Elements === */
.contact_form label {
        width:150px;
        margin-top: 3px;
        display:inline-block;
        float:left;
        padding:3px;
}
.contact_form input {
        height:30px;
        width:220px;
        padding:5px 8px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:156px;}

        /* form element visual styles */
        .contact_form input, .contact_form textarea {
                border:1px solid #aaa;
                box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
                border-radius:2px;
                padding-right:30px;
                -moz-transition: padding .25s;
                -webkit-transition: padding .25s;
                -o-transition: padding .25s;
                transition: padding .25s;
        }
        .contact_form input:focus, .contact_form textarea:focus {
                background: #fff;
                border:1px solid #555;
                box-shadow: 0 0 3px #aaa;
                padding-right:70px;
        }

/* === HTML5 validation styles === */
.contact_form input:required, .contact_form textarea:required {
        background: #fff url(images/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
        background: #fff url(images/valid.png) no-repeat 98% center;
        box-shadow: 0 0 5px #1fa0e4;
        border-color: #1fa0e4;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
        background: #fff url(images/invalid.png) no-repeat 98% center;
        box-shadow: 0 0 5px #1fa0e4;
        border-color: #1fa0e4
}

/* === Form hints === */
.form_hint {
        background: #1fa0e4;
        border-radius: 3px 3px 3px 3px;
        color: white;
        margin-left:8px;
        padding: 1px 6px;
        z-index: 999; /* hints stay above all other elements */
        position: absolute; /* allows proper formatting if hint is two lines */
        display: none;
}
.form_hint::before {
        content: "\25C0";
        color:#1fa0e4;
        position: absolute;
        top:1px;
        left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #1fa0e4;}
.contact_form input:required:valid + .form_hint::before {color:#1fa0e4;}

/* === Button Style === */
button.submit {
        background-color: #1fa0e4;
        background: -webkit-gradient(linear, left top, left bottom, from(#1992d1), to(#1fa0e4));
        background: -webkit-linear-gradient(top, #1992d1, #1fa0e4);
        background: -moz-linear-gradient(top, #1992d1, #1fa0e4);
        background: -ms-linear-gradient(top, #1992d1, #1fa0e4);
        background: -o-linear-gradient(top, #1992d1, #1fa0e4);
        background: linear-gradient(top, #1992d1, #1fa0e4);
        border: 1px solid #1992d1;
        border-bottom: 1px solid #1992d1;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        box-shadow: inset 0 1px 0 0 #1fa0e4;
        -webkit-box-shadow: 0 1px 0 0 #1fa0e4 inset ;
        -moz-box-shadow: 0 1px 0 0 #1fa0e4 inset;
        -ms-box-shadow: 0 1px 0 0 #1fa0e4 inset;
        -o-box-shadow: 0 1px 0 0 #1fa0e4 inset;
        color: white;
        font-weight: bold;
        padding: 6px 20px;
        text-align: center;
        text-shadow: 0 -1px 0 #1fa0e4;
}
button.submit:hover {
        opacity:.85;
        cursor: pointer;
}
button.submit:active {
        border: 1px solid #1fa0e4;
        box-shadow: 0 0 10px 5px #1fa0e4 inset;
        -webkit-box-shadow:0 0 10px 5px #1fa0e4 inset ;
        -moz-box-shadow: 0 0 10px 5px #1fa0e4 inset;
        -ms-box-shadow: 0 0 10px 5px #1fa0e4 inset;
        -o-box-shadow: 0 0 10px 5px #1fa0e4 inset;

}