body            { font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	              font-weight:        normal;
	              font-size:          14px;
                  color:              #3333ff;
                  background-color:   #3e7cbb;
                  padding:            0;
                  margin:             0;
                  border-style:       none;
	              border-width:       0;
	              width:              1024px;              }
.sitegebied     { width:              1024px;
                  border:             none;
                  margin:             0;
                  padding:            0;
                  background-color:   white;
                  background-image:   url("../images/achtergrond1.jpg");
                  background-repeat:  repeat-y;
                  background-position: 100px 300px;        }                                                         
h1              { font-family:        lithograph, "comic sans ms", "brush script", "BrushScript BT", fantasy, cursive, sans-serif;
                  font-size:          28px;
                  color:              red;
                  font-style:         normal;
                  text-align:         center;
                  margin-top:         0px;
                  margin-bottom:      0px;
                  padding:            0;                   }
h2              { font-size:          18px;
                  font-family:        lithograph, "comic sans ms", "brush script", "BrushScript BT", fantasy, cursive, sans-serif;
                  color:              red;
                  font-style:         normal;
                  margin-top:         20px;
                  margin-bottom:      0;                   }
h3              { font-size:          12px;
                  font-family:        lithograph, "comic sans ms", "brush script", "BrushScript BT", fantasy, cursive, sans-serif;
                  color:              red;
                  margin-bottom:      0px;                 }
              
a               { color:              teal;
                  text-decoration:    underline;           }
a:visited       { color:              #669999;
                  text-decoration:    underline;           }
a:active        { color:              #990000;
                  text-decoration:    underline;           }
a:hover         { color:              red;
                  text-decoration:    none;                }
a.mailto        { color:              darkgreen;
                  text-decoration:    underline;           }
a.mailto:hover  { color:              LightGreen;
                  text-decoration:    underline;           }
a.extern        { background-image:   url("../images/external.gif");
                  background-position: center right;
                  background-repeat:  no-repeat;
                  padding-right:      16px;                }
a.special       { color:              #19ffc6;
                  text-decoration:    underline;           }
a.special:visited {
	                color:              #19ffc6;
                  text-decoration:    underline;           }
a.special:active {color:              #19ffc6;
                  text-decoration:    underline;           }
a.special:hover { color:              #1bffa1;
                  text-decoration:    none;                }
div.hoofdtitelarea { 
                  color:              red;
                  height:             337px;
                  margin-right:       8px;
                  margin-left:        0;
                  margin:             0;
                  padding:            0;                   }
div.hoofdtitel  { background-image:   url("../images/pio_top.gif");
                  background-repeat:  no-repeat;
                  position:           absolute;
                  top:                0;
                  color:              red;
                  height:             337px;
                  margin-right:       8px;
                  margin-left:        0;
                  padding:            0;
                  width:              1100px;
                  z-index:            1;                   }
div.hoofdfoto   { position:           absolute;
                  top:                48px;
                  left:               130px;
                  height:             218px;
                  width:              850px;
                  z-index:            0;                   }
div.hoofdtitel h1 { text-align:       center;
                  font-size:          43px;                }
