* { margin:0; padding:0; }

html { overflow:auto; height:100%; background:#000; overflow-y:scroll; }

body { border:none; height:100%; font:normal 62.5% Arial, Helvetica, sans-serif; }

.initialHidden
{
    display:none;
}

#page	
{	
    background:url(../visuals/background.gif) repeat-y center;   
    min-height:100%; _height:100%;
	float:left; clear:left;
	margin-left:-450px;	_margin-left:-449px;
    position:relative; left:50%; _margin-bottom:-40px;
    width:900px;
    visibility:visible; _float:none;
}
#column-left	
{
	float:left; clear:none;
    width:330px;
    overflow:visible;
}
#column-right	
{
	float:right; clear:none;
    width:570px;
}
h1#logo
{
    background-image:url(../visuals/logo.gif);
    background-repeat:no-repeat;
    width:330px;
    height:180px;
}
h1#tagline_mainMenu1,
h1#tagline_mainMenu2,
h1#tagline_mainMenu3,
h1#tagline_mainMenu4,
h1#tagline_profiel,
h1#tagline_werknemers,
h1#tagline_Radio,
h1#tagline_TV,
h1#tagline_mixingAndMastering,
h1#tagline_internet,
h1#tagline_mediaProducties,
h1#tagline_geluidsNaBewerking
{
    background-repeat:no-repeat;
    width:570px;
    height:192px;
    margin-bottom: 25px;
}
h1#tagline_mainMenu1,
h1#tagline_profiel,
h1#tagline_werknemers
{    
    background-image:url(../visuals/tagline-1.gif);
}
h1#tagline_mainMenu2,
h1#tagline_Radio,
h1#tagline_TV,
h1#tagline_mixingAndMastering,
h1#tagline_internet
{    
    background-image:url(../visuals/tagline-2.gif);
}
h1#tagline_mainMenu3,
h1#tagline_mediaProducties,
h1#tagline_geluidsNaBewerking
{    
    background-image:url(../visuals/tagline-3.gif);
}
h1#tagline_mainMenu4
{
    background-image:url(../visuals/tagline-1.gif);
}

span
{
    display:none;
}
h2, p, h3, h4
{
    padding:0 20px 0 70px;
}
h2
{
    font-size:2.0em;
    padding-top:20px;
}
h3
{
    font-size:1.6em;
    padding-top:20px;
}
h4
{
    font-size:1.6em;
    padding-top:10px;
    color:#F60;
}
p
{
    font-size:1.2em;
    /*text-align:justify;*/
    line-height:1.3em;
    padding-top:5px;
    color:#484848;
}
p.videoplayer
{
    padding-top:15px;
}
a
{
    text-decoration:none;
    outline:none;
    cursor: pointer;
    color:#F90;
}
div#column-right a
{
    text-decoration:underline;
}
a#footer 
{
    display:block;
    background:url(../visuals/download-bg.gif) no-repeat scroll;
    padding-left:20px;
    color:#FFF;
    line-height:40px;
    font-size:1.2em;
    letter-spacing:-1px;
    position:absolute; _position:relative; _float:left;
    bottom:0;
    left:0;
    width:310px;
    height:40px;
}
    a#footer:hover
    {
        background:url(../visuals/download-bg_hover.gif) no-repeat scroll;
        color:#036;
    }
ul#main-menu
{
	float:left;
	list-style:none;
    margin-top:-10px;
}    
	ul#main-menu li
	{
		clear:both;
	}
		ul#main-menu li a
		{
			float:left;
			height:70px;
            margin-bottom:1px;
			width:310px;
		}            
        ul#main-menu li.wiewezijn a
        {
            background: #000 url(../visuals/button_main-menu_1_normal.gif) repeat-x scroll;
        }
        ul#main-menu li.watwedoen a
        {
            background: #000 url(../visuals/button_main-menu_2_normal.gif) repeat-x scroll;
        }
        ul#main-menu li.watwemaken a
        {
            background: #000 url(../visuals/button_main-menu_3_normal.gif) repeat-x scroll;
        }
        ul#main-menu li.waarwezijn a
        {
            background: #000 url(../visuals/button_main-menu_4_normal.gif) repeat-x scroll;
        }
        
        ul#main-menu li.wiewezijn a:hover,
        ul#main-menu li.watwedoen a:hover,
        ul#main-menu li.watwemaken a:hover,
        ul#main-menu li.waarwezijn a:hover
        {
            background-position: 0 -70px;
        }
            
        ul#main-menu li a.selected,
        ul#main-menu li a.selected:hover
        {
            margin-left:20px;
            width: 330px; _width:310px;
        }
        ul#main-menu li.wiewezijn a.selected,
        ul#main-menu li.wiewezijn a.selected:hover
        {
            background: #000 url(../visuals/button_main-menu_1_selected.gif) repeat-x scroll;
        }
        ul#main-menu li.watwedoen a.selected,
        ul#main-menu li.watwedoen a.selected:hover
        {
            background: #000 url(../visuals/button_main-menu_2_selected.gif) repeat-x scroll;
        }
        ul#main-menu li.watwemaken a.selected,
        ul#main-menu li.watwemaken a.selected:hover
        {
            background: #000 url(../visuals/button_main-menu_3_selected.gif) repeat-x scroll;
        }
        ul#main-menu li.waarwezijn a.selected,
        ul#main-menu li.waarwezijn a.selected:hover
        {
            background: #000 url(../visuals/button_main-menu_4_selected.gif) repeat-x scroll;
        }
            
            ul#main-menu li ul
            {
                float: left;
                list-style: none;
                margin-bottom:1px;
            }                
                ul#main-menu li ul li
                {
                    clear:both;
                }         
                    ul#main-menu li ul li a
                    {
                        float: left;
                        height: 40px;
                        width: 310px;
                        margin-left:20px;
                        margin-bottom:1px;
                    }
                    ul#main-menu li ul li.profiel a
                    {
                        background: #000 url(../visuals/button_sub-menu_1-1_normal.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.dewerknemers a
                    {
                        background: #000 url(../visuals/button_sub-menu_1-2_normal.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.mediaproducties a
                    {
                        background: #000 url(../visuals/button_sub-menu_2-1_normal.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.geluidsnabewerking a
                    {
                        background: #000 url(../visuals/button_sub-menu_2-2_normal.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.radio a
                    {
                        background: #000 url(../visuals/button_sub-menu_3-1_normal.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.tv a
                    {
                        background: #000 url(../visuals/button_sub-menu_3-2_normal.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.mixingmastering a
                    {
                        background: #000 url(../visuals/button_sub-menu_3-3_normal.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.internet a
                    {
                        background: #000 url(../visuals/button_sub-menu_3-4_normal.gif) no-repeat scroll;
                    }
                    
                    ul#main-menu li ul li.profiel a:hover,
                    ul#main-menu li ul li.dewerknemers a:hover,
                    ul#main-menu li ul li.mediaproducties a:hover,
                    ul#main-menu li ul li.geluidsnabewerking a:hover,
                    ul#main-menu li ul li.radio a:hover,
                    ul#main-menu li ul li.tv a:hover,
                    ul#main-menu li ul li.mixingmastering a:hover,
                    ul#main-menu li ul li.internet a:hover
                    {
                        background-position: 0 -40px;
                    }
                    
                    ul#main-menu li ul li a.selected,
                    ul#main-menu li ul li a.selected:hover
                    {
                        margin-left:20px;
                        width: 315px; _width:310px;
                    }
                    ul#main-menu li ul li.profiel a.selected,
                    ul#main-menu li ul li.profiel a.selected:hover
                    {
                        background: #FFF url(../visuals/button_sub-menu_1-1_selected.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.dewerknemers a.selected,
                    ul#main-menu li ul li.dewerknemers a.selected:hover
                    {
                        background: #000 url(../visuals/button_sub-menu_1-2_selected.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.mediaproducties a.selected,
                    ul#main-menu li ul li.mediaproducties a.selected:hover
                    {
                        background: #000 url(../visuals/button_sub-menu_2-1_selected.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.geluidsnabewerking a.selected,
                    ul#main-menu li ul li.geluidsnabewerking a.selected:hover
                    {
                        background: #000 url(../visuals/button_sub-menu_2-2_selected.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.radio a.selected,
                    ul#main-menu li ul li.radio a.selected:hover
                    {
                        background: #000 url(../visuals/button_sub-menu_3-1_selected.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.tv a.selected,
                    ul#main-menu li ul li.tv a.selected:hover
                    {
                        background: #000 url(../visuals/button_sub-menu_3-2_selected.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.mixingmastering a.selected,
                    ul#main-menu li ul li.mixingmastering a.selected:hover
                    {
                        background: #000 url(../visuals/button_sub-menu_3-3_selected.gif) no-repeat scroll;
                    }
                    ul#main-menu li ul li.internet a.selected,
                    ul#main-menu li ul li.internet a.selected:hover
                    {
                        background: #000 url(../visuals/button_sub-menu_3-4_selected.gif) no-repeat scroll;
                    }
div.mainMenu1Sub
{
	float:left;
}

div#map_canvas
{
_margin-left:20px;
}