/************************************************************************************************************************************
Project				: VNU Websitegenerator: paperconvenience
Context				: web
Version		        : 0.1
Last change		: 4-2-2012 9:55:23
Assigned to		: Mark van Aalst (mva), Leonard Eshuis (le), Marc Bruisten (mb)
Made by			: Evident Interactive
Summary			: This stylesheet is dynamicly generated by the VNU-WSG application. 
					      It's purpose is to extend the default stylesheet with all settings chosen in the wizard.
************************************************************************************************************************************/

/* =Step2 - Corporate Identity 

	HEADER		: background color and image 
	VNU-Logo	: show / hide

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

	#general-header 
	{
		background: $$$STEP2_BACKGROUND$$$
		width: 851px;
		width: 851px;
	}
	
		#general-header h1 {
			display: block;
		}
	
	

/* =Step3 - Site Identity 

	TopBar	: Color, Image
******************************************/

	.header {
		background: #000000;
	}
	                             
/* =Step4 - Site Background

	Body	: color, Image
******************************************/

	body.home {
		background-color: #000000;
		background-image: none;
	}

	.tabs li.active {
		border-bottom: 1px solid #000000;
	}

/* =Step5 - 

	Border	: color
	Scope	: page, module
******************************************/

	/* page */

		#actual-site {
			border-color: #000000;
			border-width: 1px;
			border-style: solid;
		}

		#subnav ul ul ul, 
		#navigation ul ul,
		{
			border-color:#000000;;
			border-style: solid;
			border-width:0 1px 1px 1px;
		}
		
	/* modules */

		.pijler-uno, .pijler-duo, .pijler-trio,
		.xsmall, .small, .medium, .large, .xlarge, .xxlarge {
			border-color : #000000;
			margin-left:10px;
		}
		
		.xxlarge.detail
		{
			margin-left:0px; 
			width: 850px;
		}
		.corporatebg .ms1-background
		{
			border: none;
		}
		
		.corporatebg .small-col .corporate-calendar,
		.corporatebg .large-col .corporate-news,
		.corporatebg .small-col .noborder,
		.corporatebg .large-col .noborder,
		.corporatebg .large-col .ms1-background,
		.corporatebg .small-col .ms1-background,
		div.ms1-background .ms1-background {
			border: 1px solid #000000;
		}

	#main img {
		border-color: #000000;
	}

	#navigation ul li a {
		border-right:1px solid #000000;
	}
	
	#navigation #actionsmenu li a {
		border-left:1px solid #000000;
		border-right:0px;
	}

	hr {
		border:1px solid #000000;
		border-width:1px 0px 0px 0px;
	}

/* Step6 - Column colors

	Columns : background-color
	scope	: sidebars, Main
******************************************/

	#column1 {						/* left */
		background-color: #E2C1D2;
	}
	#column3 {						/* right */
		background-color: #E2C1D2;
	}

	#column2 {						/* center */
		background-color: #FFFFFF;
	}
	.corporatebg, .corporatebg .xxlarge
	{
		background-color: #FFFFFF;
	}
	
	#navigation, #main, #footer {
		background-color: #FFFFFF;
    }

                                                         
