/***********************************************************
Author:
	- Rinse Stellingwerf
	
Description:
	- Landkunst stylesheet for Veghels Buiten website.
	- Overrides are marked with "!important".
	
Date created:
	- 01/09/09
	
Last updated:
	- 25/01/10
************************************************************/

/* Imports */

@import url("default.css");

/* Screen styles */

@media screen
{
	/* General styles */
	
	a
	{
		color:					#7c006a !important;
	}
	
	a:hover
	{
		color:					#87b516 !important;
	}
	
	h1, .SectionTitle
	{
		color:					#789e23 !important;
	}
	
	/* Shortcuts */
	
	#shortcuts, #shortcuts a
	{
		color:					#ffffff !important;
	}
	
	.shortcutsSubpage
	{	
		float:					right;
		
		padding:				2px 0px 0px 0px !important;	
	}
	
	/* Top menu */
	
	#menuTop
	{
		background-color:		#7c006a !important;
	}
	
	#menuTop a, #menuTop a:hover
	{
		color:					#ffffff !important;
	}
	
	#menuTop .menuTop_Current
	{
		color:					#b7d16e;
	}
	
	/* Left menu */
	
	#menuLeft a
	{
		color:					#333333 !important;
		
		border-bottom:			solid 1px #e6e3e3 !important;
	}
	
	#menuLeft a:hover
	{
		color:					#739b1a !important;
	}
	
	/* Left menu (level 1) */
	
	#menuLeft .subMenu_Current1
	{
		color:					#739b1a !important;
	}
	
	#menuLeft .subMenu_Enabled1, #menuLeft .subMenu_Current1
	{	
		background-image:		url(../images/backgrounds/background_landkunst_submenu_item.gif) !important;
	}
	
	/* Left menu (level 2, 3, 4) */
	
	#menuLeft .subMenu_Current2, #menuLeft .subMenu_Current3, #menuLeft .subMenu_Current4
	{
		color:					#333333 !important;
	}
	
	#menuLeft .subMenu_Enabled2:hover, #menuLeft .subMenu_Enabled3:hover, #menuLeft .subMenu_Enabled3:hover, #menuLeft .subMenu_Current2:hover, #menuLeft .subMenu_Current3:hover, #menuLeft .subMenu_Current4:hover
	{
		color:					#7c006a !important;
	}
	
	/* Left menu logo */
	
	#menuLeftLogo
	{		
		float:					left;
		
		width:					990px;
		height:					90px;
		
		background-image:		url(../images/backgrounds/background_landkunst_submenu_bottom.gif);
		background-repeat:		no-repeat;
	}
	
	/* Content container */
	
	.contentSubpage
	{	
		background-image:		url(../images/backgrounds/background_landkunst_content_subpage.gif) !important;
	}
	
	/* Right content */
	
	#contentRight
	{
		padding-top:			87px !important;
		_padding-top:			70px !important;
	}
	
	/* Google Maps */
	
	#map
	{
		float:					left;
		overflow:				hidden;
		
		width:					436px;
		height:					442px;
		
		border:					solid 1px #828282;
	}
	
	#mapLegend
	{
		float:					left;
		
		width:					200px;
		
		padding-left:			130px;
	}
	
	#mapLegend input
	{
		display:				none;
	}
	
	#mapLegend img
	{
		padding:				0px 10px 4px 0px;
	}
	
	/* Map markers */
	
	.marker
	{
		width:					300px;
		min-height:				100px;
	}
	
	.marker a
	{
		display:				none;
	}
	
	.markerContentLeft
	{
		float:					left;
		
		width:					88px;		
	}
	
	.markerImage
	{
		width:					76px;
		height:					76px;
		
		margin-bottom:			8px;
		
		border:					solid 1px #8e8d8d;
	}
	
	.markerContentRight
	{
		float:					right;
		
		width:					202px;
		
		padding-left:			10px;
		
		color:					#000000;		
	}
	
	.markerDescription a
	{		
		display:				block !important;
		
		padding:				10px 0px 10px 0px;
		
		font-weight:			bold !important;
		font-size:				0.9em;
		
		text-decoration:		none;
		text-transform:			lowercase;
	}
	
	.markerContentRight div, .markerContentRight p
	{		
		margin-top:				0px;
		
		color: 					#000000;
	}
	
	/* Google Maps subpage */
	
	#contentCenterGoogleMaps
	{	
		width:					528px;		
	}
	
	/* Footer */
	
	#footer
	{
		background-color:		#7c006a !important;
	}
	
	#footer a, #footer a:hover
	{
		color:					#ffffff !important;
	}
	
	/* Item lists (general) */
	
	.ListTable tr
	{
		background-color:		#e6e3e3 !important;
	}
	
	.cmsFormSectionHeader, .ListItemHeader, .ListItemHeader td
	{		
		background-color:		#7c006a !important;
	}
	
	/* Voting */
	
	#votingList .voteItem
	{
		clear:					both;
		
		width:					528px;
		height:					93px;
		
		padding:				10px 0px 10px 0px;
		
		border-bottom:			solid 2px #dddddd;
	}
	
	#votingList .voteItemImage
	{
		float:					left;
		
		width:					93px;
		height:					93px;
	}
	
	#votingList .voteItemContent
	{
		float:					left;
		overflow:				hidden;
		
		width:					290px;
		height:					93px;
		
		padding:				0px 26px 0px 26px;
		
		font-style:				italic;
	}
	
	#votingList .voteItemContent strong
	{
		font-style:				normal;
	}
	
	#votingList .voteItemCheckbox
	{
		float:					left;
		text-align:				right;
		
		width:					93px;
		height:					15px;
		
		padding-top:			78px;
	}
	
	#votingList .voteItemResult
	{	
		float:					left;
		
		width:					93px;
		height:					93px;
	}
	
	#votingList .inputButton
	{
		cursor:					pointer;
		
		width:					124px;
		height:					20px;
		
		font-weight:			bold;
		
		background-color:		#e4e1e1;
		
		border:					solid 1px #87b516;
	}	
}

/* Print styles */

@media print
{
}