div.hoofdtitel h2{margin-top:         0;
                  position:           relative;
                  top:                140px;
                  text-align:         center;
                  font-size:          26px;
                  text-shadow:  -1px -1px 3px #dddddd, 1px 1px 3px #dddddd;      }
div.hoofdtitel h3 { margin-top:       2px;
                  text-align:         center;
                  font-size:          18px;
                  font-family:        Arial, sans-serif;
                  color:              red;                 }
div.hoofdtitel img{position:          relative;
                  top:                140px;               }
div.hoofdtitelarchief  { background-image:   url("../images/pio_top.gif");
                  background-repeat:  no-repeat;
                  position:           absolute;
                  top:                0px;
                  color:              red;
                  height:             337px;
                  margin-right:       8px;
                  margin-left:        0;
                  padding-top:        118px;
                  padding-left:       0;
                  padding-right:      0;
                  width:              1100px;
                  z-index:            1;                   }
div.hoofdtitelarchief h1 { text-align:       center;
                  font-size:          43px;                }
div.hoofdtitelarchief h2{margin-top:         0;
                  position:           relative;
                  top:                -9px;
                  text-align:         center;
                  font-size:          26px;                }
div.hoofdtitelarchief h3 { margin-top:       2px;
                  text-align:         center;
                  font-size:          18px;
                  font-family:        Arial, sans-serif;
                  color:              red;                 }
img.titel       { float:              none;
                  position:           relative;
                  left:               176px;
                  height:             58px;
                  width:              750px;               }
.frame       {    background-image:   url("../images/pio_achtertrans.gif");
                  background-repeat:  repeat-y;
                  margin:             0;
                  min-height:         900px;
                  width:              1024px;              }
div.inhoud      { width:              700px;
                  margin-left:        200px;
                  padding-top:        20px;                }           
img             { border-style:       none;
                  float:              right;               }
img.left        { float:              left;                }
img.inline      { float:              none;                }
img.info        { display:            inline;
                  float:              left;                }
img.nontrans    { border:             2px solid blue;      }
p               { margin:             0;
                  padding:            0;
                  padding-bottom:     10px; }
p.full          { text-align:         center;
                  padding:            0;
	                margin-top:         0;
                  margin-bottom:      0;                   }
p.full img      { float:              none;                }
div.footer      { color:              white;
                  height:             127px;
                  margin-right:       8px;
                  margin-left:        0;
                  margin:             0;
                  padding:            0;
                  background-image:   url("../images/pio_onder.gif");
                  background-repeat:  no-repeat;                   }
div.gadgets p   { margin:             0;
                  padding:            0;                   }
img.gadget      { position:           absolute;
                  z-index:            3;                   }
span.caption    { font-weight:        bold;
                  font-size:          16px;                }
p.pictscript    { color:              green;               }
p.divider       { background-image:   url("../images/pio_tussen.gif");
                  background-repeat:  no-repeat;
                  position:           relative;
                  left:               -200px;
                  width:              1024px;
                  padding-top:        70px;
                  padding-bottom:     40px;
                  padding-left:       200px;
                  margin-top:         0;                   }
p.backgroundinfo {display:            none;                }
div.block       { border:             1px solid blue;
                  width:              100%;
                  margin-top:         20px;                }
div.block h2    { margin-top:         0;                   }
div.actueel     { width:              385px;
                  margin:             0;
                  padding:            10px 0 0 0;
                  float:              right;
                  position:           relative;
                  left:               287px; 
                  margin-left:        -277px;
                  z-index:            1;                   }
div.actueel_start {
	                height:             35px;
                  background-image:   url("../images/actueel_start.png");
                  background-repeat:  no-repeat;
                  margin:             0;
                  padding:            0;                   }
div.actueel_midden {background-image: url("../images/actueel_midden.png");
                  background-repeat:  repeat-y;
                  padding:            0 12px 10px 30px;
                  color:              #743a15;             }
div.actueel_midden h2 {margin:        0;
                  color:              #c55337;             }
div.actueel_midden h3 {color:         #c55337;             }
div.actueel_eind {height:             58px;
                  background-image:   url("../images/actueel_einde.png");
                  behavior:           url("/style/iepngfix.htc");
                  background-repeat:  no-repeat;           }
div.geeltje     { background-image:   url("../images/geeltje.png");
                  background-repeat:  no-repeat;
                  width:              250px;
                  height:             233px;
                  float:              left; 
                  font-family:        "Brush Script", "Brush Script MT", "Bradley Hand ITC";
                  font-size:          30px;
                  color:              #743a15;             }
div.geeltjetekst{ margin:             60px 36px 10px 34px; }
p.intro         { font-weight:        bold;
                  font-size:          16px;                }
p.plaatje       { width:              180px;
                  float:              left;
                  margin:             0;                   }                  
p.footer        { background-image:   url("../images/pio_tussen.gif");
                  background-repeat:  no-repeat;
                  position:           relative;
                  left:               -200px;
                  padding:            160px 175px 25px 350px;
                  width:              1024px;
                  min-height:         86px;
                  text-align:         center;              }
p.footer a      { width:              130px;
                  display:            inline;
                  float:              left;
                  vertical-align:     bottom;              }
p.footer a img  { float:              none;
                  display:            block;
                  margin-left:        auto;
                  margin-right:       auto;               
                  clear:              both;                }
pre             { font-size:          12px;                }
.joomla-nav a   { color:              #792f23;
                  text-decoration:    none;                }
.joomla-nav a:visited { color:        #792f23;
                  text-decoration:    none;                }
.joomla-nav a:active  { color:        #792f23;
                  text-decoration:    none;                }
.joomla-nav a:hover   { color:        #a4321c;
                  text-decoration:    none;                }
ul#hoofdmenu    { z-index:            2;
                  background-repeat:  no-repeat;
                  display:            flex;
                  justify-content:    center;
                  overflow:           hidden;
                  list-style-type:    none;
                  font-weight:        bold;
                  position:           absolute;
                  width:              79%;
                  top:                267px;
                  left:               118px;
                  color:              white;               }
ul#hoofdmenu li { float:              left;
                  background-image:   url("../images/menubord.png");
                  background-repeat:  no-repeat;
                  width:              124px;
                  height:             58px;
                  margin:             0;
                  padding:            16px 0 0 0;
                  text-align:         center;              }
ul#hoofdmenu a  { text-shadow: 1px 1px white, -1px -1px #aaaaaa;
                  text-decoration:    none;                }                  
ul#hoofdmenu li.selected a {color:     #888888; }
a.hoofdmenu     { position:           absolute;
                  background-image:   url("../images/menupijl.gif");
                  background-repeat:  no-repeat;
                  width:              124px;
                  height:             54px;
                  margin:             0;
                  padding:            19px 0 0 0;
                  text-align:         center;
                  font-weight:        bold;
                  color:              yellow; 
                  text-decoration:    none;
                  z-index:            2;                   }
a.hoofdmenu:visited { color:          yellow;
                  text-decoration:    none;                }
a.hoofdmenu:active { color:           white;
                  text-decoration:    none;                }
a.hoofdmenu:hover { color:            white;
                  text-decoration:    none;                }
a#hm6           { top:                310px;
                  left:               936px;               }
a#hmmail        { top:                360px;
                  left:               936px;               }
