@charset "ISO-8859-1";
html 			{overflow: -moz-scrollbars-vertical; }
body, td, th, p , font	{font-family:Verdana,tahoma,sans-serif;color :  #333333; font-size:13px;}
body 			{background-color: #FFFFFF}
p 				{margin : 0;margin-top : 10px;margin-bottom : 4px;padding : 0;}
p2                      {margin-left:30px;}
img 			{border: 0;}
form 			{display: inline;margin: 0;padding: 0;}
a 				{color : #485660;}
a:hover 		{color : #000000;}
#submenu				{color: #485660;line-height:1.5}
#submenu a 				{color : #485660;text-decoration:none;}
#submenu a:hover 		{color : #000000;text-decoration:underline;}
dl 				{margin-left : 10px;}
dt 				{margin-top : 20px;margin-bottom : 10px;}
dd 				{margin : 0;}
ul 				{list-style-image : url(../image/icon/icon.point.gif);}

#content 		{background-image: url(../img/bg/bg2.jpg);  position : relative; top : 0px; bottom : 0px; left : 0; right : 0; margin : 0 auto;}
#content 		{}

#header			{position: relative; margin-top:0px;margin-left:230px; width:120px;}
#logo-almenland	{position: absolute; top:10px; left:270px;}
#logo-outdoor	{position: absolute; top:100px; left:270px;}
#logo-weiz		{position: absolute; top:114px; left:490px;}

#menu 				{position: relative; margin-left:230px; width:774px;background:#017864 ;padding-left:1px;height:25px;}
#nav-top2 			{background:url(../img/nav/bg_nav.gif) no-repeat right 50%;padding-right:17px;height:25px;}
#nav-top3 			{background:url(../img/nav/bg_nav.gif) repeat-x left bottom;height:25px;}
#menu #nav 			{float:left;padding:1px 0 0;margin:0;list-style:none;line-height:1;font-size:12px;font-family:tahoma,sans-serif;}
#nav li 			{float:left;list-style:none;background:url(../img/nav/bg_nav.gif) repeat-x left bottom;}
#nav li:hover ul 	{left: auto; }
#nav ul 			{list-style: none; }
#nav li ul 			{z-index: 1; position: absolute; left: -999em; }
#menu a 			{font-size:12px;display: inline-table;display: -moz-inline-box;display: inline-block;height:18px;padding:5px 15px 0;color:#fff;text-decoration:none;text-align:center;font-weight:bold;border-right:1px solid #017864;}
#menu a:hover 		{background-color:#47AC77;}
#menu .active a 	{background-color:#507AB2;}

#include			{position: relative; margin-top:25px;margin-left:230px; width:780px; font-size:9pt;}
#include h1 		{font-size : 22px;font-weight: 1000;color : #2A9C60;line-height : 140%;margin : 0;}
#include h2 		{font-size : 14px;font-weight: 1000;color : #333333;line-height : 140%;padding : 0;margin : 0;}
#include h3 		{font-size : 16px;color : #339966;line-height : 140%;padding : 0;margin : 0;}
#include h4 		{font-size : 20px;font-weight: 1000;color : #000000;line-height : 140%;margin : 0;}
#include h5 		{font-size : 14px;font-family: Verdana;color : #FF0000;}

#bottom				{position: relative; margin-top:55px;margin-bottom:0px;margin-left:230px; width:780px;}
#bottom				{border-top:1px solid #017864;padding-top:10px;color:#333333; text-align: center;}

.img				{border: 2px solid #000000}

table.tbl 			{background-color: #fff; }
table.tbl td 		{background-color: #FFFFFF}


.menu3 {padding:0 0 0 32px; margin-left:230px; width:740px; list-style:none; height:35px; background:#fff url(../img/nav/three_0.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu3 li {float:left;}
.menu3 li a {display:block; float:left; height:35px; line-height:35px; color:#fff; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu3 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu3 li.current a {color:#fff; background:url(../img/nav/three_2.gif);}
.menu3 li.current a b {background:url(../img/nav/three_2.gif) no-repeat right top;}
.menu3 li a:hover {color:#fff; background:#000 url(../img/nav/three_1.gif);}
.menu3 li a:hover b {background:url(../img/nav/three_1.gif) no-repeat right top;}
.menu3 li.current a:hover {color:#fff; background:#000 url(../img/nav/three_2.gif); cursor:default;}
.menu3 li.current a:hover b {background:url(../img/nav/three_2.gif) no-repeat right top;}



.preload2 {background: url(../img/nav//button4.gif);}
.menu2 {padding:0 0 0 0px; margin-left:209px; width:812px; list-style:none; height:35px; background:#fff url(../img/nav/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../img/nav/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../img/nav/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../img/nav/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../img/nav/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../img/nav/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../img/nav/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../img/nav/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #339966; padding:0px 0; border:1px solid #000; white-space:nowrap; width:135px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:135px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:0px solid #fff; border-width:0 0 0 0px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../img/nav/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#47AC77; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(../img/nav/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(../img/nav/arrow_over.gif) 80px 7px no-repeat; color:#fff;

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}


<ul class="menu2">
	<li class="top"><a href=index.php?home class="top_link"><span>Startseite</span></a></li>
	<li class="top"><a href=index.php?wanderparadies.1 class="top_link"><span class="down">Wanderparadies</span></a>
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="sub">
			
			<li><a href=index.php?wanderparadies.1>F&uuml;r Jedermann</a></li>
			<li><a href=index.php?wanderparadies.2>Gro&szlig;e Raabklamm</a></li>
			<li><a href=index.php?wanderparadies.3>Kleine Raabklamm</a></li>
                        <li><a href=index.php?wanderparadies.4>Flussverlauf der Raab</a></li>
		</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="top"><a href=index.php?erlebniswelt.1 class="top_link"><span class="down">Erlebniswelt</span></a>
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="sub">
			<li><a href=index.php?erlebniswelt.1>Tiere</a></li>
			<li><a href=index.php?erlebniswelt.2>Planzen</a></li>
			<li><a href=index.php?erlebniswelt.3>Schauh&ouml;hlen</a></li>
		</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="top"><a href=index.php?entlang.1 class="top_link"><span class="down">Entlang der Raab</span></a>
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="sub">
			<li><a href=index.php?entlang.1>Raabklamm Wirte</a></li>
			<li><a href=index.php?entlang.2>N&auml;chtigungsm&ouml;glichkeiten</a></li>
			<li><a href=index.php?entlang.3>Zeltpl&auml;tze</a></li>
			<li><a href=index.php?entlang.4>weitere Ausflugsziele</a></li>
			<li><a href=index.php?entlang.5>Naturprodukte der Region</a></li>
                        <li><a href=index.php?entlang.6>R&uuml;ckholm&ouml;glichkeiten</a></li>
                        <li><a href=index.php?entlang.7>Partnerbetriebe-Busse</a></li>
		</ul>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
        <li class="top"><a href=index.php?wanderkarte class="top_link"><span>Wanderkarte</span></a></li>
        <li class="top"><a href=index.php?anreise class="top_link"><span>Anreise</span></a></li>
	<li class="top"><a href=index.php?kontakt class="top_link"><span>Kontakt</span></a></li>
</ul>