body { background: #ccc url(img/top_bg.jpg);
       background-repeat: repeat-x;
       margin: 0px;
       padding: 0px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px; }
       
img { border: 0px;
      margin: 0; }
#left img{ border: solid 1px #000;
           margin: 0; }
li img { border: 0px; }

img.left { float: left;

           margin: 2px 8px 2px 0; }
img.right { float: right;

            margin: 2px 0 2px 8px; }

a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:active {text-decoration: none; }
a:hover {text-decoration: underline; }

span.navigatie a { font-variant: normal;
                   color: #000;
                   font-size: 11px; }
                   
p.parcontent { padding-left: 5px;}
                   
a { color: #933;
             font-weight: normal; }
             
b a { font-weight: bold; }

h1 { margin: 0px;
     font-style: italic;
     font-size: 20px; }
     
h3 { font-size: 12px;
     font-weight: bold; }

#preload { display:none; }

table { border-collapse: collapse; }

thead td { background-color: #ccc;
           font-weight: bold;
           padding: 2px 10px 2px 10px; }

tbody td { padding: 2px 10px 2px 10px; }

tbody.verjaardag td { font-weight: bold; }



hr { border: solid #000 1px;
     margin-right: 15px; }
     
table.morse td { margin: 0px;
                 padding: 2px;
                 border: 1px solid #999; }
                 
table.nieuws td { margin: 0px;
                  padding-left: 15px;
                  border: 0px; }
                  
div.loginbox { border-top: 1px solid #000;
               border-bottom: 1px solid #000;
               background-color: #ddd;
               margin: 5px 15px 3px 0;
               padding: 1px;
               text-align: center; }
			   
div.inschrijvingbox { border-top: 1px solid #000;
               border-bottom: 1px solid #000;
               background-color: red;
               margin: 5px 15px 3px 0;
               padding: 1px;
               text-align: center;
			   color: #fff; }			   

div.gastenboek { margin: 10px 10px 5px 15px;
                 padding: 5px;
                 border: 1px solid #000;
                 background-color: #eee; }
                 
div.gastenboek_top { margin: 2px;
                     padding: 2px;
                     border: 0px;
                     background-color: #fff;
                     font-weight: bold; }
                     
div.gastenboek_top a { font-weight: bold; }
                     
div.gastenboek_message { margin: 2px;
                         padding: 2px;
                         border: 0px;
                         background-color: transparent; }
                         
div.gastenboek_knoppen { text-align: center; }

.scoutnet img { margin-top: 5px; }

img.kader { border: 1px solid #000; }

table.forum { margin: 5px auto;
              width: 95%; }
              

              
tr.forum_top { margin: 2px;
               padding: 2px;
               border: 0px;
               background-color: #fff;
               font-weight: bold; }

/*
// +-------------+
// |    FORMS    |
// +-------------+
*/

fieldset { border: solid #000;
           border-width: 1px 0 0 0;
           font-style: italic;
           margin-left: 15px; }

div.form_row {
  clear: right;
  padding: 5px 0 0 0;
  }

div.form_row span.label {
  float: left;
  text-align: right;
  font-weight: bold;
  font-style: normal;
  width: 180px;
  }

div.form_row span.formw {
  float: right;
  width: 400px;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  }
  
div.form_row span.label_gastenboek {
  float: left;
  text-align: right;
  font-weight: bold;
  font-style: normal;
  width: 90px;
  }

div.form_row span.formw_gastenboek {
  float: right;
  width: 230px;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  }

div.form_spacer {
  clear: both;
  margin: 0px auto;
  padding: 0px;
  }
  
input, textarea, option, select { background: #ccc;
                  border: 1px solid #fff;
                  color: #000;
                  padding-left: 2px; }
                  
option { border: 0px; }

/*
// +-----------+
// |    BOX    |
// +-----------+
*/

div.box { width: 251px;
          padding: 0px;
          float: left;
          width: 50%;
          margin: 0px; }

div.box p { padding: 35px 0 0 45px;
            font-variant: small-caps;
            font-size: 12px;
            text-align: left;
            margin: 0px; }

div.box p.boxitem { padding: 0px 75px 3px 35px;
                    margin: 0px;
                    font-variant: normal;
                    font-size: 11px;
                    text-align: left; }
                    
div.box hr { border: 1px solid #000;
             margin: 0px 65px 2px 25px; }

div.top_k { height: 53px;
             background: url(img/box_k_top.gif) no-repeat;
             margin: 0px; }

div.bar_k { background: url(img/box_k_bar.gif);
             background-repeat: repeat-y;
             margin: 0px;
             padding: 0px; }

div.bottom_k { height: 20px;
                background: url(img/box_k_bottom.gif) no-repeat;
                margin: 0px; }

div.top_w { height: 53px;
             background: url(img/box_w_top.gif) no-repeat;
             margin: 0px; }

div.bar_w { background: url(img/box_w_bar.gif);
             background-repeat: repeat-y;
             margin: 0px; }

div.bottom_w { height: 20px;
                background: url(img/box_w_bottom.gif) no-repeat;
                margin: 0px; }

div.top_jg { height: 53px;
             background: url(img/box_jg_top.gif) no-repeat;
             margin: 0px; }

div.bar_jg { background: url(img/box_jg_bar.gif);
             background-repeat: repeat-y;
             margin: 0px; }

div.bottom_jg { height: 20px;
                background: url(img/box_jg_bottom.gif) no-repeat;
                margin: 0px; }
                
div.top_g { height: 53px;
             background: url(img/box_g_top.gif) no-repeat;
             margin: 0px; }

div.bar_g { background: url(img/box_g_bar.gif);
             background-repeat: repeat-y;
             margin: 0px; }

div.bottom_g { height: 20px;
                background: url(img/box_g_bottom.gif) no-repeat;
                margin: 0px; }
                
div.top_jin { height: 53px;
             background: url(img/box_jin_top.gif) no-repeat;
             margin: 0px; }

div.bar_jin { background: url(img/box_jin_bar.gif);
             background-repeat: repeat-y;
             margin: 0px; }

div.bottom_jin { height: 20px;
                background: url(img/box_jin_bottom.gif) no-repeat;
                margin: 0px; }
                
div.top_l { height: 53px;
             background: url(img/box_l_top.gif) no-repeat;
             margin: 0px; }

div.bar_l { background: url(img/box_l_bar.gif);
             background-repeat: repeat-y;
             margin: 0px; }

div.bottom_l { height: 20px;
                background: url(img/box_l_bottom.gif) no-repeat;
                margin: 0px; }

/*
// +------------+
// |    MENU    |
// +------------+
*/

#menu { margin: 0 15px 3px 0; }

ul.menu_hoofd { padding: 0;
                margin: 0 0 0 15px;
                display: block; }

ul.menu_sub { padding: 0px;
                margin: 0 0 0 18px;
                display: block; }

ul.menu_hoofd li { list-style-image: url(img/menu_hoofd.gif);
                   padding: 3px 0 0 0; }
ul.menu_sub li { list-style-image: url(img/menu_sub.gif);
                 padding: 0; }

ul.menu_hoofd a { font-variant: small-caps; color: #000;}
ul.menu_sub a { font-variant: normal; color: #000;}

a.active {font-weight: bold;}
a.nonactive {font-weight: normal;}

/*
// +-----------------+
// |    FOTOALBUM    |
// +-----------------+
*/

div.fotoalbum, div.thumbnails { width: 100%;
                text-align: center; }

div.fotoalbum { background-color: #eee;
                padding-top: 2px; }
                
div.album { background-color: #eee;
            padding: 2px;
            text-align: left; }
            
p.album { padding: 0px;
          margin: 0px; }
          
table.album tr:hover { background-color: transparent; }
                
div.fotoalbum a { font-weight: bold;
                  font-size: 14px;
                  text-decoration: none;
                  color: #000; }

div.thumbnails table { margin: 0px auto;
                       border-collapse: collapse;
                       padding: 0px; }
                       
div.thumbnails tr:hover { background-color: transparent; }
div.thumbnails { background-color: transparent;
                 padding: 2px;
                 margin-right: 5px; }

div.thumbnails img { border: 1px solid #000; }

p.titel, p.titel a { font-weight: bold;
                     font-size: 14px;
                     text-decoration: none;
                     color: #000;
                     padding: 0px;
                     margin: 0px; }
                     
p.titel em { font-size: 11px; }


/*
// +-----------------+
// |    STRUCTUUR    |
// +-----------------+
*/

#outer {
 text-align: left;
 width: 790px;
 margin: auto;
 border: solid #000;
 border-width: 0 1px 0 1px;
 height: auto;
 padding: 0px; }

#hdr {
 height: 182px;
 background: #000;
 background-repeat: no-repeat;
 border: 0px;
 margin: 0px;
 padding: 0px;
 position: relative; }
 
      #topafbeelding {
       position: absolute;
       /*background: url(img/topafbeelding.jpg) no-repeat;*/
       top: 0px;
       left: 0px;
       width: 306px;
       height: 182px;
       padding: 0px;
       margin: 0px; }
       
      #hoofding {
       position: absolute;
       background: url(img/hoofding.jpg) no-repeat;
       top: 0px;
       left: 306px;
       width: 484px;
       height: 63px;
       padding: 0px;
       margin: 0px; }
       
      #bollen {
       position: absolute;
       background: url(img/top_total_bg.jpg) no-repeat;
       top: 63px;
       left: 306px;
       width: 484px;
       height: 119px;
       padding: 0px;
       margin: 0px; }
 
#body {
 background: #FFF;
 background-repeat: no-repeat;
 border: 0px;
 margin: 0px;
 padding: 0 0 15px 0;
 position: relative;
 min-height: 500px;
 _height: 500px; }

      #left {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 136px;
       padding: 0 0 0 5px;
       margin: 0px;
       z-index: 10; }
       
      #titel {
       position: absolute;
       background: url(img/titel.jpg) no-repeat;
       top: 0px;
       left: 136px;
       width: 654px;
       height: 47px;
       padding: 0 0 0 10px;
       margin: 0px;
       z-index: 9; }
       
      #content {
       position: relative;
       padding: 60px 13px 0 137px;
       margin: 0px;
       z-index: 1; }

      #box {
       background-color: #fdf5e6;
       background-repeat: no-repeat;
       background-position: top center;
       margin: 0px;
       padding: 10px;
       z-index: 2;
       min-height: 400px;
       _height: 400px; }

