/*****************************************
CSS paddo Pferdesportausruester
module.css
******************************************/

/* 4 Bilder */

.vierbilder {width:auto; padding: 20px 0px 20px 0px;}
.vierbilder_1 {width: 25%; text-align:center;}
.vierbilder_2 {width: 25%; text-align:center;}
.vierbilder_3 {width: 25%; text-align:center;}
.vierbilder_4 {width: 25%; text-align:center;}

.vierbilder_1, .vierbilder_2, .vierbilder_3, .vierbilder_4 {float: left;}

.clearLeft { clear:both;}

/* ende 4 Bilder */

/* 3Bilder+Link+Untertitel */

.dreibilder {width:auto; padding: 20px 0px 20px 0px;}
.dreibilder_1 {width: 33%; text-align:center;}
.dreibilder_2 {width: 33%; text-align:center;}
.dreibilder_3 {width: 33%; text-align:center;}

.dreibilder_1, .dreibilder_2, .dreibilder_3 {float: left;}

.clearLeft { clear:both;}

/* ende 3Bilder+Link+Untertitel */


@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;
}

body{
	font-family: Verdana, Sans-Serif, Arial;
	color: #333;
	background-color: #F6F6F6;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

img {
	padding: 0;
	margin: 0;
	border: none;
}

/* Vom Image Fader ben�tigte styles */
/* 
 * image_fade_wrapper
 * Dient um die relative Positon des image_fade-Elements auf zuheben.
 * REDAXO: hier wird der Rahmen gesetzt und es k�nne auch padding und margin angegeben werden.
 */
.image_fade_wrapper {
	float: left;
	border: 1px solid #FFF;
	background-color: #C9D5D5;
}
/* image_fade 
 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu k�nnen 
 * Breite und H�he sind notwendig, damit der Brower die Gr�sse des Image Faders kalkulieren kann.
 * REDAXO: F�r Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Gr�sse der Bilder gesetzt.
 */
.image_fade {
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	border: none;
}
/* image_fade img
 *  Absolute Position und top, left = 0 muss gesetzt werden.
 * REDAXO: Kein margin und padding angeben.
 */
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}
/* ENDE - Vom Image Fader ben�tigte styles */

A{
	color: #6666CC;
	text-decoration: none;
}
A:link{
	color: #6666CC;
} 
A:visited{
   color: #F76522; 
}
A:hover, A:active{
	color: #F76522;
}