/* *************************************************************

NAME: style.css
DATE: 02/09/2007...
DESCRIPTION: general styles for Dijk en Duin

blauw bg: #dddaeb
text: #536070

************************************************************* */

/* **************** BODY / LAYOUT / PAGE CONTAINER STYLES **************** */

body {
	border-top: 4px solid #91d501;
	margin: 0px;
	background: #dddaeb url('/images/dijk-en-duin/bg_top.jpg') top left repeat-x;
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #44416c;
	font-size:12px;
	behavior: url("/css/dijk-en-duin/csshover.htc");
}

.clearer {
	clear:  both;
}

#wrapper {
	width: 990px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: transparent;
	border: 0px solid #000;
}

div.breadcrumb {
	clear: both;
	position: relative;
	float: left;
	margin: 15px 0px 0px 20px;
	font-weight: normal;
	font-size: 11px;
	color: #999999;
}

a.breadcrumblink, a.breadcrumblink:visited, a.breadcrumblink:link, a.breadcrumblink:active {
	color: #999999;
	text-decoration: none;
}

a.breadcrumblink:hover {
	text-decoration: underline;
}

div#container {
	position: relative;
	float:left;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid #000;
	width:990px;
}

div#main {
	position: relative;
	float:right;
	width: 730px;
	background: url('/images/dijk-en-duin/shadowAlpha.png') repeat-y bottom right !important;
	padding: 0px;
	margin: 10px 0 10px 260px !important;
	margin: 10px 0 10px 0px;
}

div#main .content {
	position:relative;
	bottom: 6px;
	right: 6px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 1px solid #a4abb3;
	background: #fff url('/images/dijk-en-duin/bg_content.jpg') top right repeat-y;

}

div#main_content {
	border: 0px solid #000;
	margin: 36px 0px 15px 28px;
	background: transparent;
	min-height: 450px;
	width: 480px;
}

div#main_content a{
	color: #437c00;
	font-size	: 12px;
}

div#main_content div img {
	position: relative;
	padding: 0 5px 0 5px;
}

div#print_audio img {
	position: relative;
	float: right;
	padding: 0 5px 0 5px;
}

div#navigation {
	position: relative;
	float:left;
	margin: 25px 0 0 0;
	border: 0px solid #a4abb3;
	width:240px;
	margin-left:-990px;
	background: url('/images/dijk-en-duin/shadowAlphaLeft.png') no-repeat bottom left !important;
}

div#navigation .content{
	position:relative;
	bottom:6px;
	left: 6px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border: 1px solid #a4abb3;
	background: #F3F2F2;
}

div#extra {
	position:relative;
	float:right;
	border: 0px solid #000;
	margin:0;
	padding: 28px 15px 36px 0px;
	width:145px;
}

#parnassia_header {
	position: absolute;
	top: 0px;
	right:175px;
	background-color: #FFFFFF;
	height: 7px;
	width: 27px;

}

#parnassia_witbalk_footer {
	background-color: red;
	width: 10px;
	height: 20px;
	position: absolute;
	bottom: 0px;
	right:0px;
}

#parnassia_footer {
	position: absolute;
	bottom: 0px;
	right:0px;
	height: 147px;
	width: 201px;
	background: url('/images/dijk-en-duin/footer_colors.jpg') bottom left no-repeat;
}


/* **************** HEADER **************** */

#header {
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	border: 0px solid #000;
	z-index: 5;
}

#header form {
	position: relative;
	float: right;
	margin: 45px 10px 0px 0px;
	border: 0px solid #000;
}

#search-top {
	margin: 0;
	padding: 0;
}

#search-top input,
#search-top img {
	vertical-align: middle;
}

#header div {
	position:relative;
	float:left;
 	border: 0px solid #000;
	padding: 44px 0 0 10px;
}
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav img {
	float: left;
}

#nav li {
	position:relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: transparent url('/images/dijk-en-duin/nav_border.gif') bottom right no-repeat;
}

#nav li a:link, #nav li a:visited {
	position:relative;
	float: left;
	padding: 50px 27px 9px 27px;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	border-right: 0px solid #c60;
	color: #777687;
}

#nav li a:hover {
	color:#777687;
	background: transparent url('/images/dijk-en-duin/nav_hover.gif') bottom left repeat-x;
}

#nav div {
	position: relative;
	float:left;
	padding: 45px 5px 0px 80px;
	border: 1px solid #000;
}

#nav form{
	position: relative;
	padding: 45px 36px 0px 5px;
	float: right;
}

