/* -- START BASIC STYLES -- */
html, body { 
	height: 100%; 
	margin-bottom: 1px; 
}
body{	
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size:11px;
	background: url(../images/_shared/body_gradient.jpg) #F4F7FB repeat-x top left;
}
#container{
	width:660px;
	padding:0;
	margin: 45px auto;
	min-height: 554px; 
	/* For Modern Browsers */
	height: auto !important;
	/* For Modern Browsers */
	height: 554px; /* For IE */
	line-height:1.1;
}
#header{
	margin: 0 auto;
	width: 458px;
	height:170px;
	background:url(../images/_shared/header.jpg) #FFF no-repeat top left;
	padding: 20px 0 0 200px;
}
#inner{
	padding: 0 0 20px 0;
	background:#FFF;
	border:1px solid #999;
	width: 658px;
	line-height:1.1;
}
#left{
	width:162px;
	float:left;
	background:#FFF;
}
#nieuwsbrief{
	float:left;
	clear:left;
	width:162px;
	margin: 8px 0 0 13px;
	padding: 0;
	height: 100px;
	background: #C8DCF4;
}
#nieuwsbrief .inputField{
	margin: 5px 0 5px 0;
	border: 1px #008DCF solid;
	color: #999999;
}
.inputField{
	margin: 5px 0 5px 0;
	border: 1px #008DCF solid;
	color: #999999;
}
#content{
	margin: 8px 0 0 182px;
	padding: 20px;
	border:1px  #999 solid;
	width:410px;
	min-height: 460px; 
	/* For Modern Browsers */
	height: auto !important;
	/* For Modern Browsers */
	height: 460px; /* For IE */
	color: #999;
}
#footer{
	clear: both;
	margin: -16px 0 0 0 ;
	padding: 0;
	height: 20px;
	width: 660px;
	background:url(../images/_shared/footer_shadow.png) no-repeat bottom left;
}
#footer_align{
	margin-right: 10px;
	margin-bottom: 5px;
	text-align:right;
	font-family:"Trebuchet MS";
	font-size: 12px;
	color: #999;
}
a {
	color: #008DCF;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/*.flash{
	margin: 20px 0 0 200px;
}*/
#ad{
	margin-right: 10px;
	text-align:right;
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: #999;
}
#ad a{
	font-family:"Trebuchet MS";
	font-size: 11px;
	color: #999;
	text-decoration:none;
}
#ad a:hover{
	text-decoration:underline;
}
h1{
	display:block;
	color: #008DCF;
	font-family:"Trebuchet MS";
	font-size: 22px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 2px #50CA4D solid;
	width: 400px;	
}
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: #008DCF;
	font-family:"Trebuchet MS";
	font-size: 12px;
	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:162px;
	margin: 8px 0 0 13px;
	padding: 0;
}
#left ul li {
	margin: -2px 0;
	padding: 0;	
	height: 31px;
	line-height: 0;
	list-style-type: none;
}
#left li a {
	display: block;
	width: 162px;
	height: 31px;
	background-repeat: no-repeat;
	background-image: url(../images/_shared/menu.jpg);
}
#left .sub{height: 21px;}
#left .sub a {height: 21px;}
#left li a span {display: none;}
#menu_1 a  {background-position: 0px 0px;}
	#menu_2 a  {background-position: 0px -31px;}
	#menu_3 a  {background-position: 0px -52px;}
	#menu_4 a  {background-position: 0px -73px;}
	#menu_5 a  {background-position: 0px -94px;}
#menu_7 a  {background-position: 0px -115px;}
	#menu_8 a  {background-position: 0px -146px;}
	#menu_9 a  {background-position: 0px -167px;}
	#menu_10 a {background-position: 0px -188px;}
#menu_11 a {background-position: 0px -209px;}
#menu_12 a {background-position: 0px -240px;}
#menu_13 a {background-position: 0px -271px;}
#menu_14 a {background-position: 0px -302px;}

#menu_1 a:hover, #menu_1.active a {background-position: -162px 0px ;}
	#menu_2 a:hover, #menu_2.activesub a {background-position: -162px -31px;}
	#menu_3 a:hover, #menu_3.activesub a {background-position: -162px -52px;}
	#menu_4 a:hover, #menu_4.activesub a {background-position: -162px -73px;}
	#menu_5 a:hover, #menu_5.activesub a {background-position: -162px -94px;}
	

#menu_7 a:hover, #menu_7.active a {background-position: -162px -115px;}
	#menu_8 a:hover, #menu_8.activesub a  {background-position: -162px -146px;}
	#menu_9 a:hover, #menu_9.activesub a {background-position: -162px -167px;}
	#menu_10 a:hover, #menu_10.activesub a {background-position: -162px -188px;}

#menu_11 a:hover, #menu_11.active a {background-position: -162px -209px;}
#menu_12 a:hover, #menu_12.active a {background-position: -162px -240px;}
#menu_13 a:hover, #menu_13.active a {background-position: -162px -271px;}
#menu_14 a:hover, #menu_14.active a {background-position: -162px -302px;}
/* -- 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;}