a#hmsint        { top:                410px;
                  left:               936px;
             /*   display:            none;  */            }  
ul.joomla-nav {   position:           absolute;
                  color:              #3333ff;
                  z-index:            2;
                  background-repeat:  no-repeat;
                  overflow:           hidden;
                  list-style-type:    none;
                  margin:             0;
                  padding:            0;
                  font-weight:        bold;                }
ul.joomla-nav li {margin:             0;
                  padding:            0;
                  background-repeat:  no-repeat;
                  border-style:       none;
                  text-align:         center;              }
ul#submnintro   { left:               7px;
                  top:                550px;
                  width:              116px;               }
ul#submnintro li
                { margin:             0;
                	padding:            5px 20px 0 0;
                  background-image:   url("../images/menu_intro.gif");
                  line-height:        130px;               }
ul#submnintro li.selected a 
                { color:              #70FCFA;             }
ul#submnleeftijd {left:               7px;
                  top:                650px;
                  width:              116px;               }
ul#submnleeftijd li
                { margin:             0;
                	padding:            0 2px 25px 0;
                  background-image:   url("../images/plank.gif");
                  line-height:        50px;                }
ul#submnkennismkn
                { left:               37px;
                  top:                400px;
                  width:              142px;               }
ul#submnkennismkn li
                { padding:            29px 2px 0 0;
                  background-image:   url("../images/menu_kennismaken.gif");
                  line-height:        50px;                }
ul#submnleeftijd a, ul#submnkennismkn a, ul#submnvrijwillig a { text-shadow: 1px 1px white, -1px -1px #aaaaaa; }                  
ul#submnactueel { left:               0;
                  top:                260px;
                  width:              121px;               }
ul#submnactueel li
                { padding:            18px 40px 0 5px;
                  margin-bottom:      10px;
                  background-image:   url("../images/vlag.gif");
                  height:             111px;               }
ul#submnactueel a
                { color:              blue;                }
ul#submnactueel a:hover
                { color:              green;               }
ul#submnactueel .selected a 
                { color:              #21ed3e;             }
ul#submnsite    { left:               8px;
                  top:                360px;
                  width:              126px;               }
ul#submnsite li { padding:            2px 36px 0 0;
                  background-image:   url("../images/menu_site.gif");
                  height:             60px;                }
ul#submnvrijwillig
                { left:               5px;
                  top:                360px;
                  width:              95px;                }
ul#submnvrijwillig li
                { padding:            16px 2px 10px 0;
                  text-align:         right;
                  background-image:   url("../images/menu_vrijwillig.gif");
                  line-height:        90px;               }
ul#submngeschiedenis
                { left:               5px;
                  top:                340px;
                  width:              95px;                }
ul#submngeschiedenis li
                { height:             90px;                }
ul#submnbeveiligd
                { left:               0;
                  top:                596px;
                  width:              120px;               }
