CSS Bildausschnitt statt verzerren

[Christoph B.]

Hallo liebe Community, ich habe folgendes Problem und zwar hab ich einen Slider(Diashow) auf meiner Webseite mit folgenden Werten:

width:100% min-height:200px; max-height:500px;

Die Bilder im Slider sind 1400×500 Pixel groß, sobald nun die Grenze von 500px in der Höhe überschritten wird verzerrt sich das Bild. Ich möchte nun erreichen dass, das Bild einfach abgeschnitten wird, bzw. ein Bildausschnitt angezeigt werden soll. (Sofern ich die max-height weg lasse, hab ich genau den Effekt, jedoch muss ich diese drin lassen, da ich sonst andere Problem mit der Darstellung hab) Genauso wie auf dieser Webseite, möchte ich es hinbekommen: http://www.kanzlei-dr-klein.de

Hat jemand eine Idee wie dies mache?

Liebe Grüße Christoph