#hauptmenue {
	line-height : normal;
	text-align: left;
	height:auto;
	overflow:hidden;
	width: 100%;
	margin-left: 0px;
}
#hauptmenue ul {
	list-style-type : none;
	margin-right : 0;
	padding : 0;
	margin-top: 0;
	margin-bottom: 0;
	text-align:right;
	display:inline;
}
#hauptmenue li {
	display : inline;
	padding:0px;
	margin : 0;
	padding : 0;
	height: 30px;
}
#yymenu a {
	padding: 4px;
	text-decoration: none;
	margin: 0px;
	float: left;
	color: #dcee0c;
	border-bottom: solid 0px #FFffff;
	background: #8bb110;
	padding-left: 18px;
	height: 30px;
	line-height: 40px;
	display: inline;
}
#menuhomeContent a {
	background: #ffffff;	
}
#menutexelContent a {
	background: #f29400;	
}
#menuvlielandContent a {
	background: #bf3288;	
}
#menuterschellingContent a {
	background: #6f8abd;	
}
#menuamelandContent a {
	background: #8bb110;	
}
#menuschiermonnikoogContent a {
	background: #dab600;	
}
#yymenu a { padding-top: 10px;}
#yymenu a.last {
	border-style: none;
	display:block; padding-right: 15px;
}
#yymenu  {
	
}

#yymenu a:hover {
	color: #ffffff;
}
.mmLevel1, .mmLevel2 {
	padding-top:0px;
	margin-bottom:10px;
	border: 0px solid #A8A6A9;
	height: 40px;
}
#yymenu .sub {
	background-image: url(../images/ypmenu_pfeilg.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#amelandDDBoot {	
	background: #ff0000 url('/fileadmin/templates/wadden/img/ameland/ameland-boottijden.gif') no-repeat 50% 50%;
}





#topmenu {
	display:block;
	position:relative;
	/*
	width:700px;
	margin:0px auto 0px;
	font-size:11px;
	*/
}
#mTop {
	display:block;
	position:absolute;
	clear:both;
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	text-align:center;
	float:none;
	left:0px;
	top:0px;
}
#mTop li {
	/*
	background:#333333;
	width:150px;
	font-size:12px;
	font-weight:bold;
	color:#11a2db;
	padding:5px;
	cursor:pointer;
	*/
	float:left;
	position: relative;
	width: auto;
	display: inline;
}

#mainmenu #topmenu #mTopContainer #mTop li.menu div { overflow: visible; }


#mTop li.homeHide li a { padding-left: 2px; }

#mTop li.homeSshow {
	border: 1px solid #f0f0f0;
	position: relative; left: 5px; width: 300px;
}
#mTop li ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding-top:10px;
}
#mTop li ul li {
	display:block;
	float:none;
	clear:both;
	display: inline;
}
#mTop li ul li a {
	color:#FFFFFF;
	font-weight:normal; float: left;
	width: 50px; height: 30px;
	text-decoration:none;
	display: block;
	display: inline;
}

/* ********** ********** ********** ********** MENU ********** ********** ********** ********** */

#mainmenu li a.homeOn {
	background: transparent url('/fileadmin/templates/wadden/img/home-over.gif') no-repeat 0px 8px;
	color: #196e8a;
}

#mainmenu li a.texelOn {
	background: transparent url('/fileadmin/templates/wadden/img/texel-over.gif') no-repeat 0px 8px;
	color: #754f12;
}
#mainmenu li a.vlielandOn {
	background: transparent url('/fileadmin/templates/wadden/img/vlieland-over.gif') no-repeat 0px 8px;
	color: #58143d;
}
#mainmenu li a.terschellingOn {
	background: transparent url('/fileadmin/templates/wadden/img/terschelling-over.gif') no-repeat 0px 8px;
	color: #2f3b51;
}
#mainmenu li a.amelandOn {
	background: transparent url('/fileadmin/templates/wadden/img/ameland-over.gif') no-repeat 0px 8px;
	color: #5a8003;
}
#mainmenu li a.schiermonnikoogOn {
	background: transparent url('/fileadmin/templates/wadden/img/schiermonnikoog-over.gif') no-repeat 0px 8px;
	color: #817018;
}

