/*element selector
    body verwijst rechtstreeks naar het html element 'body'     */
/*class: wordt vooraf gegaan door een punt: .classname      
    een dergelijke class kan aan ieder element gekoppeld worden */
/*een class kan ook voor een specifiek element gemaakt zijn:
    bijv. ul.classname werkt alleen bij een ul                  */
/*een id heeft dezelfde functie, echter: 
    een bepaald id kan op een pagina maar één keer voorkomen!   */
/*child selector
    een stijlregel die geldt voor een child element van één specifieke parent
    voorbeeld: p.voorbeeld span{background-color: #999999;      
    deze regel geldt alleen voor een span-element 
    dat een child is van een p-element                          */

/*todo:
    flavicon (icon)
    aanmeldformulier
    gastenboek
*/

/*hide parts*/
/*let op: ook jscript aanpassen*/

#deel2 {display:none;}
#deel3 {display:none;}
#deel4 {display:none;}
#deel5 {display:none;}
#deel6 {display:none;}
#deel7 {display:none;}

body, html
{
    margin: 0;
    height:100%;
    background: #555;
    font-family:Calibri, Times New Roman, Arial;
}

a:link
{
    color: #009;
}
a:visited
{
    color: #603;
}
a:hover
{
    text-decoration: none;
    color: #00F;
}
a:active
{
    text-decoration: none;
    color: #00F;
}

h5{
text-align: right;
}

/* Main part of the page that holds contents */
#main_container
{
    float:left;
    width: 100%;
    text-align: left;
    background: #CCFF88;
    font-family:inherit;
    min-height: 100%;
    _height: 100%;
    margin: -24px 0 0 0;
}

#header
{
    float:left;
    padding: 24px 0 0 0;
    text-align:center;
    vertical-align:baseline;
	font-size:large;
	width:100%;
	background:#88cc66;
}

#columnleft
{
    float:left;
    width:auto;
    font-family:inherit;
}

#content
{
    float:none;
    width:auto;
    margin: 0px 0px 0px 300px;
    padding: 180px 350px 0px 0px;
}

#columnright
{
    float:right;
    width:300px;
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    font-family:inherit;
}

#footer
{
    clear:both;
    width:100%;
    height:24px;
    background: #88cc66;
    text-align:center;
    font-weight:bold;
    font-size:small;
    
}

#navigation
{
    text-align:left;
    padding: 20px 0px 0px 20px;
    font-family:inherit;
    font-weight:bold;
    line-height:30px;
}
    
#video_left
{
    float:left;
    padding:0px 20px 0px 20px;
}

#video_right
{
    float:left;
    padding:0px 20px 20px 20px;
}

#sponsor
{
    padding: 20px 0px 0px 20px;
}

.mainpart
{
    /*padding: 1px 40px 10px 10px;*/
}