body, table { 
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #ffffff;
line-height: 1.4em;
}

body { 
background-image: url(../images/background.jpg); 
background-attachment: fixed;
background-repeat: repeat-x; 

}


.wrapper { 
margin:0 auto;
width:1062px;
}

.top { 
background-image: url(../images/schaduw-top.png); 
width: 1062px;
height: 40px;
background-repeat: no-repeat; 
}

.bottom { 
background-image: url(../images/schaduw-bottom.png); 
width: 1062px;
height: 40px;
background-repeat: no-repeat; 
padding-top: 15px;
text-align: center;
font-size:12px;
color: #ffffff;
font-weight: normal;
line-height: 1.4em;
}


.tabelMain { 
overflow: visible;
background-image: url(../images/kader.png); 
width: 1062px;
background-repeat: repeat-y; 
}

.content { 
position:relative;
background-image: url(../images/doek.jpg); 
overflow: auto;
min-height:700px;
margin-left: 49px;
background-repeat: no-repeat; 

}


.hoekje { 
background-image: url(../images/hoekje.png); 
height: 172px;
margin-top: -172px;
margin-left: 49px;
background-repeat: repeat-y; 
}


.info { 
width: 405px;
margin-left: 0px;
margin-top: 55px;
margin-bottom: 25px;
background-repeat: repeat-y; 
float: left;
}

a:link, a:visited{ 
color: #ffffff; 
text-decoration: none;
}

a:hover, a:active{ 
color: #ffffff; 
text-decoration: underline;
} 


#flashmenu{
width:405px; 
float: left;
}

/* HTML MENU */

	img.logo	{
		display: block;
	    left: 60px;
	    position: absolute;
	    top: 35px;
	}

	#flashmenu ul, #flashmenu li	{
		list-style:none;
		padding:0px;
		margin:0px;
	}

	#flashmenu ul	{
		float:right;
		margin-right:62px;
		margin-top:125px;	
	}

		#flashmenu ul li	{
			height:19px;
			width:199px;
			margin-bottom:2px;
			background-position:right top;
		}

		#flashmenu ul li.watIs { background-image:url(../images/menu/btn_watIs.png);}
		#flashmenu ul li.watIs:hover { background-position:right -18px;}
		
		#flashmenu ul li.voorWie { background-image:url(../images/menu/btn_voorWie.png);}
		#flashmenu ul li.voorWie:hover { background-position:right -18px;}

		#flashmenu ul li.hoeWerkt { background-image:url(../images/menu/btn_hoeWerkt.png);}
		#flashmenu ul li.hoeWerkt:hover { background-position:right -18px;}
		
		#flashmenu ul li.waaromMuziek { background-image:url(../images/menu/btn_waaromMuziek.png);}
		#flashmenu ul li.waaromMuziek:hover { background-position:right -18px;}

		#flashmenu ul li.gaatOver { background-image:url(../images/menu/btn_gaatOver.png);}
		#flashmenu ul li.gaatOver:hover { background-position:right -18px;}

		#flashmenu ul li.verzorgt { background-image:url(../images/menu/btn_verzorgt.png);}
		#flashmenu ul li.verzorgt:hover { background-position:right -18px;}

		#flashmenu ul li.waarSpeelt { background-image:url(../images/menu/btn_waarSpeelt.png);}
		#flashmenu ul li.waarSpeelt:hover { background-position:right -18px;}

		#flashmenu ul li.recensies { background-image:url(../images/menu/btn_recensies.png);}
		#flashmenu ul li.recensies:hover { background-position:right -18px;}

		#flashmenu ul li.prijsinformatie { background-image:url(../images/menu/btn_prijsinformatie.png);}
		#flashmenu ul li.prijsinformatie:hover { background-position:right -18px;}

		

		#flashmenu ul.en li.watIs { background-image:url(../images/menu/btn_watIs_en.png);}
		#flashmenu ul.en li.watIs:hover { background-position:right -18px;}
		
		#flashmenu ul.en li.voorWie { background-image:url(../images/menu/btn_voorWie_en.png);}
		#flashmenu ul.en li.voorWie:hover { background-position:right -18px;}

		#flashmenu ul.en li.hoeWerkt { background-image:url(../images/menu/btn_hoeWerkt_en.png);}
		#flashmenu ul.en li.hoeWerkt:hover { background-position:right -18px;}
		
		#flashmenu ul.en li.waaromMuziek { background-image:url(../images/menu/btn_waaromMuziek_en.png);}
		#flashmenu ul.en li.waaromMuziek:hover { background-position:right -18px;}

		#flashmenu ul.en li.gaatOver {display:none;);}

		#flashmenu ul.en li.verzorgt { background-image:url(../images/menu/btn_verzorgt_en.png);}
		#flashmenu ul.en li.verzorgt:hover { background-position:right -18px;}

		#flashmenu ul.en li.waarSpeelt { background-image:url(../images/menu/btn_waarSpeelt_en.png);}
		#flashmenu ul.en li.waarSpeelt:hover { background-position:right -18px;}

		#flashmenu ul.en li.recensies { height:36px; background-image:url(../images/menu/btn_recensies_en.png);}
		#flashmenu ul.en li.recensies:hover { background-position:right -36px;}

		#flashmenu ul.en li.prijsinformatie { background-image:url(../images/menu/btn_prijsinformatie_en.png);}
		#flashmenu ul.en li.prijsinformatie:hover { background-position:right -18px;}

			#flashmenu ul.en li.recensies a	{
				display:block;
				height:36px;
				width:199px;
			}

			#flashmenu ul li a	{
				display:block;
				height:19px;
				width:199px;
			}

				#flashmenu ul li a span	{
					display:none;
				}

