* { padding: 0; }

html, body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #1f2427;
}
.small { font-size: 10px; }
.medium { font-size: 12px; }
.large { font-size: 15px; }

div, ul, ol, li, p, a, html, body, h1, h2, span, select, input, textarea, label {
	margin: 0;
}

html, body {
	background: #fff url(/img/header-tile.png) repeat-x;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 161px;
	overflow: hidden;
}

	#logo {
		position: absolute;
		left: 30px;
		top: 20px;
	}
	
	#header-cta {
		position: absolute;
		top: 30px;
		right: 30px;
	}
	#header img { border: 0; }
	.fontsize { position: absolute; top: 2px; right: 3px;/*  background-color: #fff; padding: 2px 8px; -moz-border-radius:5px; -moz-box-shadow:0 0 3px #666666; */ }
		.fontsize li { display: inline; }
		.fontsize img { margin-bottom: -4px; cursor: pointer; }
		.fontsize span { font-size: 1em; font-weight: bold; }
	
#menu {
	background-color: #757575;
	width: 100%;
	height: 50px;
	position: relative;
	top: -3px;
	clear: both;
}

	#menu ul {
		position: absolute;
		width: 980px;
		left: 50%;
		margin-left: -490px;
		top: 12px;
	}

	#menu * { list-style: none; }
	#menu li { float: left; }
	
	#menu a, #menu a:link, #menu a:visited, #menu span {
		display: block;
		background-color: #757575;
		text-decoration: none;
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
		padding: 5px 5px;
		letter-spacing: 0px;
		/*
		padding: 5px 10px;
		letter-spacing: -1px;
		*/
	}
	
	#menu a:hover, #menu .selected a, #menu span:hover, #menu .selected span {
		background-color: #fff;
		color: #009dd5;
		cursor: pointer;
	}
	
	#menu li li a:hover { background-color: #989797;color:#fff; }
		
	#menu li ul {
		position: absolute;
		width: 200px;
		z-index: 10;
		left: -999em;
		margin: 15px 0 0 0;
	}
	
	#menu li ul li {
		float: none;
	}
	
	#menu li ul li { float: none; }
	#menu li:hover ul, #menu li.sfhover ul { left: auto; }
	
.block {
	clear: both;
	width: 980px;
	position: relative;
	margin: 0 auto;
}

	.left {
		width: 470px;
		float: left;
	}
	#sub .gradient .left { width: 430px; }
	.mainpic { border-bottom: 5px solid #000; }
	
	.left-padding { width: 450px; padding: 0 20px 0 0; }
	
	.right {
		width: 510px;
		float: left;
	}
	#sub .gradient .right {
		width: 440px;
		padding: 0 20px 20px 20px;
	}
	#sub .gradient .right a, #sub .gradient .right a:link, #sub .gradient .right a:visited {
		font-weight: bold;
		color: #009DD5;
		text-decoration: none;
	}
	#sub .gradient .right a:hover { text-decoration: underline; }
	
		.smallblock {
			float: left;
			width: 234px;
			margin-right: 1px;
		}
		
		.smallblock ul {
			list-style: none;
			width: 95%;
		}
		
		.h1grad {
			background: url(/img/h1gradient.png) repeat-x;
			font-weight: bold;
			color: #fff;
			line-height: 19px;
			padding-left: 3px;
			margin: -3px 0 0 0;
		}
		
		.smallblock ul li {
			background: url(/img/hr.png) repeat-x 0 100%;
			border-bottom: 1px solid #fff;
		}
		
		.smallblock ul li a {
			background: url(/img/cta-bg.png) no-repeat 100% 6px;
			display: block;
			text-decoration: none;
			color: #009DD5;
			font-weight: bold;
		}
		.smallblock ul li a:hover { text-decoration: underline; }

.gradient {
	width: 100%;
	overflow: hidden;
	background: #fff url(/img/blockbg.png) repeat-x;
	clear: both;
	width: 100%;
	top: 10px;
	position: relative;
	padding: 20px 0 0 0;
}
#sub .gradient { margin-top: -13px; }

.clearer { clear: both; height: 1px; }

