/* basisstylen */

body, html
{
  height: 100%;
  width: 100%;
}

body
{
  font-family: arial, helvetica;
  font-size: 12px;
  background-color: #D2A8CD;
  padding: 0px;
  margin: 0px;
}

.contentDiv
{
  background-color: #D2A8CD;
}

#mainWrapper
{
  width: 894px;
  border-top: 22px solid #FFF9D8;
  position: relative;
  background: url(../img/bgTile.gif) repeat right top;
}

#mainWrapper2
{
  width: 894px;
  border-top: 22px solid #FFF9D8;
  position: relative;
  background: #fff url(../img/bgTile3.gif) repeat right top;
}

#mainWrapper3
{
  width: 894px;
  border-top: 22px solid #FFF9D8;
  position: relative;
  background: #fff9d8;
}

.rightPanel
{
}

.rightPanel a
{
  display: block;
  text-decoration: none;
  color: #74156E;
  margin-bottom: 4px;
  letter-spacing: 0.05em;  
}

#logo
{
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(../img/logo.gif) no-repeat right top;
  width: 276px;
  height: 276px;
  z-index: 400;
}

#logo2
{
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(../img/logoKlein.gif) no-repeat right top;
  width: 276px;
  height: 276px;
}

table td
{
  vertical-align: top;
}


/* ###### INDEX IMAGES ###### */

.indeximage
{
  position: absolute;
  width: 138px;
  height: 138px;
  background: #FFFFFF;
  z-index: 10;
  border: none;
}

.indeximagelink
{
  display: block;
  position: absolute;
  width: 138px;
  height: 138px;
  cursor: pointer;
}

.indeximagelink img
{
  border: none;
}

#image01, .image01link { left: 338px; top: 0px; z-index: 100 !important; }
#image02, .image02link { left: 476px; top: 0px; z-index: 110 !important; }
#image03, .image03link { left: 614px; top: 0px; z-index: 120 !important;}
#image04, .image04link { left: 338px; top: 138px; z-index: 130 !important;}
#image05, .image05link { left: 476px; top: 138px; z-index: 140 !important;}
#image06, .image06link { left: 614px; top: 138px; z-index: 150 !important;}
#image07, .image07link { left: 752px; top: 138px; z-index: 160 !important;}
#image08, .image08link { left: 338px; top: 276px; z-index: 170 !important;}
#image09, .image09link { left: 476px; top: 276px; z-index: 180 !important;}
#image10, .image10link { left: 614px; top: 276px; z-index: 190 !important;}
#image11, .image11link { left: 752px; top: 276px; z-index: 200 !important;}
#image12, .image12link { left: 338px; top: 414px; z-index: 210 !important;}
#image13, .image13link { left: 476px; top: 414px; z-index: 220 !important;}
#image14, .image14link { left: 614px; top: 414px; z-index: 230 !important;}
#image15, .image15link { left: 752px; top: 414px; z-index: 240 !important;}


/* ################################## */


#anchorList
{
  position: absolute;
  width: 150px;
  top: 10px;
  right: 0px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: right;
  padding-right: 8px;
  padding-top: 150px;
  z-index: 100;
}

.anchorItem
{
  display: block;
  text-decoration: none;
  color: #74156E;
  margin-bottom: 4px;
  letter-spacing: 0.05em;
}

/* navigatie stylen */

#buttonHome
{
  color: #74156E;
  position: absolute;
  text-align: right;
  width: 166px;
  border: 0px solid red;
  height: 20px;
  top: -16px;
  left: 0px;
}

#buttonHome a
{
  text-decoration: none;
  color: #7C0d71;
  font-weight: bold;
}

#buttonHome a:hover
{
  text-decoration: underline;
}

#menu1, #menu2
{
  background: #74156E;
  width: 152px;
  padding-top: 160px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 32px;
  float: left;
}

#menu1 a, #menu2 a
{
  display: block;
  text-decoration: none;
  color: #FFD90F;
  text-align: right;
  padding: 4px 0px 4px 0px;
  font-weight: bold;
    
}

#menu1 a:hover, #menu2 a:hover
{
  text-decoration: underline;
}

#menu1
{
  background: #74156E url(../img/wiezijnwe.gif) no-repeat left top;
  border-right: 2px solid #FFF9D8;
}

#menu2
{
  background: #74156E url(../img/watdoenwe.gif) no-repeat left top;
}

.submenu, .submenuActive
{
  font-size: 10px;
  color: #fff ! important;
}