#nav form input,
#nav form img {
	padding: 0px 0 0 0;
	vertical-align: middle;
}


#nav ul { /* all lists */
  position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 5;
}

#nav li { /* all list items */
	float: left;
	position: relative;
}


#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	border: 1px solid #000;
	padding: 0;
	margin: 75px 0 0 0;
	z-index: 5;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: 0px;
	z-index: 5;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
	position: absolute;
	width: 204px;
	border: 1px solid #c9d3db;
	z-index:100;
}

.over {
	display: 50;
}

#nav li ul li a:link, #nav li ul li a:visited {
	position:relative;
	float: left;
	width:150px;
	padding: 15px 27px 15px 27px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	font-size: 14px;
	border-bottom: 1px solid #c8d3da;
	color: #777687;
	background: transparent url('/images/dijk-en-duin/nav_hover.gif') bottom left repeat-x;
	z-index:5;
}

#nav li ul li a:hover {
	color:#fff;
	z-index:5;
	background: transparent url('/images/dijk-en-duin/nav_active.gif') bottom left repeat-x;
}

#main_content_home{
	height			 : 416px;
	background-repeat: no-repeat;
	position		 : relative;
}

/* **************** TYPO **************** */

a:link, a:visited, a:active {
	color: #031f5e;
	font-size: 11px;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}
h1 {
	font-size: 16px;
	font-weight: normal;
	color: #44416c;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #e7ebf1;
}

h2 {
	margin:0;
	padding:0;
	color: #031f5e;
	font-size: 14px;
	font-weight: normal;
}

h3 {
	color: #6c7080;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 3px 0;
	background: url('/images/dijk-en-duin/btn_extra_close.gif') top right no-repeat;
	border-bottom: 1px solid #e7ebf1;
}

h3.open {
	cursor: pointer;
	background: url('/images/dijk-en-duin/btn_extra_open.gif') top right no-repeat;
}
h3.close{
  cursor: pointer;
	background: url('/images/dijk-en-duin/btn_extra_close.gif') top right no-repeat;
}

p {
	line-height: 16px;
}

p.terug {
	padding: 25px 0 25px 20px;
	margin:0;
	line-height	: 12px;
	background: url(/images/dijk-en-duin/btn_terug.gif) 0px 25px  no-repeat;
}

#extra strong {
	color: #2e296b;
}

#extra a:link, #extra a:visited, #extra a:active {
	color: #437C00;
	font-size: 12px;
}

#extra a:hover {
	text-decoration: none;
}

#extra a.news:link, #extra a.news:visited, #extra a.news:active {
	color: #63608a;
	font-size: 12px;
	text-decoration: none;
}

#extra a.news:hover {
	text-decoration: underline;
}

#extra a:hover.verder {
	text-decoration: none;
}


/* **************** HUIZEN LIST  **************** */

.huizen {
	margin: 0;
	/* display: inine; */
	border: 0px solid #000;
	padding: 0 12px 0 12px;
}

.huizen p {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e2e7ef;
}

div#main_content .huizen a:link, div#main_content .huizen a:active, div#main_content .huizen a:visited {
	padding: 0 6px 0 0px;
	margin:0px;
	color: #4e627e;
	text-decoration: none;
}

.huizen a:hover {
	color: #001659;
	font-weight: normal;
}

.huizen p a img {
	float: right;
	text-align: left;
	padding: 0 0px 0 0px;
	border: 0px solid #000;
}


.blader {
	text-align: center;
	border-bottom: 0px;
}

.blader img {
	padding:0;
	margin:0;
}

.blader img.paging {
	padding:0;
	margin:0;
	float:none;
}



/* **************** LIST **************** */

#links div img {
 float:none;
}
#main_content #links {
  float:none;
}
#main_content #links div {
  float:none;
}


#links ul {
	position: relative;
	margin: 0px;
	padding:0px;
	list-style-type: none;
}

#links li {
	margin: 5px 0;
}

#links li a {
	position: relative;
	color: #5e6878;
	display: block;
	border: 1px solid #dfe0e0;
	background: #ffffcc url(/images/dijk-en-duin/bg_text_inactive.jpg) top right repeat-x;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 8px;
	margin: 0px;
	text-decoration: none;
}

#links li a:hover {
  position: relative;
	border: 1px solid #d1c7b1;
	display: block;
	padding:8px;
	margin: 0px;
	color: #726546;
	background: #f6e5be url(/images/dijk-en-duin/bg_text_active.jpg) top right repeat-x;
}

