/*
behavior: url(iepngfix.htc); Is to fix the horrible IE6 png view bug
*/

body {
	text-align: center;
	background-color: #FFF;
	margin: 15px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

#layoutwrapper {
	width: 908px;
	margin: 0 auto;
}

/****** LINK STYLES ******/
a {
	color: #FB7300;
}
a:hover {
	color: #FA4103;
}

/****** HEADINGS ******/
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {	
	color: #FB7300;
	font-weight: normal;
	margin-top: -3px;
}
h2 {
	color: #FA4103;
	font-weight: bold;
}
.bannerHeader h2 {
	color: #FFF;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #EE8300;
	margin-bottom: 3px;
	font-weight: normal;
}

/****** FORM ******/
.formImgBtn {}
select.formfield, .formfield {font-family: Arial, Helvetica, sans-serif; border: 1px solid #666666; margin-bottom: 10px;text-align:left}
.formfieldname {text-align:left}
.formfielddata {}
.formbutton { background-color: #FA4003 ; border: none; color: #FFFFFF; font-size: 0.9em; height: 20px; }

/******* HEADER ******/
#headerwrapper {
	width:907px; 
	height:100px; 
	margin-bottom:20px;	
	text-align:left; 
	background-image: url(../gfx/headerBg.jpg);
	background-repeat: no-repeat;
}
	#headerleft {float: left; width: 625px; padding-top: 15px;}
	#headerright {height: 95px; float: left; width: 275px; background-image:url(../gfx/searchbox.jpg); }
	#searchtable {margin-left: 10px; margin-top: 28px;}
	#searchbtn {margin-top: -7px; margin-left: 15px;}
	.hdLink {
		text-decoration: none;
		height: 45px;
		width: 200px;
		margin:0;
		cursor: pointer;
	}	
	#searchForm input {width:215px; height:13px; padding:2px 0 2px 4px; color:#000; margin-top:-8px; border-color:#FFFFFF}
	.hdFormField {border:none; height:13px; position:relative; top:1px;}

/*Main Navigation*/
#navwrapper { margin:10px 0 0 45px;}
	.subprntNavBottom { 
		height: 11px;
		behavior: url(iepngfix.htc);
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FFF;
	}

/*Subnavigation*/
#subNav {
	padding:0 0 50px 0; 
	margin: 0px;	
	list-style-type:none; 
}
	.subNavItem {
		background-image:url(../gfx/subNavBg.gif); 
		background-repeat:no-repeat; 
		padding: 2px 20px 2px 5px;
		width: 153px;
		height: 14px;
		margin-bottom: 5px;
		color: #FFF; 
		cursor: pointer;
		overflow-y: hidden;
	}

/******* BREADCRUMBS *******/
#breadcrumbs {
	position: relative;
	top: -11px;
	margin: 0 0 0 5px;
}
	#breadcrumbs a {
		text-decoration: none;
		color: #FB7300;
		text-transform: lowercase;
	}
	#breadcrumbs img {
		position: relative;
		top: -1px;
		margin: 0 3px;
	}


/******* CONTENT CONTAINERS ******/
#contentwrapper {
	width: 908px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}

#directToWrap {
	width: 176px; /*total width: 174px; */
	height: 195px;
	max-height: 195px;
	background-color: #FB7300;
	position:relative;
	top: -14px;
	color: #FFF;
	background-image: url(../gfx/directToBg2.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}
	#dtHeader {
		background-image: url(../gfx/directToBg.gif);
		background-repeat:no-repeat;
		background-color: #FA4103; 
		width: inherit;
		height: 45px;
		border-bottom: 1px solid #F19D54;
	}
	.dtItem {
		width: 164px;
		padding: 7px 5px;
		border-bottom: 1px solid #F19D54;
		font-weight: bold;
		cursor: pointer;
	}
		.dtItem img {
			float: right;
			margin: -10px 15px 0 0;
		}

