/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                          STICHTING POOLSTER                          ===== 
   =====                        SCHOOLWEBSITE.NU SKIN                         ===== 
   ================================================================================ */

   /* == nettelhorst == */   

   /*
   grijs			#4f5858
   licht grijs		#969c9f
   groen			#c4d600
   licht groen		#c4da90
   donker groen		#00712f
   appel groen		#39a82f	
   */
   


/* ================================================================================ 
                                   COLORS 
   ================================================================================ */


body { color: #4f5858;}

h1 { color: #00712f;}

a:link, a:hover, a:visited, a:active {color:#39a82f;}


/* placeholders - do not group these rules */
*::-webkit-input-placeholder { color: #fff; }
*:-moz-placeholder { color: #fff; }
*::-moz-placeholder { color: #fff; }
*:-ms-input-placeholder { color: #fff; }


#HeaderRow { background-color: #4f5858;}

/*MENU */

.RadMenu_MainMenu .rmText { color: #fff;}

a.RootItem1,a.RootItem4,a.RootItem7,a.RootItem10,a.RootItem13,a.RootItem16, /* root items */
a.RootItem1 + .rmSlide .rmGroup ,a.RootItem4 + .rmSlide .rmGroup, a.RootItem7 + .rmSlide .rmGroup, /* sub items */
a.RootItem10 + .rmSlide .rmGroup, a.RootItem13 + .rmSlide .rmGroup, a.RootItem16 + .rmSlide .rmGroup { background-color: #c4d600; }
 
a.RootItem2,a.RootItem5,a.RootItem8,a.RootItem11,a.RootItem14,a.RootItem17,  /* root items */
a.RootItem2 + .rmSlide .rmGroup ,a.RootItem5 + .rmSlide .rmGroup ,a.RootItem8 + .rmSlide .rmGroup, /* sub items */
a.RootItem11 + .rmSlide .rmGroup, a.RootItem14 + .rmSlide .rmGroup, a.RootItem17  + .rmSlide .rmGroup { background-color: #969c9f; }

a.RootItem3,a.RootItem6,a.RootItem9,a.RootItem12,a.RootItem15,a.RootItem18,  /* root items */
a.RootItem3 + .rmSlide .rmGroup,a.RootItem6 + .rmSlide .rmGroup,a.RootItem9 + .rmSlide .rmGroup,/* sub items */
a.RootItem12 + .rmSlide .rmGroup, a.RootItem15 + .rmSlide .rmGroup, a.RootItem18 + .rmSlide .rmGroup { background-color: #c4da90; }

.MobileMenuTrigger { color:#fff; }
.MobileMenuTrigger.active { color:#c4d600; }

#MobiNav .item.haschild:after { background-color:#969c9f; }
#MobiNav .item.haschild:hover:after { background-color:#c4d600;}

#ContentRow { background-image: url(../images/nettelhorst/content_background.png);}

#Breadcrumb, #Breadcrumb a { color: #4f5858; } 

.RadPanelBar_SubMenu { background-color: #969c9f;}
.RadPanelBar_SubMenu a:link, .RadPanelBar_SubMenu a:hover, 
.RadPanelBar_SubMenu a:visited, .RadPanelBar_SubMenu a:active {color:#fff;}

#SearchRow { background-color: #c4da90;}
#SearchBox .NormalTextBox { background-color: rgba(255,255,255,0.5);}
#SearchBox .NormalTextBox:focus { background-color: #fff;} 
#SearchBox a.SkinObject{ color: rgba(255,255,255,0.5);}   
#SearchBox a.SkinObject:hover { color: #fff;}   


#HomeRow h2  { background-image: url(../images/nettelhorst/home_iconen.png);}
#HomeRow h3 { color: #c4d600;}

a.home-knop { color: #fff; background-color: #c4d600; }
a.home-knop:hover { background-color: #00712f; }


#ButtonRow { background-color: #c4d600;}
#ButtonRow { background-image: url(../images/nettelhorst/button_background.png);}

#ButtonRow a.btn-schoolgids { color: #fff; background-color: #4f5858;}
#ButtonRow a.btn-schoolgids:hover { background-color: #00712f;}
#ButtonRow a.btn-nieuwsbrief  { color: #fff; background-color: #969c9f;}
#ButtonRow a.btn-nieuwsbrief:hover { background-color: #39a82f;}
#ButtonRow a.btn-poolster { color: #fff; background-color: #00712f;}
#ButtonRow a.btn-poolster:hover { background-color: #4f5858;}
#ButtonRow a.btn-app { color: #fff; background-color: #39a82f;}
#ButtonRow a.btn-app:hover { background-color: #969c9f;}


.block-facebook { color: #fff; background-color: #00712f; }
.block-facebook  a.facebook-link { color: #fff; background-color: #969c9f;}
.block-facebook  a.facebook-link:hover { background-color: #4f5858; }


#FooterRow1 { background-color: #dff2fd;}
#FooterRow2 { background-color: #4f5858;}


a.knop { color: #fff; background-color: #969c9f; }
a.knop:hover { background-color: #4f5858;}

a.LoginKey { color: #39a82f; }

a.webredactie { color: #fff; background-color: #39a82f; }
a.webredactie:hover  { background-color: #00712f;}



   /*
   grijs			#4f5858
   licht grijs		#969c9f
   groen			#c4d600
   licht groen		#c4da90
   donker groen		#00712f
   appel groen		#39a82f	
   */
   


   
/* pub mod */
.pubArticleList .pubItem .pubContent .pubDate { background-color: #f6f9d9; }
.pubArticleList .pubItem .pubContent .pubTitle{color: #4f5858;}

.pubArticleDetails .pubDate { background-color: #f6f9d9; }

.pubArticleHomeViewer a.pubItem {color: #4f5858;}
.pubArticleHomeViewer a.pubItem .pubDate{ background-color: #f6f9d9; }

#icr_sidebar { color: #fff; background-color: #39a82f; }

/* kalender home */
.event-item { color: #4f5858; }
.event-item .event-item-date {background-color: #f6f9d9; }

/* kalender tabel */
.ThemeDefault .Event, .ThemeDefault .EventDayHeader, .ThemeDefault .EventDay { border-color: #39a82f !important;} 
.ThemeDefault td.EventTitle { color: #fff;  background-color: #39a82f;}
.ThemeDefault .EventDayHeader { color: #fff; background-color: #969c9f;} 
.ThemeDefault .EventOtherMonthDay { background-color:#eee; }
.ThemeDefault .EventDay .EventDayScroll > div > a { color:#fff; background-color:#c4d600; }
.Eventtooltipheader { color: #fff; background-color:#c4d600; }

/* kalender details */
.DetailEvent .DetailCommands  a.dnnPrimaryAction,
.DetailEvent .DetailCommands  a.dnnSecondaryAction { color: #fff !important; background-color:#c4d600;  }
.DetailEvent .DetailCommands  a.dnnPrimaryAction:hover,
.DetailEvent .DetailCommands  a.dnnSecondaryAction:hover { background-color:#00712f;   }




#Wrapper .DesktopMenu .rmHorizontal > .rmItem:nth-of-type(3n+3) > .rmLink > .rmText{background-color:#c4da90 !important;}
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+3) .rmGroup .rmItem  .rmText { background-color:#c4da90; } 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+3) .rmGroup .rmFirst .rmText { background-color:#c4da90; } 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+3) .rmGroup .rmLast  .rmText { background-color:#c4da90; } 



#Wrapper .DesktopMenu .rmHorizontal > .rmItem:nth-of-type(3n+2) > .rmLink > .rmText{background-color:#969c9f !important;}
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+2) .rmGroup .rmItem  .rmText { background-color:#969c9f; } 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+2) .rmGroup .rmFirst .rmText { background-color:#969c9f; } 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+2) .rmGroup .rmLast  .rmText { background-color:#969c9f;} 



#Wrapper .DesktopMenu .rmHorizontal > .rmItem:nth-of-type(3n+1) > .rmLink > .rmText{background-color:#c4d600 !important; }
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+1) .rmGroup .rmItem  .rmText { background-color:#c4d600; } 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+1) .rmGroup .rmFirst .rmText { background-color:#c4d600; } 
#Wrapper .DesktopMenu .rmRootGroup.rmHorizontal > .rmItem:nth-of-type(3n+1) .rmGroup .rmLast  .rmText { background-color:#c4d600; }