/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */
@import "../admin/library/JavaScript/dijit/themes/dijit.css";
@import "../admin/library/JavaScript/dijit/themes/tundra/Dialog.css";

html,body{
	font: 12px Arial,Helvetica,Verdana ;
	color:#332B53;
	line-height:15px;
	padding:0;
	margin: 0;
	overflow-x:hidden; 
	overflow-y:hidden; 
	background:url(../images/header_bg.gif) repeat-x top  #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #73BE1E;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color:#73BE1E;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #73BE1E;	
}

#placeholder{
	margin:0;
	padding:0;
	width:100%;
	/*margin-top:20px;*/
}

#placeholder_home{
	margin:0;
	padding:0;
	width:100%;

}

	#container {
		padding: 0;
		margin: 0 auto;
		width: 994px;
	}
		
		#header{
			float:left;
			margin:0;
			padding:0;
			width:100%;
			z-index:1000;
		}
		
			#logo a{
				float:left;
				margin:0;
				padding:0;
				width:155px;
				height:73px;
				background:url(../images/b4_logo.gif) no-repeat;
			}
			
			#koptekst{
				float:right;
				height:33px;
				color:#fff;
				margin:0;
				padding:0;
				font-weight:bold;
				font-size:30px;
				padding-top:40px;
			}
		
			#menu{
				float:left;
				margin:0px;
				padding:0px;
				height:27px;
				
				width:100%;
			}

				#menu ul{
					margin:0;
					padding:0;
				}
				#menu li{
					margin:0;
					padding:0;
					display:inline;
				}
				#menu li a{
					float:left;
					font-size:12px;
					width:60px;
					border-left:1px solid #fff;
					text-decoration:none;
					margin-top:5px;
					padding-top:3px;
					text-align:center;
					height:17px;
					color:#fff;
					font-weight:normal;	
				}
				#menu li a:hover, #menu li.active a, #menu li a.active{
					color:#73BE1E;
					font-weight:bold;
				}
			
				#menu li.last a{
					border-right:1px solid #fff;
					width:90px;
				}
				
				#menu li.print a{
					float:right;
					border-right:1px solid #fff;
				}
				
					#menu li.menu1 a{
						width:65px;
					}
					#menu li.menu2 a{
						width:100px;
					}
					#menu li.menu3 a{
						width:105px;
					}
					#menu li.menu4 a{
						width:130px;
					}
					
			.content{
				float:left;
				margin:0;
				padding:0;
				margin-top:3px;
				border:1px solid #332b53;
				background:url(../images/estro.gif) no-repeat left bottom;
				/*background:url(../images/content_bg.gif) repeat-y;*/
			}
			
			.home{
				width:100%;
				border:0px solid red;
				background:none;
			}
			
			#home_blok{
				position: relative;
				float:left;
				width:995px;
				height:506px;
				margin:0;
				padding:0;
				top: -50%;
				background:url(../images/home_content_bg_klein.jpg) no-repeat ;
			}
			
			.content_start{
				float:left;
			}
				
				#home_blok ul{
					margin:0px;
					padding:0px;
				}
				#home_blok li{
					list-style:none;
					margin:0px;
					padding:0px;
					display:inline;
					
				}
				#home_blok li a{
					float:left;
					margin:0;
					padding:0;
					padding-top:75px;
					width:328px;
					height:95px;
					color:#fff;
					line-height:25px;
					font-size:20px;
					text-align:center;
					text-decoration:none;
				}
				#home_blok li a:hover{
					color:#332b53;
				}
				
				#home_blok li.breed a{
					margin-left:332px;
					margin-right:250px;
					
				}
				#home_blok li.mright a{
					margin-right:332px;
				}
				
				#kolom1{
					float:left;
					margin:0;
					padding:0;
					width:207px;
					/*height:480px;*/
				}
				
				#kolom2{
					position:relative;
					float:left;
					margin:0;
					padding:0;
					width:462px;
					height:480px;
					padding:30px;
					overflow:auto;
					overflow-x:hidden; 
					scrollbar-face-color: #fff;
					scrollbar-highlight-color: #73BE1E;
					scrollbar-3dlight-color: #fff;
					scrollbar-shadow-color:#73BE1E;
					scrollbar-darkshadow-color: #fff;
					scrollbar-track-color: #fff;
					border-left:1px solid #332b53;
					scrollbar-arrow-color: #73BE1E;	
				}
				#kolom3{
					float:left;
					margin:0;
					padding:0;
					width:262px;
					height:500px;
					background:url(../images/afbeelding.jpg) no-repeat center top #332a54;
					background-position:2px 70px;
				}
				
				.res1024 #kolom2{
					height:900px;
				}
				
					.kolom3_nieuwsbriefitem {
						width:205px;
						padding:10px;
						padding-left:30px;
						padding-right:30px;
						border-bottom:1px solid white;
						
					}
					
					#kolom3 h2 {
						color:white;
						font-size:15px;
						padding-left:15px;
						margin-top:50px;
					}
				
				/* opsommingstekens in de tekst*/				
				#kolom2 ul {
					margin:0;
					margin-left:12px;
					padding:0px;
					padding-left:4px;
				}
				
				#kolom2 li {
					margin:0;
					padding:0px;
				}
				
				#kolom2 table ul  {
					margin-left:12px;
				}
								
				#kolom2.openbaaralbum div.nav_download {
					display:none;	
				}
				
		/*#footer{
			float:left;
			margin:0;
			width:100%;
			padding:0;
			height:27px;
			margin-top:3px;
			background:#332b53;
		}*/
		
		#footer{
			position:absolute;
			bottom:0px;
			width:100%;
			height:27px;
			background:#332b53;
			z-index:10;
			border-top:1px solid white;
		}		
		
			#footer_menu{	
				position:absolute;
				right:0;
				padding:0;
				margin:0;
				margin:0em auto;
			}
				#footer_menu ul{
					margin:0;
					padding:0;
					padding-right:10px;
				}
				#footer_menu li{
					margin:0;
					padding:0;
					display:inline;
				}
				#footer_menu li a{
					float:left;
					font-size:12px;
					border-left:1px solid #fff;
					font-weight:normal;
					text-decoration:none;
					text-align:center;
					margin-top:5px;
					padding-top:3px;
					width:86px;					
					height:17px;
					color:#fff;
					font-weight:normal;
				}
				#footer_menu li a:hover, #footer_menu li a.actief{
					color:#73BE1E;
					font-weight:bold;
				}
				
				#footer_menu li.last a{
					border-right:1px solid #fff;
				}
				
				#footer_menu li a.breed {
					width:126px;		
				}
			
