@import url('clear.css');

html, body 
{
	background-color: #D8D8D8;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;


}


body	{ 
	behavior: url("/style/ie_hoverfix/csshover3.htc");
} 


img, div { 
	behavior: url("/style/ie_pngfix/iepngfix.htc");
}

/*--------------------------------
  container
 --------------------------------*/
div#container
{


	width: 100%;
	height: 100%;	

	text-align: left;
	margin: 0px auto 0px auto;

	position: absolute;
	top: 0px;
	left: 0;
 	z-index: 15;
	overflow: auto;
}

/*--------------------------------
  header
 --------------------------------*/
div#container div#header
{
	height: 114px; /*183*/

	background: url('/sitePics/intro/spacer.jpg') repeat 0% 0%;

	z-index: 10;
}



/*--------------------------------
  header
 --------------------------------*/
div#header div#onsstadshartlogo
{
	float: left;

	width: 465px;
	height: 114px; /*183*/


	background: url('/sitePics/intro/onsstadshartlogo.jpg') repeat 0% 0%;

	border: 0px solid green;

	z-index: 10;
}



/*--------------------------------
  header
 --------------------------------*/
div#header div#lelystadgeeftluchtlogo
{
	float: right;

	width: 393px;
	height: 80px; /*183*/

	background: url('/sitePics/vervolgpagina/logo.jpg') no-repeat 49px 0px;	
	/* background: url('/sitePics/intro/lelystadgeeftluchtlogo.jpg') no-repeat 0% 0%; */

	z-index: 10;

	border: 0px solid blue;
}

/*--------------------------------
  logo click
 --------------------------------*/
div#logoclick
{
	/* position: absolute; */
	display: block;

	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;

	width: 375px;
	height: 80px;

	border: 0px solid red;
}
div#logoclick a
{
	position: relative;
	display: block;

	background: url('/sitePics/spacer.gif') repeat 0% 0%;

	width: 100%;
	height : 100%;

	border: 0px solid blue;
	z-index: 13;
}

div#header div#actie-banner
{
	position: relative;
	float: left;
	width: 105px;
	height: 98px;
	margin-top: 8px;
	margin-left: -200px;
	background:url('http://www.lelystadshart.nl/pics/Actie-Rondvlucht.png') no-repeat 0% 0%;
	border: 0px solid green;
	z-index:999;
}

div#header div#actie-banner a
{
	display: block;
	width: 105px;
	height: 98px;
}

/*--------------------------------
  top menu
 --------------------------------*/
div#menucontainer
{
	float: right;
	height: 41px;

	padding-top: 20px;

	border: 0px solid blue;
}

div#container div#menu
{
	float: right;
	width: 954px; 
	height: 41px;
	background: url('/sitePics/intro/menu2.png') no-repeat 100% 0%;
	border: 0px solid red;
}


img#background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}


/*--------------------------------
  contentcontainer
 --------------------------------*/
div#container div#contentcontainer
{
	float: right;

	min-height: 570px;

	border: 0px solid blue;

	z-index: 2;
}

/*--------------------------------
  left opvulling
 --------------------------------*/
div#leftfill
{
	float: right;
	width: 100%;
	height: 30px;
}


/*--------------------------------
  left
 --------------------------------*/
div#container div#contentcontainer div#left
{
	float: right;
	width: 745px;

}

/*--------------------------------
   left - content
 --------------------------------*/
div#left div#contentimage
{
	float: right;

	width: 447px; /* 180 */
	height: 230px;

	background: url('/sitePics/intro/content2.png') repeat 0% 0%;
	border: 0px solid blue;

}
div#left div#content
{
	position: relative;
	padding: 0px 40px 15px 10px;
	width: 377px;
	height: 195px;


}

div#left div#contentspacer
{
	margin: 0;
	/* padding-top: 605px; */
	height: 400px;
}

/*--------------------------------
  content DOM tags
 --------------------------------*/