/******* PAGE TYPES ******/
/* Homepage */
#hpMainContent {
	float: left; width:724px;
}
	
	#hpMainvisual{
		height:195px;
		max-height: 195px;
		position:relative;
		top:-14px;}
		
	#hpMainTeasers {
		float: left;
		width: 706px;
		padding: 0 8px 15px 8px;
	}
		.hpMainTeaser {
			color: #FFF;
		}
		.hpMainTeaser img.img {
			margin-left: 15px;
		}
		.hpMainTeaser h3 {
			color: #FFF;
		}
		.hpMainTeaser a {
			color: #FFF;
			text-decoration: none;
		}
		
	#hpLeftClmn {
		float: left;
		width: 176px;
		margin: 40px 10px 0 0;
	}
	#hpMidClmn {
		float: left;
		width: 535px;
		margin-top: 15px;
	}
		#hpMidLeftClmn {
        	float: left;
			width: 260px;
			margin-right: 15px;
        }
        #hpMidRightClmn {
        	float: left;
			width: 260px;
        }
		#hpMidLeftClmn h1, #hpMidRightClmn h1 {			
			height: 15px;
			margin-bottom: -14px;
		}
        .hpBorder {
        	height: 1px;
			font-size: 1px;
			width: inherit;
			border-bottom: 1px solid #FED1AB;
			margin: 5px 0 25px 0;
        }
			.hpNewsItem {
				padding-bottom: 5px;
				border-bottom: 1px solid #FED1AB;	
			}
				.hpNewsItem h2 {
					color: #666;
				}
				.hpNIMore {
					display: inline;
					margin-top: 3px;
					padding-bottom: 4px;		
				}
		.hpTItem {
		}
				.hpTeaser h2 {					
					float: left;
					width: 160px;
				}
				.hpTTxt {
					float: left;
					width: 160px;
				}
				.hpTIImg {
					float: left;
				}
				.hpTMore {
					clear: both;
					padding-bottom: 4px;
					border-bottom: 1px solid #FED1AB;			
				}				
				
		.hpAgendaItem {
			width: 263px;
			background-image: url(../gfx/hpAgendaTop.gif);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #FFF1E5;
		}
			.hpAgendaItemContent {
				float: left;
				width: 190px;
				margin-left: 5px;
			}
				.hpAgendaItemContent h2 {					
					margin-bottom: 0;
				}
		.hpAgendaItemImg {
			float: left;
			margin: 13px 0 0 10px;
		}
		.hpAgendaItemBottom {
			width: 268px;
			background-image: url(../gfx/hpAgendaBottom.gif);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #FFF;
			margin-left: -3px;
			height: 15px;
		}

#hpSideContent {
	float: right;
	width: 176px;
	margin: 0 0 0 0px;
}
	#hpHighlight {
		width: 174px;
		color: #FFF;
	}
		#hpHighlight h3 {
			color: #EBF0F9;
		}

/*Default page*/
#dpMainContent {
	float: left;
	width: 726px;
	height: 1px;
}
	#dpLeftClmn {
		float: left;
		width: 170px;
		margin-right: 8px;
		height: 1px;
	}
	#dpContent {
		float: left;
		width: 544px;
	}
#dpSideContent {
	float: left;
	width: 174px;
	margin-left: 8px;
}

/******* FOOTER ******/
#footerborder {clear: both; border-bottom: dotted 1px #333; width: 100%; height: 15px;}

#footer {
	width: 740px; /* total width: 920px */
	padding: 5px 0 3px 180px;
	text-align: left;
	margin: 0 auto;
}
	#footer a {
		padding: 0 5px;
		border-right: 1px solid #999;
		text-decoration: none;
		color: #FB7300;
	}
	.footerfunctions {
		margin: 25px 0 0 320px;
	}
		.footerfunctions a {
			color: #7395CA;
			text-decoration: none;
		}

/****** RCMS SPECIFIC STYLES ******/

