/* Navi */
div.menu
		{
			margin: 0px 10px 0px 10px; /*Abstand vom Rand*/
			float: left;
			width: 200px;
		}
div.menu ul#navi
		{
			margin: 0px;
			padding: 10px 0px 0px;
			list-style-type: none;
        		}

ul#navi a
		{
			display: block;
			margin: 0px;
			padding: 4px 4px 4px 7px;
			border: 1px solid #999;
			background-color: #2d6e6a; /*Menüfarbe*/
			text-align: left;
			font-weight: bold;
		}
ul#navi a:link, ul#navi a:visited
		{
			text-decoration: none;
			color: #fff;
		}
ul#navi a:hover, ul#navi a:active
		{
			color: #fff;
			text-decoration: underline;
			background-color: #bd5648;
		}

/*-aktuelles Menü-*/

ul#navi li#aktuell
		{
			display: block;
			margin: 0px;
			padding: 4px 4px 4px 7px;
			border: 1px solid #999;
			text-align: left;
			font-weight: bold;
			text-decoration: none;
			background-color: #bd5648;
			color: #fff;
		}
/*-------------1. Untermenü-----------------*/
#navi li.subnav a
		{
  			display: block;
  			color: #fff;
  			background-color: #629694; /*1. Untermenüfarbe*/
  			margin: 0px;
  			padding: 4px 4px 4px 30px;
  			text-decoration: none;
  			background-image: url("../Bilder/pfeil.gif");
  			background-position: 10px 50%;
  			background-repeat: no-repeat;
  			font-weight: bold;
		}

#navi li.subnav a:hover, #navi li.subnav a:active
		{
  			display: block;
  			color: #fff;
  			background-color: #bd5648;
  			margin: 0px;
  			padding: 4px 4px 4px 30px;
  			text-decoration: underline;
  			font-weight: bold;
		}

*:first-child+html #navi li.subnav a
		{
  			font-size: 100%; /* IE7-Fix */
		}

li.subnav em
		{
  			display: none;
		}



#navi li.aktsubnav
		{
			display: block;
  			padding: 4px 4px 4px 30px;
  			text-align: left;
  			font-weight: bold;
  			text-decoration: none;
  			background-color: #bd5648;
  			color: #fff;
		}
/*-------------2. Untermenü-----------------*/
#navi li.subnav2 a {
  			display: block;
  			color: #fff;
  			background-color: #88b3b2; /*2. Untermenüfarbe*/
  			margin: 0px;
  			padding: 4px 4px 4px 40px;
  			text-decoration: none;
  			background-image: url("../Bilder/pfeil.gif");
  			background-position: 20px 50%;
  			background-repeat: no-repeat;
  			font-weight: bold;
		}

#navi li.subnav2 a:hover, #navi li.subnav2 a:active
		{
  			display: block;
  			color: #fff;
  			background-color: #bd5648;
  			margin: 0px;
  			padding: 4px 4px 4px 40px;
  			text-decoration: underline;
  			font-weight: bold;
		}

*:first-child+html #navi li.subnav2 a
		{
  			font-size: 100%; /* IE7-Fix */
		}

li.subnav2 em
		{
  			display: none;
		}

#navi li.aktsubnav2
		{
			display: block;
  			padding: 4px 4px 4px 40px;
			text-align: left;
			font-weight: bold;
			text-decoration: none;
			background-color: #bd5648;
			color: #fff;
		}


#navi a span
		{
  			text-decoration: underline;
		}

/*--------------Navibilder-----------*/
/*---Start---*/
#navi li.img
		{

			width: 200px;
			height: 200px;
			background-image: url("../Bilder/navi.jpg");
			border-bottom: 1px solid #999;
		}
/*---Strand und Gut---*/
/*--------Bild--------*/
#navi li.img1
		{

			width: 200px;
			height: 200px;
			background-image: url("../Bilder/Strandkorb.jpg");
			border-bottom: 1px solid #999;
		}
/*---Haus Düneneck---*/
/*--------Bild--------*/
#navi li.img2
		{

			width: 200px;
			height: 200px;
			background-image: url("../Bilder/haus.gif");
			border-bottom: 1px solid #999;
		}