/*
--------------------------------------------------------------------------------------------------
 Title:			Homepage Styles
 Created on: 	12-08-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Schiermonnikoog.nl
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =global
 =misc 
 =tabs	
 =search	 
 =resizeFont
 =news
 =moreNews
 =siteInfo
 =sideBar	
 =miniMenu 
 =txtReplacements	
 =Print 
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Backgound color		#fff	(white)

 =2 Sidebar text		#52708c	(dark blue)
 =3 Sidebar bullets		#859fc2	(light blue)

 =4 Titles / links		#c43525 (red)
 =5	Link Mouseover		#de762d	(orange)
  
 =6	Body text			#333	(dark grey)
 =7	Minimenu			#b8b8b8	(light grey)

 * Unique * 
 =8 Sidebar background	#edf1f6	(very light blue)
 =9 Page options		#929292 (medium grey)
 =A grey Mouseover		#555	(medium dark grey)	

*/

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/

	html
	{
		padding:				0;
		margin:					0;
	}
	
	body 
	{
		height:					auto;
		
		color:					#4C4C4C;	/* =5 */
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
		font-size:				11px;
		line-height:			2.1818em;	/* 24px */
		
		padding:				0;
		margin:					0;
		
		background-color:		#fff;	/* =1*/
		background-image:		url(/sjablonen/1/images/general/background_header.jpg);
		background-repeat:		repeat-x;
		background-position:	50% 0;
	}

	input, select
	{
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
	}

		#wrapper
		{
			position:				relative;
			
			height:					300px;
			min-height:				300px;
			width:					976px;
			margin:					0 auto;
			padding:				9px 0 0 0;
		}
		*>#wrapper
		{
			height:					auto;
		}
		
	.hide 
	{
		display:				none;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	.readMore
	{
		color:					#c43525;	/* =4 */
		font-weight:			bold;
		font-size:				0.82em;	/* 9px */
		text-decoration:		none;
	}
	
		.readMore:hover
		{
			color:					#de762d;	/* =5 */
			text-decoration:		underline;
		}
	
	h1
	{
	}
	
		h2
		{
			font-weight:			bold;
			font-size:				1.36em;	/* 15px*/
		}
		
			h3
			{
				margin-bottom:			0.58em;	/* 7px */
				
				font-weight:			bold;
				font-size:				1.09em;	/* 12px */
				
				line-height:			1.67em;	/* 20px */
			}
	
	ul
	{
	}
	
		li
		{
		}
	
			li a
			{
				color:					#333;	/* =6 */
				text-decoration:		none;
			}
			
				li a:hover
				{
					color:					#555;	/* =A */
					text-decoration:		underline;
				}
				
	/*********************************************************************************************/
	/* =readspeaker_button1 							                                		 */
	/*********************************************************************************************/
	#readspeaker_button1
	{
		float:					left;

		padding:				10px 13px 16px 13px;
		width:					156px;
	}
	
		#readspeaker_button1 a span
		{
			display:				block;
			
			
			width:					83px;
			height:					21px;
			margin:					0;
			padding:				0;
			
			text-indent:			-50000px;
			
			background-image:		url(/sjablonen/1/images/general/lees-meer.gif);
			background-repeat:		no-repeat;
			background-position:	left top;
		}
		
		#rs_1 
		{
			display:				block;
			position: 				relative;
			text-align: 			left;

		}
	
			#rs_player 
			{
				float:					left;
				width:					156px;

				padding:				10px 13px 28px 13px;

				background-image:		url(/sjablonen/1/images/general/divider_directnaar.gif); 
				background-position:	13px 100px;	
				background-repeat:		no-repeat;	
				
				color:					#52708c;	/* =2 */
				
				background-color:		#edf1f6;
			}
		
		
			#rs_player  a
			{
				color:					#52708c;	/* =2 */
			}
			
				
	/*********************************************************************************************/
	/* =misc 											                                		 */
	/*********************************************************************************************/
	#logo
	{
		display:				block;

		margin:					0 0 11px 8px;
		width :					490px;
		height:					130px;
		
		text-indent: 			-5000px;	/* remove text */
		
		background-image:		url(/sjablonen/1/images/general/logo.gif); 
		background-repeat:		no-repeat;
		
		cursor:					hand;		
	}
	*>#logo
	{
		cursor:					pointer;
	}
	
	#fotoVdMaand
	{
		display:				block;
		
		margin:					2px 0 0 0;
		padding:				2px;
		border:					1px solid #b8b8b8;	/* =7 */
	}
	*>#fotoVdMaand
	{
		margin:					2px 0 0 10px;
	}
	
	#newsWrapper
	{
		clear:					both;
		float:					left;

		padding-top:			10px;
	}
	

	/*********************************************************************************************/
	/* =tabs				          			                  								 */
	/*********************************************************************************************/
	#tabs
	{
		clear:					both;
		
		width:					976px;
		min-width:				10px;
		height:					54px;
	}
		
		#tabs ul
		{	
			width:					788px;
			height:					54px;
			/* margin:					0 94px 0 94px; (976-788)/ 2 */
			margin:					0 0 0 94px; 
			padding:				0;
			
			list-style: 			none;
			white-space:			nowrap;
		}

			#tabs li 
			{
				float:					left;
				display:				inline;
		
				height:					54px;
				min-height:				54px;
				padding:				0;
				margin:					0;
				
				text-indent: 			-5000px;	/* remove text */
				
				background-image:		none;
				background-repeat:		no-repeat;
				background-position:	0 0;
			}
			*>#tabs li 
			{
				width:					auto;
			}
			
				#tabs li a
				{
					display:				block;
		
					height:					54px;
					min-height:				54px;
					padding:				0;
					margin:					0;
				}
			
			/* =named Menu items*/
			#tabs #menuLoket
			{
				width:					89px;
				
				background-image:		url(/sjablonen/1/images/general/menu/1.gif); 
			}
	
				#tabs #menuLoket a
				{
					width:					89px;
				}
				
					#tabs #menuLoket a:hover, #wrapper #tabs #menuLoket.selected a
					{
						background-image:		url(/sjablonen/1/images/general/menu/1_selected.gif); 
					}
	
			/* - */		
			#tabs #menuActueel
			{
				width:					102px;
				
				background-image:		url(/sjablonen/1/images/general/menu/2.gif); 
			}
	
				#tabs #menuActueel a
				{
					width:					102px;
				}
				
					#tabs #menuActueel a:hover, #wrapper #tabs #menuActueel.selected a
					{
						background-image:		url(/sjablonen/1/images/general/menu/2_selected.gif); 
					}

			/* - */		
			#tabs #menuLeven
			{
				width:					164px;
				
				background-image:		url(/sjablonen/1/images/general/menu/3.gif); 
			}
	
				#tabs #menuLeven a
				{
					width:					164px;
				}
				
					#tabs #menuLeven a:hover, #wrapper #tabs #menuLeven.selected a
					{
						background-image:		url(/sjablonen/1/images/general/menu/3_selected.gif); 
					}		
					
			/* - */		
			#tabs #menuToerisme
			{
				width:					194px;
				
				background-image:		url(/sjablonen/1/images/general/menu/4.gif); 
			}
	
				#tabs #menuToerisme a
				{
					width:					194px;
				}
				
					#tabs #menuToerisme a:hover, #wrapper #tabs #menuToerisme.selected a
					{
						background-image:		url(/sjablonen/1/images/general/menu/4_selected.gif); 
					}
					
			/* - */		
			#tabs #menuBestuur
			{
				width:					208px;
				
				background-image:		url(/sjablonen/1/images/general/menu/5.gif); 
			}
	
				#tabs #menuBestuur a
				{
					width:					208px;
				}
				
					#tabs #menuBestuur a:hover, #wrapper #tabs #menuBestuur.selected a
					{
						background-image:		url(/sjablonen/1/images/general/menu/5_selected.gif); 
					}
					
	/*********************************************************************************************/
	/* =search	 								                                      			 */
	/*********************************************************************************************/	
	#quickSearch
	{
		position:				absolute;
		top:					32px;
		right:					0;
	
		width:					244px;
		min-width:				244px;
		height:					82px;
		min-height:				82px;
		
		font-size:				1em;
		
		background-image:		url(/sjablonen/1/images/general/background_zoeken.gif); 
		background-repeat:		no-repeat;
		background-position: 	left top;
	}

		#quickSearch label
		{
			display:				block;

			margin:					15px 0 1px 16px;
			
			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/sjablonen/1/images/general/title_zoeken.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
		}
		
		#quickSearch input, #quickSearch #qs_kw_or
		{
			float:					left;
			display:				inline;
			
			margin-left:			11px;
			padding:				2px 8px 0 8px;
			
			height:					16px;
			width:					10.08em;	
			
			color:					#666;
			font-size:				1.18em;
		}
		*>#quickSearch input, #quickSearch #qs_kw_or
		{
			width:					10.57em;	
		}
		
		#quickSearch #qs_kw_or
		{
		}
		
			#quickSearch input:focus
			{
				color:					#87898a;	/* =10 */
			}
		
		#quickSearch .button
		{
			float:				left;
			display:			inline;
			
			padding:			0 6px 0 7px;
			margin:				0 0 0 13px;
			
			width:				4.514em;	/*  44px - 13px */
			height:				2.18em;	

			font-size:			8pt;
		}
		*>#quickSearch .button
		{
			width:				4.514em;
		}

	/*********************************************************************************************/
	/* =resizeFont								                                      			 */
	/*********************************************************************************************/
	#resizeFont
	{
		position:				absolute;
		top:					5px;
		right:					0;
		
		width:					61px;
		min-width:				61px;
		height:					22px;
		min-height:				22px;
		
		white-space:			nowrap;
	}
	*>#resizeFont
	{
		height:					auto;
		width:					auto;
	}

		#resizeFont a
		{
			float:					left;
			display:				inline;
			
			color:					#333;	/* =6 */	
			font-weight:			bold;
			text-decoration:		none;
			
			background-image:		url(/sjablonen/1/images/general/fontsize_button_selectable.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
		}
		*>#resizeFont a
		{
			height:					auto;
			width:					auto;
		}
		
			#resizeFont a:hover
			{
				color:					#fff;	/* =1 */
				text-decoration:		none;
				
				background-color:		#333;	/* =6 */
				background-image:		none;
			}
			
		#resizeFont div /* not selectable */
		{
			float:					left;
			display:				inline;
			
			color:					#465462;	/* =unique */
			font-size:				1.09em;
			font-weight:			bold;
			text-decoration:		none;
			
			background-image:		url(/sjablonen/1/images/general/fontsize_button.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
		}
		*>#resizeFont div
		{
			height:					auto;
			width:					auto;
		}
			
		#resizeFont .upsize
		{
		
			width:					24px;
			min-width:				24px;
			height:					20px;
			min-height:				20px;
			
			margin-right:			5px;
			padding:				0.09em 0.09em 0.09em 0.27em;
		}
		
			
		#resizeFont .downsize
		{
			width:					22px;
			min-width:				22px;
			height:					20px;
			min-height:				20px;
			
			font-size:				0.82em;
			padding:				0.09em 0.09em 0.09em 0.54em;
		}
		
		/* aaa vergroting */
		#resizeFont span
		{
			font-size:				1.18em;
		}
	
			#resizeFont span span
			{
				font-size:				0.77em;
			}
			
				#resizeFont span span span
				{
					font-size:				0.8em;
				}
	/*********************************************************************************************/
	/* =news									                                      			 */
	/*********************************************************************************************/
	#news
	{
		width:					450px;	/* 489 -26 -13 */
		padding:				0 26px 0 13px;
		
		min-height:				100px;
		height:					100px;
	}
	*>#news
	{
		height:					auto;
	}
	
		#news img
		{
			display:				block;
			
			margin:					7px 0 6px -4px;
			padding:				2px;
			border:					1px solid #b8b8b8;	/* =7 */
			width:					448px;
		}
		*>#news img
		{
			width:					453px;
		}
			
			#news a:hover img
			{
				border:					1px solid #c43525;	/* =4 */
			}

		#news h2 a, #news h3 a
		{
			color:					#333;
			text-decoration:		none;
		}

			#news h2 a:hover, #news h3 a:hover
			{
				color:					#555;
				text-decoration:		underline;
			}
			
		#news .newsItem
		{
			float:					left;
			display:				inline;

			padding-top:			23px;
			margin-right:			39px;	/* 26 + 13 */
			width:					205px;
			height:					200px;
			min-height:				200px;
		}
		*>#news .newsItem
		{
			height:					auto;
		}

		#news .lastItem
		{
			margin-right:			0;
		}
		

	/*********************************************************************************************/
	/* =moreNews									                                      		 */
	/*********************************************************************************************/
	#moreNews
	{
		padding-top:			14px;
		min-height:				13px;
		height:					13px;
		width:					489px;
	}
	*>#moreNews
	{
		height:					auto;
	}
	
		#moreNews h2, #moreNews .readMore
		{
			margin-left:			13px;
		}
		
		#moreNews ul
		{
			float:						left;
			padding:					0 13px 0 0;
		}
		
			#moreNews ul li
			{
				padding:				0 13px 0 13px;	
				width:					205px;
				
				background-image:		url(/sjablonen/1/images/general/bullet.gif); 
				background-repeat:		no-repeat;
				background-position:	2px 11px;
			}

	/*********************************************************************************************/
	/* =siteInfo								                                      			 */
	/*********************************************************************************************/
	#siteInfo
	{
		float:					left;

		padding:				10px 32px 0 7px;
		
		width:					266px;	/* 305 -7 -32px */
	}
	
		#siteInfo h2, #siteInfo p ,#siteInfo .readMore
		{
			margin-left:			13px;
		}
		
		#siteInfo h2
		{
			clear:					both;
			margin-bottom:			0.33em;	/* 4px */
		}
		
		#siteInfo .readMore
		{
			display:				block;
			
			margin-bottom:			25px;
			
			color:					#52708c;	/* =2 */
		}
		
			#siteInfo .readMore:hover
			{
				color:					#859fc2;	/* =3 */
			}		
		
		#siteInfo  ul
		{
			float:						left;
			
			margin:						-3px 0 23px 0;
		}
		
			#siteInfo  ul li
			{
				padding:				0 13px 0 13px;	
				width:					231px;
				
				background-image:		url(/sjablonen/1/images/general/bullet_nieuw.gif); 
				background-repeat:		no-repeat;
				background-position:	2px 11px;
			}
			
	/*********************************************************************************************/
	/* =sideBar									                                      			 */
	/*********************************************************************************************/
	#sideBar
	{
		float:					left;

		padding:				10px 13px 10px 13px;
		width:					156px;
				
		color:					#52708c;	/* =2 */
		
		background-color:		#edf1f6;
	}
	
		#sideBar a
		{
			color:					#52708c;	/* =2 */		
		}
		
			#sideBar a:hover
			{
				color:					#555;	/* =A */
				text-decoration:		underline;
			}
	
	#sideBar ul
	{
		margin:					-2px 0 25px 0;
	}
	
		#sideBar ul li
		{
			padding:				6px 0 3px 0;
			background-image:		url(/sjablonen/1/images/general/divider_directnaar.gif); 
			background-position:	0 bottom;	
			background-repeat:		no-repeat;	
		}
		
		#sideBar address
		{
			font-style:				normal;
		}
		
		#sideBar strong
		{
			font-weight:			bold;
		}
		
		#sideBar dl
		{
		}
			#sideBar dt
			{
				padding-top:				8px;
				font-weight:			bold;
			}
						
			#sideBar .openTime
			{
				padding-top:			17px;
			}
			
			#sideBar dd
			{
				padding-bottom:			15px;
			}
	
	#sideBar #shortcuts
	{
		font-weight:			bold;
		font-size:				0.82em;	/* 9px */
		
		margin:					0;
	}
	
		#sideBar #shortcuts li
		{
			padding:				0;
			background-image:		none;
		}
		
		
	/*********************************************************************************************/
	/* =miniMenu 								                                      			 */
	/*********************************************************************************************/	
	#miniMenu 
	{
		clear:					both;
		
		margin-left:			25%;
		padding:				32px 0 22px 0;
		width:					43em;
		height:					1.2em;
		
		background-image:		url(/sjablonen/1/images/general/hr.gif); 
		background-position:	50% 8px;	
		background-repeat:		no-repeat;	
	}
	
		#miniMenu li
		{
			display:			inline;
			float:				left;

			height:				1.2em;
			margin:				0;
			padding:			0;
		
			line-height:		120%;

			background-image: 	none;
			white-space:		nowrap;
		}
		
			#miniMenu a
			{	
				display:			block;
	
				width:				10px;
				height:				1.2em;
				
				margin:				0;
				padding:			0 13px 0 13px;
				
				color:				#b8b8b8;	/* =7 */
			}
			*>#miniMenu a /* IE 6 fix */
			{
				min-width:			10px;
				width:				auto;
			}
			
				#miniMenu a:hover
				{
					color:					#555;	/* =A */
					text-decoration:		underline;
				}
				
	/*********************************************************************************************/
	/* =txtReplacements							                                      			 */
	/*********************************************************************************************/
	h2, #sideBar h2
	{
		text-indent: 			-5000px;	/* remove text */
					
		background-repeat:		no-repeat;
		background-position: 	left 6px;
	}
	
	.titleActueel
	{
		background-image:		url(/sjablonen/1/images/general/title_actueel.gif);
	}
	
	.titleNieuws
	{
		background-image:		url(/sjablonen/1/images/general/title_meernieuws.gif);
	}
	
	.titleOverschiermonnikoog
	{
		background-image:		url(/sjablonen/1/images/general/title_overschiermonnikoog.gif);
	}
	
	.titleNieuw
	{
		background-image:		url(/sjablonen/1/images/general/title_nieuw.gif);
	}
	
	.titleFotovdmaand
	{
		background-image:		url(/sjablonen/1/images/general/title_fotovdmaand.gif);
	}

	.titleDirectnaar
	{
		background-image:		url(/sjablonen/1/images/general/title_directnaar.gif);
	}
	
	.titleAdresgegevens
	{
		background-image:		url(/sjablonen/1/images/general/title_adresgegevens.gif);
	}

	/*********************************************************************************************/
	/* =languageSelector						                                      			 */
	/*********************************************************************************************/
	#languageSelector
	{
		position:				absolute;
		right:					3px;
		top:					159px;
		
		width:					62px;
		min-width:				62px;
		height:					18px;

		white-space:			nowrap;
		z-index:				99;
	}
		
		#languageSelector li
		{
			float:					left;
			display:				inline;

			padding:				0 0 0 3px;
			margin:					0;
			width:					28px;
			height:					16px;

		}
		
			#languageSelector a
			{
				display:				block;
				
				text-indent: 			-5000px;	/* remove text */
				
				width:					28px;
				height:					16px;
				
				font-size:				0.1em;
				line-height:			0.1em;
				
				background-repeat:		no-repeat;
				background-position: 	left top;
				
				border:					1px	solid #fff;	/* =1*/
			}
		
				#languageSelector .flagEnglish
				{
					background-image:		url(/sjablonen/1/images/general/flag_english.gif);			
				}
				
				#languageSelector .flagDeutsch
				{
					background-image:		url(/sjablonen/1/images/general/flag_deutsch.gif);			
				}
				
				#languageSelector .flagNederlands
				{
					background-image:		url(/sjablonen/1/images/general/flag_nederlands.gif);			
				}
				
					#languageSelector .flagEnglish:hover, #languageSelector .flagDeutsch:hover, #languageSelector .flagNederlands:hover
					{
						border:					1px	solid #ccc;	/* =4 */
					}	
}


/*********************************************************************************************/
/* =Print 									                                      			 */
/*********************************************************************************************/
@media print
{
	.hide, #adxmenuContainer, #quickSearch, #logo, .shortcuts, #tabs, #sideBar, .readMore, #resizeFont, #miniMenu
	{
		display:				none;
		visibility:				hidden;
	}
	
	body 
	{
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
		font-size:				11px;
		line-height:			1.8em;
	}

	.floatCloser
	{
		clear:					both;
	}

	img
	{
		padding:				1px;
		margin:					0 0 12px 0;
		
		border:					1px solid #127983;	/* =1 */
	}
	
	a
	{
		color:					#000;
		text-decoration:		underline;
	}
	
		a img
		{
			border:					none;
		}

}