/**
 * Peppered color template 2009
 * 
 * @author Lieselot
 *
 * rood:       #9c062f; 
 * d.grijs:    #282828;
 * l.grijs:    #939393;
 *  
 * LET OP! check alle afbeeldingen even of er nog bg kleuren zijn die afwijken
 * LET OP! vergeet niet de styling van Nieuwsbrief en Email templates
 * 
 * img met site-hoofdkleuren images: Deze img dus aanpassen:
 * 
 * bg.gif
 * button_bg.gif           { knoppen default kleur }
 * button_bg_or.gif (naam klopt niet meer maar is nu donker grijs)
 * actionIcons.gif
 * str0.gif t/m str5.gif   (reacties)
 * icon_winkelmandje.gif
 * sprite_menu.gif         (hoofdmenu)
 * reserveermenu_sprite.gif
 * notice_sprite
 * home_menu_sprite
 * reserveerstappen_sprite
 * reactie rondjes
 *
 * 
 * 
 * photoshop templates zijn te vinden op: J:\_projecten\_theaters\westlandtheaterdenaald\nieuwe_website\vormgeving\templates
 *
 *  
 */   
   


/* ------------------------ type -------------------------- */

    a, 			
    a:link,
    a:visited, 	
    .txtLink,
   /*AK #shows .date .day,*/
    .data dd a,
    .showShortlist a .title, 
    /* reserveren */
    #subColumn3 a:hover                 { color: #9c062f;}    
    
    a:link:focus,
    a:visited:focus,
    a:link:hover,
    a:visited:hover,
    a:link:active,
    a:visited:active,
    .txtLink:hover,
    .txtLinkHover,	        
    #main h1,
    #main h2,
    #responses h2,
    #loginForm span.required,    
    .showShortlist a:hover .title      { color: #939393; }
    
    #calendarTable span                 { color: #c15371;}
  
    #subColumn1 .subItem a              { color: #fff;}
    #subColumn3, #subColumn2            { color: #fff;}
    
     /* kleuren die niet direct met de site-hoofdkleuren te maken hebben */
        .showShortlist a,		                       
        .showShortlist a:hover		                        { color: #000; }  
        #hoofdmenu li.active li a:link,
        #hoofdmenu li.active li a:visited                       { color: #ffffff;}
        #hoofdmenu li.active li a:focus,
        #hoofdmenu li.active li a:hover,
        #hoofdmenu li.active li a:active                        { color: #FFCC00;} 
        #submenu ul.menu li.menuItemActive li.menuItemActive a	{ color: #000000; }
        #submenu ul.menu li.menuItemActive a                    { color: #fff; text-decoration: none; }
        #subColumn2 a			                        { color: #fff; }
        #subColumn2 a:hover		                        { color: #fff; }
        #subColumn1 .subItem a:hover                            { color: #ffffff;} 
        input.submit	                                        { color: #ffffff;}    
        .highlights		                                { color: blue; }  
        #shoppingList  p.subText                                { color: #808080;}
        #responses label                                        { color: #818181;}
        #fotoboek em		                                { color: #808080;}
        .data dd .day		                                { color: #000000;}
        .data dd .mothyear	                                { color: #000000;}
        #main #pagination .pages .active a                      { color: #ffffff;}
        .filmtimes table td	                                { color: #ffffff;}
        #detail	.header	h1                                      { color: #000000;}
        #reportSub			                        { color: #ffffff;}
        /* reserveren */
        #subColumn3 a:link,
        #subColumn3 a:visited                                   { color: #ffffff;}
        #totals .expl		                                { color: #9d8a77;}
        .stoelkeuzeForm legend span 	                        { color: #ffffff;}
        .stoelkeuzeForm .extraInfo 	                        { color: #9d8a77;}
        .stoelkeuzeForm .row p span                             { color: #808080;}
        #afrekenmethodes #payway div.row p                      { color: #808080;}
        #infoContainer em                                       { color: #808080;}
        #main #pagination .pages li a:hover                     { color: #ffffff;}


/* ------------------------ border -------------------------- */

   
    #responses h2,	                              
    #bodyHome #main h2,        
    #main h1,
    #main h2		                    { border: 1px solid #a5acb2; border-width: 0 0 1px 0;  }
    #shows li,
    #shoppingList li,
    #films li,
    #detail .header                     { border: 1px solid #dfdfdf; border-width: 0 0 1px 0;  }
    #main #pagination .pages .active a  { border: 1px solid #9c062f; }    
    #zoekForm input.text 	            { border-color: #a5acb2; }
    
     /* border kleuren die niet direct met de hoofdkleuren te maken hebben */
       
        .filmtimes table td	        { border: 1px solid #fff;}
        div.selectbox-wrapper           { border: 1px solid #ccc; }       
        input.text 		        { border: 1px solid #a5acb2; }
        .layColumn .subItem 	        { border: 1px solid #505050; border-width: 0 0 1px 0; }
        #hoofdmenu li                   { border-left: 1px solid #fff; }
        #hoofdmenu li li                { border: 1px solid #ffffff; border-width: 1px 1px 0 0; }
        #main #pagination .pages li a	{ border: 1px solid #ffffff; }


/* ------------------------ background -------------------------- */

    #header, 		                  
    #subColumn2,   
    #idealBtn.active,
    #main #pagination .pages li a:hover,
    #main #pagination .pages .active a, 
    #incassoBtn.active                  { background-color: #9c062f;}    
    #subColumn1                         { background-color: #313131;}
   
    
      /* achtergrond kleuren die niet direct met de hoofdkleuren te maken hebben */
        #hoofdmenu li li a                  { background-color: #e6e6e6;}
        div.selectbox-wrapper ul li.selected{ background-color: #EAF2FB;}
        div.selectbox-wrapper ul li.current { background-color: #CDD8E4;}