/* Body & HTML */

body,html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/bodybg.jpg) repeat-x #fff top;
	font-family: Verdana;
	font-size: 11px;
	color: #333333;}
	
/* Elementen */

#container{
	width:	981px;
	min-height: 100%;
	background: url(../img/container.png) repeat-y;
	margin: 0 auto;
	overflow: auto;}

#balk1{
	width: 100%;
	height: 12px;
	background: url(../img/balkbg.jpg) repeat-x;
	top: 138px;
	position: absolute;
	*left: 0px;
	_left: 0px;}
#balk2{
	width: 100%;
	height: 12px;
	background: #5faa1f;
	top: 323px;
	position: absolute;
	*left: 0px;
	_left: 0px;}

#header{
	width: 981px;
	height: 138px;
	background: url(../img/header.jpg) no-repeat;}

#logo a{
	width: 376px;
	height: 83px;
	display: block;
	position: absolute;
	margin-left: 26px;
	top: 15px; }

#zoeken{
	width: 400px;
	height: 33px;
	position: absolute;
	margin-left: 570px;
	top: 6px;
	font-size: 10px;
	color: #003e7e;
	}

#menu{
	width: 933px;
	height: 31px;
	position: absolute;
	top: 107px;
	margin-left: 48px;
	}
	
/* Menu instellingen */

.mainmenu {
	margin: 0;
	padding: 0;
	float:left;
	list-style: none;
}

.mainmenu li {
	padding: 0;
	margin: 0;
	display: block;
	list-style: none;
	border: 0px;
	float:left;
}
.mainmenu li a
{
	display: block;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	border: 0px;
	float:left;
	font-family: Calibri, Verdana;	
	font-weight: normal;
	color: #676767;
	text-transform: uppercase;
	height: 31px;
}

.home a  { background: url(../img/menu_home_n.jpg) no-repeat; width: 81px; }
.home a:hover{ background: url(../img/menu_home_h.jpg) no-repeat;}
.home_active a{ background: url(../img/menu_home_h.jpg) no-repeat; width: 81px;}

.nieuws a  { background: url(../img/menu_nieuws_n.jpg) no-repeat; width: 88px; }
.nieuws a:hover{ background: url(../img/menu_nieuws_h.jpg) no-repeat;}
.nieuws_active a{ background: url(../img/menu_nieuws_h.jpg) no-repeat;width: 88px;}

.over a  { background: url(../img/menu_over_n.jpg) no-repeat; width: 103px; }
.over a:hover{ background: url(../img/menu_over_h.jpg) no-repeat;}
.over_active a{ background: url(../img/menu_over_h.jpg) no-repeat;width: 103px;}

.afdelingen a  { background: url(../img/menu_afdelingen_n.jpg) no-repeat; width: 103px; }
.afdelingen a:hover{ background: url(../img/menu_afdelingen_h.jpg) no-repeat;}
.afdelingen_active a{ background: url(../img/menu_afdelingen_h.jpg) no-repeat;width: 103px;}

.nieuwsb a  { background: url(../img/menu_nieuwsb_n.jpg) no-repeat; width: 138px; }
.nieuwsb a:hover{ background: url(../img/menu_nieuwsb_h.jpg) no-repeat;}
.nieuwsb_active a{ background: url(../img/menu_nieuwsb_h.jpg) no-repeat; width: 138px;}

.publicaties a  { background: url(../img/menu_publicaties_n.jpg) no-repeat; width: 107px; }
.publicaties a:hover{ background: url(../img/menu_publicaties_h.jpg) no-repeat;}
.publicaties_active a{ background: url(../img/menu_publicaties_h.jpg) no-repeat; width: 107px;}

.agenda a  { background: url(../img/menu_agenda_n.jpg) no-repeat; width: 84px; }
.agenda a:hover{ background: url(../img/menu_agenda_h.jpg) no-repeat;}
.agenda_active a{ background: url(../img/menu_agenda_h.jpg) no-repeat; width: 84px;}

.contact a  { background: url(../img/menu_contact_n.jpg) no-repeat; width: 86px; }
.contact a:hover{ background: url(../img/menu_contact_h.jpg) no-repeat;}
.contact_active a{ background: url(../img/menu_contact_h.jpg) no-repeat; width: 86px;}
.blog a  { background: url(../img/menu_blog_n.jpg) no-repeat; width: 86px; }
.blog a:hover{ background: url(../img/menu_blog_h.jpg) no-repeat;}
.blog_active a{ background: url(../img/menu_blog_h.jpg) no-repeat; width: 86px;}
	

