* { margin: 0;padding: 0;}
img,br {border: 0px;}
#pagina { position: relative; align: center; padding: 0; margin: 0px auto; width: 1005px;} 

#container { width: 1005px;}

#top { height: 20px; width: 1005px; background: #ffffff;}

#toplogo { height: 80px; width: 1005px;}


#header {height: 321px; width: 992px; z-index: -10; margin: 0 0 0 13px;}
	#accordion {float: right;height: 321px; width: 280px; background-image: url(/Docs/System/Homepage/2010/img/aktieachtergrond.gif); margin: 0 13px 0 0;}
#zoeken {position:absolute; top:0; left: 808px; font-size: 75%; font-family: Verdana, Arial; width: 260px; height:20px; z-index:200; color: #fff; padding: 0px 1pt 1px 0px; margin: 0; overflow: hidden;}

#test-accordion {font-family: Arial;color: #e0e0e0; width: 280px; height: 321px;font-size: 11px;}
	div.accordion {position: relative; /* required for bounding */ }
	.accitems {color: #d2d2d2;height: 17px;width: 111px;line-height: 17px;display: block;text-decoration: none;background-repeat: no-repeat;
					background-image: url(/Docs/System/Homepage/2010/img/aktiebutton.gif);text-indent: 27px;}
	.accitems200 {color: #d2d2d2;height: 17px;width: 200px;line-height: 17px;display: block;text-decoration: none;background-repeat: no-repeat;
					background-image: url(/Docs/System/Homepage/2010/img/aktiebutton_200px.gif);text-indent: 27px;}

	.acclist  a {color: #d2d2d2; text-decoration: none; line-height: 16px; }
	div.accordion-toggle {position: relative; z-index: 10;/* required for effect */ cursor: pointer;width: 279px;height: 33px;}
	.tab01 {background-image: url(/Docs/System/Homepage/2010/img/studietest_topknop.gif);}
	.tab02 {background-image: url(/Docs/System/Homepage/2010/img/studiegidsen20102011.gif);}
	.tab03 {background-image: url(/Docs/System/Homepage/2010/img/HBO.gif);}
	.tab04 {background-image: url(/Docs/System/Homepage/2010/img/debeste.gif);}
	.tab05 {background-image: url(/Docs/System/Homepage/2010/img/faculteiten.gif);}
	div.accordion-content {margin: 0 30px 0 14px;overflow: hidden;	/* required for effect */}
                ul {list-style-type: none; }

#modules {height: 300px; width: 1005px; }
	#ikzoekeen {float:left;width: 336px; height:210px; margin: 28px 0 0 13px;}
	#div_ikzoek {float:left;width: 336px; height:210px; margin: 28px 0 0 13px;}
	#nieuws {float:left;width: 343px; height:210px; color: #5b5b5b;padding:28px 0 0 20px;}
	#nieuws a {color: #5b5b5b; text-decoration: none;}
	#nieuws table {font: 10px Verdana; border-collapse: collapse;}
	#nieuws tr {height: 26px;}
	.table_nieuws { border-bottom:1px solid #e8e8e8; width: 342px; padding-left: 5px;}
	.table_nieuws:hover {background-color: #f3f3f3; text-decoration: none;}
	#blok3 {float:left; margin: 58px 0 0 14px;}
	
#footer { height: 20px;width: 1005px; background: #dddddd; font: 10pt Arial; text-align: center; top: 721px; position: absolute;}
	#footer p {line-height: 20px;}
	#footer a {color: #e00c1b; text-decoration: none;}
	#footer a:hover {text-decoration: underline;}

#div_header_fac {width:699px; height: 321px; padding: 0; margin: 0; background-image: url(/Docs/System/Homepage/_images/background_image.png);}
#div_header_beste {width:699px; height: 321px; padding: 0; margin: 0; background-image: url(/Docs/System/Homepage/_images/background_image.png);}
#headergratiscursussen {width:699px; height: 321px; padding: 0; margin: 0; background-image: url(/Docs/System/Homepage/_images/background_image.png);}


#div_mod_vid { width:267px; height:155px; }

.topmenu .menu { width: 1005px; height: 20px; vertical-align: bottom; background-color: #e2001a; padding: 0px 1pt 1px 0px; margin: 0; overflow: hidden; border-bottom: 1px solid #fff; font-size: 75%; font-weight: normal; text-decoration: none; position: absolute; z-index: 100; font-family: Arial, Helvetica, sans-serif!important; text-decoration: none; }
.topmenu .menu .itemhp { width: 157px; color: #944a0a; vertical-align: bottom; height: 20px; background-color: #e2001a; margin: 0; padding: 0px 1px 2px 2px; border-right: 1px  solid #fff; display: block; float: left; position: relative; font-family: Arial, Helvetica, sans-serif!important; text-decoration: none; overflow: hidden; }
.topmenu .menu .item { width: 104px; color: #fff; vertical-align: bottom; height: 20px; background-color: #e2001a; margin: 0; padding: 0px 1px 2px 2px; border-right: 1px  solid #fff; display: block; float: left; position: relative; font-family: Arial, Helvetica, sans-serif!important; text-decoration: none; overflow: hidden; }
.topmenu .menu .itemzoek { width: 100px; color: #fff; vertical-align: bottom; height: 20px; background-color: #e2001a; margin: 0; padding: 0px 1px 2px 2px; display: block; float: left; position: relative; font-family: Arial, Helvetica, sans-serif!important; text-decoration: none; overflow: hidden; }
.topmenu .submenus { width: 100%; position: absolute; top: 0px; left: 0; padding: 0px 1pt 1px 1pt; margin: 0; background-color: transparent; overflow: visible; font-size: 90%; font-weight: normal; text-decoration: none; z-index: 101; }
.topmenu .submenu { width: 180px; background-color: #fee5cc; margin: 0px 1px; padding: 0px 1px 0px 1px; border-right: 1px solid #fff; overflow: visible; position: absolute; top: 5px; left: 145px; display: none; font-size:85%;}
.topmenu .submenu#t_sm_48{ left: 158px; top: 22px; z-index: 105; }
.topmenu .submenu#t_sm_208 { left: 266px; top: 22px; z-index: 110; }
.topmenu .submenu#t_sm_172605{ left: 374px; top: 22px; z-index: 115; }
.topmenu .submenu#t_sm_44{ left: 482px; top: 22px; z-index: 120; }
.topmenu .submenu#t_sm_49{ left: 590px; top: 22px; z-index: 125; }
.topmenu .submenu#t_sm_36{ left: 698px; top: 22px; z-index: 130; }


.topmenu .submenu a, .topmenu .submenu a:visited { display: block; color: #000; background-color: #e0e0e0; border: 0 solid #808080; border-width: 0px 1px 1px 1px; margin: 0; padding: 1px 0px 1px 4px; text-decoration: none; font-family: Arial, Helvetica, sans-serif!important; }
.topmenu .submenu a:hover, .topmenu .submenu a:focus { background-color: #e2001a; color: #000; font-family: Arial, Helvetica, sans-serif!important;}
.topmenu .menu a:hover, .topmenu .menu a:focus { background-color: #808080; color: #fff; font-family: Arial, Helvetica, sans-serif!important;}



@media handheld {
.topmenu .submenus { display: none!important; }
.topmenu .submenus * { display: none!important; }
}
