html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
outline: 0;
}

html { height:100%; }
body { 
font-family: Arial;
font-size: 75%;
height:100%;
background:#CCC url(/images/cml/bg.gif) repeat left top; /* efecf5*/
}

ul li {
list-style:none;
padding:0.1em 0 0.1em 2.5em;
background:url(/images/cml/bullet.gif) no-repeat 1.5em 0.65em;
}
	#content ul {
	margin-bottom:1.5em;
	}

ol li {
margin:0 0 0.1em 1.5em;
font-weight:bold;
}
	ol li span {
	font-weight:normal;
	}
	
dt {
float:left;
width:100px;
line-height:1.6em;
}
dd {
float:left;
width:480px;
margin-bottom:10px;
line-height:1.6em;
}

a { color:#1b5891; text-decoration:underline; }
a:hover { color:#2b0000; text-decoration:underline; }

.linknaardesite {
display:block;
width:160px;
height:31px;
background:url(/images/cml/btn_linknaardesite.png) no-repeat left top;
float:right;
margin-right:30px;
display:inline;
}
.terugnaarhoofdmenu {
display:block;
width:239px;
height:31px;
background:url(/images/cml/btn_terugnaarhoofdmenu.png) no-repeat left top;
float:left;
position:absolute;
bottom:-20px;
left:60px;
z-index:3;
}
	* html .terugnaarhoofdmenu {
	background:url(/images/cml/btn_terugnaarhoofdmenu.gif) no-repeat left top;
	}
	.linknaardesite span,
	.terugnaarhoofdmenu span{
	display:none;
	}

hr {
color: #cccccc;
background-color: #cccccc;
height: 1px;
border:0;
}

p {
line-height:1.6em;
margin-bottom:1em;
}

h1 {
font-size:230%;
margin-bottom:0.5em;
color:#00abe7;
}
h2 {
font-size:110%;
}
h3 {
font-size:100%;
margin-top:1em;
color:#1b5891;
}


#flashcontent {

height:99%;
}
#homepart {
margin:0 auto;
width:937px;
height:520px;
background:url(/images/cml/home_part3.jpg) no-repeat left 10px;
position:relative;
}

