@charset "UTF-8";

/* Developed by Hotspot Design for beenders project */
/* Website: http://www.hotspotdesign.nl */



/* Wildecard selector om te zorgen dat alle defaults van de verschillende browsers worden opgeheven */
* {
	margin: 0;
	padding: 0;
}


/* ---------------- Miscellaneous classes for reuse ---------------- */
/* ---- groen: #2eb135 ------- */
/* ---- blauw: #00aeef ------- */

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
#clearfloat {
	clear:both;
	height:0;
	line-height: 0px;
}

.clearfloat {
	clear:both;
	height:0;
	line-height: 0px;
}



/* ---------------- standard styles ---------------- */

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: url(../_images/bg_pattern.gif) repeat;
	color: #000000;
	font-family: Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
}

#bg_wrapper {
	width: 700px;
	height: 100%;
	margin: 0 auto;
	background-color:#FFFFFF;
	background-image:url(../_images/bg_wrapper.gif);
	background-repeat:repeat-x;
}

#header {
	width:700px;
	height:100px;
	background:url(../_images/bg_header.jpg) no-repeat;
}

#container {
	width: 660px;
	border: 0px solid #000000;
	text-align: left;
	margin-top:10px;
	margin-right:20px;
	margin-bottom:20px;
	margin-left:20px;
}



/* ---------------- #menu styles ---------------- */

#menu {
	float:left;
	width:175px;
	margin-right:20px;
	color:#FFFFFF;
	font-weight:bold;
	list-style:none;
	text-decoration:none;	
	font-size:14px;
}

#menu_top_spacer {
	width:160px;
	height:10px;
	background-image:url(../_images/menu_top_spacer.gif);
}

#menu_bottom_spacer {
	width:175px;
	height:170px;
	background:url(../_images/menu_bottom_spacer.gif) no-repeat;
}


/* ---------------- #menu button styles ---------------- */
#menu .openhof,
#menu .flevohuis,
#menu .main {
	color:#FFFFFF;
	font-weight:bold;
	list-style:none;
	text-decoration:none;	
	font-size:14px;
	background-image:url(../_images/menu_main_standard.gif);
}

#menu .openhof a,
#menu .flevohuis a,
#menu .main a
{
	display:block;
	height:23px; /*---- min de padding */
	width:160px;
	padding-top:7px;	
	padding-left:15px;
	color:#FFFFFF;
	list-style:none;
	text-decoration:none;
	background-image:url(../_images/menu_main.gif);
}

#menu .main_active a,
#menu .flevohuis_active a
{
    color: white;
    text-decoration:none;
}


/* ---------------- #menu button: main styles ---------------- */
#menu .main a:hover, .mainOver {
	background-image:url(../_images/menu_main_hover.gif) !important;
}

#menu .main_active {
	background-image:url(../_images/menu_main_active.gif);
	height:23px;
	width:160px;
	padding-top:7px;	
	padding-left:15px;
}


/* ---------------- #menu button: flevohuis styles ---------------- */
#menu .flevohuis a:hover, .flevohuisOver {
	background-image:url(../_images/menu_flevohuis_hover.gif) !important;
}

#menu .flevohuis_active {
	background-image:url(../_images/menu_flevohuis_active.gif);
	height:23px;
	width:160px;
	padding-top:7px;	
	padding-left:15px;
}


/* ---------------- #menu button: open hof styles ---------------- */


#menu .openhof a:hover, .openhofOver {
	background-image:url(../_images/menu_openhof_hover.gif) !important;
}

#menu .openhof_active {
	background-image:url(../_images/menu_openhof_active.gif);
	height:23px;
	width:160px;
	padding-top:7px;	
	padding-left:15px;
	
}

#menu .openhof_active a{
	text-decoration:none;
	color:white;
}

/* ---------------- #submenu styles ---------------- */

ul.submenu_main li {
	list-style:none;
	text-decoration:none;
	color:#FFFFFF;
	width:145px;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:1px;
	background-image:url(../_images/submenu_main.gif);
}