div#content p
{
	padding: 0px 0px 15px 0px;
}
div#content a
{
	color: #000;
	line-height: 15px;
	text-decoration: underline;
}
div#content form
{
}
div#content img
{
	margin: 0px 5px 0px 5px; /* belangrijk geen padding anders komt deze in de border */
	border: 1px solid #000;
}

/*--------------------------------
  content specific tags
 --------------------------------*/
div#content h1
{
	color: #754489;
}
div#content h2 
{
	color: #754489;
}


/*--------------------------------
  content bullets
 --------------------------------*/
div#content ul li
{
	display: list-item;
	list-style-type: disc;
}


/*--------------------------------
  sitemap bullets
 --------------------------------*/
div#sitemap ul li
{
	list-style-type: none; /* belangrijk om sitemap na de content ul li  te plaatsen zodat hij hier word overschreven */
}

/*--------------------------------
  right
 --------------------------------*/
div#container div#contentcontainer div#right
{
	float: right;

	width: 209px; /*650*/

	border: 0px solid yellow;
}

div#rightcontent
{
	float: right;
	width: 209px;

	background: url('/sitePics/intro/rightbgground2.png') repeat-y 0% 0%;
	border: 0px solid yellow;
}
div#rightfooter
{
	float: right;

	width: 209px;
	height: 18px;

	background: url('/sitePics/intro/rightbggroundfooter2.png') repeat-y 0% 0%;
}

/*--------------------------------
  nieuws intro
 --------------------------------*/
div#nieuws
{
	position: relative;
	display: block;


	width: 170px;
	padding: 0px 6px 6px 13px;

	border: 0px solid red;
	z-index: 14;
}
div#nieuws h1
{
	display: block;
	color: #000;
}
div#nieuws h2
{
	display: block;
	padding: 10px 0px 10px 0px;
	color: #636971;
}
div#nieuws p
{
	display: block;
	color: #000;
}
div#nieuws a
{
	display: block;
	color: #000;
}

div#agenda_menu
{
	position: relative;
	display: block;

	width: 170px;
	height: 10px;

	padding: 6px 6px 18px 12px;

	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 1.4em;

	color: #636971;

	border: 0px solid red;
	
	z-index: 13;

}
div#agenda_menu a
{
	color: #636971;
}

/*--------------------------------
  agenda intro
 --------------------------------*/
div#agenda {
	display: block;

	width: 170px;
	padding: 6px 6px 6px 13px;
	border: 0px solid green;
	z-index: 14;
}
div#link_specified_agenda {
	padding: 5px 0px 12px 0px;
}
div#link_specified_agenda a
{
	color: #000;
}
div.el h1{
	padding: 0px 0px 10px 0px;
}


div#links_menu
{
	width: 140px;

	padding: 6px 6px 18px 12px;

	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 1.4em;

	color: #636971;

	border: 0px solid red;
	
	z-index: 13;

}
div#links_menu a
{
	color: #636971;
}
div#links
{
	width: 144px;

	padding: 0px 6px 6px 13px;


	border: 0px solid red;
	
	z-index: 13;

}
div#links a
{
	color: #000;
}

/*--------------------------------
  right logo
 --------------------------------*/
div#right div#rightlogo
{
	float: left;

	width: 188px; /*650*/
	height: 64px;

	background: url('/sitePics/intro/Logo-Lelystadshart.png') no-repeat 20px 0%;

	border: 0px solid red;
}






/*--------------------------------
  individual divs
 --------------------------------*/
div#home_menu
{
	position: relative;
	float: right;

	width: 45px;

	padding: 0px 0px 0px 0px;



	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 0.8em;
	z-index: 13;

	border: 0px solid red;
}
div#home_menu a
{
	color: #86878c;
}

div#zoeken_menu
{
	position: relative;
	float: right;

	width: 55px;

	padding: 0px 0px 0px 0px;

	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 0.8em;
	z-index: 13;
}
div#zoeken_menu a
{
	color: #86878c;
}

