/* common.css  - algemene css voor algemene stijlen */

body {
	background-color: #e6f4d1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

h1{
	font-size: 1.25em;	
	padding: 0;
	margin: 0;
}
h2{
	font-size: 1.1em;	
	padding: 0;
	margin: 0;
}
h3{
	font-size: 1em;	
	padding: 0;
	margin: 0;
}
h4{
	font-size: 1em	
	padding: 0;
	margin: 0;
}

#main {
	position: absolute;
	left: 0;
	top: 18px;
	float: left;
	width: 945px;
	height: auto;
	background-color: none;
	}

#meta {
	position: absolute;
	padding: 0;
	right: 0;
	top: 35px;
	float: right;
	height: 26px;
	background: #bfe287 url(/images/img_backgr_meta_corner_left.gif) no-repeat left top;
	}

.meta_list{
	width: 478px;
	height:26px;
	overflow:hidden;
}

#meta ul, #meta ul li {
	position: relative;
	display: inline;
	float: left;
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#meta ul {
	padding-left: 5px;
	padding-right: 5px;
	background: url(/images/img_backgr_meta_corner_righ.gif) no-repeat right top;
	}

#meta ul.meta_list li.meta_list_item a{
	display: inline-block;
	height: 28px;
	}

#meta ul.meta_list li.meta_list_item a img {
	padding-top: 6px;
	border: 0;
	text-decoration: none;
	}
#meta ul.meta_list li.meta_list_item_zoeken{
	padding-left: 8px;
	padding-top: 4px;
	background: url(/images/streep.gif);
	background-repeat: no-repeat;
}

#backgr_top {
	position: absolute;
	left: 0;
	top: 99px;
	float: left;
	width: 945px;
	height: 13px;
	background: #84c718 url(/images/img_backgr_main_top_1.jpg) no-repeat right top;
	}

#backgr {
	position: absolute;
	left: 0;
	top: 13px;
	float: left;
	width: 945px;
	min-height: 500px;
	_height: 500px;
	background: #84c718 url(/images/img_backgr_backgr_1.gif) no-repeat right bottom;
	}

#backgr .kolom_left {
	position: relative;
	left: 22px;
	top: -110px;
	float: left;
	width: 251px;
	height: auto;
	display: block;

	_clear: both;
	_position: relative;
	_left: 22px;
	_top: 0;
	_width: 251px;
	_height: auto;
	_margin-top: -108px;
	}

#backgr .kolom_left .kolom_1 {
	position: relative;
	left: 0;
	top: 0;
	width: 251px;
	height: auto;
	float: left;
	display: block;
	background: #4aae21;
	margin-bottom: 16px;
	}

#backgr .kolom_left .kolom_1 a.logo img{
	text-decoration: none;
	border: 0;
	}

#ingelogd{
	position: absolute;
	right: 0;
	top: 20px;
	float: right;
	text-align: right;
	color: #84c718;
	font-size: 11px;
	}

.loading {
	padding-left: 20px;
	padding-bottom: 3px;
	background: url('/images/loading.gif') left top no-repeat;
	}


div.picture-component div.right {
	float: right;
	}


/*--- FAQ's ---*/
.faqQuestionLine {display:block; float:none; clear:both; margin:0px 0px 10px 0px; color:#757575;}
.faqQuestionLine .faqTitle {display:block; min-height:15px;}
.faqQuestionLine .faqTitle .faqIcon {display:block; width:15px; clear:left; float:left; margin:4px 0px 0px 0px;}
.faqQuestionLine .faqTitle .faqQuestion {display:block; clear:right; font-weight:bold; padding:0px 0px 0px 15px; }

/* roxen content box*/
.roxen-edit-box-on {
	outline:          1px dotted #f8bb7b;
	/*background:       #f2f1eb;*/
	/*background:       #faf9f3;*/
	-moz-outline:     1px dotted #f8bb7b;     /*  FIXME: invalid CSS  */
	}
.roxen-edit-marker-off {
	visibility:       hidden;
	display:          block;
	position:         absolute;
	}
.roxen-edit-marker-on {
	visibility:       visible;
	display:          block;
	position:         absolute;
	background:       URL(/roxen-files/cms-sites/4.5/images/button_edit_comp.gif) top left no-repeat;
	width:            28px;
	height:           13px;
	z-index:          1;
}
div.roxen-linkbrowser-anchor a {
	visibility:       visible;
	display:          block;
	position:         absolute;
	background:       URL(/roxen-files/cms-sites/4.5/images/button_link_browser.gif)
																		top left no-repeat;
	width:            28px;
	height:           13px;
	z-index:          1;
	}