#fader{
	position: relative;
	width: 533px;
	height: 173px;
	float:left;
	margin-left: 28px;
	margin-top: 150px;
	_margin-left: 14px;
	_margin-top: 138px;	
	
}

#banner_right{
	width: 401px;
	height: 173px;
	float:right;
	margin-right: 19px;
	margin-top: 150px;
	_margin-right: 10px;
	_margin-top: 138px;}

#groenebalk{
	width:934px;
	height: 41px;
	background: url(../img/groenebalk.jpg) no-repeat bottom;
	clear: both;
	margin-left: 28px;
	*margin-top: 185px;}
	
#content_left{
	width: 480px;
	margin-left: 30px;
	_margin-left: 15px;
	float:left;
	margin-bottom: 27px; }

#content_right{
	width: 414px;
	padding-left: 35px;
	float:right;
	margin-bottom: 27px;
	color: #fff;
	}

#content_area{
	padding: 20px;
	line-height: 1.5;
	overflow: auto;
}
	
#box{
	width: 382px;
	background: url(../img/box_bg.jpg) repeat;
	
	}
#boxContent
{
	padding: 20px;
}
#boxContent a{
	color: #fff;
}
#box_top{
	width: 382px;
	height: 16px;
	background: url(../img/box_top.jpg) no-repeat top;}

#box_bottom{
	width: 382px;
	height: 25px;
	background: url(../img/box_bottom.jpg) no-repeat bottom;}

#footer{
	width: 981px;
	height: 27px;
	background: url(../img/footer.jpg) repeat;
	margin: 0 auto;
	margin-top: -27px;
	
	color: #fff;}
	
#footer a{
	color: #fff;
	text-decoration: none;
	font-size: 9px;
}
#footer a:hover{
	text-decoration: underline;
}
.pagetitel{
	background: url(../img/titel_bg.jpg) repeat; 
	color: #fff; 
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;}
	
.footertekst{
	padding-right: 150px;
	padding-top: 7px;
	float:right;}
	
	
#content_area a{
	color: #488D0C;
}
	/* Forms */
#content_area form fieldset
{
	border: 0px;
}
#content_area form fieldset ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0px;
}

#content_area form label
{
	display: block;
	padding-top: 10px;
	padding-bottom: 3px;
	font-weight: bold;
}
#content_area form label.radio
{
	display: inline;
	padding: 0px;
	font-weight: normal;
}
#content_area form input
{
	padding: 4px;
	border: 1px solid #CACACA;
	margin: 0px;
}
#content_area form input[type=text]
{
	width: 440px;
}
/* Icons*/
a.info {
	background: url(../images/info_16x16.png) no-repeat;
	padding-left: 18px;
	padding-bottom: 3px;
	height: 16px;
}

a.icon {
		display:block;
		width: 16px;
		height: 16px;
		overflow: hidden;
		text-indent: 16px;
}

a.icon2 {
		display:block;
		height: 16px;
		text-indent: 16px;
}

a.bin {
		background: url(../images/admin/icons/bin.png) no-repeat;
}

a.cross {
		background: url(../images/admin/icons/cross.png) no-repeat;
}

a.cross_disabled {
		background: url(../images/admin/icons/cross_disabled.png) no-repeat;
}

a.undo {
		background: url(../images/admin/icons/arrow_undo.png) no-repeat;
}

a.pencil {
		background: url(../images/admin/icons/pencil.png) no-repeat;
}

a.add {
		background: url(../images/admin/icons/add.png) no-repeat;
}

a.question {
		background: url(../images/admin/icons/help.png) no-repeat;
}

a.back {
		background: url(../images/admin/icons/cancel.png) no-repeat;
}
a.magnifier {
		background: url(../images/admin/icons/magnifier.png) no-repeat;
}
a.non-active {
		background: url(../images/admin/icons/grey-star.png) no-repeat;
}
a.active {
		background: url(../images/admin/icons/star.png) no-repeat;
}
a.up {
		background: url(../images/admin/icons/arrow_up.png) no-repeat;
}
a.down{
		background: url(../images/admin/icons/arrow_down.png) no-repeat;
}
a.delete{
		background: url(../images/admin/icons/cancel.png) no-repeat;
}
a.disk{
		background: url(../images/admin/icons/disk.png) no-repeat;
}

a.bullet_wrench {
		background: url(../images/admin/icons/bullet_wrench.png) no-repeat;
}

a.bullet_green {
		background: url(../images/admin/icons/bullet_green.png) no-repeat;
}

a.bullet_delete {
		background: url(../images/admin/icons/bullet_delete.png) no-repeat;
}
a.accept
{
	background: url(../images/admin/icons/accept.png) no-repeat;
}