/* =Step7 - Text

	Fonts		: fonot-families
	color		: regular, header, link, hover, active
******************************************/

	/* needs work */

	body, 
	input, 
	.calender dt, 
	.calender dd {
		font-family: Arial, Helvetica, sans-serif
	}
	
	#header,
	#navigation,
	#main,
	#footer {
		color:#545454;
	}
	
		#footer {
		border-top:1px solid #000000;
		}
	
	#footermenu li a {
		border-right:1px solid #000000;
    }
	
	.ms1-background {
		color:#545454;;
    }
    
    #newslisting .intro {
        color:#545454;;
    }

	body { color: #545454; }
	
	div.scfTitleBorder span { color: #EF5B94; }

	a:link { color: #4F0075; }
	
	a:visited { color: #4F0075; }
	
	a:hover { color: #EF5B94; }
	
	a:active { color: #000000; }
    
    .calender dd a { 
    color: #4F0075;
    }
    
    #footermenu li a {
    color: #4F0075;
    }
    


    

/* =Step8 - Navigation Color

	Navigational links	: regular, hover, active, background-color and style
******************************************/

#footermenu li a:hover {
background-color: #EF5B94;                      
}

.ms1-header,          
.ms2-header,
#navigation { 
	background-color: #EF5B94;
	color: #FFFFFF;
}


.digitalecatalogus .CompanyDetail .collapseAll:link,
.digitalecatalogus .CompanyDetail .collapseAll:visted,
.digitalecatalogus .CompanyDetail .collapseAll:hover,
.digitalecatalogus .CompanyDetail .collapseAll:active,
.digitalecatalogus .CompanyDetail .collapseAll {
	color: #FFFFFF;
}

.ms2-header a:link, 
.ms2-header a:visited, 
.ms2-header a:hover, 
.ms2-header a:active, 
.ms2-header a {
	color: #FFFFFF;
}

.ms2-header2 a:link, 
.ms2-header2 a:visited, 
.ms2-header2 a:hover, 
.ms2-header2 a:active, 
.ms2-header2 a {
	color: #FFFFFF;
}


	#navigation .inner {
		background-image: none
		
	}
			#navigation ul li a
			{
				color: #FFFFFF;
			}
			
			#subnav ul li a {
			    color: #FFFFFF;
			}
			
			
			#audienceMenu li a {
            color: #0F0F0F; 
            }
    
			
			#navigation ul li a:hover {
				color: #FFFFFF;
				background-color: #000000;
				
		        background-position:center top;
		        background-image: none
		    
			}

			#navigation ul li.active li.active a,
			#navigation ul li.active a {
				background-color: #FFFFFF;
				color: #D73F78;
			}

				#navigation ul li.active li a {
					background-color: #FFFFFF;
					color: #D73F78;
				}

				#navigation ul li .active a:hover {
					background-color: #000000;
					color: #FFFFFF;
				}

					#navigation ul li li {
						background-image:none;
						background-color: #EF5B94;
					}

	#subnav li, #subnav li ul li
		{
		background-color: #EF5B94;
		background-image: none
		
	}
		#subnav li a:hover, #subnav li ul li a:hover
		{
			color: #FFFFFF;
				background-color: #000000;
				background-image: none
				
		}
	#subnav li ul li ul li
	{
		background: none;
	}
		#subnav li ul li ul li a:hover
		{
			background-image: none;
		}
		#subnav li ul li ul li.active
		{
			color: #FFFFFF;
			background-color: #000000;
			background-image: none
			
		}
	#subnav li.active a.active
	{
		background-color: #FFFFFF;
		color: #FFFFFF;
	}
		#subnav li.active a.active:hover
		}
			background-color: #000000;
		}
	#subnav li.active li a
	{
		background-color: #EF5B94;
	}
		#subnav li.active li a:hover
		{
			background-color: #000000;
		color: #FFFFFF;
		}
/********************************************************************************************************************************************************************
	#subnav li, #subnav li ul li
		{
		background-color: #EF5B94;
		background-image: none
		
	}
	#subnav li:hover
	{
		background-color: #000000;

	}
	#subnav li a
	{
		color: #FFFFFF;
		
		background-image: none
		
	}
	#subnav li.active li a
	{
		background-color: #FFFFFF;
	}
	#subnav li.active li a:hover
	{
		background-color: #000000;
	}
	#subnav li.activeparent
	{
		background: #000000;
	}
		#subnav ul li a:hover 
		{
			color: #FFFFFF;
			background-color: #000000;
			background-image: none
			
		}
	
*********************************************************************************************************************************************************************/                                                         
/* =Step9 - Module headersbars

	ModuleHeaders	: texzt color, background-color
******************************************/

	.ms1-header	 {
		background-color: #EF5B94;
		color: #FFFFFF;
	}

     .inner h4 {
      
     }
     
     

	.ms2-header2,
	.ms1-header2 {
		background-image:none;
		
	}
	
	div#sitemap div.ms1-header a 
    {
		color: #FFFFFF;
		text-decoration: none;
    }
    div#sitemap div.ms1-header a:hover
    {
		text-decoration: underline;
    }
                                                         
