remove space above title in pages (2011 theme)

Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

I know. I already made a child theme as you suggested to me once ?? forgot to mention it

Try adding:

.singular .hentry {
    padding-top:0;
}

to your child’s CSS.

Should I add it below the old one like this?

#main,
.singular.page .hentry {padding:0;}

.singular .hentry {
    padding-top:0;
}

Or do I have to alter/delete my old code?
I’m sorry, but I can’t do any CSS

Just add it to the bottom of your child’s stylesheet.

I did it, but no effect

You don’t seem to have added it to your child’s stylesheet.

This is what my entire style.css looks like

/*
Theme Name: Twentyeleven Child
Description: Child theme for the twentyeleven theme
Author: Alex Volkov
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");
#site-title a {    color: #644b35;}

/* =Make our whole website wider
-------------------------------- */
#page {
	margin: 0 auto;
	max-width: 1000px;
}
.featured-posts,
#ie7 article.intro {
	max-width: 1000px;
}

#main table td {
vertical-align: middle;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img
{border: none;}

#mytable {
width:400px;
background:#F8E0E0;
border:0px solid #000;
border-collapse:collapse;
}
#mytable th, #mytable td {
border:0px solid #000;
margin:2px;
padding:2px;
}

/* removes title on main page-------------------------------- */
.entry-meta
{
display:none;
}

#main,
.singular.page .hentry {padding:0;}

body.home .entry-title {
	display: none;
}

.singular .hentry {
    padding-top:0;
}

but it doesn’t seem like the content have moved up on https://www.toonhaze.com/?p=119

Now try adding:

#nav-single {padding-bottom:0;}

My style.css now looks like this:

/*
Theme Name: Twentyeleven Child
Description: Child theme for the twentyeleven theme
Author: Alex Volkov
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");
#site-title a {    color: #644b35;}

/* =Make our whole website wider
-------------------------------- */
#page {
	margin: 0 auto;
	max-width: 1000px;
}
.featured-posts,
#ie7 article.intro {
	max-width: 1000px;
}

#main table td {
vertical-align: middle;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img
{border: none;}

#mytable {
width:400px;
background:#F8E0E0;
border:0px solid #000;
border-collapse:collapse;
}
#mytable th, #mytable td {
border:0px solid #000;
margin:2px;
padding:2px;
}

/* removes title on main page-------------------------------- */
.entry-meta
{
display:none;
}

#main,
.singular.page .hentry {padding:0;}

body.home .entry-title {
	display: none;
}

.singular .hentry {
    padding-top:0;
}

#nav-single {padding-bottom:0;}

but the distance in for instance this animation (between) https://www.toonhaze.com/?p=253 is still there.. is that normal? I just want my SWF content as close to my menu as possible without any superfluous space inbetween.

What animation?

there is a flash (swf) animation embeded on the link that I posted
it’s 550×400 in size

The one in the post’s content?