.subfooter { padding-bottom: 20px; }
.subfooter h1, .subfooter h1 span {
	font-size: 1.67em;
	color: #009dd5;
	font-weight: bold;
	margin-bottom: 20px;
}
.subfooter h1 span { color: #d40050; }
.nogradient { background: #fff none; }

.photos img { float: left; margin: 1px; border: 0; }

/** tekst **/
h1 {
	font-size: 1.33em;
	color: #d40050;
	font-weight: bold;
}
h1.gradient {
	font-size: 1.25em;
	color: #fff;
	font-weight: bold;
	line-height: 19px;
	height: 19px;
	width: 100%;
	background: url(/img/h1gradient.png);
	display: block;
}

h2 {
	font-size: 1.17em;
	color: #d40050;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 20px 0;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 -10px 0;
}

p {
	margin: 10px 0;
}

hr {
	background: url(/img/hr.png);
	width: 100%;
	height: 1px;
	border: 0;
	color: #fff;
}



/** cta **/
.cta, .smallblock p a {
	color: #009dd5;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
	background: url(/img/cta-bg.png) no-repeat 100% 6px;
}

.cta:hover, .smallblock p a:hover {
	text-decoration: underline;
}

.cta-long {
	
}

/** carrousol **/
#uitgelicht {
	background: url(/img/uitgelicht.png) no-repeat;
	text-indent: 130px;
	width: 128px;
	height: 17px;
	display: block;
	overflow: hidden;
	margin: 10px 0;
}

	.nieuwsfoto { float: left; width: 225px; overflow: hidden; }
	.nieuwsfoto img { border: 3px solid #cccccc; }
	.nieuwstekst { float: left; width: 225px; margin: 0 0 0 10px; overflow: hidden; }

.nieuwstekst a, #handles span, #handles a, #flinks a {
	color: #009dd5;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	padding-right: 10px;
	background: url(/img/cta-bg.png) no-repeat 100% 6px;
}
.nieuwstekst a:hover, #handles span:hover, #handles a:hover, #flinks a:hover { text-decoration: underline; }
#sub #handles a, #flinks a {
	width: 100%;
	display: block;
}

.bgb_mask {
	width: 470px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
#bgb_box { position: absolute; }
.slideblock { width: 470px; float: left; }

#prev_bgb { margin: 0 0 0 10px; }
#stop_bgb { margin: 0 3px 0 195px; }
#next_bgb { margin: 0 3px 0 195px; }
.buttons { margin: 3px 0;}
.buttons img { cursor: pointer; }

#handles {
	width: 230px;
	margin: 5px 0 0 5px;
	float: left;
}

	#handles li, #flinks li {
		background: url(/img/hr.png) repeat-x 0 100%;
		list-style: none;
		padding: 10px 0;
		width: 230px;
	}
	#sub #handles li { padding-right: 13px;}
	#flinks li { width: 85%; padding-right: 13px; }
	
	#handles li span, #flinks li span {
		display: block;
		width: 215px;
		padding-right: 15px;
		padding-right: 0;
		background-position: 100% 50%;
	}
	
li.cta { background: none !important; padding: 10px 0 !important; }
li.cta a {
	width: auto !important;
	display: inline !important;
	padding-right: 10px !important;
	color: #d40050 !important;
	text-decoration: none !important;
	background: url(/img/cta-bg.png) no-repeat scroll 100% 6px;
	margin-top: 32px;
	float: left;
}

#main li.cta a {
	width: auto !important;
	display: inline !important;
	padding-right: 10px !important;
	color: #d40050 !important;
	text-decoration: none !important;
	background: url(/img/cta-bg.png) no-repeat scroll 100% 6px;
	margin-top: 32px;
	float: left;
	position: absolute;
	top: 208px;
}


li.active span { width: 215px; background: url(/img/arrow-small.png) no-repeat 0% 50% !important; padding: 0 15px 0 15px; }

#melden {
	float: right;
	width: 240px;
	height: 220px;
	background: url(/img/adres-bg.png) no-repeat 0% 100%;
}
	#melden strong { color: #fff; }
	#melden div {
		width: 115px;
		float: left;
		color: #fff;
		font-weight: bold;
		margin: 110px 0 0 5px;
		padding: 0;
	}
	
	#melden div strong { font-size: 1.17em; }
	#dmelden {
		position: absolute;
		top: -100px;
		right: 100px;
		_right: 85px;
		z-index: 2;
	}
	#dmelden img { border: 0;
