/* BASIS ELEMENTEN */

body 
{
	font-family								: Arial, Helvetica, sans-serif;
	font-size								: 0.75em;
	padding									: 0px;
	margin									: 0px;
	color									: #666;
	background-color 						: #F8F8F8;
}

html, body 
{
	height									: 100%;
}

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

a:hover
{
	color 									: #000;
	text-decoration							: underline;
}

img
{
	border 									: 0px;
	margin 									: 0px;
	padding 								: 0px;
}

h1
{
	font-family								: Arial, Helvetica, sans-serif;
	font-size								: 1.55em;
	font-weight								: bold;
	color									: #333;
	line-height								: 1em;
	padding									: 0px;
	margin 									: 0px;	
}

h2
{
	font-family								: Arial, Helvetica, sans-serif;
	font-size								: 1.1em;
	font-weight								: normal;
	color									: #000;
	line-height								: 1em;
	padding									: 0px 0px 0px 0px;
	margin									: 0px;
}

h3
{
	font-family								: Arial, Helvetica, sans-serif;
	background								: url(../img/navright_bg.gif) top left repeat;
	font-size								: 1em;
	color 									: #fff;
	font-weight 							: bold;
	line-height 							: 1em;
	padding 								: 6px 0px 5px 9px;
	margin 									: 0px;
	border-bottom							: 1px solid #ccc;
}

h4
{
	font-family								: Arial, Helvetica, sans-serif;
	font-size								: 1em;
	background								: url(../img/h4_bg.gif) top left repeat;
	color 									: #000;
	font-weight 							: bold;
	line-height 							: 1em;
	padding 								: 4px 0px 4px 7px;
	margin 									: 0px;
	border-bottom							: 1px solid #fff;
}

h5
{
	font-family								: Arial, Helvetica, sans-serif;
	font-size								: 1.25em;
	font-weight								: bold;
	color									: #000;
	line-height								: 1em;
	padding									: 0px 0px 0px 0px;
	margin									: 0px;
}

h6
{
	font-family								: Arial, Helvetica, sans-serif;
	font-size								: 1.1em;
	font-weight								: bold;
	color									: #666;
	line-height								: 1em;
	padding									: 0px 0px 0px 0px;
	margin									: 0px;
}
	

/* Achtergronden */
.body_bg
{
	background 								: url(../img/body_bg.gif) top left repeat-x;
	background-color 						: #F8F8F8;
}

.navhome_bg
{	
	background 								: url(../img/navhome_bg.gif) top left repeat-y;
	width 									: 100%;
	min-height 								: 100%;
}

.footer_bg
{
	background 								: url(../img/footer_bg.gif) bottom left no-repeat;
	position								: absolute;
	bottom									: 0; 
	left									: 0; 
	width									: 100%;
	z-index									: 100;
}

* html .footer_bg 
{
	bottom									: -1px;
}

/* GESPECIFIEERDE ELEMENTEN */
#wrapper
{ 
	min-height								: 100%; 
	position								: relative; 
	z-index									: 100;
	background 								: url(../img/wrapper_bg.gif) top left repeat-y;
}
* html #wrapper 
{
	height									: 100%;
} 

#wrapper2
{ 
	min-height								: 100%; 
	position								: relative; 
	z-index									: 100;
	background 								: url(../img/wrapper2_bg.gif) top left repeat-y;
}
* html #wrapper2 
{
	height									: 100%;
} 

#main 
{
	height 									: 100%;
	margin-bottom							: 2em; 
	float									: left;
	width 									: 988px;
	background 								: url(../img/main_bg.gif) top left no-repeat;
}

#top
{
	margin-left 							: 206px;
	margin-top								: 26px;
	position 								: relative;
	margin-bottom 							: 17px;
}

#left
{
	float 									: left;
	width 									: 197px;
}

.adres
{
	background								: url(../img/left_bg.gif) top left no-repeat;
	text-align 								: right;
	padding 								: 250px 5px 60px 0px;
	font-size 								: 0.9em;
	color 									: #000;
}

#middle
{
	float 									: left;
	width 									: 600px;
}

#middle p
{
	text-align								: center;
}

#right
{
	float 									: left;
	width 									: 191px;
}   

#footer
{
	margin 									: 10px 0px 10px 15px;
	font-size 								: 0.9em;
	color 									: #000;
	width 									: 958px;
}

#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a:hover
{
	color 									: #369;
}

#footer img
{
	margin-left 							: 290px;
}

.content
{
	margin 									: 17px;
}

.content div
{
	width 									: 50%;
	float 									: left;
}

.content div span
{
	float 									: left;
	margin-right 							: 10px;
	color 									: #f00;
}

.content div span a,.content div span a:link,.content div span a:visited,.content div span a:active
{
	color 									: #369;
	text-decoration 						: none;
}

.content div span a:hover
{
	text-decoration 						: underline;
}