#footer {
 background: #000;
 border: 0px;
 margin: 0px;
 padding: 2px;
 position: relative;
 color: #FFF;
 font-size: 9px;
 text-align: center; }

/*
// +----------------+
// |     BOLLEN     |
// +----------------+
*/

#bollen div { margin: 0;
              padding: 45px 0 0 0;
              height: 119px;
              background-repeat: no-repeat;
              background-position: top center;
              float: left; }

#bollen img { border: 0;
              margin: 0;
              padding: 0; }
              
#kapoenen { background-image: url(img/bollen/kapoenen_klein.jpg);
            width: 70px; }
#kapoenen:hover { background-image: url(img/bollen/kapoenen_klein_hv.jpg); }
#kapoenen_groot { background-image: url(img/bollen/kapoenen_groot.jpg);
                  width: 102px; }

            
#welpen { background-image: url(img/bollen/welpen_klein.jpg);
            width: 70px; }
#welpen:hover { background-image: url(img/bollen/welpen_klein_hv.jpg); }
#welpen_groot { background-image: url(img/bollen/welpen_groot.jpg);
                width: 102px; }
#welpen_rechts { background-image: url(img/bollen/welpen_klein_grootvoor.jpg);
                   width: 70px; }
#welpen_rechts:hover { background-image: url(img/bollen/welpen_klein_grootvoor_hv.jpg); }

            
#jg { background-image: url(img/bollen/jg_klein.jpg);
            width: 70px; }
