.frame
{
 background-color:#787878;
 border: solid 1px;
 border-color:#787878;

}
.filleven {
  width: 10%;
}
.rechts
{
 text-align:right;
 width:20%;
 vertical-align:middle;
}
.links
{
 text-align:left;
 width:20%;
 vertical-align:middle;

}
.midden
{
 text-align:center;
 width:60%;
 vertical-align:middle;

}

#footer
       {
  background-color:#000000;
  border: solid 1px;
  border-color:#f5821f;
  color: #787878;
  font-size:1.0em;
  vertical-align:middle;
}
#hoofding
{
 text-align:center;
 font-size:2em;
 background-color:#000000;
 border: solid 1px;
 border-color:#f5821f;
 color: #787878;
 vertical-align:middle;
}

.nohand {
  cursor: default;
}
taxble
{ margin-top:0px;
  margin-bottom:0px;
  border-spacing:2px !important;
  }
tr#footer
{ height:130px !important;
  font-size:normal;
  vertical-align:middle;
  overflow:hidden;
  white-space:nowrap;
}

td#infobrochure
{
 backWground: url(images/scoutingdasdurven.gif) transparent bottom left no-repeat;
 background-color:#787878;

}
td#afsluitermededeling
{
 background: url(images/logo_Scouts_en_Gidsen_Vlaanderen_geel.gif) transparent bottom left no-repeat;
 background-color:#787878;

}
td#hoofdmenu
{
 background: url(images/scoutsengidsenvlaanderenrond.gif) transparent bottom left no-repeat;
 background-color:#787878;
}

td.repeatMonkeyBridge
{
 background-image:url("images/monkey_bridge_transparant_klein.gif");
 background-repeat:repeat-x;
 vertical-align: middle;
 height:300px;
 width:387px;
}

td.repeatOptochtEven
{
    /*
      wordt enkel gebruikt in leiding.html
    */
    background-image:url("images/optochtklein.gif");
    background-repeat:repeat-x;
    background-color:#787878; /* geel */
    vertical-align: middle;
    heigth:85px;
}

.TOESPRAAK
{
 background-color:#787878; /* geel */
 font-size:large;
 text-align:justify;



  }

.toespraak td
  {
 padding-left:10px;
 padding-right:10px;
  }
.toespraak p
{
 text-indent:2em; margin-top:0; margin-bottom:0;
}

td#jaarthema
{
/* background: url(images/jaarthema.jpg)  bottom left no-repeat;*/
 background: url(images/jaarkenteken2009-2010.gif) transparent center repeat-y;
}

.item
{ font-size:normal;}

.TitelFotoAlbum
{
 font-size:large;
 border-bottom: solid; 1px;
 border-top:solid;1px;
 border-bottom-style:groove;
 border-top-style:groove;
 display:block;
}
.klein
{
  font-size:small;
}
.belangrijk
{
 font-size:large;
}
.zeerbelangrijk
{
 font-size:xx-large;
}
img.floatright
{float:right;
 vertical-align: top;
 padding:5px;
}

.floatleft
{
 float:left;
 vertical-align: top;
 padding:5px;
}

.floatright
{
 float:right;
 vertical-align: top;
 padding:5px;
}
img.floatleft
{float:left;
 vertical-align: top;
 padding:5px;
}

td.fillEven
{
width:10%;
background-color:#787878; /* geel */
}

td.fillOdd
{
width:10%;
background-color:#000000; /* bruin */
}


body
{
	/*margin: 25px 4%; */	/* margin instead of padding for the gutterspace around
				   the layout because IE breaks the layout when
				   horizontal padding is applied to the body element.
				   % over pixels for that horizontal gutterspace so that
				   it automatically goes below 20px on low-res browsers
				   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
	font-family: arial, helvetica, sans-serif;
	color:#ffffff;   /* wit */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left:0px;
}

.clearboth { clear: both; }



.newsEven
{
	background-color:#787878; /* geel */
	color:#ffffff;
        padding:5px;

}



