/******************************************************************************
   algemeen
******************************************************************************/
html,
body
{
   height:              100%;
}

body
{
   background-color:    #4080EF;
   color:               #012E71;
   font:                normal 12px arial, helvetica, sans-serif;
   min-height:          100%;
   margin:              0;
   padding:             0;
}

p
{
   margin:              0 0 10px 0;
   padding:             0;
}

div.clear
{
   clear:               both;
   margin:              -1px 0 0 0;
   overflow:            hidden;
}
html>body div.clear
{
   height:              1px;
}

div#page div.left
{
   float:               left;
}

div.right
{
   float:               right;
}

div.txtleft
{
   text-align:          left;
}

div.txtright
{
   text-align:          right;
}


/******************************************************************************
   form classes
******************************************************************************/
input.button
{
  border:               none;
  background:           #012E71;
  color:                #FFFFFF;
  font:                 normal 10px verdana, tahoma, arial, helvetica, sans-serif;
}

input.tbox,
textarea.tbox
{
 border:                1px solid;
 font:                  10px verdana, tahoma, arial, helvetica, sans-serif;
}

/******************************************************************************
   menu
******************************************************************************/
div#menu
{
   background-color:    #012E71;
   color:               #4080EF;
   display:             block;
   height:              20px;
   position:            relative;
   width:               780px;
}

div#page div#menu a
{
   background-color:    #012E71;
   color:               #FFFF00;
   text-decoration:     none;
}

div#menu div.submenu
{
   background-color:    #FFFFFF;
   border-bottom:       solid 2px #012E80;
   border-left:         solid 2px #012E80;
   border-right:        solid 2px #012E80;
   color:               #012E71;
   height:              18px;
   left:                0;
   line-height:         18px;
   padding-left:        16px;
   position:            absolute;
   text-align:          left;
   top:                 20px;
   width:               760px;
}

div#page div#menu div.submenu a
{
   background-color:    #FFFFFF;
   border-right:        solid 1px #012E71;
   color:               #012E71;
   padding-right:       5px;
}

div#page div#menu div.submenu a:hover
{
   color:               #FF0000;
}

div#menu div.menuheader,
div#menu div.menuheader-true
{
   display:             block;
   font-weight:         bold;
   line-height:         20px;
   position:            absolute;
   text-align:          center;
   vertical-align:      top;
}

div#menu div.menuheader
{
   background-color:    #012E71;
   color:               #FFFFFF;
}

div#menu div.menuheader-true
{
   background-color:    #FFFFFF;
   border-top:          solid 2px #012E71;
   color:               #012E71;
}

div#menu div.menuitems
{
   background-color:    #012E71;
   color:               #FFFFFF;
   display:             none;
   left:                0px;
   position:            absolute;
   top:                 20px;
   visibility:          hidden;
   z-index:             1;
}

div#page div#menu div.menuitems a
{
   text-align:          left;
   display:             block;
   font:                normal 11px arial, helvetica, sans-serif;
   color:               #EFEF40;
   background-color:    #012E71;
   padding:             0 0 0 5px;
   margin:              3px 0 2px 0;
   text-decoration:     none;
}

div#page div#menu div.menuitems a:hover
{
   background-color:    #CC0000;
   color:               #EFEF40;
   padding:             0 0 0 5px;
   margin:              3px 0 2px 0;
   text-decoration:     none;
}


div#menu div.menu_home
{
   left:                0px;
   width:               80px;
}

div#menu div.menu_algemeen,
div#menu div.menuitems_algemeen
{
   left:                92px;
   width:               80px;
}

div#menu div.menu_leden,
div#menu div.menuitems_leden
{
   left:                184px;
   width:               90px;
}

div#menu div.menu_fotos
{
   left:                281px;
   width:               100px;
}

div#menu div.menuitems_fotos
{
   left:                281px;
   width:               104px;
}

div#menu div.menu_uitslagen,
div#menu div.menuitems_uitslagen
{
   left:                393px;
   width:               80px;
}

div#menu div.menu_links,
div#menu div.menuitems_links
{
   left:                485px;
   width:               80px;
}

div#menu div.menu_account,
div#menu div.menuitems_account
{
   left:                577px;
   width:               80px;
}

div#menu div.validation
{
   float:               right;
   padding:             2px 2px 0px 0px;
}

div#menu div.validation img
{
   border:              none;
   height:              15px;
   width:               44px;
}

/******************************************************************************
   submenu
******************************************************************************/
div#submenu
{
   display:             block;
}

.single
{
   height:              18px;
}
.double
{
   height:              36px; 
}
/******************************************************************************
   page
******************************************************************************/
div#page
{
   background:          #FFFF66 url(../images/bg_content.gif) repeat-y;
   color:               #012E71;
   font:                normal 12px arial, helvetica, sans-serif;
   display:             block;
   margin:              auto;
   position:            relative;
   text-align:          center;
   width:               780px;
   min-height:          100%;
}

div#page div#top-space
{
   background-color:    #4080EF;
   color:               #012E71;
   display:             block;
   height:              25px;
   width:               780px;
}



/******************************************************************************
   content
******************************************************************************/
div#page div#content
{
   display:             block;
   margin:              10px;
   text-align:          left;
   width:               756px;
}