margin-left: 30px; }
	
#footerbox {
	width: 100%;
	height: 397px;
	background: #fff url(/img/header-tile.png) 0 0;
}
	.large #footerbox { height: 453px;}

	#footer {
		margin: 0 auto;
		width: 980px;
		position: relative;
	}
	
	#emailhier {
		position: absolute;
		left: 160px;
		top: 1px;
	}
	#emailhier img { border: 0; }
	#footer h1 {
		background: url(/img/h1gradient.png) repeat-x;
		margin-top: 32px;
		color: #fff;
		line-height: 19px;
		text-indent: 5px;
	}
	#footer h1.wolkje { background: url(/img/wolkje.png); text-indent: 30px; height: 23px; }
	#footer h1.route {
		background: url(/img/route.png)  no-repeat;
		height: 23px;
		line-height: 23px;
		margin-top: 30px;
	}
	#footer .almere h1 { text-indent: 30px; }
	#footer .almere div { margin-left: 30px; }
	#footer h2 {
		font-style: normal;
		font-size: 1em;
		font-weight: bold;
		color: #009dd5;
		margin: 20px 0 0 0;
	}
	#footer span.label {
		width: 70px;
		font-weight: bold;
		color: #009dd5;
		display: inline;
		display: block;
		float: left;
	}
	#footer .value { color: #1F2427; font-weight: normal; }
	#footer a, #footer a:link, #footer a:visited { font-weight: bold; text-decoration: none; color: #009dd5; }
	#footer a:hover { text-decoration: underline; }
	#bureau { width: 170px; padding: 1px 0 1px 0; }
	#adres { width: 188px; padding: 1px 0 2px 0; }
	#submit { width: 93px; }
	#footer select, #footer input { margin: 7px auto; }
	
#links {
	margin: 0 auto;
	width: 980px;
/* 	height: 100px; */
	position: relative;
	clear: both;
}

	#links div { margin: 0 29px 0 0; float: left; }
	#links, #links * { font-size: 11px; color: #999999; }
	#links h1, #links h1 a { color: #009dd5; font-weight: normal; text-decoration: none; }
	#links li a { color: #999; text-decoration: none; }
	#links li a:hover { text-decoration: underline; }
	#links ul { list-style: none; }
	.links1 { width: 30px; }
	.links2 { width: 100px; }
	.links3 { width: 100px; }
	.links4 { width: 120px; }
	.links5 { width: 80px; }
	.links6 { width: 40px; }
	.links7 { width: 60px; }
	.links8 { width: 40px; }
	.links9 { width: 40px; }
	.links10 { width: 40px; }
	
#copydisc {
	width: 980px;
	margin: 30px auto 5px auto;
	position: relative;
	text-align: center;
	clear: both;
	padding-top: 10px;
}

#copydisc, #copydisc * {
	font-size: 11px;
	color: #009dd5;
	text-decoration: none;
}

	#copydisc a:hover { text-decoration: underline; }
	
.menufix {
	position: absolute !important;
	top: 160px !important;
	width: 980px !important;
	left: 50% !important;
	margin-left: -490px;
	margin-top: -2px;
}
/* .large .menufix { margin-top: -1px; } */

/** sitemap **/
.LSM_0, .LSM_0 ul {
	margin: 10px 20px;
}

/** contact formulier **/
.contact_form div {
	clear: both;
	padding: 3px 0;
}

.contact_form h2 { clear: both; padding-top: 10px; }

.contact_form label {
	float: left;
	width: 100px;
	font-weight: bold;
}

.contact_form input, .contact_form textarea {
	float: left;
	width: 250px;
}

.contact_form textarea {

}

