/* -- resetten ---------------------------------------------------------------------------------------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}
*:focus {outline:none;}
/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #d6d6d6 url("../images/bg.jpg") no-repeat scroll center 50px;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Trebuchet MS;
	text-align: center;
}

div.container {

	width: 720px;
	margin: 50px auto 0 auto;
	border: 0;

	text-align: left;
	min-height: 500px;/*zie lt_ie7.css*/
}

/* -- Basic layout elements --- dont change! ---------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder */
div.wrapper {overflow:hidden;width:100%;}

/* -- kolommen (gebruiken voor layout) ------------------------------------------------------- */
div.col1-left {
	width:358px;
	float:left;
}
div.col1-right {
	margin-top: 125px;
	width:345px;
	float:right;
}
div.col2-left {
	width:350px;
	float:left;
}

/* -- specific elements ------------------------------------------------------------------------------- */

/* header */
div.header {
	background-color: fuchsia;
}

ul.menu {
	padding:		0;
	margin:			0;
}

img {display:block;}

ul.menu a {
	display:		block;
	height:			84px;
	width: 			173px;
}

ul.menu li {
	list-style:none;
	float: left;
}

div.menu-top {
	background: url(../images/menu_top.png) no-repeat;
	width:344px;
	height:44px;
}

ul.menu li.enschede a, ul.menu li.enschede a:visited  {background:url(../images/enschede_neg.png) no-repeat; width:173px; height: 84px;}
ul.menu li.enschede a:hover, ul.menu li.enschede a.active {background:url(../images/enschede_pos.png) no-repeat; width:173px; height: 84px;}

ul.menu li.arnhem a, ul.menu li.arnhem a:visited  {background:url(../images/arnhem_neg.png) no-repeat; width:173px; height: 84px;}
ul.menu li.arnhem a:hover, ul.menu li.arnhem a.active {background:url(../images/arnhem_pos.png) no-repeat; width:173px; height: 84px;}

img.png, div.png 	{behavior: url(/iepngfix.htc);}