/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:verdana, arial;
    	color:#404040;
    	font-size:10px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:#004668;
    }
    
    a:link, a:visited {
    	text-decoration:underline;
    	color:#000000;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
    	font-size:11px;
    	font-weight:bold;
    	color:#004668;
    }
 
    h2 {    	
	color:#000000;
    	font-size:18px;
    	font-weight:bold;
	padding-bottom:20px;
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
	hr
	{
		background-color:	#004668;
		color:				#004668;
		border:				none;
		border-bottom:		1px solid #004668;
		height:				1px;
		
		margin-top:			25px;
		margin-bottom:		25px;
	}

	
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:960px;
 	position:relative;
 	margin:0 auto;
 	background:white;
 	text-align:left;
    z-index:0;
    border-bottom:7px solid white;
 }
 
  
 div#top {
 	height:95px;
 	width:960px;
    background:url("../images/bgTop.png") top left no-repeat;		
 }
 
 div#top2 {
 	height:		115px;
 	width:960px;
    background: #004668 url("../images/bgTop.png") top left no-repeat;	
 }
 
 div#menu {
 	width:960px;
	background:#dce112;
	height:28px;
	
	margin-top:7px;
 }
 
 div#header 
 {
	height:172px;
 	width:960px;
	
 }
 
 div#header img
 {
 	position:absolute;
 }
 
 div#footer {
 	width:960px;
 	height:28px;
 	background:#dce112;
 }
 
 div#image 
 {
 	float:left;
 	height:171px;
 	width:695px;
    background:url("../images/image.jpg") top left no-repeat;	
 	float:left;
    display:inline;
 	margin-top:7px;
 }
 
 div#image ul
 {
 	margin:0px;
 	padding:0px;
 }
 
 div#image ul li
 {
 	list-style-type:none;
 }
 
 div#calender 
 {
 	margin-top:7px;
 	height:171px;
 	width:265px;
    background:#909394;	
 	float:left;
    display:inline;
	
	text-align:center;
 }
 
 div#overflow 
 {
 	overflow:hidden;
 	position:relative;
 	clear:both;
 }
 
 div#columnLeft 
 {
 	width:643px;
 	float:left;	
 	margin:20px;
    display:inline;
 }
 
 div#columnRight 
 {
 	width:264px;
 	margin-top:7px;
 	float:right;
    display:inline;
 }
 
 
 
 div#zoeken input 
 {
 	width:123px;
 	height:14px;
    background:#ccdae1;	
    border:none;
 }
 
 div#zoeken 
 {
	position:absolute;
	right:5px;
	top:64px;
 }

 div#columnRight>h1 {
 	background:#d6e04c;
 	padding:6px;
 	color:black;
 	text-transform:uppercase;
 	font-size:10px;
 }
 
 a.bekijkKaart {
 	width:77px;
 	height:47px;
 	display:block;
 	color:#004668;
 	text-transform:uppercase;
 	text-align:center;
 	background:#dce112;
 	text-decoration:none;
 	line-height:13px;
 	float:left;
 	margin:12px 0px 0px 600px;
 	padding-top:22px;
 }
 
  a.wijzigGemeente {
 	width:77px;
 	height:47px;
 	display:block;
 	color:#004668;
 	text-transform:uppercase;
 	text-align:center;
 	background:#ffffff;
 	text-decoration:none;
 	line-height:13px;
 	float:left;
 	margin:12px 0px 0px 10px;
 	padding-top:22px;
 }
 
 div#zoeken .btn {
 	background:#004668;
 	width:auto;
 	color:white;
 	width:36px;
 }
 
 .block {
 	width:		252px;
 	background:	#a8bcc6 url(../images/blockBottom.jpg) bottom left no-repeat;
	padding:	0 0 15px 0;
 }
 
 .block h1 {
 	font-size:	18px;
	color:		#fff;
	font-weight:normal;
	text-align:	center;
	margin:		15px 0;
 }
 
 .blockTop {
 	background: #fff url(../images/blockTop.jpg) top left no-repeat;
	width:		252px;
	height:		30px;
 }
 /*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

        /*****************************************************
         * ORGANISATIES
         *****************************************************/

		.blank {
		}
		.highlight {
			background-color: #e9e9e9;
		}
		table.organisatieOverview {
			width: 656px;
		}
		tr.organisatieItem td {
			padding: 5px;
			cursor: pointer;
		}
		tr.organisatieItem:hover {
			background: none repeat scroll 0 0 #C9E1ED;
		}
		
		tr.organisatieItem td a{
			text-decoration:none;
		}

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	table.form
	{
		border-collapse:			separate;
		border-spacing:				10px;
		
		*border-collapse:			expression('separate', cellSpacing = '10px');
		
		margin-left:				-10px;
	}
	
	.req
	{
		font-size:					13px;
		color:						#DF3737;
		text-align:					center;
	}
	
	textarea
	{
		font-size:					13px;
		color:						#4F4F4F;
		
		border:						1px solid #C1C1C1;
		
		width:						250px;
		height:						150px;
	}
	
	select
	{
		font-size:					13px;
		color:						#4F4F4F;
		
		border:						1px solid #C1C1C1;
		
		width:						250px;
		height:						23px;
	}
	
	input.text
	{
		font-size:					13px;
		color:						#4F4F4F;
		
		border:						1px solid #C1C1C1;
		
		width:						250px;
		height:						25px;
	}
	
	input.button
	{
		cursor:						pointer;
		
		width:						250px;
		height:						25px;
	}
	
	.clsInfBlock
	{
		font-family:			verdana,arial;
		color:					#000000;
		line-height:			18px;
		font-size:				11px;
		
		width:					600px;
		
		display:				block;
		padding:				15px;
		
		background-color:		#DFDFDF;
		border:					1px solid #004668;
		border-top:				3px solid #004668;
	}
	
	.clsInfBlock img
	{
		margin-right:			15px;
	}
	