.content div span.nofloat
{
	float 									: none;
	clear 									: both;
	height 									: 1px;
	line-height 							: 1px;
}
	
/* MENU'S */
.navcontainer
{
	width 									: 590px;
	height 									: 118px;
}

.navcontainer ul
{
	list-style-type 						: none;
	margin 									: 0px;
	padding 								: 0px;
}

.navcontainer ul li
{ 
	display 								: inline;
}

.navcontainer ul li a,.navcontainer ul li a:link,.navcontainer ul li a:visited,.navcontainer ul li a:active,.navcontainer ul li a:hover
{
	font-weight 							: bold;
	color 									: #000;
	text-decoration 						: none;
	font-size 								: 1.1em;
}

/* dropdown menu */
.dropdownmenu	
{
	visibility 								: hidden;
	position								: absolute;
	left 									: 0px;
	top 									: 0px;
	z-index 								: 99;
}

.dropdownmenu ul
{
	list-style-type 						: none;
	padding									: 0px 0px 0px 5px;
	margin 									: 0px;
	border-left 							: 1px solid #ccc;
}

.dropdownmenu ul li
{
	display 								: inline;
	color 									: #ccc;
}

.dropdownmenu ul li a,.dropdownmenu ul li a:link,.dropdownmenu ul li a:active,.dropdownmenu ul li a:visited
{
	color 									: #000;
	text-decoration 						: none;
}

.dropdownmenu ul li a:hover
{
	color 									: #000;
	text-decoration 						: underline;
}

.navright
{
	width 									: 178px;
	border									: 1px solid #ccc;
	font-size 								: 0.9em;
	margin 									: 5px 0px 10px 4px;
	background-color 						: #fff;
}

.navright ul
{
	list-style-type 						: none;
	margin 									: 2px 0px 10px 0px;
	padding 								: 0px;
}

.navright ul li
{
	background 								: url(../img/bullet.gif) top left no-repeat;
	margin									: 4px 0px 4px 6px;
	padding 								: 0px 3px 0px 11px;
}

.navright ul li a,.navright ul li a:active,.navright ul li a:link,.navright ul li a:visited,.navright ul li a:hover
{
	color 									: #369;
}

.navright ul li.pink a,.navright ul li.pink a:active,.navright ul li.pink a:link,.navright ul li.pink a:visited,.navright ul li.pink a:hover
{
	color 									: #c06;
}

.navhome 
{
	float 									: left;
	width 									: 198px;
	border-top								: 1px solid #fff;
	border-left								: 1px solid #fff;
	border-right							: 1px solid #fff;
}

.navhome ul
{
	list-style-type							: none;
	margin 									: 4px 0px 3px 0px;
	padding 								: 0px;
}

.navhome ul li
{
	background 								: url(../img/bullet_navhome.gif) top left no-repeat;
	margin		 							: 0px 0px 0px 5px;
	padding		 							: 0px 0px 0px 9px;
	line-height 							: 1em;
}

.navhome ul li a,.navhome ul li a:link,.navhome ul li a:visited,.navhome ul li a:active,.navhome ul li a:hover
{
	color 									: #369;
	font-size 								: 0.9em;
}

.navleft
{
	width 									: 196px;
}

.navleft ul
{
	list-style-type							: none;
	margin 									: 0px;
	padding 								: 0px;									
}

.navleft li
{
	margin 									: 0px;
	background 								: url(../img/navleft_hoofd_bg.jpg) top left no-repeat;
	width 									: 196px;
}

.navleft li a,.navleft li a:link,.navleft li a:visited,.navleft li a:active
{
	display 								: block;
	padding-left 							: 22px;
	padding-top 							: 5px;
	padding-bottom 							: 5px;
	height									: 100%;
	text-decoration 						: none;
	color 									: #666;
}

.navleft li a:hover
{
	background 								: url(../img/navleft_bg_.jpg) top left no-repeat;
}

.navleft li.sub a,.navleft li.sub a:link,.navleft li.sub a:active,.navleft li.sub a:visited
{
	background 								: url(../img/navleft_bg.jpg) top left no-repeat;
	color 									: #000;	
}

.navleft li.sub a:hover
{
	background 								: url(../img/navleft_bg_.jpg) top left no-repeat;
}

.navleft li.actief a,.navleft li.actief a:link,.navleft li.actief a:visited,.navleft li.actief a:active
{
	background 								: url(../img/navleft_bg_a.jpg) top left no-repeat;	
	color 									: #000;
	font-weight 							: bold;
}

.navleft li.actief a:hover
{
	background 								: url(../img/navleft_bg_.jpg) top left no-repeat;
}


.noprint
{
	vertical-align							: top;
	visibility								: hidden;
	display 								: none;
}

#noprint
{
	vertical-align							: top;
	visibility								: hidden;
	display 								: none;
}