#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -80px;
}

	#container h1,
	#container h2 {
	display:none;
	}
		#container a {
		position:absolute;
		display:block;
		}
			#container a.wonen {
			width:320px;
			height:100px;
			top:200px;
			left:325px;
			}
			#container a.toerisme {
			width:260px;
			height:75px;
			top:135px;
			left:450px;
			}
			#container a.ondernemen {
			width:220px;
			height:60px;
			top:84px;
			left:570px;
			}
			#container a.gemeente {
			width:160px;
			height:55px;
			top:40px;
			left:660px;
			}
		
		#container a span {
		display:none;
		}


	.canvas {
	height:100%;
	}
		
		.header {
		height:15%;
		overflow:hidden;
		position:relative;
		}
			
			.header h1 a,
			.header h2 a {
			position:absolute;
			left:20px;
			bottom:10px;
			font-size:170%;
			}
			#navigation {
			position:absolute;
			bottom:18px;
			right:20px;
			}
				#navigation li {
				float:left;
				padding:0 10px;
				border-right:1px solid #511204;
				}
					#navigation li a {
					float:left;
					display:block;
					height:20px;
					}
						#navigation li a.home {
						background:url(/images/cml/nav_home.png) no-repeat left top;
						width:65px;
						}
						#navigation li a.home:hover {
						background:url(/images/cml/nav_home.png) no-repeat left top;
						width:65px;
						}
						#navigation li a.nieuws {
						background:url(/images/cml/nav_nieuws.gif) no-repeat left top;
						width:68px;
						}
						#navigation li a.contact {
						background:url(/images/cml/nav_contact.gif) no-repeat left top;
						width:65px;
						}
						#navigation li a.disclaimer {
						background:url(/images/cml/nav_disclaimer.gif) no-repeat left top;
						width:86px;
						}
						
							#navigation li a:hover,
							#navigation li a.selected {
							background-position:left bottom;
							*background-position:left -20px;
							}
							#navigation li a span {
							display:none;
							}
		.item {
		height:21%;
		overflow:hidden;
		position:relative;
		border-top:1px solid white;
		}
			.item .link {
			position:absolute;
			top:0;
			left:0;
			z-index:3;
			width:100%;
			height:100%;
			}
			
			.item img {
			width:100%;
			}

				.onzehuismus .title {
				background:url(/images/cml/item_title_onzehuismus.png) no-repeat left -5px;
				width:294px;
				height:58px;
				display:block;
				position:absolute;
				top:40%;
				left:40px;
				z-index:2;
				cursor: pointer;
				}
				.onzeachtertuin .title {
				background:url(/images/cml/item_title_onzeachtertuin.png) no-repeat left top;
				width:364px;
				height:58px;
				display:block;
				position:absolute;
				top:40%;
				left:40px;
				z-index:2;
				cursor: pointer;
				}
				.onzerijtjeshuizen .title {
				background:url(/images/cml/item_title_onzerijtjeshuizen.png) no-repeat left top;
				width:404px;
				height:58px;
				display:block;
				position:absolute;
				top:40%;
				left:40px;
				z-index:2;	
				cursor: pointer;
				}
				.onsparkeerprobleem .title {
				background:url(/images/cml/item_title_onsparkeerprobleem.png) no-repeat left top;
				width:444px;
				height:58px;
				display:block;
				position:absolute;
				top:40%;
				left:40px;
				z-index:2;
				cursor: pointer;
				}
		#page {
		height:85%;
		overflow:hidden;
		position:relative;
		}
			#page .background {
			width:100%;
			height:100%;
			z-index:1;
			}
				
				
				#subnavigation {
				width:90.5%;
				height:73px;
				position:absolute;
				left:2%;
				top:20px;
				background: url(/images/cml/subnav_bg.png) left top no-repeat;
				*background: url(/images/cml/subnav_bg.gif) left top no-repeat;
				}
					#subnavigation .corner {
					position:absolute;
					right:-53px;
					top:0;
					width:53px;
					height:73px;
					background:url(/images/cml/page_title_corner.png) no-repeat left top;
					*background:url(/images/cml/page_title_corner.gif) no-repeat left top;
					}
						/*
						.onzeachtertuin #subnavigation {
						background:url(/images/cml/page_title_onzeachtertuin.png) no-repeat left top;
						}
						.onzehuismus #subnavigation {
						background:url(/images/cml/page_title_onzehuismus.png) no-repeat left top;
						}
						.onzerijtjeshuizen #subnavigation {
						background:url(/images/cml/page_title_onzerijtjeshuizen.png) no-repeat left top;
						}
						.onsparkeerprobleem #subnavigation {
						background:url(/images/cml/page_title_onsparkeerprobleem.png) no-repeat left top;
						}
						*/
					
					#subnavigation ul {
					margin:6px 0 0 0px;
					}
						#subnavigation li {
						float:left;
						padding-left:0;
						}
							#subnavigation li a {
							float:left;
							display:block;
							padding:20px 0 21px 23px;
							text-decoration:none;
							text-transform:uppercase;
							color:white;
							font-weight:bold;
							font-size:100%;
							cursor: pointer !important;
							position: relative;

							}
								#subnavigation li a:hover,
								#subnavigation li a:active {
								color:black;
								}

								#subnavigation li a span {
								padding:20px 22px 22px 0;
								cursor: pointer !important;
								}
					
								#subnavigation li a.selected {
								background:url(/images/cml/subnav_bg_left_sprite.png) no-repeat left top;
								*background:url(/images/cml/subnav_bg_left_sprite.gif) no-repeat left top;
								}
									#subnavigation li a.selected span {
									background:url(/images/cml/subnav_bg_right_sprite.png) no-repeat right top;
									*background:url(/images/cml/subnav_bg_right_sprite.gif) no-repeat right top;
									}
								/* onze achtertuin */
								#subnavigation li.first a {
								color:#511204;
								font-size:113%;
								padding:19px 0 21px 23px;
								margin-left: 5px;
								}
									#subnavigation li.first a span {
									background:url(/images/cml/subnav_bg_right_first_sprite.png) no-repeat right top;
									*background:url(/images/cml/subnav_bg_right_first_sprite.gif) no-repeat right top;
									padding-right:50px;
									}
									#subnavigation li.last a span {
									padding-right:0px;
									}
								#subnavigation li.first a.selected {
								background:url(/images/cml/subnav_bg_left_sprite.png) no-repeat left top;
								*background:url(/images/cml/subnav_bg_left_sprite.gif) no-repeat left top;
								color:#511204;
								font-size:125%;
								}
									#subnavigation li.first a.selected span {
									background:url(/images/cml/subnav_bg_right_first_sprite.png) no-repeat right bottom;
									*background:url(/images/cml/subnav_bg_right_first_sprite.gif) no-repeat right bottom;
									padding-right:50px;
									}
									#subnavigation li.last a.selected span {
									background:url(/images/cml/subnav_bg_right_sprite.png) no-repeat right bottom;
									*background:url(/images/cml/subnav_bg_right_sprite.gif) no-repeat right bottom;
									padding-right:25px;
									}
								


				#content {
				position:absolute;
				right:3%;
				bottom:60px;
				width:385px;
				padding:25px 20px 0 34px;
				background:url(/images/cml/page_content_bg.png) no-repeat left top;
				}
					#content.left {
					left:3% !important;
					}
					#content.right {
					right:3% !important;
					}
					
					#content-scroller {
					height:310px;
					overflow:auto;
					margin-bottom:10px;
					}
						#content-scroller.search-house  label {
							width: 105px !important;
							display: block;
							float: left;
						}
						#content-scroller.search-house .left {
							float: left; 
							width: 120px; 
							margin-left: 105px; 
							margin-top: -22px;
							margin-bottom: 10px;
						}
						#content-scroller.search-house .right {
							float: right; 
							width: 120px;
							margin-top: -22px; 
							margin-bottom: 10px;
						}
						#content-scroller.search-house  select {
							width: 250px !important;				
						}
						#content-scroller.search-house form p {
							margin-bottom: 5px;
						}
						#content-scroller.search-house form div.checkbox-line {
							margin-bottom:5px;
						}
						#content-scroller.search-house form div.checkbox-line input {
							float: left;
							display: block;
						}
						#content-scroller.search-house form div.checkbox-line label{
							float: none;
							width: auto !important;
							white-space: nowrap;
						}
					/*
					.onzehuismus #content {
					background:url(/images/cml/page_content_bg.png) no-repeat left top;
					}
					.onzeachtertuin #content {
					background:url(/images/cml/page_content_bg_onzeachtertuin.png) no-repeat left top;
					}
					.onzerijtjeshuizen #content {
					background:url(/images/cml/page_content_bg_onzerijtjeshuizen.png) no-repeat top;
					}
					.onsparkeerprobleem #content {
					background:url(/images/cml/page_content_bg_onsparkeerprobleem.png) no-repeat left top;
					}
					*/
					
				#content .bottom {
				background:url(/images/cml/page_content_bg.png) no-repeat 1px -424px;
				width:439px;
				height:60px;
				position:absolute;
				right:0;
				bottom:-60px;
				}
					


				.wide #contentArea {
				position:absolute;
				left:0; top:20px;
				height:100%;
				width:100%;
				}
					.wide #contentArea #contentText {
					margin:0 auto;
					width:880px;
					padding:40px 60px;
					background: url(/images/cml/page_content_wide_bg.png) no-repeat left top;
					height:68%;
					position:relative;
					}
					* html .wide #contentArea #contentText {
					background: url(/images/cml/page_content_wide_bg.gif) no-repeat 17px top;
					}
						.wide #contentArea #contentText .bottom {
						position:absolute;
						left:0; bottom:-70px;
						background: url(/images/cml/page_content_wide_bg_bottom.png) no-repeat left bottom;
						height:80px;
						width:1000px;
						}
						* html .wide #contentArea #contentText .bottom {
						background: url(/images/cml/page_content_wide_bg_bottom.gif) no-repeat 17px bottom;
						bottom:-50px;
						}

						#contentText h1 {
						height:30px;
						margin-bottom:20px;
						}
							#contentText h1 span {
							display:none;
							}
								#contentText h1.nieuws {
								background: url(/images/cml/page_content_h1_nieuws.png) no-repeat left bottom;
								width:140px;
								}
								* html #contentText h1.nieuws {
								background: url(/images/cml/page_content_h1_nieuws.gif) no-repeat left bottom;
								width:140px;
								}
								#contentText h1.citymarketing {
								background: url(/images/cml/page_content_h1_citymarketing.png) no-repeat left top;
								width:380px;
								}
								* html #contentText h1.citymarketing {
								background: url(/images/cml/page_content_h1_citymarketing.gif) no-repeat left top;
								width:380px;
								}
								#contentText h1.disclaimer {
								background: url(/images/cml/page_content_h1_disclaimer.png) no-repeat left top;
								width:380px;
								}
								* html #contentText h1.disclaimer {
								background: url(/images/cml/page_content_h1_disclaimer.gif) no-repeat left top;
								width:380px;
								}

						#contentText .scroller {
						overflow:auto;
						height:90%;
						padding-right:20px
						}
							.infoitem {
							padding-bottom:1.5em;
							margin:0 0 1.5em 0;
							border-bottom:1px solid gray;
							float:left;
							}
								.infoitem h2 {
								color:black !important;
								font-size:150%;
								margin-bottom:0;
								}
								.infotext {
								float:left;
								width:520px;
								}
									.scroller .infotext {
									width:480px;
									}
								.infoimage {
								float:left;
								margin-left:30px;
								width:330px;
								}
									.newsimage img {
									border:1px solid white;
									}
								.infoitem.last {
								border:0;
								margin-bottom:0;
								}
								.infoitem .linknaardesite {
								float:left;
								}
						
