@charset "utf-8";
/* CSS Document */
/*### Container für Navigation ###*/
#curly_horse{
	z-index: 40;
	background-image: url("../Background/Horses_Navigation.jpg");
}
#Top_Navigation{
	top: 88px;
}
.pfeil{
	z-index: 20;
	position: relative;
	float: left;
	top: 0;
	height: 13px;
	width: 13px;
	margin: 18px 18px auto 18px;
	padding: 18px 10px 9px 9px;
	display: block
}
/*### Container oben ###*/
#top_curlie_horses{
	z-index: 45;
	position: absolute;
	background-image: url("../Background/Top_Horses.jpg");
	background-repeat: no-repeat;
	top: 6px;
	left: 271px;
	height: 150px;
	width: 759px;
}
/*### Container Abschluß rechts ###*/
#Curlie_Horses_right{
	z-index: 40;
	position: absolute;
	background-image: url("../Background/Horses_ri.jpg");
	background-repeat: no-repeat;
	top: 156px;
	right: 6px;
	height: 500px;
	width: 186px;
}
/*### Scrollbox für Pferdebeschreibung ###*/
#Scrollbox_Horses{
	z-index: 15;
	position: absolute;
	background-color: none;
	top: 262px;
	left: 255px;
	height: 343px;
	width: 435px;
	overflow: auto;
	margin: 6px 0 6px 6px;
}
/*### Navigation zwischen den Pferden ###*/
#Horse_Navigation{
	z-index: 20;
	position: absolute;
	background-color: #edebdd;
	top: 150px;
	left: 271px;
	height: 75px;
	width: 580px;
	padding: 10px 0 16px 6px;
}
.Curly_link{
	z-index: 20;
	position: relative;
	float: left;
	top: 0;
	height: 60px;
	width: 60px;
	margin: auto;
	padding: 16px 5px 0 4px;
}
/*### Container Mitte Pferdeseite ###*/
#Horses{
	z-index: 15;
	position: absolute;
	background-color: #edebdd;
	top: 0px;
	left: 10px;
	width: 407px;
	padding: 0 2px 0 0;
}
/*### Container für Text ###*/
.Horses_Text{
	z-index: 15;
	position: relative;
	width: 400px;
	text-align: left;
	padding: 0 0 0 6px;
}
.Info{
	z-index: 50;
	position: relative;
	float: left;
	width: 400px;
	padding: 0 0 0 0;
}
/*### Container für Bildrahmen ###*/
#Pictureframe{
	z-index: 100;
	position: absolute;
	background-image: url("../Background/Photo.jpg");
	top: 268px;
	right: 25px;
	height: 345px;
	width: 315px;
	margin: 0px 0 0 180px;
	text-align: center;
}
#Name{
	z-index: 110;
	position: relative;
	background-image: url("../Background/Name.gif");
	top: 295px;
	height: 31px;
	width: 207px;
	cursor: pointer;
	margin: auto;
}
#Name p{
	line-height: 31px;
	font-weight: bolder;
}
#Name_wide{
	z-index: 110;
	position: relative;
	background-image: url("../Background/Name_wide.gif");
	top: 295px;
	height: 31px;
	width: 247px;
	cursor: pointer;
	margin: auto;
}
#Name_wide p{
	line-height: 31px;
	font-weight: bolder;
}
#xxl_1{
	position: absolute;
	top: 34px;
	left: 34px;
	height: 260px;
	width: 245px;
	text-align: center;
}
#xxl_2{
	position: absolute;
	top: 72px;
	left: 34px;
	height: 184px;
	width: 245px;
	text-align: center;
	visibility: hidden;
}
#xxl_3{
	position: absolute;
	top: 72px;
	left: 34px;
	height: 184px;
	width: 245px;
	text-align: center;
	visibility: hidden;
}
#xxl_4{
	position: absolute;
	top: 34px;
	left: 34px;
	height: 260px;
	width: 245px;
	text-align: center;
	visibility: hidden;
}
/*### Container Pferdebilder ###*/
.Picture{
	position: relative;
	float: left;
	height:80px;
	padding: 17px 30px 17px 0;
	cursor: pointer;
}
/*### Container für Flaggen ###*/
#german{
	bottom: 100px;
	left: -33px
}
#english{
	bottom: 100px;
	left: 22px;
}
/*### Platzhalter Pferdebeschreibung ###**/
.SP_1{
	position: relative;
	width: 100px;
	padding: 0 40px 0 0;
}

.SP_2{
	position: relative;
	width: 100px;
	padding: 0 36px 0 0;
}

.SP_3{
	position: relative;
	width: 100px;
	padding: 0 26px 0 0;
}

.SP_4{
	position: relative;
	width: 100px;
	padding: 0 27px 0 0;
}

.SP_5{
	position: relative;
	width: 100px;
	padding: 0 32px 0 0;
}

.SP_6{
	position: relative;
	width: 100px;
	padding: 0 24px 0 0;
}