/* -- START BASIC STYLES -- */
html, body { 
	margin-bottom: 1px;
}
body{	
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size:11px;
	color:#FFFF00;
	background:url(../images/_shared/gradient.gif) #FFB400 repeat-x top left;
}
#container{
	position:inherit;
	width:801px;
	height: 611px;
	padding:0;
	margin: 50px auto;
	background:url(../images/_shared/background.gif) no-repeat;
}
#header{
	width: 800px;
	height:135px;
}
#menu{
	float:left;
	width: 200px;
	height:465px;
}
#content{
	float:left;
	width:600px;
	height:465px;
	overflow:auto;
	scrollbar-face-color: #FF0000;
	scrollbar-shadow-color: #000;
	scrollbar-highlight-color: #000;
	scrollbar-3dlight-color:#000;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #000;
	scrollbar-arrow-color: #000;
	
}
#ad a{color: #000;}
#ad{
	margin-right: 0px;
	text-align:right;
	font-size: 10px;
	color: #000;
}
a {
	color: #E30015;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

h1{
	display:block;
	font-size: 18px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0;
}
h2{
	color: #008DCF;
	font-family:"Trebuchet MS";
	font-size: 18px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 2px #50CA4D solid;
}
h3{
	display:inline;
	color: #FFF000;
	font-family:"Trebuchet MS";
	font-size: 14px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

h4{
	color: #008DCF;
	font-family:"Trebuchet MS";
	font-size: 12px;
	font-weight:bold;
	margin: 0 10px 0 0;
	padding: 0;
}

/* -- END BASIC STYLES -- */
/* -- START MENU -- */
#left ul {
	float:left;
	width:200px;
	margin: 50px 0 0 0px;
	padding: 0;
}
#left ul li {
	margin: -2px 0;
	padding: 0;	
	height: 50px;
	line-height: 0;
	list-style-type: none;
	
}
#left li a {
	display: block;
	width: 200px;
	height: 50px;
	background-repeat: no-repeat;
	background-image: url(../images/_shared/menu.gif);
	
}

#left li a span {display: none;}
#menu_1 a {background-position: 0px -50px;}
#menu_2 a {background-position: 0px -100px;}
#menu_3 a {background-position: 0px -150px;}
#menu_4 a {background-position: 0px -200px;}
#menu_5 a {background-position: 0px -250px;}
#menu_6 a {background-position: 0px -300px;}
#menu_7 a {background-position: 0px -350px;}

#menu_1 a:hover, #menu_1.active a {background-position: -190px -50px;}
#menu_2 a:hover, #menu_2.active a {background-position: -190px -100px;}
#menu_3 a:hover, #menu_3.active a {background-position: -190px -150px;}
#menu_4 a:hover, #menu_4.active a {background-position: -190px -200px;}
#menu_5 a:hover, #menu_5.active a {background-position: -190px -250px;}
#menu_6 a:hover, #menu_6.active a {background-position: -190px -300px;}
#menu_7 a:hover, #menu_7.active a {background-position: -190px -350px;}

/* -- END MENU -- */
/* gallery eigenschappen */
#navGallery{ width:400px; background: url(../images/gallery_top.gif) no-repeat left -2px;}
#navGallery ul { margin: 0; height: 20px;}
#navGallery ul li { margin: 0; padding:0; list-style-type: none; float:left; width: 58px; height: 18px;}
#navGallery li a { font-size:10px; padding: 5px 0 0 10px; text-align:left; display:block;width: 48px; height:18px; background: url(../images/tabInactive.gif) no-repeat left top; }
#navGallery li a span { display: none; }
#navGallery li a:hover, #navGallery li a.active, #navGallery li a.selected {background: url(../images/tabActive.gif) no-repeat left top; text-decoration:none; }
#imageContent{ width:400px; padding: 5px;background: #FFFFFF url(../images/bgImageContent.gif) repeat-y}
#galleryBottom { width: 400px; height: 8px; margin-top:-3px;margin-left:-1px; background: url(../images/gallery_bottom.gif) no-repeat left top;}
#imageActive{ font-weight:bold;}
.thumbNail{ float:left; height: 72px; width: 116px; margin: 2px 2px 0; background:white;}
a:hover.thumbNail{background-color:#CCCCCC;}
/* END gallery eigenschappen */