/* =Step10 - Button Sets

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


	input[type=submit],
	input[type=button],
	input.submit {
		background-color:#940000;
		background-image:url("/Includes/Images/buttonsets/gradient_red.gif");
		border:1px solid #940000;
		color:#fff;
	}

	input[type=submit]:hover,
	input[type=button]:hover,
	input.submit:hover {
		background-image:url("/Includes/Images/buttonsets/light_gradient_red.gif");
	}


/*
	input[type=submit],
	input[type=button],
	input.submit {
		background-color:#940000;
		background-image:url("/Includes/Images/buttonsets/gradient_brightblue.gif");
		border:1px solid #005980;
		color:#fff;
	}

	input[type=submit]:hover,
	input[type=button]:hover,
	input.submit:hover {
		background-image:url("/Includes/Images/buttonsets/light_gradient_brightblue.gif");
	}

*/
/*
	input[type=submit],
	input[type=button],
	input.submit {
		background-color:#a6a6a6;
		background-image:url("/Includes/Images/buttonsets/gradient_gray.gif");
		border:1px solid #a6a6a6;
		color:#4d4d4d;
	}

	input[type=submit]:hover,
	input[type=button]:hover,
	input.submit:hover {
		background-image:url("/Includes/Images/buttonsets/light_gradient_gray.gif");
	}

*/
/*
	input[type=submit],
	input[type=button],
	input.submit {
		background-color:#00990a;
		background-image:url("/Includes/Images/buttonsets/gradient_green.gif");
		border:1px solid #00990a;
		color:#4d4d4d;
	}

	input[type=submit]:hover,
	input[type=button]:hover,
	input.submit:hover {
		background-image:url("/Includes/Images/buttonsets/light_gradient_green.gif");
	}

*/
/*
	input[type=submit],
	input[type=button],
	input.submit {
		background-color:#41357a;
		background-image:url("/Includes/Images/buttonsets/gradient_magenta.gif");
		border:1px solid #41357a;
		color:#ffffff;
	}

	input[type=submit]:hover,
	input[type=button]:hover,
	input.submit:hover {
		background-image:url("/Includes/Images/buttonsets/light_gradient_magenta.gif");
	}

*/
/*
	input[type=submit],
	input[type=button],
	input.submit {
		background-color:#e6e6e6;
		background-image:url("/Includes/Images/buttonsets/gradient_orange.gif");
		border:1px solid #e6e6e6;
		color:#ffffff;
	}

	input[type=submit]:hover,
	input[type=button]:hover,
	input.submit:hover {
		background-image:url("/Includes/Images/buttonsets/light_gradient_orange.gif");
	}

*/

/* Menu bar button style */


	#navigation .first {
		background-image:url("/Includes/Images/icons/Light/home.gif")
	}
        #navigation ul li.first a:hover{
		    background-image:url("/Includes/Images/icons/Dark/home.gif")
	    }
	

	#navigation #am_search {
		background-image:url("/Includes/Images/icons/Light/ico_zoeken.gif")
	}
	    #navigation #am_search a:hover {
		    background-image:url("/Includes/Images/icons/Dark/ico_zoeken.gif")
	    }
	
	#am_print {
		background-image:url("/Includes/Images/icons/Light/ico_printer.gif")
	}
	    #navigation #am_print a:hover{
		    background-image:url("/Includes/Images/icons/Dark/ico_printer.gif")
	    }

	#am_mail{
		background-image:url("/Includes/Images/icons/Light/ico_mail.gif")
	}
	    #navigation #am_mail a:hover{
		    background-image:url("/Includes/Images/icons/Dark/ico_mail.gif")
	    }

	#am_sitemap{
		background-image:url("/Includes/Images/icons/Light/ico_sitemap.gif")
	}
	
	    #navigation #am_sitemap a:hover{
		    background-image:url("/Includes/Images/icons/Dark/ico_sitemap.gif")
	    }
	
	#am_login{
		background-image:url("/Includes/Images/icons/Light/ico_login.gif")
	}

	    #navigation #am_login a:hover{
		    background-image:url("/Includes/Images/icons/Dark/ico_login.gif")
	    }