/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
	
	span.month, span.month a
	{
		font-weight:		bold;
		color:				#004668;
		text-decoration:	none;
	}
	
	div#calender table
	{
		margin-left:		7px;
		margin-top:			3px;
	}
	
	div#calender table td
	{
		color:				#FFFFFF;
		height:				20px;
		
		width:				35px;
	}
	
	div#calender table td.day, div#calender table td.today
	{
		cursor:				pointer;
	}
	
	div#calender table td.dayNames
	{
		color:				#D6E04C;
	}
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
 div.right {
 	float:right;
 	margin-right:20px;
 	display:inline;
 	margin-top:19px;
 }
 
 .spacer {
 	clear:both;
 }

 div.content {
 	padding-right:15px;
 }
 
 

 /* BANNERS */
.bannerContent {
	width:			650px;
	text-align:		center;
	/*background:		#e9e9e9; GRIJS???*/
	margin:			0 0 25px 0;
}

.bannerSidebar {
	width:			250px;
	text-align:		left;

	margin:			15px 0;
}

.bannerTop {
	margin:			25px 0;
	width:			728px;
	height:			70px;

	float:			right;
	text-align:		right;
}

.bannerTop a {
	display:block;
		width: 232px;
	height: 70px;
	float:left;
	margin-right: 5px;
}
.bannerTop ul.imageChange {
	margin:0;
	padding:0;
	width: 232px;
	height: 70px;
	display:block;
	float:left;
	position:relative;
	margin-right: 5px;
}

.bannerTop ul.imageChange li{
	position:absolute;
	top:0;
	left:0;
}

.bannerTop ul.imageChange li a {

}

/* ZOEKVENSTER */

#search h2 {
    margin-left: -20px;
    color: #004668;
    font-weight: normal;
    border-bottom: 1px solid #004668;
    padding: 0;
    margin: 0 0 10px -20px;
}

#search > .identiteit-selector {
    float: left;
    width: 290px;
    margin: 0 0 5px -20px;
}

#search > .identiteit-selector ul {
    float: none;
    width: 200px;
    margin: 10px 0 0 0;
}

#search .identiteit-selector li {}

.searchWrapper {
	height:			530px;
}

#searchblock {
	width:			580px;
	height: 150px;
	background:		#fff url(../images/searchBlockBg.jpg) 1px 0px no-repeat;
	border:			1px solid #dcdcdc;
	margin:			0 auto 25px;
	position:		relative;
}

#search {
	margin:			55px 0 0 37px;

}


#search input.text {
	margin:			0 auto 35px;
	width:			500px;
	height:			40px;
	background:		#e3e3e3;
	border:			1px solid #cccccc;
	
}

#search #searchSubmit {
	font-size:		11px;
	text-transform:	uppercase;
	position:		absolute;
	bottom:			0;
	left:			30px;
	display:		block;
	width:			116px;
	height:			24px;
	background:		#fff url(../images/searchSubmitBg.jpg) top left no-repeat;
	border:			medium none;
	color:			#fff;
	cursor:			pointer;
	text-align:		center;
	
}

#search #searchAdvanced {
	font-size:		11px;
	text-transform:	uppercase;
	position:		absolute;
	bottom:			0;
	right:			30px;
	display:		block;
	width:			210px;
	height:			24px;
	background:		#fff url(../images/searchAdvancedBg.jpg) top left no-repeat;
	border:			medium none;
	color:			#fff;
	cursor:			pointer;
	text-align:		center;
	line-height:	26px;
	text-decoration:none;
}

.searchh1 {
	margin-top:		2px;
	text-align: 	center;
	color:			#000;
	text-transform:	uppercase;
}

#search ul {
	list-style: none;
	margin-left: -20px;
	padding:0;
	
	width:200px;
	float:left;
}

#search form li span {
	float:left;
}

#search label.description {
	display:block;
	text-transform:uppercase;
	color:#004668;
	font-size:11px;
}

label.choice {
	display:block;
	font-size:11px;
	line-height:1.4em;
	margin: -1.55em 0 0 25px;
	padding: 4px 5px;
	cursor:pointer;
}

input.checkbox {
	display:block;
	height:13px;
	line-height:1.4em;
	width:13px;
	margin: 6px 0 0 3px;
}

.result h2 {
	margin: 15px 0 0 10px;
	padding: 3px 15px;
	display:block;

	background:#769bad;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	width:530px;
}

p.resultlabel {
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	
}

.result table.table-result {
	width:560px;
	margin: 0 0 0 10px;	
}

.result table.table-result tr td {
	padding: 5px;
	cursor: pointer;
}

.result table.table-result tr td a {
	font-size: 11px;
	text-decoration: none;
}

.search-bg-1 {
	background:#fff;
}

.search-bg-2 {
	background:#c9d8df;
}