* html #links li a {  /* make hover effect work in IE */
 	border: 1px solid #d1c7b1;
 	display: block;
 	height: 1%;
	color: #726546;
	background: #f6e5be url(/images/dijk-en-duin/bg_text_inactive.jpg) top right repeat-x;
}

#links li a:hover {
	border: 1px solid #d1c7b1;
	display: block;
	padding:8px;
	margin: 0px;
	color: #726546;
	background: #f6e5be url(/images/dijk-en-duin/bg_text_active.jpg) top right repeat-x;
}

#links li a.active {
	border: 1px solid #d1c7b1;
	display: block;
	padding: 8px;
	margin: 0px;
	color: #726546;
	background: #f6e5be url(/images/dijk-en-duin/bg_text_active_open.jpg) top right repeat-x;
}

#links a em {
	color: #333;
	display: block;
}

#links a span {
	display: block;
	color: #5e6878;
	font-weight: normal;
}

#links div {
	border: 1px solid #ccc;
}

#links div p{
	margin: 0px;
	padding: 5px 10px 5px 10px;

}

#links div p.terug{
	margin: 0px;
	padding: 5px 10px 5px 30px;
	background: url(/images/dijk-en-duin/btn_terug.gif) 10px 6px  no-repeat;


}


/* **************** FOOTER **************** */

#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 15px 0 5px 0;
	background: #282368;
	}
#footer-inner {
	width: 750px;
	margin: 0 auto 10px auto;
	padding: 0 15px;
	text-align: left;
	}
#footer p {
	margin: 0 0 8px 0;
	padding: 0;
	text-align: center;
	font-size: 11px;
	}
#footer p img {
	position: absolute;
	top: 8px;
}
#footer a.footer_link {
	color: white;
	padding: 0 10px 0px 40px;
	text-decoration:none;
	}
#footer p#copyright {
	margin-top: 20px;
	padding: 2px 0;
	color: #abb9c7;
	font-size: 10px;
	}
#footer select {
	margin: 0px 0px 0px 70px;
}


/* **************** ACCORDION STYLES **************** */

.accordion_toggle {
	height: 42px;
	width: 235px;
	background: #f3f2f2 url(/images/dijk-en-duin/bg_accordionmenu.gif) top left repeat-x;
	line-height: 15px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 0px solid #333;
	border-bottom: 2px solid #c6cdd6;
	font-size: 10px;
	color: #fff;
	margin: 0;
	padding: 3px 0 3px 3px;
	cursor: pointer;
}

.accordion_toggle h1{
	margin:0;
	padding: 6px 0 3px 75px;
	border:0;
}

.accordion_toggle h2 {
	margin:0;
	padding:0 0 0 75px;
	color: #585d6f;
	font-size:12px;
	border:0;
}

.accordion_toggle div.header1{
	margin:0;
	padding: 6px 0 3px 75px;
	border:0;
	font-size: 18px;
	font-weight: normal;
	color: #cc692b;
}

.accordion_toggle div.header2 {
	margin:0;
	padding:0 0 0 75px;
	border:0;
	color: #031f5e;
	font-size: 14px;
	font-weight: normal;
}

.accordion_toggle p {
	padding: 0px 10px 15px 10px;
}

.accordion_toggle_active {
	margin:0;
	padding: 3px 0 3px 3px;
	border-bottom: 2px solid #f3f2f2;
	background: #f3f2f2 url('/images/dijk-en-duin/bg_accordionmenu.gif') top left repeat-x;
	color: #6a6a6a;
}

.accordion_toggle_active strong {
	color: #c00000;
}

.accordion_content {
	background-color: #f3f2f2;
	overflow: hidden;
	padding: 0;
	margin:0;
	height: 0px;
}

.accordion_content div{
	padding: 0 5px 20px 5px;
	margin:0;
}

.accordion_content div p{
	line-height: 16px;
	font-size: 11px;
}

.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content a:link, .accordion_content a:visited, .accordion_content a:active {
	display: block;
	padding: 0;
	margin:0;
	border: 0px solid #000;
	line-height: 18px;
	font-size: 11px;
	color: #44416c;
	background: url(/images/dijk-en-duin/acc_meer.gif) center right no-repeat;
}

.accordion_content a:hover {
	text-decoration: underline;
	color: #437c00;
}

.accordion_content a.active:link, .accordion_content a.active:visited, .accordion_content a.active:active {
	display: block;
	padding: 0;
	margin:0;
	border: 0px solid #000;
	line-height: 18px;
	font-size: 11px;
	color: #437c00;
	background: url(/images/dijk-en-duin/acc_meer_green.gif) center right no-repeat;
	text-decoration: none;
}

