About images

Newbie alert!

I’m using the Corptheme (corpgreen) from Blogohblog, and I am having som problems with the placement of images on the pages. Here is how it looks like:
http://www.gnagergleder.de/hamster/hamsterartene/
(it’s a charity page, and yes I am an adult 😉 )

I would like the pictures to be placed more to the right, so it is aligned with the margin of the text. I would also like there to be more space between the text and the image to the right, to make it easier to read. How do I do that?

Here is the code (I think):

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{ no-repeat right;float:right;padding-right:20px; margin-right:20px; font-size:14px; font-weight:;}
.alignleft{ no-repeat left; float:left;padding-left:20px; margin-left:20px; font-size:14px; font-weight:;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}