ul.submenu_flevohuis li {
	list-style:none;
	text-decoration:none;
	color:#FFFFFF;
	width:145px;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:1px;
	background-color:#2eb135;
}

ul.submenu_openhof li {
	list-style:none;
	text-decoration:none;
	color:#FFFFFF;
	width:145px;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:1px;
	background-image:url(../_images/submenu_openhof.gif);
}


ul.submenu_main li a,
ul.submenu_flevohuis li a,
ul.submenu_openhof li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
}

ul.submenu_main li a:hover,
ul.submenu_main li a.active,
ul.submenu_flevohuis li a:hover,
ul.submenu_flevohuis li a.active,
ul.submenu_openhof li a:hover,
ul.submenu_openhof li a.active {
	font-weight:bold;
}

/* ---------------- #button txt bigger ------------------ */

#button_txt_bigger {
	padding: 15px;
	width:130px;
	height: 60px;
	background-color:#00aeef;
}

#button_txt_bigger_top {
	width:130px;
	height: 30px;
	background:url(../_images/button_groter_bg.gif) no-repeat;
}

#button_txt_bigger_bottom {
	width:130px;
	height: 30px;
	background:#6cc871;
}

#button_bigger_1 a {
	display:block;
	float:left;
	width:43px;
	height: 30px;
	background:url(../_images/button_bigger_1.gif);
	background-position: 0px 0px;

} 

#button_bigger_2 a {
	display:block;
	float:left;
	width:44px;
	height: 30px;
	background:url(../_images/button_bigger_2.gif);
}

#button_bigger_3 a {
	display:block;
	float:left;
	width:43px;
	height: 30px;
	background:url(../_images/button_bigger_3.gif);
}

#button_bigger_1 a:hover,
#button_bigger_2 a:hover,
#button_bigger_3 a:hover,
#button_bigger_1 a.bigger_active,
#button_bigger_2 a.bigger_active,
#button_bigger_3 a.bigger_active {
	background-position: 0px -30px;
}




/* ---------------- #main content styles ------------------ */

#content_main {
	float:left;
	width: 465px;
	text-align:left;
	color:#2D2D2D;
	margin-top:17px;
}

#content_main h1 {
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}

a.h1link:link, a.h1link:visited, a.h1link:active {
	color: #00AEEF !important;
	text-decoration:none;
}

a.h1link:hover{
	color: #00AEEF !important;
	text-decoration:underline;
}

#content_main img {
	float:right;
	width:175px;
	border:#2eb135 2px solid;
	margin:7px 0px 7px 7px;
}

#content_main p {
	font-size:13px;
	line-height:18px;
	padding-bottom:15px;
}

#content_main p a {
	font-size:13px;
	color:#00aeef;
	text-decoration:none;
}

#content_main p a:hover {
	text-decoration:underline;
}






/* ---------------- #footer styles ---------------- */

#footer {
	width:680px;
	height: 20px;
	text-align:left;
	padding: 0px 0px 0px 20px;
	background-image:url(../_images/bg_footer.gif);
	background-repeat:repeat-x;
}

#footer p {
	padding-top: 5px;
	font-size:10px;
	font-weight:normal;
	letter-spacing:1px;
	font-family:Trebuchet ms, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#footer p a {
	color:#FFFFFF;
	text-decoration: none;
}

#footer p a:hover {
	color: #333333;
	text-decoration: none;
}

.date{
    font-size:12px;
}

.linebreak{
    border-bottom: #2eb135 2px solid;
    margin-bottom:10px;
    margin-top:10px;
 }
 
 .inputField{
  border: 1px solid #2eb135;
  background-color: #FFFFFF;
  width:260px;
 }
 
 .inputField:hover{
	background-color: #F1FFEE;
 }
 
 .searchresult{
	padding-top:10px;
 }
 
 .searchresult small{
	font-size:11px;
 }
 
 .searchresult a{
	color: #00aeef;
 }
 
 .searchresult a:hover{
	color: #00aeef;
	font-weight:bold;
 }