* {
	margin: 0;
}

body {
  background-color: #DDD;
}

/*================= 
  reset 
=================*/

/* Normalizes margin and padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{
  margin:0; padding:0;
  font-family: Verdana;
  font-size: x-small; 
}
	
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 
{
  font-size:100%;
}

/* removes list style from lists */
ol, ul 
{
  list-style:none;
}
	
/*Normalizes font weight and font-style to normal*/
address, caption, cite, code, dfn, em , th, var 
{
  font-style:normal; 
  font-weight:normal;
}

a:link, a:visited{
  color: #133777;
}

a:hover{
  color: #4f91cd;
}

====================




/*
=============================
hoofdstructuur nieuwe layout
=============================
*/

html, body {
	height: 100%;     
}
.omlijsting {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -86px; /* the bottom margin is the negative value of the footer's height */
	width: 1020px;
	/*background-color:#FFF;*/
	background-image:url("../images/Index_05.png");
	background-repeat: repeat-y;
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
  	box-shadow: 0 0 5px 5px #888;
}
.hoofd {
	background-image: url("../images/Index_01.png");
	height: 242px;
	width: 1020px;
}
.hoofdmenu {
	background-image: url("../images/Index_02.png");
	height: 30px;
	width: 1020px;
	display: block;
}
.topmenu {
  background-image: url("../images/Index_03.png");
  height: 23px;
  width: 1020px;
}

.linkermenu {
	float: left;
	width: 165px;
	padding: 10px;
}
.rechterkant{
	float: left;
	padding: 10px;
	width: 715px;
}
.tussenruimte {
	background-color: #FFF;
	height: 20px;
}
.inhoud {
	background-image: url("../images/Index_05.png");
	background-repeat: repeat-y;
	height: auto;
}
.duwwer {
	clear: both;
	background-image: url("../images/Index_05.png");
	background-repeat: repeat-y;
}
.voeter, .duwwer {
	height: 86px; /* .push must be the same height as .footer */
}
.voeter {
	background-image: url("../images/Index_07.png");
	width: 1020px;
	margin: 0 auto -86px;
}
.voetertekst{
	padding-top:25px;
	padding-left:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
}
.voetertekst A:link {
	text-decoration: underline;
	color: #333;
}
.voetertekst A:visited {
	text-decoration: underline;
	color: #333;
}
.voetertekst A:active {
	text-decoration: underline;
	color: #333;
}
.voetertekst A:hover {
	text-decoration: underline;
	color:#666;
}



/*
===============
 taalkeuze 
===============
*/


.hoofdmenu ul#langChoice {	
 padding-right: 5px; 
}
		
		
.hoofdmenu ul#langChoice li {
  background:none;
  color:#554b20;
  font-weight:bold;
  text-transform:uppercase;
  display: block;
  margin: 0;
  border: 0;
  float: left;
  padding-left: 2px;
  pading-right: 2px;
}	
	
.hoofdmenu ul#langChoice li#lang_nl {
 text-align: right;

}
	
.hoofdmenu ul#langChoice li#lang_en {
  text-align: left;

}
		
.hoofdmenu ul#langChoice li a {
  color:#4f91cd;
  text-decoration:none;
  margin: 0;
  padding: 0;
  display: inline;
  border: 0;

}
		
.hoofdmenu ul#langChoice li a:hover {
  background-color:transparent; 
}


/*
=======================
sideNav
=======================
*/


div#sideNav ul li a {
  background: url("../images/layout/bg_nav_dotted.gif") no-repeat scroll center bottom transparent;
  color: #133770;
  display: block;
  padding: 3px 10px 7px 15px;
  text-decoration: none;
}

div#sideNav ul li {
  background: none repeat scroll 0 0 transparent;
  margin: 0;
  padding: 0;
}

div#sideNav ul li a:hover, div#sideNav ul li.active > a {
  background-color: #446696;
  color: #FFF;
}

div#sideNav h2 {
  background: url("../images/layout/bg_nav_dotted.gif") no-repeat scroll center bottom transparent;
  color: #133770;
  font-size: xx-small;
  font-weight: bold;
  padding: 3px 10px 7px 0px;
  text-transform: uppercase;
}

div#sideNav a#assoc_kul {
	display: block;
	width: 43px;
	height: 70px;
	margin: 15px auto 0;
	background: transparent url(../images/layout/bg_logo_kul2.gif) no-repeat 50% 50%;
	text-indent: -9999px;
	overflow: hidden;
}

/*
======================
breadcrumb
======================
*/

#breadcrumb {
   padding: 3px 10px 7px 0px;
   margin: 0 0 0 -25px;
}

#breadcrumb a {
 color: #133770;
}

#breadcrumb a:hover {
  color: #6688BB;
}

/*
=====================
content
=====================
*/

#innerpageContent h2 { 
  background: url("../images/layout/headerke_blauw.gif") no-repeat scroll left center transparent;
  color: #4f91cd;
  font-size: larger;
  padding: 15px 0px 10px 20px;
}

