/* Layout */

div#wrapper { margin-top:40px; }
div#content{float:left;width:519px;}
.homepage div#content	{
	width:488px;
	}
div#none { margin-bottom:20px; }


/* Home */
a.boxlink	{
	display:block;
	cursor: pointer;
	}

a.boxlink:hover	{
	cursor: pointer;
	text-decoration: none;
	}
.homepage div#actueel .txt.news	{
	width: 224px;
	margin-right: 10px;
}
.homepage div#actueel .txt	{
	height: auto;
	}

.homepage div#actueel .agenda_item	{
	height: auto;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	background:url('/image/readmore-arrow_wh-bot-marg.gif') no-repeat right bottom;
	}
.homepage div#actueel .agenda_item.first	{
	margin-top: 5px;
	height: 40px;
	}
.homepage div#actueel .agenda_item p	{
	height: auto;
	float: left;
	/*width: 179px;*/
	}
	.homepage div#actueel .agenda_item p .newspaper {
		margin-right: 5px;
	}

.homepage div#actueel .agenda_item .boxlink	{
	padding-top: 0; 
	}

.homepage div#actueel .agenda_item .calendar	{
	float: left;
	width: 28px;
	height: 34px;
	margin-right: 5px;
	background: transparent url("/image/calendar.jpg") no-repeat left top;
	}

.homepage div#actueel .agenda_item .calendar .month,
.homepage div#actueel .agenda_item .calendar .day	{
	background: none;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	width: 28px;
	height: 14px;
	line-height: 14px;
	}

.homepage div#actueel .agenda_item .calendar .day	{
	color: #000;
	width: 28px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	}
	.newspaper {
		background:url(/image/newspaper.gif) no-repeat top left;
		float:left;
		height:33px;
		margin:1px 0 0 0;
		width:50px;
	}


div#highlight {
	background-color:#e9e9e9;
	width:488px;
	margin-bottom:15px;
	background-image:url('/image/box-corners-top.gif'); background-repeat:no-repeat;
	background-position:left top;
	float:
	}
div#highlight .option h2	{
	color: #333333 !important;
	height: 32px;
	}
div#highlight .option h2 a	{
	color: #333333 !important;
	}
div#highlight .option img	{
	width: 124px;
	height: 50px;
	}
div#highlight .option p	{
	border-bottom-color: #c5c5c5;
	}
div#highlight .option a p	{
	background:url('/image/readmore-arrow_wh-bot-marg.gif') no-repeat right bottom;
	}
div#highlight .homeOptionLink {
	background-image: url('/image/readmore-arrow.gif');
	}
div#highlight #opt4	{
	margin-left: 10px;
	}
div#highlight #opt5,
div#highlight #opt6	{
	border-left: 1px solid #c5c5c5;
	margin-left: 9px;
	padding-left: 18px;
	}

#welcome-text {
	height:257px;
	margin-bottom:15px;
	overflow:hidden;
	}
#flashIntro { height:293px; margin-bottom:26px; /*border: 1px solid #ccc;*/ }
.optcontainer	{
	overflow: auto;
	margin-bottom: 15px;
	}
.option	{
	width:124px;
	height:150px;
	float:left;
	padding:10px;
	margin-left:18px;
}
.homepage .option a p	{
	background:url('/image/readmore-arrow-blue_wh-bot-marg.gif') no-repeat right bottom;
	}
.homepage #opt1	{
	width:124px;
	margin-left:0;
	padding:10px 13px;
	background:url('/image/yellow-back.jpg') no-repeat;
	}
.homepage #opt1 a	{
	display: block;
	height:100%;
	background:url('/image/readmore-arrow-white_wh-bot-marg.gif') no-repeat right bottom;
	}

.homepage #opt1 h2 #opt1link	{
	display: inline;
	height: auto;
	background:none;
	color: #FFFFFF !important;
	}

.homepage #opt2	{
	margin-left:20px;
	}
.homepage #opt1 p	{
	height: 35px;
	height: 41px;
	}

.homepage #opt2,
.homepage #opt3 {
	margin-left:17px;
	text-indent: -999px;
	padding: 0;
	width:151px;
	height:170px;
	background: transparent url("/image/hulp-banner.jpg") no-repeat left top;
	}

.homepage #opt2 a,
.homepage #opt3 a{
	display: block;
	width:151px;
	height:170px;
	outline: 0;
	}

.homepage #opt2	{
	margin-left:18px;
	background: transparent url("/image/media-banner.jpg") no-repeat left top;
	}

.option .date { font-weight:bold; }
.option h2, .option h2 a { font-size:14px !important; color:#00a5e4 !important; line-height:1.2 !important; }
.homepage #opt1 h2 {margin-bottom:10px; height:3.6em; overflow:hidden; }
.option h2 {margin-bottom:10px; height:70px; overflow:hidden; }
.option p {
	border-bottom:1px solid #00a5e4;
	line-height:1.6;
	/*padding-bottom:2px;*/
	height: 53px;
	height: 63px;
	overflow:hidden;
	}
.hiwrap .option p {
	height: 53px;
}
.option img { width:133px; height:60px; border:0; }
.option a:hover { text-decoration:none; }

.homeOptionLink {
	display:block;
	width:11px;
	margin-top:-1.6em;
	text-indent:-99em;
	float:right;
	background:url('/image/readmore-arrow-blue.gif') right top no-repeat;
	}

#opt1 .homeOptionLink {
	background-image: url('/image/readmore-arrow-white.gif');
	}