#jg:hover { background-image: url(img/bollen/jg_klein_hv.jpg); }
#jg_groot { background-image: url(img/bollen/jg_groot.jpg);
                width: 102px; }
#jg_rechts { background-image: url(img/bollen/jg_klein_grootvoor.jpg);
                   width: 70px; }
#jg_rechts:hover { background-image: url(img/bollen/jg_klein_grootvoor_hv.jpg); }

            
#g { background-image: url(img/bollen/g_klein.jpg);
            width: 70px; }
#g:hover { background-image: url(img/bollen/g_klein_hv.jpg); }
#g_groot { background-image: url(img/bollen/g_groot.jpg);
                width: 102px; }
#g_rechts { background-image: url(img/bollen/g_klein_grootvoor.jpg);
                   width: 70px; }
#g_rechts:hover { background-image: url(img/bollen/g_klein_grootvoor_hv.jpg); }

            
#jin { background-image: url(img/bollen/jin_klein.jpg);
            width: 70px; }
#jin:hover { background-image: url(img/bollen/jin_klein_hv.jpg); }
#jin_groot { background-image: url(img/bollen/jin_groot.jpg);
                width: 102px; }
#jin_rechts { background-image: url(img/bollen/jin_klein_grootvoor.jpg);
                   width: 70px; }
