body { 
    background-color: #FFFFFF;
	color: #000000;
	padding: 0;
	margin: 0;
	font-size: small; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
} 

p { 
	font-size: small; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
} 

img.new-icon {
	float:left; 
	margin: 0 .2em;
}

li {
	font-size: small;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	padding-left: 10px;
	padding-top: 10px;
}

#content {
	margin-top: 168px;
/*	margin-right: 525px; */
	margin-bottom: 0px;
	margin-left: 155px;
	
	width: 535px;
	
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#articleright {
	position: absolute; 
	top: 155px;
	left: 700px;
	width: 300px;
	
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#rightsidebar {
	position: absolute; 
	top: 155px;
	left: 700px;
	width: 300px;
	
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#rightsidebar ul {
	list-style-type: none;
	margin-top: 20px;
}

#rightsidebar li {
    margin: 5px;
    padding-left: 5px;
}

.pquote {
	float: right;
	width: 8em;
	background: #3399ff;
	color: #030;
	font-size: 2em;
	line-height: 0.9;
	font-style: italic;
	padding: 0.5em;
	margin: 0;
}

.sideitem{
	list-style-type: none;
	border: 1px solid #333333;
}

.sideitemtitle{
	font-weight: bold;
	margin: 0px;
	background-image: url(http://www.stonetemple.com/images/titlebkgrnd.jpg);
}	

#stonepicright {
	position: absolute; 
	top: 155px;
	left: 700px;
	width: 300px;
	
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#navigation {
	position: absolute;
	left: 10px; 
    top: 175px;
	width: 145px;
}

#navigation li { 
	font-size: medium; 
/*	font-family: Helvetica, Verdana, Arial, sans-serif; */ 
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px; 
} 

#navigation ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 135px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%
}

#navigation a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 3px 12px 3px 8px;
/*	background-color: #7B9C7B; */
	color: #000000;
    padding-left: 10px;
	background-image: url(http://www.graf-computer-service.de/bilder/menubackground.jpg);
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #DDDDDD;
}	

#navigation a:hover {
/*	background-color: #527B52; */
    color : #FFFFFF;

}

#navigation a:active {
	padding: 2px 13px 4px 7px;
/*	background-color: #444444;*/
	color: #EEEEEE;
	border-top: 1px solid #333333;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #333333;
}

#belowmenuimage {
	position: absolute;
	left: 10px; 
    top: 560px;
	width: 145px;
}

#search {
	position: absolute;
	left: 10px; 
    top: 500px;
	width: 145px;
}

#ysearch {
	position: absolute;
	left: 450px; 
    top: 10px;
	width: 300px;
}

.pullquote {
	float: right;
	width: 180px;
	margin: 0 10px 5px 10px;
	font: italic bold 110% Arial, Helvetica, sans-serif;
	padding: 10px;
	border-top: 5px solid #666666;
	border-bottom: 5px solid #666666;
}

#footer {
	padding-left: 165px;
	width: 535px;
	clear: both;
}

#footer p {
/*	font-size: 80%; */
	margin-left: 50px;
}

#contact {
	padding-left: 165px;
	clear: both;
}

.problem {font-style: italic}

.solution {font-style: italic}

.code {background-color: lightblue;
	padding: 5px;
	border: 1px solid #666666;
}

.codetitle {padding-left: 150px;
	font-style: bold;
	border-bottom: 2px double #666666;
}

#text-table td {background-color: lightblue;
	border: 1px solid #666666;
	margin: 0px;
	padding: 2px;
}

.photo {
float: right;
margin 0 10px 5px 10px;
padding: 10px;
}