/*Contenttypes*/
.textblock {
	clear: both;
	margin-bottom: 15px;	
}
	.textblock h2 {
		color: #FB7300;
	}

#hpIntroTxt {padding: 5px;}
	#hpIntroTxtImg {
		position: relative;
		top: -10px;
	}
	
.hpAnnouncementItem {
	float: left;
	width: 178px;
}
	.hpAnnouncementItem a {
		color: #6F92C8;
		text-decoration: none;	
	}
	
.highlight {
	width:  154px;/*174px*/
	padding: 10px;
	margin-bottom: 15px;
	background-color: #6F92C8;
}
	.highlight h3 {
		color: #FFF;
	}
	.highlight a {
		text-decoration: none;	
		color: #FFF;
	}
	
.banner {
	width: 176px;
	margin-bottom: 10px;
	background-color: #FA4103;
}
	.bannerHeader {
		padding: 7px 0 0 7px;
		background-image: url(../gfx/bannerBgTop.gif);
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FA4103;
	}
		.bannerHeader h2 {
			font-weight: bold;
			margin-bottom: 5px;
		}
	.bannerFooter {
		background-image: url(../gfx/bannerBgBottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		text-align: right;
	}
		.bannerFooter a img {
			margin-left: 10px;
		}
		.bannerFooter a {
			color: #FFF;
			font-weight: bold;
			text-decoration: none;
		}
	
/* Nieuws */
#NAwrapper {
	width: 100%;
}
#NAselectdate {
	float: left;
	width: 160px;;
}
#NAselectdate select {
	vertical-align: middle;
}
#NAsearch {
	float: right;
	position: relative;
	bottom: 2px;
}
#NAsearch label {
	position: relative;
	bottom: 10px;
}
#NAselectdate label {
	position: relative;
	bottom: 2px;
}
#NAoverview {
	margin-top: 15px;
}

/* agenda */
.agenda_table_row {padding: 3px; font-size: 1em; border-bottom: 1px solid #ECF0F9;}
.agenda_item_hd {font-weight: bold;}
.agenda_table_hd {color: #000000; font-weight: bold; border-left: 1px solid #000000; padding: 1px 3px 1px 3px;}
.agenda_table_div {border-bottom: 1px solid #515151; height: 2px;}
.agenda_row_odd {}
.agenda_row_even {}
.agenda_item_txt {padding: 3px;}
.agenda_maand {color: #000000; font-weight: bold; border-bottom: 3px solid #515151; padding: 3px;}

/* FAQ */
#faqoverzicht li {margin: 10px;}
#faqoverzichtdetails table tbody tr td li{margin-left: 15px;}

/* poll */
.poll_table {
	color: #000000;
}

/* document */
.document {
	margin-bottom: 15px;
}
.doc_title {
	color: #000000;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.doc_descr {margin: 0 0 5px 0;}
.doc_link {
	float: left;
	width: 300px;
	margin: 0 15px 4px 0;
}
.doc_link a {
	margin-left: 10px;
}
.multipledoc_link_wrapper {
}

.anchorblok {
	margin-bottom: 15px;
}

#lev_details {
	margin:4px 0px;
}
	#lev_details .label {
		float: left;
		font-weight: bold;
		width: 80px;
	}
	#lev_details .block {
		margin: 10px 0;
	}
	#openingHours {
		table-layout:auto;
		width: 100%;
		border: 2px solid #E73414;
		border-collapse:collapse;
	}
	#openingHours td {
		width: 20%;
		border: 1px solid #E73414;
	}
	#openingHours thead td {
		font-weight: bold;
		border: 2px solid #E73414;
	}
	