#footer, .push {
	height: 80px; 
}

#footer {
width:960px;
margin:0 auto;
}
	#footer h2 {
	display:none;
	}
	#footer ul {
	margin-left:40px;
	}
		#footer li {
		float:left;
		}
			#footer li a {
			display:block;
			}
				#footer li a.gemeentelelystad {
				background:url(/images/cml/footer_logo_lelystad.gif) no-repeat left top;
				height:70px;
				width:93px;
				}
				#footer li a.stable {
				background:url(/images/cml/footer_logo_stable.gif) no-repeat left top;
				height:44px;
				width:118px;
				}
				#footer li a.ookflevoland {
				background:url(/images/cml/footer_logo_ookflevoland.gif) no-repeat left top;
				height:59px;
				width:59px;
				}
				#footer li a.bedrijfskring {
				background:url(/images/cml/footer_logo_bedrijfskring.gif) no-repeat left top;
				height:56px;
				width:105px;
				}
				#footer li a.staatsbeheer {
				background:url(/images/cml/footer_logo_staatsbeheer.gif) no-repeat left top;
				height:52px;
				width:65px;
				}
				#footer li a.obl {
				background:url(/images/cml/footer_logo_obl.gif) no-repeat left top;
				height:64px;
				width:65px;
				}
				#footer li a.centrada {
				background:url(/images/cml/footer_logo_centrada.gif) no-repeat left top;
				height:50px;
				width:131px;
				}

				#footer li a:hover {
				background-position:left bottom;
				}
				#footer li a span {
				display:none;
				}


