Hallo, ich will das Mainmenü mehr nach rechts und den Content mehr nach links nur krieg ich das irgendwie nicht geregelt... hier mal css code + screenshot



Code:

Hier mal die  css Datei ;)

body{
	background			: #DFDFDF;
	margin				: 0px;
	padding				: 0px;
}

body,td,th,div{
	font-family			: Tahoma, Helvetica, sans-serif;
	font-size			: 13px;
	color				: #444;
}

a{
	color				: #069;
	text-decoration		: none;
}

a:hover{
	text-decoration		: underline;
}

#outline{
	width				: 900px;
	margin-top			: 10px;
	background			: url(../images/main_middle.jpg) repeat-y;
	overflow			: hidden;
}

#top_container{
	background			: #069 url(../images/main_top.jpg);
	height				: 250px;
}

#middle_container{
	overflow			: hidden;
	
}

#middle_container_inner{
	width				: 800px;
	text-align			: left;
}

#left{
	width				: 550px;
	float				: left;
	padding				: 0px 20px;
}

#right{
	width				: 190px;
	float				: left;
}

#bottomcontainer{
	background			: url(../images/main_bottom.jpg);
	height				: 30px;
	padding				: 0px 25px;
}

#icons{
	padding-left		: 10px;
	padding-top			: 3px;
}

#bottomcontainer #icon{
	float				: left;
	margin-right		: 2px;
}

#bottomcontainer #copyright{
	float				: right;
	padding-right		: 10px;
	color				: #999999;
}

table.moduletable{
	width				: 180px;
	margin-bottom		: 10px;
}

table.moduletable th,
.sectiontableheader{
	font-weight			: bold;
	letter-spacing		: 1px;
	border-bottom		: 1px solid #666;
}

table.moduletable td{
	padding-top			: 10px;
}

table.moduletable td td{
	padding-top			: 0px;
}

.sectiontableentry1{
	background:#e7e7e7;
}

.contentheading{
	color				: #069;
	font-size			: 24px;
	text-decoration		: none;
	padding-bottom		: 7px;
	background			: url(../images/underline.jpg) repeat-x bottom;
}


.contentheading a{
	color				: #444;
	text-decoration		: none;
}

.componentheading{
	color				: #069;
	font-size			: 28px;
	margin-bottom		: 20px;
	text-decoration		: none;
}

.small,.createdate,.modifydate{
	color				: #999999;
	font-size			: 11px;
}