body {
background-image:  url("../graphics/bg2.jpg");
font-size: 10px;
font-family: Verdana, Tahoma, SunSans-Regular, Sans-Serif;
text-transform:lowercase;
}



/* ----------simpleviewer-------------- */
simple-body {
overflow:hidden;
padding:0;
}
	#flashcontent {
	padding:0;
		margin-right:20px;
		margin-top:0;
		margin-left:0;
		margin-bottom:0;
		width:auto;
	}
/* ----------csimpleviewer-------------- */

hr{
border: none 0; 
/*text-align: center;this will align it for IE*/
/*margin: 0 auto 0 0; this will align it left for Mozilla*/
border-top: 1px dotted #999999;
width: 90%;
height: 1px;
}
.rot {
color: #990000
}
p{text-transform:lowercase;}

a {text-decoration:none; color:#999999; border:0;}
a:visited {color:#999999}
a:hover {color:#FF0000;}
a:active { color:#999999;}

h1{
font-size: 5;
padding-top:15px;
color:#666666;
text-transform:uppercase;
font-weight:bold;
}

h2{
font-size: 4;
padding: 5px 10px;
margin:0px;
font-weight:bold;
}



#unten {
font-size: 11px;
text-transform:uppercase;
color:#FFFFFF;
padding:5px 15px;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;

margin:0px }

#oben {
font-size: 12px;
text-transform:uppercase;
color:#666666;
padding:5px 15px;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: black;
text-align: center;
margin:0px

}

#bilderbox {
background-color:#E6E6E6;
margin-right: 20px;
width: 90%;
}

#bilderbox-schwarz {
background-color:#cccccc;
width: 100%;
}



#label {
font-size: 8px;
text-transform:uppercase;
background-color:#990000;
color: white;
padding-top:2px;
padding-bottom:2px;
padding-left:3px;
margin-left:500px;
}
#labelrahmen {
background-color:#FFFFFF;
color: white;
padding-top:2px;
padding-bottom:2px;
border-left: 1px solid black;
border-right: 1px solid black;
}


img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
margin-top: 50px;
border: 10px solid white;
}


#banner {
text-align: right;
padding: 0px;
margin: 0px;
margin-top:0px;
height:250px;
background-image:   url("../graphics/Fotografie-Stuttgart-Marion-Hassold.jpg");
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;

}
/*#banner img {padding:10px 0px;}*/

#content {
background-color: #ffffff;
padding-left: 20px;
margin-left: 0px;
margin-right: 0px;
padding-top: 1px;
padding-bottom: 10px;
border-left: 1px solid black;
border-right: 1px solid black;
}

div#content { 
min-height:200px;
height:expression(this.scrollHeight > 200 ? "auto":"200px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

img.kontaktbild{

}

#adresszeile {
font-size: 8px;
color:#666666;
padding:5px 15px;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: black;
text-align: center;
margin:0px
}

.kontaktbild{
margin-right:15px;
text-align:left;
}
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: left; 
}
#footer a:{text-decoration:none; color:#FFFFFF;},a:{visited color:#660033;}, a:{hover color:#FF0000;} a:{active color:#FFFFFF;}
 ul, li {list-style-type:square;}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:286px;	width: 790px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

Step 3. Setting up jQuery