body {
font-family:"Times New Roman", Times, serif; 
color : #333333; 
line-height : 1.166; 
margin: 0 auto;   
padding : 10px 10px 20px 10px;
background-color:#CCCCCC;
background-attachment : fixed;
background: #cccccc url(bg_grad.png) fixed;
} 
a:link, a:visited { 
color : #999999; 
text-decoration : none; 
} 
a:hover { 
color : #aaaaaa; 
text-decoration : none; 
} 
h1 { 
font : bold 150% "Times New Roman", Times, serif; 
margin : 0; 
padding : 0; 
} 
h2 { 
font : bold 114% "Times New Roman", Times, serif; 
color : #666666; 
margin : 0; 
padding : 0; 
} 
h3 { 
font : bold 100% "Times New Roman", Times, serif; 
color : #666666; 
margin : 0; 
padding : 0; 
} 
h4 { 
font : 100% "Times New Roman", Times, serif; 
color : #666666; 
margin : 0; 
padding : 0; 
} 
h5 { 
font : 100% "Times New Roman", Times, serif; 
color : #666666; 
margin : 0; 
padding : 0; 
} 
ul { 
list-style-type : none; 
}
#oben { 
top : 40px;
width:900px;
margin: 0 auto;  
}
#unten { 
top : 40px;
width:900px;
margin: 0 auto;  
} 
#pagecell1 { 
top : 40px; 
background-color : #ffffff;
width:900px;
margin: 0 auto;  
} 
#pageNav { 
float : left; 
width : 178px; 
padding : 0px; 
background-color : #ffffff; 
border-right : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
} 
#content { 
padding : 0 10px 0 0; 
margin : 0 0 0 178px;
} 
#pageName { 
font : 13px  "Times New Roman", Times, serif; padding : 10px 5px 10px 5px; 
margin : 0; 
border-bottom : 1px solid #cccccc;
color:#999999; 
} 
#pageName img { 
position : absolute; 
top : 0; 
right : 6px; 
padding : 0; 
margin : 0; 
} 
#b {
background-image:url(BannerHeader.png);
background-repeat:no-repeat;
background-color:#CCCCCC; 
padding : 10px 0 5px 10px; 
font: 20px "Times New Roman", Times, serif;
color : #aaaaaa; 
} 
#b a { 
color : #aaaaaa; 
} 
#b a:hover { 
color : #cccccc; 
text-decoration : none; 
} 
.feature { 
padding : 0 0 0 10px; 
font-size : 90%;
} 
body .feature { 
height : auto; 
} 
.feature h1 { 
font : bold 150% "Times New Roman", Times, serif; 
color : #666666; 
padding : 0 0 5px 0; 
} 
.feature img { 
float : left; 
padding : 0 10px 0 0; 
} 
.story { 
padding : 1px 0 0 10px; 
font-size : 14px;
color:#666666;
}
.story a:link { 
color : #333333; 
text-decoration : none; 
} 
.story a:visited { 
text-decoration : none;
color : #333333;  
}  
.story a:hover { 
text-decoration : none;
color : #cccccc;
}
.story h1 { 
font : bold 150% "Times New Roman", Times, serif; 
color : #666666;
padding:10px 0 0 0; 
} 
.story p { 
padding : 0 0 10px 0; 
} 
.story a.capsule { 
font : bold 1em "Times New Roman", Times, serif; 
color : #999999; 
display : block; 
padding-bottom : 5px; 
} 
td.storyLeft { 
padding-right : 12px; 
} 
#Info { 
clear : both;
font-size : small; 
color : #cccccc; 
padding : 10px 10px 10px 10px; 
margin-top : 0; 
} 
#Info a { 
font-size : small; 
color : #cccccc; 
} 
#sectionLinks { 
margin : 0; 
padding : 0; 
} 
#sectionLinks ul	{
list-style-type:none;
margin:0;
padding:0; 
	}
#sectionLinks a:link, #sectionLinks a:visited { 
display : block; 
border : 1px solid #cccccc; 
background-color : #ffffff;  
background-image : none; 
font-weight : bold; 
padding : 3px 0 3px 10px; 
color : #666666; 
} 
#sectionLinks a:hover { 
border : 1px solid #aaaaaa;
background-color : #ffffff; 
background-image : none; 
font-weight : bold; 
text-decoration : none;
color : #cccccc;  
} 
#siteInfo { 
clear : both; 
border-top : 1px solid #cccccc; 
font-size : small;
color:#999999;
padding : 10px 10px 10px 10px; 
margin-top : 0; 
} 
#siteInfo a { 
font-size : small; 
color:#999999;
text-decoration:none; 
} 
#siteInfo img { 
padding : 4px 4px 4px 0; 
vertical-align : middle; 
} 
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	height: 120px;
}

.hoverbox li
{
	
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 300px;
	height: 250px;
}
.r {
text-align:left;
font-size : 100%;
color : #000000;
width:500px;
float : right; 
margin-top:10px;
margin-bottom:30px;
}
.l {font-size : 100%;
color : #000000;
width:150px;
float : right;
margin-top:10px;
margin-bottom:30px;
}
.siteInfo { 
clear : both; 
border-top : 1px solid #cccccc; 
font-size : small; 
color : #aaaaaa; 
padding : 10px 10px 10px 10px; 
margin-top : 0; 
} 
.siteInfo a { 
font-size : small; 
color : #aaaaaa;
text-decoration:none; 
} 
.siteInfo img { 
padding : 4px 4px 4px 0; 
vertical-align : middle; 
} 
.Rahmen {
border:#CCCCCC solid 3px;
width:650px;
height:600px;
margin:0 auto;
padding:1px;
} 
.Rahmen_Firmen {
border:#CCCCCC solid 3px;
background-color:#FFFFFF;
width:600px;
margin:0 auto;
padding:1px;
top:0px;
} 
.tooltip, .tooltip * {
display : block;
}
.tooltip {
width : 200px;
color:#666666;
font : bolder 13px/1.3 Times New Roman, sans-serif;
text-decoration : none;
text-align : center;
}
.tooltip span.top {
padding : 50px 10px 0;
background : url(bubble.gif) no-repeat top;
}
.tooltip b.bottom {
padding : 3px 8px 10px;
color : #ffffff;
font-size : 10px;
background : url(bubble.gif) no-repeat bottom;
}
.statistik {
width:600px;
text-align:center;
margin:0 auto;
font-size : 18px; 
color : #cccccc; 
padding : 1px 1px 1px 1px;
border-top:#cccccc solid 1px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
}