.accordion_content a.active:hover {
	text-decoration: underline;
}


/* FOMULIER */


/* **************** ZOEKFORM *************** */


fieldset {
	margin: 10px 0 10px 0;
	padding: 10px;
	display: block;
	border: 1px solid #c0d2db;
	color: :#264a5e;
	font-weight: bold;
	background: #f6e5be url(/images/dijk-en-duin/bg_form.jpg) top left repeat-x;
}
legend {
	display: none;
}

/*

label {
	display: inline;
}

select select {
	display: inline;
}

label.firstsearch {
	border: 1px solid #000;
	display: block;
}

label.first {
	position:relative;
	display: block;
	padding: 5px;
	width: 210px;
	float: left;
}

label select {
	border: 1px solid #000;
}

*/


/* **************** Zorgprogramma's *************** */
#zorgprogramma_overview {
	width : 470px;
}

#zorgprogramma_overview .zp_overview {
	width: 174px;
	height: 81px;
	background: url(/images/dijk-en-duin/zp_overview_normal.gif);
	cursor: pointer;
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 25px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#zorgprogramma_detail a.headernonactive {
	position: relative;
	color: #5e6878;
	display: block;
	border: 1px solid #dfe0e0;
	background: #ffffcc url(/images/dijk-en-duin/bg_text_inactive.jpg) top right repeat-x;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 8px;
	margin: 0px;
	text-decoration: none;
	width: 462px;
}

#zorgprogramma_detail a.headernonactive h2 {
	color: #5e6878;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

#zorgprogramma_detail a.headernonactive:hover {
  position: relative;
	border: 1px solid #cdc9de;
	display: block;
	padding:8px;
	margin: 0px;
	color: #241C8A;
	width: 462px;
	background: #f6e5be url(/images/dijk-en-duin/bg_text_active.jpg) top right repeat-x;
}

#zorgprogramma_detail a.headernonactive:hover h2 {
	color: #241C8A;
	margin: 0px;
	padding: 0px;
}

#zorgprogramma_detail a.headeractive {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #cdc9de;
	display: block;
	padding: 8px;
	margin: 0px;
	color: #241C8A;
	width: 462px;
	background: #f6e5be url(/images/dijk-en-duin/bg_text_active_open.jpg) top right repeat-x;
}

#zorgprogramma_detail a.headeractive h2 {
	font-weight: bold;
	font-size: 12px;
	color: #241C8A;
	margin: 0px;
	padding: 0px;
}

#zorgprogramma_detail .item {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#zorgprogramma_detail .item p {
	margin: 0;
	padding: 5px 10px 5px 10px;
}

/* **************** Testcentre *************** */
#testcentre_overview {
	width : 470px;
}

#testcentre_overview .tc_overview {
	width: 174px;
	height: 81px;
	background: url(/images/dijk-en-duin/zp_overview_normal.gif);
	cursor: pointer;
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 25px;
	margin-right: 20px;
	margin-bottom: 20px;
}


a img{
	border 		: none;
}

#ultraseek {}

#ultraseek #header_resultset {
	background-color		: #f4f4f4;
	border-top				: 1px solid #d7d6d6;
}

#ultraseek #resultset {
}

#ultraseek #footer_resultset {
	background-color		: #f4f4f4;
	border-bottom			: 1px solid #d7d6d6;
}

#locatienet_error {
	display					: none;
	color					: #AF3527;
}

.error {
	color					: #AF3527;
}

.top{
	width		: 470px;
}

div.details{
	width		: 100px;
}

span.left{
	float		: left;
}

span.right{
	float		: right;
}

.detail{
	margin-left	: 10px;

}

div.row{
	margin-top	: 25px;
	margin-bottom : 15px;
	height		: 1px;
	width		: 470px;
	background-color : #e7ebf1;
}

span.space{
	margin-left	: 5px;
}

#extra {
	z-index: 99;
}

#extra h3 {
	cursor	: pointer;
}

#extra .flexcontent {
	display: none;
}

/* News */
div.news_item{
	margin-top			: 10px;
	margin-bottom		: 5px;
}

div.nieuws_title{
	font-weight			: bold;
}

div.nieuws_leesmeer{
	width				: 470px;
	text-align			: right;
	padding-right		: 10px;
	background			: url(/images/dijk-en-duin/acc_meer.gif) center right no-repeat;
}

div.clearer{
	clear				: both;
}

div.back_to_overview{
	width				: 470px;
	text-align			: right;
}