div#page div#content h2
{
   /*color:               #012E71;*/
   font:                bold 20px arial, helvetica, sans-serif;
   margin:              0;
   text-align:          center;
}

div#page div#content h3
{
	background-color:		#FFFF66;
   color:               #CC0000;
   font:                bold 18px arial, helvetica, sans-serif;
   margin:              0;
}

div#page div#content h4
{
	background-color:		#FFFF66;
   color:               #8080AA;
   font:                bold 14px arial, helvetica, sans-serif;
   margin:              10px 0 0 0;
}

div#page div#content h5
{
   font:                bold 12px arial, helvetica, sans-serif;
   margin:              0;
}

div#page div#content h6
{
	background-color:		#FFFF66;
   color:               #AA0000;
   font:                bold 11px arial, helvetica, sans-serif;
   margin:              0;
}

div#page div#content a
{
   color:               #012E71;
   text-decoration:     none;
}

/*div#page div#content div.line
{
   background-color:    #012E71;
   display:             block;
   height:              1px;
   margin-bottom:       5px;
   width:               100%;
}*/

div#content div.text
{
   margin:              auto;
   text-align:          left;
   width:               665px;
}

div#content div.text h4
{
   margin-top:          10px;
}

div#content img
{
	border:					0;
}

/******************************************************************************
   home
******************************************************************************/
img#home
{
   border:              0;
   float:               right;
}

/******************************************************************************
   agenda
******************************************************************************/
div#page div#agenda h3
{
   border-bottom:       solid 1px #012E71;
   margin-bottom:       5px;
   text-align:          left;
   width:               100%;
}

div#agenda div.month
{
   margin-bottom:       20px;
}

div#agenda div.item
{
   clear:               both;
}

div#agenda div.datetime
{
   padding-left:        50px;
   float:               left;
   width:               150px;
}

div#agenda div.details
{
   float:               left;
   margin-bottom:       10px;
   width:               500px;
}

div#agenda div.readmore
{
   float:               left;
   text-align:          right;
   width:               650px;
}

/******************************************************************************
   bestuur
******************************************************************************/
div#bestuur
{
   text-align:          center;
}

div#bestuur div.item
{
   float:               left;
   width:               188px;
   margin-bottom:       20px;
}

div#bestuur div.space
{
   display:             block;
   margin-bottom:       10px;
}
/******************************************************************************
   gastenboek
******************************************************************************/
div#gastenboek
{
   text-align:          center;
}

div#gastenboek div.pages
{
   border-bottom:       solid 1px #012E71;
   border-top:          solid 1px #012E71;
   display:             block;
   padding-bottom:      5px;
   padding-top:         5px;
   margin-bottom:       20px;
   text-align:          center;
   width:               100%;
}

div#gastenboek div.item
{
   border:              solid 1px #012E71;
   margin:              0 auto 15px auto;
   width:               665px;
}

div#gastenboek div.header
{
   background-color:    #012E71;
   color:               #FFFFFF;
   height:              24px;
   line-height:         24px;
   padding:             0 5px 0 5px;
}

div#gastenboek div.name
{
   float:               left;
   font-weight:         bold;
   text-align:          left;
}

div#gastenboek div.name a
{
   background-color:    #012E71;
   color:               #FFFFFF;
}

div#gastenboek div.date
{
   float:               right;
   font-size:           10px;
   text-align:          right;
}

div#gastenboek div.message
{
   background-color:    #FFFFFF;
   color:               #012E71;
   padding:             5px 5px 5px 5px;
   text-align:          left;  
}

div#page div#content div#gastenboek div.message h3,
div#page div#content div#gastenboek div.message h4,
div#page div#content div#gastenboek div.message h6
{
   background-color:    #FFFFFF;
}

/******************************************************************************
   gastenboek bericht
******************************************************************************/
div#gastenboekbericht div.label
{
   float:               left;
   width:               50px;
}

div#gastenboekbericht div.input
{
   float:               left;
   width:               520px;
}

/******************************************************************************
   inschrijven
******************************************************************************/
div#inschrijven
{
   text-align:          center;
}

div#inschrijven div#formulier
{
   width:               420px;
   margin:              20px auto 0 auto;
   text-align:          left;
}

div#inschrijven div.label
{
   float:               left;
   width:               200px;
}

div#inschrijven div.input
{
   float:               left;
   margin-bottom:       5px;
   width:               220px;
}

/******************************************************************************
   inloggen
******************************************************************************/
div#inloggen
{
   text-align:          center;
}

div#inloggen div#form
{
   width:               220px;
   margin:              20px auto 0 auto;
   text-align:          left;
}

div#inloggen div.label
{
   float:               left;
   width:               100px;
}

div#inloggen div.input
{
   float:               left;
   margin-bottom:       5px;
   width:               112px;
}

div#inloggen p
{
	background-color:		#FFFF66;
   color:               #FF0000;
}
/******************************************************************************
   fotoalbum
******************************************************************************/
div#fotoalbum
{
   text-align:          center;
}

div#fotoalbum .row
{
   /*border:              solid 1px #000;*/
   text-align:          left;
   width:               522px;
}