/* Form styles ------------------------------------- */


/* Table Styles ------------------------------------------- */



/* Standard styles -------------------------- */


a img,fieldset { border: none;}

legend { display:none }

q { font-style: italic; }

td { vertical-align: top; }
address { font-style:normal; line-height:1.6em; }
input, label { vertical-align: middle; }

.floatleft { float: left  !important; }
.floatright { float: right  !important; }
.block { display: block; }

.large { font-size:110%; }

.bold { font-weight: bold !important; }
.date { font-size:95%; }

.imgleft { margin-right: 1em; margin-bottom: 1em; }
.imgright { margin-left: 1em; margin-bottom: 1em; }


.clearboth { clear: both; display: block; }
.hidden { display: none ; }
.notvisable { visibility:hidden }
.nowidth { width:auto !important; }
.bgswitch {	background-position:left bottom !important; }

.nopadding { padding: 0em  !important; }
.nomargin  { margin: 0em  !important; }
.noborder { border: none  !important; }
.nobg { background: none  !important; }
.nobullet li { 
list-style:none !important; 
background:none !important; 
padding-left:0 !important; 
font-size:0.78em; 
}


.topmargin10    { margin-top: 0.5em !important; }
.topmargin20    { margin-top: 1em !important; }
.topmargin40 { margin-top: 2em !important; }
/*.topmargin5    { margin-top: 0.5em !important; }
.topmargin3    { margin-top: 0.3em !important; }
.bottommargin3    { margin-top: 0.3em !important; }
.bottommargin20 { margin-bottom: 2em !important; }
.bottommargin15 { margin-bottom: 1.5em !important; }
.bottommargin10 { margin-bottom: 1em !important; }
*/
.bottommargin5 { margin-bottom: 0.5em !important; }
/*
.topmargin10    { margin-top: 0.5em !important; }
.bottommargin5 { margin-bottom: 0.5em !important; }

.rightmargin10  { margin-right: 1em !important; }
.rightmargin20  { margin-right: 1em !important; }
.leftmargin5   { margin-left: 0.5em !important; }
.leftmargin7   { margin-left: 0.7em !important; }
.leftmargin10   { margin-left: 1em !important; }
*/
.leftmargin15   { margin-left: 15px !important; }
.toppadding34   { padding-top: 34px !important; }
/*
.leftmargin20   { margin-left: 2em !important; }
.leftpadding15   { margin-left: 1.4% !important; }
.rightpadding15   { margin-right: 1.4% !important; }
.bottompadding5 { padding-bottom: 0.5em !important; }
*/

.textleft { text-align: left; }
.textright { text-align: right; }

.w100 { width:100%; }

.bgswitch {	background-position:left bottom !important; }

/* Sifr styles --------------------------------- */

.sIFR-flash {
	visibility: visible;
	margin: 0 !important;
	padding: 0 !important;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* jQuery Styles ------------------------------------------- */

#kliknaarflash {
                left: 581px;
                position: absolute;
                top: 471px;
                border: none;
}