input.cta, input.cta:hover {
	width: auto;
	background: #D40050;
	color: #fff;
	border: 0;
	padding: 2px 5px;
	margin: 2px 100px;
	cursor: pointer;
	text-align: center !important;
	text-decoration: none;
}
input.cta:hover { background-color: #FF3380;}

.contact_form .error {
	clear: both;
	margin: 0 0 0 100px;
	padding: 5px 0 0 20px;
	color: #F08337;
	font-weight: bold;
	background: url(/img/icons/error.png) no-repeat 0 4px;
	_padding-top: 3px;
	_background-position: 0 6px;
}

.contact_form .notice {
	clear: both;
	font-style: italic;
	font-size: 0.8em;
	padding: 10px 0;
}

.contact_form .star {
	width: 30px;
	margin: 0;
	overflow: hidden;
	display: block;
	text-indent: 35px;
	background: url(/img/icons/star.png) no-repeat 3px 0;
}


/** maps popup **/
#mp {
	display: none;
	margin: -250px 0 0 -380px;
	border: 10px solid #fff;
	width: 760px;
	height: 500px;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	background-color: #eee;
}

	#mp_map {
		width: 400px;
		height: 450px;
		margin: 5px;
		float: left;
	}

	#directions {
		float: right;
		width: 330px;
		height: 450px;
		overflow-y: scroll;
		overflow-x: hidden;
		margin: 5px;
		_width: 325px;
	}
		
	.googledir {
		margin: -10px 5px 0 0;
	}
	
	#map_search {
		clear: both;
		width: 760px;
		height: 30px;
		background-color: #333;
		position: absolute;
		top: 470px;
	}
	
		#map_search input, #map_search select {
			border: 0;
			background-color: #fff;
			margin: 5px 0 0 5px;
			float: left;
			border: 3px solid #fff;
			/* ie border 1px */
		}
		
		#map_search_address { border: 4px solid #fff !important; }
		#map_search_close { float: right !important; margin-right: 5px !important; }
		#map_search_close, #map_search_submit {
			font-weight: bold;
		}
		
		#map_search_close:hover, #map_search_submit:hover {
			background-color: #ccc;
			border-color: #ccc;
			cursor: pointer;
		}
		
#overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 5;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.right ul, .right ol {
	margin: 0 0 0 20px;
}

	.right .smallblock ul, .right .smallblock ol { margin: 0; }

.right h2 {
	margin: 24px 0 0 0;
}

.right em {
	color: #D40050;
	font-style: italic;
	margin: 20px;
	display: block;
}

.right .smallblock em {
	color: #333;
	margin: 0;
	display: inline;
}

.nofloat * {
	float: none !important;
	width: auto !important;
}
.nofloat input { margin-right: 5px; }


.nieuwsitem {
	clear: both;
}

.nieuwsdatum {
	float: left;
	width: 75px;
}

.nieuwslink {
	float: left;
	width: 300px;
}


/** bigform **/
#bigform { /* $Config['id_form'] */
}
    .plus {
        cursor: pointer;
    }
    .minus {
        cursor: pointer;
    }
    .indent {
        margin: 0 0 20px 15px;
        padding: 0 0 0 0;
    }
    table.check {
    	
    }
        table.check td.head_1 { /* subquestion header */
        	
        }
        table.check td.head_2,
        table.check td.head_3,
        table.check td.head_4,
        table.check td.head_5 { /* checkbox headers */
        	
        }
        table.check td.cell_1 { /* subquestion cell */
        	
        }
        table.check td.cell_2,
        table.check td.cell_3,
        table.check td.cell_4,
        table.check td.cell_5 { /* checkbox cells */
        	
        }
#bigreport { /* $Config['id_report'] */
	
}
    .answer {
        color: #bc8a04;
    }
#bigform fieldset {
	border: 1px solid #ccc !important;
	margin: 20px 0;
	padding: 10px;
}
#bigform fieldset legend { margin: 0 0 0 20px; }
#bigform .indent { width: 300px; }
#bigform input { margin: 0 5px 0 0; }

.form_button {
	background-color: #47B3FF;
	padding: 3px 5px;
	border: 0;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.form_button:hover { background-color: #D40050; }

#footer h1 { font-size: 16px; }

div#rows li div span {
padding-left :15px;
}
.activeSlide div{

		background: url(/img/arrow-small.png) no-repeat left center;
	display:block;
}

.msgHolder{
  position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height : 100%;

    z-index: 999;
}
.msgBox{
padding : 30px;
display:block;
margin  : 0 auto;
margin-top:  100px;
width: 300px;
background-color:#fff;
border: 2px solid #55C2E9;
}
