@charset "utf-8";
/* CSS Document */

html, body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:url(../webimages/achtergrond-all.png) repeat-x; }

/*-- Structuur --*/

	#wrapper { width:1160px; height:auto; margin-left:auto; margin-right:auto;  background:url(../webimages/achtergrond-website.png) no-repeat center top; }
	#container { width:950px; height:auto; margin-left:auto; margin-right:auto; background:url(../webimages/achtergrond-website.png) no-repeat center top; }
	
		/*-- navigatie --*/
		#navigatie			{ width:750px; height:59px; background:url(../webimages/achtergrond-navigatie.png) no-repeat; padding:21px 100px 0 100px; }
				#navigatie a			{ color:#dceaf5; text-decoration:none; text-transform:uppercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:20px 10px 0 0; float:left; *display:inline; }
				#navigatie a:hover		{ color:#fff; }
				
				#navigatieset		{ width:auto; height:46px; overflow:hidden; float:left; background-color:#01549a; background:url(../webimages/agnav.jpg) repeat-x; margin-right:20px; *display:inline; }
					#navigatieset img		{ float:left; *display:inline; }
					#navigatieset a			{ color:#fff; text-decoration:none; text-transform:uppercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:20px 0 0 0; float:left; *display:inline; }
					#navigatieset a:hover	{ color:#e74119; }
				
		/*-- inschrijven --*/
		#inschrijven		{ width:950px; height:158px; background:url(../webimages/achtergrond-inschrijven.png) no-repeat; }
				#introline				{ width:450px; margin:15px 30px; float:right; color:#fff; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; }
				#inschrijfbtn			{ width:400px; margin:25px 65px; text-shadow: 1px 1px 3px #000; text-align:center; text-transform:uppercase; float:right; color:#fff; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
					#inschrijfbtn a			{ color:#fff; text-decoration:none; }
					#inschrijfbtn a:hover	{ color:#e3e3e3; }
				
		/*-- subnavigatie --*/
		#subnavigatie		{ width:950px; height:45px; background:url(../webimages/achtergrond-subnav.png) no-repeat; }
				#subnavigatie	hr		{ border:0; width:1px; margin:11px 10px 0 10px; height:20px; float:left; background:#bfbfbf; padding:0; }
				
				#breadcrumb				{ width:auto; float:left; height:32px; margin:6px; background:url(../webimages/agbc.jpg) repeat-x; *display:inline; }
					#breadcrumb img			{ float:left; *display:inline; }
					#breadcrumb a#home		{ margin-top:5px; margin-right:10px; float:left; *display:inline; }
					#breadcrumb	hr			{ border:0; width:1px; margin:5px 10px 0 10px; height:20px; float:left; background:#e3e3e3; padding:0; *display:inline; }
					#breadcrumb a			{ color:#01549a; text-decoration:none; text-transform:uppercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-top:7px; float:left; *display:inline; }
					#breadcrumb a:hover		{ color:#e74119; }
				
				#subnav					{ width:auto; float:left; height:36px; margin-top:9px; *display:inline; }
					#subnav img			{ float:left; *display:inline; }
					#subnav a				{ color:#777777; text-decoration:none; text-transform:uppercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:5px 20px 0 0; float:left; *display:inline; }
					#subnav a:hover			{ color:#555555; *display:inline; }
					
					#subnavset				{ width:auto; height:33px; overflow:hidden; float:left; background:url(../webimages/agsubnav.jpg) repeat-x; margin-right:20px; *display:inline; }
						#subnavset a			{ color:#555555; text-decoration:none; text-transform:uppercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:5px 0 0 0; float:left; *display:inline; }
						#subnavset a:hover		{ color:#e74119; }
		
		/*-- content --*/
		#ipgr				{ width:950px; height:auto; float:left; }
		#content			{ width:950px; height:auto; float:left; margin-top:20px; }
				.box					{ width:22%; min-height: 260px; height: auto !important; height: 250px; margin:3px; padding:10px; float:left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
				.box:hover 				{ background:#e6f1fa; }
				.box	h2				{ color:#01549a; text-transform:uppercase; margin:0; padding:0; }
				.box	p				{ font-size:11px; line-height:18px; color:#444; }
				.box	a				{ text-decoration:none; color:inherit; }
				.box	p a				{ text-decoration:underline; color:#e74119; }
				.box	a:hover			{ text-decoration:none; color:#e74119; }
				
				#tekst					{ width:540px; height:auto; float:left; }
				
				/*-- content style --*/
				#tekst p, ul, ol 				{ font-size:13px; line-height:18px; display:block; }
				#tekst p						{ padding:5px; clear:left; }
				#tekst a						{ color:#01549a; }
				#tekst a:hover					{ color:#e74119; }
				#tekst blockquote				{ font-size:12px; font-style:italic; color:#333; background:#e6f1fa; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:10px; padding:10px; }
				#tekst h1, h2, h3, h4, h5, h6 	{ font-family:Myriad Pro, Arial, Helvetica, sans-serif; margin-top:0; padding:0; }
				#tekst h1						{ color:#01549a; }
				#tekst h2						{ color:#222; }
				#tekst h3						{ color:#333; }
				#tekst h4						{ color:#444; }
				#tekst ul, ol					{ color:#333; }
				
					/*-- huurders elementen --*/
				
				.huurders				{ width:940px; height:auto; float:left; }
				
				.huurders p, ul, ol 				{ font-size:13px; line-height:18px; }
				.huurders p							{ padding:10px; }
				.huurders a							{ color:#01549a; }
				.huurders a:hover					{ color:#e74119; }
				.huurders blockquote				{ font-size:12px; font-style:italic; color:#333; background:#e6f1fa; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:10px; padding:10px; }
				.huurders h1, h2, h3, h4, h5, h6 	{ font-family:Myriad Pro, Arial, Helvetica, sans-serif; margin-top:0; padding:0; }
				.huurders h1						{ color:#01549a; }
				.huurders h2						{ color:#222; }
				.huurders h3						{ color:#333; }
				.huurders h4						{ color:#444; }
				.huurders ul, ol					{ color:#333; }
				
				ul#huurders 						{ margin:0; padding:0; }
					li.huurder			{ width:213px; height:auto; overflow:hidden; float:left; text-decoration:none; margin-bottom:10px; }
						li.huurder a 				{ text-decoration:none; color:#01549a; }
						li.huurder .naam			{ font-size:13px; font-weight:bold; height:20px; display:block; text-decoration:none; }
						li.huurder .omschrijving	{ font-size:10px; color:#4388c2; text-decoration:none; }
						
						li.huurder a:hover .naam			{ color:#e74119; }
						li.huurder a:hover .omschrijving	{ color:#e74119; }
				
				/*-- inschrijftext style --*/
				#inschrijftxt			{ width:396px; float:left; overflow:hidden; height:auto; display:inline; float:right; }
				
				#inschrijftxt p, ul, ol 				{ font-size:13px; line-height:18px; }
				#inschrijftxt p							{ padding:10px; }
				#inschrijftxt a							{ color:#01549a; }
				#inschrijftxt a:hover					{ color:#e74119; }
				#inschrijftxt blockquote				{ font-size:12px; font-style:italic; color:#333; background:#e6f1fa; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:10px; padding:10px; }
				#inschrijftxt h1, h2, h3, h4, h5, h6 	{ font-family:Myriad Pro, Arial, Helvetica, sans-serif; margin-top:0; padding:0; }
				#inschrijftxt h1						{ color:#01549a; }
				#inschrijftxt h2						{ color:#222; }
				#inschrijftxt h3						{ color:#333; }
				#inschrijftxt h4						{ color:#444; }
				#inschrijftxt ul, ol					{ color:#333; }
				
				/*-- errormsg style --*/
				#errormsg				{ width:376px; height:auto; padding:5px; margin:5px; font-size:12px; font-weight:bold; background:#e74119; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#fff; }
				#errormsg li			{ width:auto; float:none; color:#fff; font-weight:normal; font-size:11px; }
				
				/* inschrijf unit voorkeur */
				#voorkeur				{ width:376px; height:auto; padding:5px; margin:5px; font-size:12px; background:#01549a; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#fff; }
				
				#afbeelding				{ max-width:396px; float:left; width:auto !important; max-width:396px; overflow:hidden; height:auto; display:inline; float:right; border:1px solid #bfbfbf; padding:1px; }
						#afbeelding	img			{ border:5px solid #e3e3e3; max-width:366px; }
		
		/*-- footer --*/
		#footer				{ width:950px; height:auto; float:left; margin-top:10px; padding-top:10px; border-top:1px solid #a1a6a9; background:url(../webimages/watermerk-kaap-noord.png) no-repeat left top; }
				#footer p 						{ font-size:11px; color:#7b7b7b; line-height:16px; margin:0; padding:0; float:left; width:290px; }
				#footer h4 						{ color:#9a9a9a; line-height:16px; margin:0; padding:0; }
				#footer a.btn					{ width:120px; height:21px; background:url(../webimages/achtergrond-button.png) no-repeat; padding:7px 5px 5px 5px; text-align:center; display:block; font-size:11px; color:#01549a; text-decoration:none; float:right; clear:right; }
				#footer a.btn:hover				{ color:#e74119; text-decoration:underline; }
				
				#ruimtestehuur table { background:url(../webimages/achtergrond-huuroverzicht.png) repeat; height:auto; width:100%; font-size:11px; line-height:18px; }
				tr.ruimte:hover 	{ background:#ddd; }
				#nutehuur table { background:url(../webimages/achtergrond-huuroverzicht.png) repeat; height:auto; width:100%; font-size:11px; line-height:18px; margin-top:10px; }
				#nutehuur2 table { background:url(../webimages/achtergrond-huuroverzicht.png) repeat; height:auto; width:100%; font-size:11px; line-height:18px; margin-top:10px; }
				.huurders table { background:url(../webimages/achtergrond-huuroverzicht.png) repeat; height:auto; width:100%; font-size:11px; line-height:18px; margin-top:10px; }

				#nutehuur2						{ width:950px; padding:20px 20px 20px 10px; float:left; }

				#nutehuur						{ width:445px; height:360px; border-right:1px solid #a1a6a9; padding:20px 20px 20px 10px; float:left; }
				#nutehuur h4					{ color:#e74119; }
				#plattegrond					{ width:424px;  border-bottom:1px solid #eee; padding:20px; float:right; margin-left:10px; }
				#plattegrond h4					{ color:#e74119; }
				#social							{ width:424px;  border-bottom:1px solid #eee; padding:20px; float:right; margin-left:10px; }
				#social h4						{ color:#e74119; }
				#widget							{ width:424px;  border-bottom:1px solid #eee; padding:20px; float:right; margin-left:10px; }
				#widget h4						{ color:#e74119; text-transform:uppercase; }
				#delen							{ width:424px;  padding:20px; float:right; clear:right; margin-left:10px; }
				#delen h4						{ color:#e74119; }
				#sitemap						{ width:950px; height:auto; float:left; margin-top:10px; padding-top:10px; border-top:1px solid #a1a6a9; }

					#tweet	{ width:950px; height:auto; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #a1a6a9; }
					#links	{ width:710px; height:auto; float:left; font-size:11px; padding:10px; }
							#links h4 			{ text-transform:uppercase; font-size:16px; color:#777; }
							#links h5 			{ color:#9a9a9a; font-size:12px; text-transform:uppercase; margin:0; padding:0; }
							#links h5 a 		{ color:inherit; font-size:inherit; text-transform:uppercase; }
							#links a 			{ color:#545454; text-decoration:none; clear:left; float:left; }
							#links a:hover 		{ color:#e74119; text-decoration:underline; }
							#links a:hover  h5	{ color:#e74119; text-decoration:none; }
							
					#meerweten { width:200px; height:auto; float:right; background:#e6f1fa; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; }
							#meerweten h4 { text-transform:uppercase; font-size:16px; color:#01549a; }
							#meerweten h5 { color:#4388c2; font-size:14px; text-transform:uppercase; }
							#meerweten p 	{ width:auto; color:#545454; }
							
				#copyright						{ width:950px; height:auto; float:left; margin-top:10px; padding-top:10px; border-top:1px solid #a1a6a9; }
				
					
		
/*-- MISC --*/

	a img 		{ border:0; }
	table a { text-decoration:none; }
	
	#widget img { border:1px solid #fff !important; }
	#widget div.twtr-timeline { height:auto !important; }
	#widget div.twtr-timeline div { padding:0; !important; }
	#widget div.twtr-ft { display:none !important; }
	#widget div.twtr-hd { display:none !important; }
	#widget div.twtr-tweet-text p { line-height:15px !important; font-size:11px; padding-top:10px !important; }
	#widget div.twtr-tweet-text a { line-height:15px !important; font-size:11px;  }
	#widget div.twtr-tweet { border:0 !important; margin-bottom:10px !important; }