problems with text in <div> section

I have a problem with the text in a <div> section. Here is the url: http://www.dikemarkrideskole.no/dike/?q=rideskolehester .I'm talking about the text beside the two pictures of the horse "Tiki". I want the text in the absolute middle. I also want to get rid of the gap under the pictures between the pictures and the border. Can anybody help me?

Here is the css code for the html-code:

.overskrift_rideskolehester
{
width: 640px;
font-size: 13px;
border: 2px #000;
border-style: solid solid none solid;
background-color: #8ABDF4;
margin-left: 15px;
font-weight: bold;
}

.info_rideskolehester
{
width: 640px;
height: 133px;
font-size: 12px;
border: 2px solid #000;
margin-left: 15px;
}

.float_left_rideskolehester
{
float: left;
}

.15pxright
{
text-align: right;
margin-right: 15px;
}