#opt1 h2 {
	color: #FFF !important;
	}
#opt1 p {
	border-bottom-color: #FFFFFF;
	}



/* Sidebar */

.homepage div#sidebar	{
	float:right;
	width:488px;
	}

.homepage div.box	{
	width:488px;
	margin-bottom:15px;
	background-image:url('/image/box-corners-top.gif'); background-repeat:no-repeat;
	background-position:left top;
	}

.homepage ul.list-themas	{
	margin:0;
	padding:5px 0 0 0;
	list-style-type:none;
	overflow:auto;
	width: 225px;
	float: left;
	}

.homepage ul.list-themas.second li	{
	display: inline;
	margin-left: 9px;
	}

.homepage ul.list-themas li { margin:0; padding:0; display:block; width:216px; float:left; min-height:20px;
	border-bottom:1px solid #ccc; }
.homepage ul.list-themas li a { display:block; text-decoration:none !important; margin-bttom:5px;
	background:url('/image/list-themas-arrow.gif') right center no-repeat; }
.homepage ul.list-themas li a:hover,
.homepage ul.list-themas a:focus {
	color:#032C5A;
	/* background:skyblue; */
	outline:none;
	}

div.box div, div.hibox .hiwrap {
	height:156px; padding:4px 9px; background-image:url('/image/box-corners-bottom.gif');
	background-repeat:no-repeat; background-position:left bottom; }

div.hibox .hiwrap	{
	padding:4px 0px;
	}

.homepage div.box div,
.homepage div.hibox .hiwrap	{
	height:auto;
	overflow: auto;
	padding-bottom: 9px;
	}
div.box div div {
	background:#fff;
	padding:2px 10px 14px;
	height:83px;
	position:relative;
	}
.homepage div.box div div	{
	height: auto;
	overflow: visible;
	float:left;
	width: 450px;
	}

div#dienstverlening div	{
	height: 245px;
	}

div#dienstverlening div div	{
	height: auto;
	}

.homepage div#organisatie div div	{
	height: 107px;
	}

div.box * { font-size:8pt; }
div.box p { line-height:1.6; }
div.box a.readmore { display:block; width:15px; height:20px; float:right; text-indent:-999em;
	margin-top:-1.6em; background:url('/image/readmore-arrow.gif') right top no-repeat; overflow:hidden; }

div.box h2 { font-family:Arial, sans-serif; font-size:18pt; margin:4px 0 8px 0;
	background-image:url('/image/box-header-arrow.gif'); background-repeat:no-repeat;
	background-position:right center; }
div.box h2 a { color:#fff !important; font-size:18pt !important; text-decoration:none !important; padding-right:2em; }
div.box h3 { font-size:8pt; }
div.box div.txt {
	margin:0;
	padding:0 0 0 0;
	height:auto;
	border-bottom:1px solid #C5C5C5;
	line-height:1.6; }

.homepage div.box div.txt {
	border-bottom: 0;
	}

div#organisatie {  background-color:#00A5E4;}
div#organisatie h2 {  background-position:6em 5px; }
/*div#organisatie h3 { color:#00A5E4; }*/
div#organisatie .txt { width:285px; border-color:#00A5E4; }
.homepage div#organisatie .txt	{
	width:450px;
	float: left;
	}
.homepage div#organisatie .txt .col2	{
	margin-left: 9px;
	}

div#organisatie .readmore { background-image:url('/image/readmore-arrow-blue.gif'); }
div#organisatie span.img { display:block; position:absolute; bottom:0; right:0;
	width:130px; height:151px; background:url('/image/box-organisatie.gif') no-repeat 10px 0px; }

div#dienstverlening { background-color:#FCD814; }
div#dienstverlening h2 { background-position:8em 5px; }
/*div#dienstverlening h3 { color:#FCD814; }*/
div#dienstverlening .txt { width:245px; border-color:#FCD814; }

.homepage div#dienstverlening .txt	{
	width:450px;
	float: left;
	}

div#dienstverlening .readmore { background-image:url('/image/readmore-arrow-yellow.gif'); }
div#dienstverlening span.img { display:block; position:absolute; bottom:0; right:0;
	width:171px; height:147px; background:url('/image/box-dienstverlening.gif') no-repeat 0px 0px; }

div#actueel { margin-bottom:0; background-color:#e67d02;  }
div#actueel h2 { background-position:9.2em 5px; }
div#actueel div div { height:129px; padding-bottom:0; }
div#actueel div div div {
	overflow:hidden;
	padding:0;
	width:202px;
	height:90px;
	float:left;
	}
.homepage div#actueel div div div {
	width: 216px;
	}
div#actueel div div div.first	{
	margin-right:12px;
	}
.homepage div#actueel div div div.first	{
	margin-right:18px;
	}
.homepage div#actueel div div div .boxlink	{
	padding-top:5px;
	}
.homepage div#actueel div div div .firstlink p	{
	background:url('/image/readmore-arrow_wh-bot-marg.gif') no-repeat right bottom;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	}

div#actueel p { height:66px; }
div#actueel .firstnews p {
	background:transparent url(/image/readmore-arrow_wh-bot-marg.gif) no-repeat scroll right bottom;
	border-bottom:1px solid #CCCCCC;
	height: auto;
	}
div#actueel p.txtAgenda { height:20px; }
div#actueel p.frstTxt {  border-bottom:1px solid #C5C5C5; margin-bottom:8px; }