#doek{
width:947px; 
height:700px; 
float: left;
}


#flashgalerie{
width:400px; 
}


#referenties{
	width:414px;
	height:500px;
	overflow:auto;
	padding-right:12px;

	scrollbar-highlight-color: #fac320;
	scrollbar-3dlight-color: #fac320;
	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #fac320;
	scrollbar-shadow-color: #fac320;
	scrollbar-track-color: #9b1205;
	scrollbar-darkshadow-color: #fac320;

}


h1 {		
font-size:24px;
font-family: Times New Roman, Times, serif;
font-weight: bold;
color: #fcd584;
margin: 0px;
line-height: 1em;
padding:7px 0px 12px 0px;
background-image: url(../images/titel-back.png); 
}	


h2 {		
font-size:14px;
font-family: Times New Roman, Times, serif;
font-weight: bold;
color: #fcd584;
margin: 0px;
line-height: 1em;
padding:0px 0px 4px 0px;
}	


h3 {		
font-size:15px;
font-weight: bold;
color: #000;
margin: 0px;
padding:5px 0px 0px 0px;
* padding:15px 0px 0px 0px; /* IE8 */
}	

h4 {		
font-size:18px;
font-family: Times New Roman, Times, serif;
font-weight: bold;
color: #fcd584;
margin: 0px;
line-height: 1em;
padding:7px 0px 12px 0px;
background-image: url(../images/titel-back.png); 
}	

h5 {		
font-size:18px;
font-family: Times New Roman, Times, serif;
font-weight: bold;
color: #fcd584;
margin: 0px;
line-height: 1em;
padding:11px 0px 14px 0px;
background-image: url(../images/titel-back.png); 
}	


.dots{	
padding: 0 0 6px 0;
}

li{
margin-left:-26px;
margin-top:10px;
list-style: square;
}

li.overzicht{
margin-left:-26px;
margin-top:2px;
list-style: square;
}

td.geel {		
color: #ffebca;

}

#referenties a.referentierow
{
    display: block;
    height: 18px;
    width: 385px;
	overflow:hidden;
	cursor:pointer;
}

#referenties a.referentierow:hover
{
    background: #d0584d;
    text-decoration: none;
}

#referenties .title
{
    clear: both;
    float: left;
    margin-bottom: 2px;
    width: 300px;
}

#referenties .recensie
{
    color: #fcd584;
    float: right;
    margin-bottom: 2px;
}

.info #imageGallery
{
    float: left;
    height: 270px;
    width: 344px;
	background-image:url(/images/imageShadow.jpg);
	background-repeat:no-repeat;
}

.info #imageGallery img
{
    border: 1px solid #FFF;
}

.info div#prevGal,
.info div#nextGal
{
    float: left;
    height: 22px;
    margin-top: 120px;
    width: 17px;
	cursor:pointer;
	background-image:url(/images/pointer.png);
	background-repeat:no-repeat;
}

.info div#prevGal
{
    background-position: left top;
	margin-right:10px;
}
.info div#prevGal:hover
{
    background-position: left -22px;
}

.info div#nextGal
{
    background-position: left -44px;
}
.info div#nextGal:hover
{
    background-position: left -66px;
}

.info .galStarter
{
    clear: both;
    display: none;
}

.info .galStopper	{
	display:block;
	clear:both;
}