.clearer {
	clear: both; 
	line-height:0; 
	float: none;
}

/****************************************************
				LOCATIE ZOEKEN PAGINA
****************************************************/
.locatie_regel {
	border:1px solid gray;
	padding:5px;
	margin-top:5px;
}
	
.locatie_regel_opvangvormen {
	float:right;
	width:200px;
	
}	
	
	
.kader {	
	border:1px solid gray;
	padding:5px;
	margin-top:5px;
}
/****************************************************
				CONTENT STYLES	
****************************************************/

h1{	
	font-size:25px;
	line-height:30px;
	font-weight:normal;
}

h2{
	font-size:14px;
	font-weight:bold;
	margin-top:19px;
	margin-bottom:0px;
}

h3 {
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0px;
}

/*
h2{
	font-size:20px;
	line-height:30px;
	font-weight:normal;
}

h3{
	font-size:18px;
	color:#73BE1E;
	font-weight:normal;
}

h5{
	font-size:12px;
	color:#73BE1E;
	font-weight:normal;
}
*/




a{
	color:#332b53;
	/*font-weight:bold;*/
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

h4 a {
text-decoration:none;
}


			
.DisplayPrint {
	display:none;
}

/****************************************************
			GOOGLE MAPS	
****************************************************/
#gmap {
	position: relative;
	width: 450px; 
	height: 400px;
	clear:both;
}

#gmap_small {
	float:right;
	position: relative;
	width: 250px; 
	height: 250px;
	border:1px solid gray;
	overflow:hidden;
}

/****************************************************
			FORM ELEMENTS
****************************************************/

.button, input, select, textarea,
	.tundra .dijitTextBox, .tundra .dijitComboBox, .tundra .dijitSpinner, .tundra .dijitTextArea, .tundra .dijitInlineEditor input {
	border:1px solid #73BE1E;
	background:white;
}

.button {
	font-weight:bold;
	color:#73BE1E;
}


/* AANMELDEN BSN */
.dv_bsn_label {
	float:left;
	width:127px;
}

.dv_bsn_dubbelepunt {
	float:left;	
	width:6px;
}

.dv_bsn_input {
	float:left;
	width:260px;
	margin-left:4px;
}


/****************************************************
			BREEDTE VERGROTER	
****************************************************/

/* breedte is + 252*/

body.res1280{
	background:url(../images/header1280_bg.gif) repeat-x top;
}

.res1280 .content{
	/*background:url(../images/content_bg_groot.gif) repeat-y;*/
}

.res1280 #container {
	padding: 0;
	margin: 0 auto;
	width: 1246px;
}
.res1280 #kolom1{
	width:206px;
	height:735px;
}
.res1280 #kolom2{
	width:714px;
	height:675px;
	padding:30px;
}
.res1280 #kolom3{
	width:262px;
}

.res1280 #placeholder_home{
	/*background:url(../images/home_bg_groot.gif) center center repeat-x  ;*/
}

.res1280 #home_blok{
	float:left;
	width:1249px;
	height:763px;
	margin:0;
	padding:0;
	/*background:url(../images/home_content_bg.jpg) top left  no-repeat;*/
}


.res1280 #home_blok li a{
	float:left;
	margin:0;
	padding:0;
	padding-top:100px;
	width:412px;
	height:153px;
	color:#fff;
	line-height:35px;
	font-size:22px;
	text-align:center;
	text-decoration:none;
}