/* Locatie net*/
#locatienet_map{
	width				: 470px;
}

div#locatienet_north{
	width				: 430px;
	text-align			: center;
}

div#locatienet_west{
	float				: left;
	height				: 170px;
	padding-top			: 130px;
	text-align			: right;
}

div#locatienet_image{
	float				: left;
	width				: 410px;
	height				: 300px;
	margin-top			: 10px;
	margin-bottom		: 10px;
}

div#locatienet_east{
	float				: left;
	height				: 170px;
	padding-top			: 130px;
}

div#locatienet_south{
	width				: 430px;
	text-align			: center;
}

div#locatienet_scale{
	width				: 445px;
	margin-left			: 25px;
}

div#locatienet_print{
	width				: 470px;
	text-align			: right;
}

div.scale_item1{
	line-height			: 20px;
	height				: 20px;
	padding-left		: 30px;
	background			: url(/images/locatienet/point6.gif) center left no-repeat;
}
div.scale_item2{
	line-height			: 20px;
	height				: 20px;
	padding-left		: 30px;
	background			: url(/images/locatienet/point5.gif) center left no-repeat;
}
div.scale_item3{
	line-height			: 20px;
	height				: 20px;
	padding-left		: 30px;
	background			: url(/images/locatienet/point4.gif) center left no-repeat;
}
div.scale_item4{
	line-height			: 20px;
	height				: 20px;
	padding-left		: 30px;
	background			: url(/images/locatienet/point3.gif) center left no-repeat;
}
div.scale_item5{
	line-height			: 20px;
	height				: 20px;
	padding-left		: 30px;
	background			: url(/images/locatienet/point2.gif) center left no-repeat;
}
div.scale_item6{
	line-height			: 20px;
	height				: 20px;
	margin-left			: 1px;
	padding-left		: 29px;
	background			: url(/images/locatienet/point1.gif) center left no-repeat;
}

/* Homepage */
#ervaar_parnassia{
	position 			: absolute;

	height				: 80px;
	width				: 140px;

	left				: 380px;
	top					: 60px;

	cursor				: pointer;
}

#ervaar_parnassia_video{
	position 			: absolute;

	padding-top			: 8px;

	height				: 128px;
	width				: 140px;

	left				: 348px;
	top					: 40px;

}

#ervaar_parnassia_text{
	position 			: absolute;

	height				: 105px;
	width				: 130px;

	left				: 350px;
	top					: 250px;

	color				: #2d286b;
	font-size			: 12px;
	padding-left		: 5px;
	padding-right		: 5px;
}

.ervaar_parnassia_video_item{
	width				: 57px;


	margin-left			: 5px;
	margin-right		: 5px;
	margin-top			: 5px;
	float				: left;
}
img#xp_video1, img#xp_video2, img#xp_video3, img#xp_video4 {
	border 				: 2px solid #85bb12;
}
#ervaar_parnassia_title {
	height 				: 39px;
	width 				: 121px;
	
	position 			: absolute;
	
	top					: 200px;
	left				: 355px;
}
div.verder {
	margin				:0;
	margin-left			: 45px;
	margin-top			: 5px;
	line-height			: 14px;
	width				: 140px;
	padding				: 0px;
}


div#main_content_home{
	width				: 520px;
	margin-top			: 7px;
	margin-bottom		: 7px;
	margin-left			: 7px;
}

div#ervaar_parnassia_expierences{
	position 			: absolute;
	height				: 28px;
	line-height			: 30px;
	width				: 500px;


	top					: 387px;
	left				: 5px;

	color				: #15212d;
	font-size			: 12px;
}

#ervaar_parnassia_expierences .white{
	color				: #FFF;
}

#ervaar_parnassia_expierences a{
	font-size			: 14px;
	text-decoration		: none;
}

select.externalsite {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	border: #A4ABB3;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

hr.flexarea_hr_solid
{
	background-color		: #CC692B;
	color					: #CC692B;
	border					: 0px;
	height					: 1px;
	padding					: 0px;
	width					: 150px;
}

hr.flexarea_hr_dashed
{
	background-color		: #ffffff;
	color					: #ffffff;
	border					: 1px dotted #CC692B;
	height					: 1px;
	padding					: 0px;
	width					: 150px;
}

#zorgprogramma_overview a, #testcentre_overview a {
	text-decoration			: none;
}

div#main_content #zorgprogramma_overview a, #testcentre_overview a {
	text-decoration			: none;
	color					: #284E63;
}

.right_to_left{
	direction: rtl;
	text-align : right;
}