#jin_rechts:hover { background-image: url(img/bollen/jin_klein_grootvoor_hv.jpg); }

            
#leiding { background-image: url(img/bollen/leiding_klein.jpg);
            width: 70px; }
#leiding:hover { background-image: url(img/bollen/leiding_klein_hv.jpg); }
#leiding_groot { background-image: url(img/bollen/leiding_groot.jpg);
                width: 102px; }
#leiding_rechts { background-image: url(img/bollen/leiding_klein_grootvoor.jpg);
                   width: 70px; }
#leiding_rechts:hover { background-image: url(img/bollen/leiding_klein_grootvoor_hv.jpg); }

            
#leeg { background-image: url(img/bollen/leeg_klein.jpg);
        width: 64px; }
#leeg_klein { background-image: url(img/bollen/leeg_groot.jpg);
        width: 32px; }

/*
// +-----------------+
// |     SITEMAP     |
// +-----------------+
*/

h2.sitemap, h2.maximise, h2.minimise
	{
	background : url(img/maximise.gif) no-repeat center left;
	cursor : default;
	padding-left : 15px;
	font-size: 11px;
	}

h2.minimise
	{
	background : url(img/minimise.gif) no-repeat center left;
	font-size: 11px;
	}

ul.sitemap
	{
	list-style-type : none;
	margin-left: 30px;
	padding-left : 0;
	}

ul.sitemap li
	{
	padding-left : 1.1em;
	padding-top: 2px;
	}

ul.sitemap li a
	{
	background : transparent url(img/sitemapdocbullet.gif) no-repeat;
	/*margin-left : -1.1em;*/
	padding-left : 1em;
	}

ul.sitemap li img
	{
	padding-right : 2px;
	}

ul.sitemap li a:hover
	{
	background : transparent url(img/sitemapdocbullethover.gif) no-repeat;
	}

ul.sitemap li.parent
	{
	margin-left : -2px;
	}

ul.sitemap li a.parent
	{
	background : transparent;
	padding-left : 0;
	}

ul.sitemap li ul
	{
	background : transparent no-repeat;
	list-style-type : none;
	margin : -1.4em 0 0 -1.6em;
	padding : 1.4em 0 0 0.6em;
	}

ul.sitemap li ul:hover
	{
	background : transparent no-repeat;
	}

ul.sitemap li ul li
	{
	margin-left : 0.5cm;
	padding-left : 10px;
	}

/*
// +-----------------------+
// |       KALENDER        |
// +-----------------------+
*/

div#kalender { width: 150px;
               border: 1px solid #000; }

table.kalender, table.kalender tr {
        border: 1px solid #000;

}

table.kalender td { padding: 1px 5px 1px 5px; }

table.kalender b.vandaag {
        color: #933;
}

table.kalender td {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        background-color: #FFFFFF;
        text-align: center;
        border-color: #000000;
}

table.kalender td.act {
        background-color: #E5E3E3;
        text-align: left;
}

table.kalender td.acttop, table.kalender td.kalendertop, table.kalender td.kalendertopmaand {
        background-color: #aaa;
        color: #000;
}

table.kalender td.activiteit {
        background-color: #000000;
        color: #FFFFFF;
}

table.kalender td.weekend {
        background-color: #DDDDDD;
        color: #000000;
}

table.kalender a:link.activiteit { color: #FFFFFF; text-decoration: none;}
table.kalender a:visited.activiteit { color: #FFFFFF; text-decoration: none; }
table.kalender a:active.activiteit { color: #FFFFFF; text-decoration: none; }
table.kalender a:hover.activiteit { color: #FFFFFF; text-decoration: underline; }

table.kalender a:link.kalender { color: #933; text-decoration: none;}
table.kalender a:visited.kalender { color: #933; text-decoration: none; }
table.kalender a:active.kalender { color: #933; text-decoration: none; }
table.kalender a:hover.kalender { color: #933; text-decoration: underline; }

#dhtmltooltip{
    position: absolute;
    width: 100px;
    border: 1px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
}