/* the middle line*/
.middle {
	height: 380px;
	width: 1px;
	margin-top: 40px;
	margin-left: 34px;	
	background-color: #CCCCCC;
}

#currentPosition {
	font-size: 10px;
	color: #333333;
	text-align: center;
	display: block;		
}

/* the outfit on the left side*/

.height450 {
	height: 450px;
}

.whatILove {
	background: url('../pictures/pictures-stripes.png') no-repeat;
	background-position: -10px -180px;
	width: 403px;
	height: 71px;
}

#styleHeadline {
	background: url('../pictures/styleNotes/stripes.png') no-repeat;
	margin-top: 65px;	
}

#styleText {
	background: url('../pictures/styleNotes/stripes.png') no-repeat;
	margin-top: 94px;	
}

.outfit1 {
	background: url('../pictures/styleNotes/outfit1.jpg') no-repeat;
	width: 350px;
	height: 426px;
	margin-left: 38px;	
	margin-top: 25px;
	float: left;
}

.outfit2 {
	background: url('../pictures/styleNotes/outfit2.jpg') no-repeat;
	width: 290px;
	height: 450px;
	margin-left: 65px;
	margin-top: 20px;
	float: left;	
}

.outfit3 {
	background: url('../pictures/styleNotes/outfit3.jpg') no-repeat;
	width: 322px;
	height: 450px;
	margin-left: 55px;
	margin-top: 20px;
	float: left;	
}

.outfit4 {
	background: url('../pictures/styleNotes/outfit4.jpg') no-repeat;
	width: 345px;
	height: 403px;
	margin-left: 40px;
	margin-top: 30px;
	float: left;
}

.outfit5 {
	background: url('../pictures/styleNotes/outfit5.jpg') no-repeat;
	width: 322px;
	height: 440px;
	margin-left: 55px;
	margin-top: 20px;
	float: left;
}

.outfit6 {
	background: url('../pictures/styleNotes/outfit6.jpg') no-repeat;
	width: 289px;
	height: 430px;
	margin-left: 70px;
	margin-top: 30px;
	float: left;
}

.outfit7 {
	background: url('../pictures/styleNotes/outfit7.jpg') no-repeat;
	width: 307px;
	height: 450px;
	margin-left: 55px;
	margin-top: 25px;
	float: left;
}


.outfit8 {
	background: url('../pictures/styleNotes/outfit8.jpg') no-repeat;
	width: 316px;
	height: 460px;
	margin-left: 60px;
	margin-top: 10px;
	float: left;
}

.outfit9 {
	background: url('../pictures/styleNotes/outfit9.jpg') no-repeat;
	width: 290px;
	height: 392px;
	margin-left: 70px;
	margin-top: 45px;
	float: left;
}

.outfit10 {
	background: url('../pictures/styleNotes/outfit10.jpg') no-repeat;
	width: 321px;
	height: 460px;
	margin-left: 50px;
	margin-top: 10px;
	float: left;
}

.styleNotesHeadline {
	background: transparent url('../pictures/styleNotes/stripes.png') no-repeat;
	background-position: -10px -1327px;	
	width: 153px;
	height: 31px;	
	margin-top: 70px;
}

#styleHeadline.styleNotes1-1 {
	background-position: -10px -10px;
	width: 240px;
	height: 32px;
}

#styleText.styleNotes1-2 {
	background-position: -10px -38px;
	width: 258px;
	height: 70px;
}

#styleHeadline.styleNotes2-1 {
	background-position: -10px -115px;
	width: 227px;
	height: 26px;
}

#styleText.styleNotes2-2 {
	background-position: -10px -149px;
	width: 246px;
	height: 98px;
}

#styleHeadline.styleNotes3-1 {
	background-position: -10px -251px;
	width: 266px;
	height: 27px;
}

#styleText.styleNotes3-2 {
	background-position: -10px -279px;
	width: 248px;
	height: 71px;
}

#styleHeadline.styleNotes4-1 {
	background-position: -10px -358px;
	width: 158px;
	height: 23px;
}

#styleText.styleNotes4-2 {
	background-position: -10px -392px;
	width: 249px;
	height: 77px;
}

#styleHeadline.styleNotes5-1 {
	background-position: -10px -474px;
	width: 210px;
	height: 23px;
	margin-top: 67px;	
}

#styleText.styleNotes5-2 {
	background-position: -10px -497px;
	width: 261px;
	height: 93px;
}

#styleHeadline.styleNotes6-1 {
	background-position: -10px -597px;
	width: 164px;
	height: 23px;
}

#styleText.styleNotes6-2 {
	background-position: -10px -631px;
	width: 257px;
	height: 123px;	
}

#styleHeadline.styleNotes7-1 {
	background-position: -10px -755px;
	width: 171px;
	height: 23px;
}

#styleText.styleNotes7-2 {
	background-position: -10px -783px;
	width: 244px;
	height: 93px;
}

#styleHeadline.styleNotes8-1 {
	background-position: -10px -882px;
	width: 128px;
	height: 26px;
}

#styleText.styleNotes8-2 {
	background-position: -10px -908px;
	width: 254px;
	height: 122px;	
}

#styleHeadline.styleNotes9-1 {
	background-position: -10px -1036px;
	width: 244px;
	height: 49px;
}

#styleText.styleNotes9-2 {
	background-position: -10px -1087px;
	width: 263px;
	height: 99px;
	margin-top: 72px;	
}

#styleHeadline.styleNotes10-1 {
	background-position: -10px -1194px;
	width: 163px;
	height: 24px;
}

#styleText.styleNotes10-2 {
	background-position: -10px -1221px;
	width: 265px;
	height: 99px;
}