ul#submnbeveiligd li
                { padding:            40px 30px 0 7px;
                  text-align:         center;
                  background-image:   url("../images/menu_ballon.gif");
                  height:             86px;
                  margin-bottom:      0;
                  overflow:           visible;             }
div.duoline     { line-height:        1em;                 }
table           { color:              black;               }
div#cse-search-results {width:        730px;               }
div.inhoud pre img {    float:        none;                }
.periode        { position:           absolute;
                  left:               380px;               }
.omschrijving   { position:           absolute;
                  left:               544px;               }
ul#submenuverhuur
                { position:           absolute;
                  left:               3px;
                  top:                277px;
                  color:              #3333ff;
                  z-index:            2;
                  background-repeat:  no-repeat;
                  width:              91px;
                  overflow:           hidden;
                  list-style-type:    none;
                  margin:             0;
                  padding:            0;
                  font-weight:        normal;
                  text-shadow:        2px 2px #121212;}
ul#submenuverhuur li
                { margin:             0;
                  padding:            35px 4px 0 12px;
                  background-image:   url("/templates/ScoutingTono/images/menu_verhuur.gif");
                  background-repeat:  no-repeat;
                  border-style:       none;                }
ul#submenuverhuur li:first-child
                { background-image:   url("/templates/ScoutingTono/images/menu_verhuurtop.gif");
                  height:             22px;
                  padding:            0 4px 0 12px;
                  color:              white;               }
#submenuverhuur a { color:            yellow;
                  text-decoration:    none;                }
#submenuverhuur a:hover   { color:    white;
                  text-decoration:    none;                }
#submenuverhuur li.selected a {
                  color:              #70fcfa;             }
iframe          { marginwidth:        0;
                  marginheight:       0;                   }

a.panorama      { background-image:   url("/images/fototoestel.png");
                  background-repeat:  no-repeat;
                  float:              left;
                  display:            block;
                  height:             80px;
                  width:              80px;
                  position:           relative;            }
a.panorama:hover 
                { background-image:   url("/images/fotoactief.png");  }

/* ====================================================== */
/* Overrides voor xmap                                    */
#xmap .menutitle {display:            none;                }                                                            

/* ====================================================== */
/* Overrides voor de front-end editor                     */
.alert         {  padding:          1px 10px 10px 40px;; }
.alert-message {  background:       #fff  url(../images/system/notice-info.png) no-repeat;
	                padding-left:     40px;
	                padding:          8px 10px 10px 40px;
	                margin:           5px; 
	                border:           2px solid #90B203;
	                border-radius:    10px            }
.alert-heading {  font-size:        26px;
                  margin:           0 5px;
                  padding:          0 5px;          }
a.close        {  float:            right;          }
.actions {        list-style-type:  none;           }
.btn-toolbar   {  display:          inline-flex;    }
.btn           {  float:            left;           }
form#adminForm {  background-color: white;          }
div.tab-pane   {  border:           solid 1px #ddd;
                  margin:           10px 0;
                  padding:          20px; 
                  border-radius:    5px;            }

/* ====================================================== */
/* Overrides voor Latest News Enhanced module             */
.latestnewsenhanced_99 .headleft
                { float:              none;             	 }
.latestnewsenhanced_99 .newshead .picture
                { width:              300px;
                  background-color:   transparent; 
                  height:             300px;
        					border:             0;
        					padding:            0;
					        margin:             10px 0 10px 12px;				}
.latestnewsenhanced_99 .infoleft {
                  margin-left:        0; }
.picture img    { margin:             0;
                  padding:            0; }                  
.latestnewsenhanced_99 .even {
                  border-top:         1px solid blue; }


/* ====================================================== */
/* Overrides voor ?? Category-module?                     */
.category-module h3 
                { display:            inline;
                  color:              #3333FF;
                  font-family:        "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
                  font-size:          14px;
                  font-weight:        normal;              }
ul.category-module {list-style-type:  none;
                  margin-left:        0;
                  padding-left:       0;                   }                  
ul.category-module ul   {
                  margin-left:        0;
                  padding-left:       0;
                  list-style-type:    none;                }                  
.category-module li  {
                  margin-left:        0;
                  padding-left:       0;                   } 
figure {          display:            table;               }
figcaption {      display:            table-caption;
	              caption-side:       bottom;              }
figure.pull-center,
img.pull-center { margin-left:        auto;
	              margin-right:       auto;
                  float:              none;  }
.pull-right {     float:              right;               }
.pull-left {      float:              left;                }

