Wrapper größe und Position anpassen

Moin Moin :slight_smile:

Ich habe große schwierigkeiten einen Wrapper auf meiner Homepage in der Breite anzupassen, sowie die position neu zu bestimmen.
Es geht um den grau, durchsichtigen Wrapper im Menüpunkt „Kontakt“ und " Impressum" .

http://dawidjakubowski.de/impressum.html
http://dawidjakubowski.de/contact.html

Anbei der style.css Code, bei dem ich glaube das er der richtige ist!

Ich hoffe es kann mir jemand helfen!

.middle {
clear:both;
z-index:2;
padding:96px 0 100px 0;
min-height:600px;
position: fixed;
width:100%;}

.cols2_fix {
width:960px}

.cols3_fix,
.cols2_wide {
width:100%}

.content_wrapper{
background:url(images/opacity_95_black.png);
}

.sidebar_1 {
width:220px;
margin-left:20px;
background:url(images/opacity_95_black.png);
padding:30px 20px;
float:left}

.sidebar_2 {
width:0px;
padding-left:25px;}

.content {
width:578px;
padding:0 60px;
}

.cols2_wide .content {
width:920px;
padding:0 20px}

.content_wrapper .content,
.content_wrapper .sidebar_2 {
float:right;}

.cols3_fix .content_wrapper {
width:3000px;
float: right;
}

.cols2_fix .content_wrapper{
width:660px;}

.sidebar_right .content_wrapper {
float:left}

.sidebar_right .sidebar_1 {
float:left}

.cols2_wide .sidebar_2,
.cols2_fix .sidebar_2 {
display:none}

/* main content */
.middle a:hover {
color:#fdc82a}

.middle p {
margin:0 0 18px 0}

.text-block-1 {
padding:0 20px}

.title_icon {
min-height:87px;
margin-bottom:15px}

.title_icon img {
float:right;
margin-left:20px;}

.title_icon h2, .title_icon h3 {
padding-top:15px;}

.title_black {
color:#1a1a1a;
text-shadow:1px 1px 1px #fff}

.link_arrow_left, .link_arrow_right, .link-more {
color:#fdc82a;
font-size:12px;
text-transform:uppercase}

.link_arrow_right,
.content .link-more {
color:#fdc82a;}

Du hast im HTML-Code einige Fehler die das bewirken könnten:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fdawidjakubowski.de%2Fimpressum.html
Beheb die erstmal.