div#service_menu
{
	position: relative;
	float: right;

	width: 45px;

	padding: 0px 0px 0px 0px;

	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 0.8em;
	z-index: 13;
}
div#service_menu a
{
	color: #86878c;
}

div#aanmelden_menu
{
	position: relative;
	float: right;

	width: 75px;

	padding: 0px 0px 0px 0px;

	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 0.8em;
	z-index: 13;
}
div#aanmelden_menu a
{
	color: #86878c;
}

div#contact_menu
{
	position: relative;
	float: right;

	width: 55px;

	padding: 0px 40px 0px 0px;

	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 0.8em;
	z-index: 13;


}
div#contact_menu a
{
	color: #86878c;
}


/*--------------------------------
  individual divs
 --------------------------------*/
div#stadshart_menu
{
	position: relative;
	float: right;
	width: 100px;

	padding: 12px 80px 0px 0px;

	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;

	font-family: verdana;
	font-weight: bold;
	font-size: 1.4em;
	z-index: 13;

	border: 0px solid red;
}
div#stadshart_menu a
{
	color: #fff;
}
div#stadshart_menu a#active
{
	color: #ceccce;
}
div#stadshart_menu a:hover
{
	color: #ceccce;
}

div#wonen_menu
{
	position: relative;
	float: right;
	width: 70px;

	padding: 12px 80px 0px 0px;

	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;

	font-family: Verdana;
	font-weight: bold;
	font-size: 1.4em;

	z-index: 13;
}
div#wonen_menu a
{
	color: #fff;
}
div#wonen_menu a#active
{
	color: #009fd8;
}
div#wonen_menu a:hover
{
	color: #009fd8;
}

div#werken_menu
{
	position: relative;
	float: right;
	width: 70px;

	padding: 12px 80px 0px 0px;


	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;

	font-family: verdana;
	font-weight: bold;
	font-size: 1.4em;

	z-index: 13;
}
div#werken_menu a
{
	color: #fff;
}
div#werken_menu a#active
{
	color: #e3dd00;
}
div#werken_menu a:hover
{
	color: #e3dd00;
}


div#uitgaan_menu
{
	position: relative;
	float: right;

	width: 70px;

	padding: 12px 80px 0px 0px;

	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;

	font-family: verdana;
	font-weight: bold;
	font-size: 1.4em;

	z-index: 13;

	border: 0px solid red;

}
div#uitgaan_menu a
{
	color: #fff;


}
div#uitgaan_menu a#active
{
	color: #faba00;
}
div#uitgaan_menu a:hover
{
	color: #faba00;
}

div#nieuws_menu
{
	position: relative;
	float: right;

	padding: 12px 110px 0px 0px;

	text-decoration: none;
	text-align: left;
	word-spacing: normal;
	letter-spacing: 0;

	font-family: verdana;
	font-weight: bold;
	font-size: 18px;

	color: #636971;

	z-index: 13;

	border: 0px solid red;
}
div#nieuws_menu a
{
	color: #636971;
}

/*--------------------------------
  Jquery error msg
 --------------------------------*/
label.error
{
	display: block;
	padding: 2px 2px 2px 3px;

	color: #000;
	border: 0px solid;
}


/*--------------------------------
  Specific elements
 --------------------------------*/
form input, form textarea, form button, select
{
	border: 1px solid #000;
}
form input
{
	padding: 0px 0px 0px 3px; /* zodat jquery error msg wat beter aan rechtskant komt */
}
h1
{
	padding: 8px 0px 8px 0px;

	font-size: 15px;
	font-weight: bold;
}
h2 
{
	padding: 8px 0px 8px 0px;

	font-size: 13px;
	font-weight: bold;
}

em
{
	font-style: italic;
}
h3
{
}
ul li
{
	display: block;
}
li ul
{
	margin: 0px 0px 0px 20px;
}

hr {
	height: 1px;
	margin: 3px 0px 3px 0px;	

	color: #999;
	background-color: #999;	
}