.newsEven a
{

  coxlor: #787878; /* geel */
  color: #ffffff;
  padding: .0em .8em;
  text-decoration: none;
}
.newsOdd
{
        background-color:#000000; /* bruin */
        padding:5px;
        color:#787878;
}

.bannerLogo
 {
        background-color:#000000;
        padding:0px;
        color:#787878;
 }
.newsOdd a
{

  color: #787878; /* geel */
  padding: .0em .8em;
  text-decoration: none;
}
#navcontainerOdd
{
	margin-left:1em;
        background-color: transparent;
	margin-right: 1em;
}

#navcontainerOdd ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;

}

#navcontainerOdd li {
	margin: 0 0 .2em 0;
	padding-bottom: 0.1em;


}

#navcontainerOdd a
{
    display: block;
    color: #FFFFFF; /* bruin */
    background-color: #787878; /* geel */
    padding: .0em .8em;
    text-decoration: none;
}

#navcontainerOdd a:hover
{

color: #000;
}

#navcontainereven, #navcontainerodd
{
  font-size: small;
}

#navcontainereven p, #navcontainerodd p
{
 margin:5px;
 cursor:auto;
}
#navcontainerEven
{
	margin-left:1em;
        background-color: transparent;
	margin-right: 1em;
	margin-bottom: 0.1em;
}
#navcontainerEven ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainerEven li { margin: 0 0 .2em 0; padding-bottom: 0.1em}

#navcontainerEven a
{
display: block;
color: #787878; /* geel */
background-color: #000000; /* bruin */
/*width: 9em;*/
padding: .0em .8em;
text-decoration: none;
}

#navcontainerEven a:hover
{

color: #FFF;
}

#navcontainer
{
	background-color: #000000;
	margin-left:1em;
	margin-right: 1em;
	margin-bottom: 0.1em;

}
#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;


}

#navcontainer li { margin: 0 0 .2em 0;padding-bottom: 0.1em;font-size: 2em; }

#navcontainer a
{
display: block;
color: #787878; /* geel */ /*#FFF;*/
background-color: #787878; /* bruin */
/*width: 9em;*/
padding: .2em .8em;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #000000; /* bruin */ /*#369;*/
color: #FFF;
}

h1
{
	font-size: 220%;
}

h2 {
	padding: .1em ,.8em;
	margin: 0px;
        font-size: 190%;
}

h3
{
	font-size: 160%;
}
h4
{ 	padding: .1em ,.8em;
	/*border-width: 1px;
	border-style: solid;
	border-color: green;
	*/
	margin: 0px;
	font-size: 130%;
}
h5
{
 	padding: .1em ,.8em;
	/*border-width: 1px;
	border-style: solid;
	border-color: green;
	*/
	margin: 0px;
	font-size: 100%;
}
h6
{
	padding: .1em ,.8em;
	/*border-width: 1px;
	border-style: solid;
	border-color: green;
	*/
	margin: 0px;
	font-size: 70%;
}




/*******************************************************************************
*  skidoo_too.css : 2005.08.29
* -----------------------------------------------------------------------------
*  A remake of the skidoo layout with the middle column appearing first in
*  source ordering.
*******************************************************************************/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}



td, th
{
	vertical-align: top;
}


#fwwooter
{
	background-color: #000000; /* bruin */
	color: #fff;
	text-align: center;
}



/*
  steakkaarten reserveren

*/

.skOpletten
{
 color:yellow;
 font-weight:bolder;
 font-style:italic;
 font-size: x-large;
}

.skBelangrijk
{
 font-weight:bolder;
 font-size: x-large;
}


.skselMenu
{
 text-align: right;
 color:yellow;
 font-weight:bolder;
 font-style:italic;
}

.skTotMenus
{
 text-align: center;
 color:red;
 font-weight:bolder;
 font-style:italic;
 font-size: xx-large;
}

.skTotBedrag
{
 text-align: right;
 color:red;
 font-weight:bolder;
 font-style:italic;
 font-size: xx-large;
}