.res1280 #home_blok li a:hover{
	color:#332b53;
}

.res1280 #home_blok li.mright a{
	margin-right:424px;
}

.res1280 #home_blok li.breed a{
	margin-left:420px;
	margin-right:550px;
}

.res1280 .content home{
	width:1252px;
	height:763px;
}

.res1280 .home{
	background:none;
}

.res1280 #gmap {
	width: 700px; 
	height: 550px;
}


.honderdprocent {
	width:100%;
}
/**********************************************
*											  *
*				STAPPEN BALK				  *
*											  *
**********************************************/

#stappen{
	float:left;
	width:450px;;
	height:50px;
	margin:0px;
	font-weight:bold;
	overflow:hidden;
}


a.stap_blok_holder, a.stap_blok_holder_actief {
	float:left;
	color:#000;
	padding:3px;
	margin:2px;
	border:1px solid #73be1e;
	text-align:center;
	display:block;
}

a.stap_blok_holder:active, .stap_blok_holder a.stap_blok_holder:hover, a.stap_blok_holder_actief {
	color:#fff;
	background-color:#73be1e;
}


#form_validation {
	color:red;
}

#kolom2 table.tblContent {
	border-width: 0px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	border:1px solid #332b53;
}

#kolom2 table.tblContent td {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
	font-weight:normal;
}

#kolom2 table.tblContent td.tblHeader {
	background-color:#332b53;
	color:white;
}

#kolom2 p {
	margin:0;
	margin-top:1px;
}

	#kolom2 td p {
	 	margin-bottom:0px;
	}

.vacature_details_print {
	display:none;
}


hr {
	height:0px;
	border-top:1px solid #332b53;
}

.dijitDialogUnderlay {background: #332b53; opacity: 0.5;}

/* KALENDER */
 .tundra .dijitCalendarIncrementControl {width:15px; height:15px; background-image: url("/images/spriteRoundedIconsSmall.png"); background-repeat: no-repeat}.dj_ie6 .tundra .dijitCalendarIncrementControl {font-size:.1em; background-image: url("/images/spriteRoundedIconsSmall.gif");}.tundra .dijitA11ySideArrow {display: none;}.tundra .dijitCalendarDecrease {background-position: top left;}.tundra .dijitCalendarIncrease {background-position: -30px top;}.tundra table.dijitCalendarContainer {font-size: 100%; border-spacing: 0; border-collapse: separate; border: 1px solid #ccc; margin: 0;}.tundra .dijitCalendarMonthContainer th {background:#73be1e url("images/titleBar.png") repeat-x top; padding-top:.3em; padding-bottom:.2em; text-align:center;}.dj_ie6 .tundra .dijitCalendarMonthContainer th {padding-top:.2em; padding-bottom:.1em;}.tundra .dijitCalendarDayLabelTemplate {background:white url("images/calendarDayLabel.png") repeat-x bottom; font-weight:normal; padding-top:.15em; padding-bottom:0em; border-top: 1px solid #eeeeee; color:#293a4b; text-align:center;}.tundra .dijitCalendarBodyContainer {border-bottom: 1px solid #eeeeee;}.tundra .dijitCalendarMonthLabel {color:#293a4b; font-weight: bold;}.tundra .dijitCalendarDateTemplate {font-size: 0.9em; font-weight: bold; text-align: center; padding: 0.3em 0.3em 0.05em 0.3em; letter-spacing: 1px;}.dj_ie .tundra .dijitCalendarDateTemplate {padding: 0.1em .33em 0.02em .33em;}.tundra .dijitCalendarPreviousMonth,.tundra .dijitCalendarNextMonth {color:#999999; background-color:#f8f8f8 !important;}.tundra .dijitCalendarPreviousMonthDisabled,.tundra .dijitCalendarNextMonthDisabled {background-color:#a4a5a6 !important;}.tundra .dijitCalendarCurrentMonth {background-color:white !important;}.tundra .dijitCalendarCurrentMonthDisabled {background-color:#bbbbbc !important;}.tundra .dijitCalendarDisabledDate {cursor:default !important; text-decoration:line-through !important;}.tundra .dijitCalendarCurrentDate {text-decoration:underline; font-weight:bold;}.tundra .dijitCalendarHoveredDate {background-color: #e2ebf2 !important;}.tundra .dijitCalendarSelectedDate {background-color:#bbc4d0 !important; color:black !important;}.tundra .dijitCalendarYearContainer {background:white url("images/calendarYearLabel.png") repeat-x bottom; border-top:1px solid #ccc;}.tundra .dijitCalendarYearLabel {margin:0; padding:0.4em 0 0.25em 0; text-align:center;}.tundra .dijitCalendarSelectedYear {color:black; padding:0.2em; padding-bottom:0.1em; background-color:#bbc4d0 !important;}.tundra .dijitCalendarNextYear,.tundra .dijitCalendarPreviousYear {color:black !important; font-weight:normal;}
 
#kolom3 a {
	color: #fff;
}