#innerpageContent h3 {
  background: url("../images/layout/bg_h3_ikben.gif") no-repeat scroll right center transparent;
  border-bottom: 1px solid #67625A;
  color: #67625A;
  font-size: small;
  margin: 10px 0 10px 0px;
  padding: 5px 0 5px;
}

#innerpageContent p, #innerpageContent ul, #innerpageContent table, #innerpageContent ol {
  line-height: 15px;
  padding: 0 0 15px 25px;
  text-align: justify;
}

#innerpageContent ul {
  list-style-type: disc;
  margin: 15px;
}

#innerpageContent p img {
  border: 1px solid #B6BBBA;
  padding: 5px;
  border: 0px;
}

#innerpageContent label {
  display: block;
  margin: 10px 0 2px;
}

#innerpageContent table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 0 25px;
}




/*====================
search
======================*/

#searchForm {
	height:23px;
	float: right;
	border: none;
	padding: 0;
	margin: 0px 5px 0px 0px;
}
	
#searchForm form input {
	background-color:#e6edec;
	border:none;
}

#searchForm form #btnSearch{
	background-color:#FFF;
	border:none;
}
	
#searchForm form {
	height:75%;
	border:none;
}

/*====================
LangChoice
======================*/


#langChoiceID{
	float: right;
}


/*====================
Toolbar
======================*/

.topmenu{

}

.toolbar-wrapper{
	float: left;
        width: 463px;
}

.en .toolbar-wrapper{
	width: 249px
}

.toolbar{
	list-style: none;
	padding: 0;
	margin-top: 6px;
}


.toolbar li{
  float: right;
  text-align: center;
  /*width: 139px;*/
  /*padding-bottom: 9px;*/
  /*background: url("../images/bg_topnav.gif");*/
  margin-top: -5px;
}

ul#toolBar li a {
	height:22px;
	display:block;
	overflow: hidden;
	text-indent:-9000px;
	white-space:nowrap;
}

ul#toolBar li a:hover {			background-position:0 -23px; }	
	
ul#toolBar li a#home {			background-image:url(../images/layout/bg_toolbar_home.gif); width:57px; }		
ul#toolBar li a#sitemap {		background-image:url(../images/layout/bg_toolbar_sitemap.gif); width:72px; }		
ul#toolBar li a#ects {			background-image:url(../images/layout/bg_toolbar_ects.gif); width:49px; }
ul#toolBar li a#pers {			background-image:url(../images/layout/bg_toolbar_pers.gif); width:53px; }	
ul#toolBar li a#opleidingen{		background-image:url(../images/layout/bg_toolbar_opleidingen.gif); width:84px; }		
ul#toolBar li a#contact {		background-image:url(../images/layout/bg_toolbar_contact.gif); width:71px; }	
ul#toolBar li a#infodagen {		background-image:url(../images/layout/bg_toolbar_info.gif); width:77px; }


/*====================
TOPNAV
======================*/

#topNav li a {
   display:block;
}


.hoofdmenu{
	background-image: url("../images/Index_02.png");
	height: 30px;
	width: 1020px;
}
#topNavWrapper{
	position: relative;
	float: left;
	z-index: 1;
}

#topNav{
	list-style: none;
	padding: 0;
	margin-top: 7px;
}

#topNav a:link, ul#topNav a:visited
{
  color: #FFFFFF;
  font-family: Calibri,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  font-variant: small-caps;
}

li#topNavIkBen, li#topNavIkZoek, li#topNavIkZap{
  float: left;
  text-align: center;
  width: 162px;
  padding-bottom: 9px;
  background: url("../images/bg_topnav.gif") no-repeat;
  margin-top: -4px;
}

li#topNavIkBen ul, li#topNavIkZoek ul, li#topNavIkZap ul{
	display: none;
	width:162px;
	top: 0;
	left: 0;
	margin-top: 9px;
}


.en li#topNavIkBen, li#topNavIkZoek, li#topNavIkZap{
  width: 162px;
}

.en li#topNavIkBen ul, li#topNavIkZoek ul, li#topNavIkZap ul{
	width:182px;
}


li#topNavIkBen>ul, li#topNavIkZoek>ul, li#topNavIkZap>ul{
	top: auto;
	left: auto;
}

ul#topNav li ul li:hover {
  background-image: url(../images/bg_topnav_hover.gif);
}


/*Submenu - dropdown*/
.wTree {
	display: none;
	background: #006db7 url(../images/layout/bg_dropdown_blue.gif) repeat top left;
}


.wTree li{
	line-height: 30px;
	vertical-align: middle;
}


div#sideNav ul li ul li a {
        padding-left: 25px;
	background: #fff url(../images/layout/bg_subnav_dotted.gif) no-repeat bottom 15px;
}

#topNav li ul li a:link{
	font-variant: normal;
	font-type: arial;
	font-size: 12px;
}

#topNav li ul li a:visited{
	font-variant: normal;
	font-type: arial;
	font-size: 12px;
}
