body         { margin: 0; background-color: #DDDDDD; font-family:Arial, sans-serif; font-size:12px }
td,table,tr {font-family: sans-serif; font-size: 12px; text-decoration: none; color:#535353}
.ueberschrifttop {color: #579EB4; text-decoration: none; font-size: 14; font-weight: bold}
.ueberschriftfl {color: #579EB4; text-decoration: none; font-weight: bold}
.fliesstext {}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_pullup_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {}
.preload2 {}
/* top margin for this demo only */
#nav        {padding:0; margin:0px 0 0; list-style:none; height:28px; position:relative; z-index:500; width:769px;}
#nav li.top {display:block; float:left; padding-top:0px; text-align:center; } /* menu hintergrund */
#nav li a.top_link {width:124px; height:28px; text-align:center; text-decoration:none;color:#006699 } /* menu hintergrund */
#nav li a.top_link span {width:124px;height:28px;padding-right: 5px; color:#006699}
#nav li a.top_link span.down  {width:124px; height:28px;color:#006699}
#nav li a:hover.top_link {width:124px; height: 28px; color:#C1F0F0}
#nav li a:hover.top_link span {width:124px; height:28px; color:#C1F0F0}
#nav li a:hover.top_link span.down {width:124px; height:28px; color:#C1F0F0}

#nav li:hover > a.top_link {width:124px; height: 28px;color:#fff;}
#nav li:hover > a.top_link span {width:124px; height: 28px; }
#nav li:hover > a.top_link span.down {width:124px; height: 28px; }

.pullup {background: #FFFFFF; opacity:0.8; filter:alpha(opacity=80); color:#000000;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200; background:#fff;width: 124px;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul
{width: 123px;border-style:solid; border-width:0px; left:0; bottom:28px; top:auto; background: #FFFFFF; padding:3px; white-space:nowrap; width:auto; height:auto; z-index:300;opacity:.80; 
-moz-opacity:.8; filter:alpha(opacity=80);}
* html #nav li:hover ul {width:0;}
#nav li:hover ul li 
{display:block; position:relative; float:left; font-weight:normal; clear:left;width: 124px;}
#nav li:hover ul li a
{display:block; font-size:11px; height:20px; line-height:20px; color:#000; text-decoration:none;width: 124px; text-align:left; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0}
#nav li ul li a.fly {color:#4f8383; font-weight:bold;width: 124px;}
#nav li:hover ul li:hover {width: 124px;}
#nav li:hover ul li a:hover {float:left; text-decoration:none;background-color:#F0F0F0;width:115px;}
#nav li:hover ul li a:hover.fly {background-position: 0% 0%; text-decoration:none;width: 124px; }
#nav li:hover ul li:hover.fly {background-position: 0% 0%; width: 124px;}

#nav li:hover ul li:hover.fly > a.fly {background-position: 0% 0%; color:#FFFFFF; text-decoration:none;width: 124px;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{border-style:solid; border-width:0px; left:-5px; margin-left:100%; width: 124px; top:auto; background-color:#FCFCFC; padding:0px; white-space:nowrap; width:auto; z-index:500; height:auto}

 .menu {width:124px; height: 28px;background-color:#C1F0F0; color:#006699;text-align:center; text-decoration:none;}
:hover.menu#a {width:100px; height: 28px;background-color:#006699; color:#C1F0F0 margin-right: 5px; text-align:center; text-decoration:none;}
a,a:link,a:visited,a:active            { color: #C0C0C0; text-decoration: none }
a:hover      { color: #808080; text-decoration: none }

div#wrap {
			width: 700px;
			margin: 50px auto;	
		}
		
hr, .clearAll {
	clear: both;
}
 
.SlidingPanels {
	width: 100%;
	height: 265px;
}
.SlidingPanelsContent {
	width: 100%;
	height: 265px;
}
 
.p1 {
	background-color: #ffffff;
}
.p2 {
	background-color: #ffffff;
}
.p3 {
	background-color: #ffffff;
}
.p4 {
	background-color: #ffffff;
}
.p5 {
	background-color: #ffffff;
}
.p6 {
	background-color: #ffffff;
}
.p7 {
	background-color: #ffffff;
}
.p8 {
	background-color: #ffffff;
}
.p9 {
	background-color: #ffffff;
}
 
#example2.SlidingPanels {
	float: left;
}
#example2 .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#example2 .SlidingPanelsContent {
	float: left;
}
 
#example3.SlidingPanels {
	float: left;
}
#example3 .SlidingPanelsContentGroup {
	float: left;
	width: 900px;
}
#example3 .SlidingPanelsContent {
	float: left;
}
#example3_nav.SlidingPanels {
	float: left;
}
#example3_nav .SlidingPanelsContentGroup {
	float: left;
	width: 900px;
}
#example3_nav .SlidingPanelsContent {
	float: left;
}