/* ********** ********** ********** ********** wadcam slideshow ********** ********** ********** ********** */

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 90px;
	width: 120px;
	margin-left: 30px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	


/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #196E8A;
	bottom: 0;
	color: #fff;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 32px;
	font-size: 9px;
	width: 100%;
	z-index: 10000;
	font-style: normal;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .6;
}




/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 90px;
	margin: 0 auto;
	width: 120px;
}
.slideshow a img {
	border: 0;
}


/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}


	#webcam_container 		{position: absolute; background-image: url('../../fileadmin/templates/wadden/img/whitepx.png'); background-repeat: repeat; opacity: 1; top: 43px; margin-left: 307px; left: 50%; display: block; float: left; width: 183px; height: 126px; padding: 0px 0px 4px 0px; z-index: -1}
	#camWrapper				{float: left; clear: none; width: 120px;}
	#prevImg				{position: absolute; top: 35px; left: 8px;}
	#nextImg				{position: absolute; top: 35px; left: 162px;}
	.slideshow				{float: left; width: 183px; height: 113px;}
	#wadcamPopupOpen, #wadcamPopupClose
							{cursor: pointer}
#webcamContainer {
        background-image:url(/fileadmin/templates/wadden/img/menuBg.jpg);
        background-repeat:repeat-x;
}
						
/** custom POWERMAIL **/

#tx-powermail-pi1_fieldset_2 legend {
	visibility: hidden;
}

#tx-powermail-pi1_fieldset_2 label {
	display:block;
	float:left;
	margin-top:5px;
	width: 140px;
}
.tx_powermail_pi1_fieldwrap_html_radio_title {
	display: none;
}
#tx-powermail-pi1_fieldset_2 .powermail_radio_inner { 
 	margin-left: 110px;
	float: left; 
}
#tx-powermail-pi1_fieldset_2 .powermail_radio_inner_uid5_1 {
	margin-left: 0px;
} 
#tx-powermail-pi1_fieldset_2 .powermail_radio_inner label { width: 25px; height: 22px; margin-left: 30px; padding-left: 5px; }
#tx-powermail-pi1_fieldset_2 input[type="radio"]{
	display:block;
	float:left;
	margin-top:5px;
	margin-left:15px;
	width: 10px;
}


#tx-powermail-pi1_fieldset_2 input {
	border:1px solid #000;
	float:left;
	width:170px;
}
#tx-powermail-pi1_fieldset_2 .tx-srfreecap-pi2-image {
	margin-left: 140px;
}
#tx-powermail-pi1_fieldset_2 textarea {
	border:1px solid #000;
	width: 300px;
	height: 80px;
}
#tx-powermail-pi1_fieldset_2 {
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0px solid #ccc;
	width: 460px;
}
.tx_powermail_pi1_fieldwrap_html_text {
	float: left;
	height:22px;
	width:100%;
}
.tx_powermail_pi1_fieldwrap_html_textarea {
	float: left;
	height: 86px;
	width: 100%;
}

.tx_powermail_pi1_fieldwrap_html_captcha {
	float: left;
	height: 120px;
	width:100%;
}
.tx_powermail_pi1_fieldwrap_html_captcha span{
	display:none;
}

/** *****Sitemap***** **/

.csc-sitemap {
	padding: 10px;
}
.csc-sitemap ul {
	margin-left: 50px;
}

/** Confirmation page **/

.tx-powermail-pi1 {
	margin-top: 0px;
	margin-bottom: 45px;
	width: 460px;
}
.tx-powermail-pi1_mandatory_submit {
	border:1px solid #000000;
        float:left;
        width:180px;
}

.powermail_mandatory_list {
        margin: 10px;
}
.tx-powermail-pi1_confirmation {
        margin: 10px;
}
.tx_powermail_pi1_formconfirmation_submit {
	width: 500px;
}
.tx_powermail_pi1_formconfirmation_submit input{ 
        border:1px solid #000000;
        float:left;
        width:160px;
}
.tx_powermail_pi1_formconfirmation_back {
	width: 500px;
}
.tx_powermail_pi1_formconfirmation_back input{ 
        border:1px solid #000000;
        float:left;
        width:150px;
}		
/** **************** **/

/** **************** **/