/* check: Dark */


/* */

/* Fixes */

#column1 .scfForm { background-color: #FFFFFF;; }
#column2 .scfForm { background-color: #FFFFFF;; }
#column3 .scfForm { background-color: #FFFFFF;; }

#column1 .ms1-background { background-color:#FFFFFF;; /*#EDF7FA*/ }
#column2 .ms1-background { background-color: #FFFFFF;; }
#column3 .ms1-background { background-color:#FFFFFF;; /*#EDF7FA*/ }

#column1top
{
	background-color: #E2C1D2;
}

.ms1-background 
{
	background-color: #FFFFFF;
}

.tabs li.active  
{
	background-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	position:relative;
}
.medium .ms1-header,
.xlarge .ms1-header,
#newslisting .ms1-header
{
	background-color:transparent;
	color: #EF5B94;
}

.medium .ms1-header2,
.xlarge .ms1-header2,
#newslisting .ms1-header2
{
	background-image:none;
}

.borderlineblock,
#column2 .ms1-header2
{
    color: #EF5B94;
}

/**/

#alleaanbieders .list .alphabetletter,
.digitalecatalogus .list .products h5 span a, 
.digitalecatalogus .sublist span a, 
#alleaanbieders .list .readmoreinfo,
.digitalecatalogus .listcontrol li a,
.digitalecatalogus .listcontrol li a.active
{ color : #545454; }

#alleaanbieders .readmoreinfo,
#alleaanbieders #alphabet a,
.digitalecatalogus .listcontrol li a span,
.digitalecatalogus .listcontrol li a.active span,
.digitalecatalogus .list h5 a 
{ color:#EF5B94; }

.lightline,
.sideborders,
.facetnavigation_detail h3 {
	border-color: #000000;;
}

.newInner,
.digitalecatalogus .list .aanbieders .info .info, 
.digitalecatalogus .sublist h6,
#alleaanbieders .list .alphabetletter,
#alleaanbieders .regular .alphabetletter,
.digitalecatalogus .list .info .info,
.digitalecatalogus .list h5,
.facetlist {
	border-bottom:1px solid #000000;;
}

.digitalecatalogus .listcontrol li a,
.digitalecatalogus .list .prefered,
.popupdetail,
#alleaanbieders #alphabet {
	border:1px solid #000000;;
}

.digitalecatalogus .paging li a.active {
	border-color:#545454;; 
	background-color:#545454;; 
	color:#000000;;
}

.digitalecatalogus .paging li a {
	background-color: #FFFFFF;;
	color:#545454;; 
}

.popupdetail,
.aanbieders .info .info,
.digitalecatalogus .list .prefered h5 a,
.digitalecatalogus .list .prefered,
.digitalecatalogus .list .prefered li,
.digitalecatalogus .list .prefered li a
{
	background-color: #FFFFFF;;
}

.facetnavigation h3,
.facetnavigation_detail li a, 
.facetnavigation_detail li a:link, 
.facetnavigation_detail li a:visited, 
.facetnavigation_detail li a:hover, 
.facetnavigation_detail li a:active, 
.facetnavigation li a ,
.facetnavigation li a:link ,
.facetnavigation li a:visited ,
.facetnavigation li a:hover ,
.facetnavigation li a:active ,
.facetselection a,
.facetselection a:link,
.facetselection a:visited,
.facetselection a:hover,
.facetselection a:active,
.digitalecatalogus .next a, 
.digitalecatalogus .prev a 
{ color : #545454; }

.facetnavigation_detail li,
.facetnavigation li{
	border:1px solid #E2C1D2;;
}


#alleaanbieders {
	border : 1px solid #FFFFFF;
}