/* History + Trends */
#historyTrends {
	width: 530px;
}
	#htTop {
		padding: 15px;
		background-image: url(../gfx/historytrendstop.gif);
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FFE5CE;
		height: 195px;
	}
		/* History trends timeline */
		#htLine {
			margin: 140px 35px 0 35px;
			height: 10px;
		}
			#htLine ul {
				list-style-type: none; 
				margin: 0; 
				padding: 0;
			}
				#htLine ul li { 
					float: left;
				}
					#htLine .png2fix {
						float: left;
						cursor: pointer;
					}
					.htOrangeLine {
						float: left;
						height: 1px;
						width: 20px;
						background-color: #FB7300;
						margin-top: 6px;
						font-size: 1px;
					}
					/* History trends tooltip */
					.htTooltip {
						position: absolute; 
						display:none; 
						behavior: url(iepngfix.htc);
						background: url(../gfx/historytrendscatbg.png);
						height: 106px; 
						width: 94px; 
						margin: -115px 0 0 -46px;
						text-align: center;
						white-space: nowrap;
						color: #FFF;
						font-family: "Arial Black", Arial, Helvetica, sans-serif;
						padding: 2px 4px;
						overflow: hidden;
						cursor: pointer;
					}
					.htTooltip img {
						margin: 5px auto 0 auto;
					}
	#htBottom {
		padding: 15px;
		background-image: url(../gfx/historytrendsbottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		background-color: #FFF1E5;
	}
		#htBottom h1 {
			margin: 0;
		}
		#htBottom img {
			float: right;
			padding-left: 15px;
		}
		
/* speelgoedwijzer */
#speelgoedwijzer {
	width: 524px;
}
	#swTop {
		padding: 10px;
		background-image: url(../gfx/speelgoedwijzertop.gif);
		background-repeat: no-repeat;
		background-position: top;
		background-color: #FFF1E5;
	}
		#swTop h1 {
			margin-bottom: 7px;
			position:relative;
		}
		.swGender {
			 float: left; 
			 margin: 30px 7px 0 0; 
			 text-align: center;
		}
			.swGender img {
				cursor: pointer;
			}
			.swGender h1 {				 
				margin: 5px 0 -25px 0;
			}
			
		.swAgeCategoryItem {
			float: left;
			cursor: pointer;
			text-align: center;
			width: 83px;
			margin-bottom: 10px;
		}
			.swAgeCategoryItem h1 {
				margin: 0;
				padding-top: 10px;
				background: #FFF1E5;
			}
			.swAgeCategoryItemIMG {
				padding: 5px 0;				
				background-color: #FB7300;
			}
			.swAgeCategoryItemImg {
				width: 83px;
				height: 53px;
				text-align: center;
				margin: 10px 0;
				border: 1px solid #FC8C27;
				border-width: 0 1px;
			}
		
		#swIntrests {
			margin-left: 35px;
		}
			.swIntrest {
				float: left;
				width: 136px;
				height: 89px;
				cursor: pointer;
				margin: 0 15px 15px 0;
			}
		
		
		#swAdviceInfoCol,
		#swAdviceProducts,
		#swAdviceInfoQuicklinks {
			float: left;
		}
		#swAdviceInfoCol {
			width: 166px;			
			background-image: url(../gfx/speelgoedwijzer/info.gif);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #FB7300;
			color: #FFF;
			padding: 50px 5px 0 5px;
		}
		#swAdviceProducts {
			width: 176px;			
			background-image: url(../gfx/speelgoedwijzer/advies.gif);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #FB7300;
			color: #FFF;
			padding: 50px 0 0 0;
			margin: 0 10px;
		}
			.swAdviceProduct {
				border-bottom: 1px solid #FCA458;
				padding: 5px;
				font-weight: bold;
			}
		#swAdviceInfoQuicklinks {
			width: 125px;
			padding-bottom: 50px;
		}
			#swAdviceInfoQuicklinks a {
				color: #333;
			}
		
		.swAdviceBottomCols {
			width: 176px;
			height: 5px;
			background-image: url(../gfx/speelgoedwijzer/bg.gif);
			background-repeat: no-repeat;
			background-position: bottom;
			margin-top: 50px;
		}
				
	#swBottom {
		height: 4px;
		background-image: url(../gfx/historytrendsbottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		background-color: #FFF1E5;
	}