.submenuActive
{
  color: #ffe48b ! important;
}

.leesverder
{
  font-weight: bold;
  color: #FECC21;
  text-decoration: none ! important;
}

#footerMenu
{
  clear: both;
  padding-left: 166px;
  border: 0px solid red;
  background-color: #D2A8CD;
  padding-top: 4px;
  padding-bottom: 4px;
  height: 12px;
}

#footerMenu a
{
  color: #74156E;
  font-weight: bold;
  float: left;
  padding-right: 8px;
  text-decoration: none;
}

#footerMenu a:hover
{
  text-decoration: underline;
}

/* content styles */

#eWysiwygCell, #eEditorArea, #eWysiwyg
{
  border: 12px solid red ! important; 
}

.contentDiv, #eEditorArea
{
  color: #74156E;
  padding-top: 12px;
  line-height: 1.4em;
  padding-bottom: 36px;
  float: left;
  width: 480px;
  margin-left: 48px;
  background: #fff;
}

.contentDiv a
{
  font-weight: normal;
  color: #74156E;
}

.startDiv
{
  border: 0px solid #336600;
  width: 400px;
  position: absolute;
  left: 400px;
  top: 200px;
  background: #FFE48B;
  text-align: center;
  padding: 24px;
  z-index: 20;
}

.startDiv a
{
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #74156E;
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
}

.startDiv a:hover
{
  background: #74156E;
  color: #FFE48B;
}

.panel
{
  background: ##FEF7D8;
  padding: 12px;
}

.panelHead
{
  font-weight: bold;
}

.panelSmall
{
  font-size: 0.9em;
}

.paragraphBox
{
  clear: both;
  margin-bottom: 8px;
}

.clearAll
{
  clear: both;
}

.imageLeft
{
  float: left;
  margin-right: 16px;
}

.imageRight
{
  float: right;
  margin-left: 16px;
}

.yellowHeader
{
  position: relative;
}

.yellowPanel
{
  position: relative;
  left: -22px;
  top: 0px;
  background: #FEF7D8;
  width: 486px;
  font-size: 12px;
  padding: 3px 3px 3px 22px;
  margin-bottom: 18px;
}

.yellowHeader h2
{
  position: relative;
  left: -22px;
  top: 0px;
  background: #FEF7D8;
  width: 486px;
  font-size: 12px;
  padding: 3px 3px 3px 22px;
  margin-bottom: 18px;
  z-index: 100;
}
 
h1,  h2, h3, h4, h5, h6
{
  color: #74156E;
  margin-bottom: 6px;
}

h1
{
  color: #ff0000;
}

h2
{
  
}

h3
{
  
}

h4
{
  
}

.panel
{
  background: #FEF7D8 ! important;
  padding: 12px;
}

/* form styles */

form
{
  background: #FEF7D8;
  padding: 12px;
  margin: 0px;
}

textarea, input, select, 
{
  background: #fff;
  border: 1px solid #974E89;
  font-size: 12px;
}



input
{
  background: #fff;
  border: 1px solid #974E89;
  font-size: 12px;
}

form table td
{
  padding-bottom: 8px;
  vertical-align: top;
  padding-right: 8px;
}

.inputField input
{
  height: 14px;
}

.inputField input, .textareaField textarea
{
  width: 100%;
}
.errors
{
  color: #ff0000;
}


/* activiteiten stylen */

.activityDate
{
  font-weight: bold;
}

.activityDesc
{
  
}



/* schedule styles */

hr
{
  color: #74156E;
  background-color: #74156E;
  height: 1px;
}

.scheduler
{
  line-height: 0.9em;
  width: 100%;
  background: #FEF7D8;
  border-collapse: collapse;
}

.scheduler td, .scheduler th
{
  border: 1px solid #FFE48B;
  padding: 2px;
}

.hasitem, .todayhasitem
{
  background: #74156E;
  vertical-align: middle;
  color: #FFD90F ! important;
}

.hasitem a, .todayhasitem a
{
  background: #74156E;
  color: #FFF;
  vertical-align: middle;
}

.scheduler td
{
  text-align: center;
  vertical-align: middle;
}

.scheduler th
{
  background: #FECC21;
}

.lastmonth
{
  text-align: left;
  font-size: 12px;
}

.nextmonth
{
  text-align: right;
  font-size: 12px;
}

.scheduleselector select
{
  font-size: .85em;
  width: 100%;
}