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,
form, label, button, input,
table, caption, tbody, tfoot, thead, tr, th, td /* , fieldset, legend */  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: normal normal normal 11px/17px Verdana, Geneva, "DejaVu Sans", "Bitstream Vera Sans", "DejaVu LGC Sans", sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

html, body, #body_bg { height:100%; }
body
{
	background: #FFF url(/visuals/basis/bg_bg.png);
	text-align:center;
	behavior: url(/javascript/csshover.htc);
}

.hd {
	height:1px;
	overflow:hidden;
	position:absolute;
	top:-1000em;
	width:1px;
}

#body_bg {
	background: url(/visuals/basis/bg.png) repeat-x;
}

#container {
	margin:0 auto;
	text-align:left;
	width:965px;
}

#header_container {
	background: url(/visuals/basis/bg_header_a.png) no-repeat;
	height: 220px;
}
#header {
	background: url(/visuals/basis/bg_header_b.jpg) no-repeat 16px 1px;
	height: 220px;
	position: relative;
}
#header a {
	color:#fff;
	text-decoration: none;
}

#menu {
	color:#FFF;
	margin:0 5px;
	position: absolute;
	top:161px;
}
#menu ul { position: relative; }
#menu li, #menu a { background: none no-repeat 0 -50px; font: 15px/23px Tahoma, "Luxi Sans", Geneva, sans-serif; }
#menu a {
	display:block;
	overflow: hidden; /* verplicht vanwege IE7 bugs */
	text-indent: -1000em;
}
#menu li li a { display:block; text-indent: 0; }
.nl #menu li { background-image: url(/visuals/basis/bg_menu_nl.png); } /* verplicht vanwege IE 6/7/8 niet-ondersteund :lang() */
.en #menu li { background-image: url(/visuals/basis/bg_menu_en.png); } /* verplicht vanwege IE 6/7/8 niet-ondersteund :lang() */
#menu li:lang(nl) { background-image: url(/visuals/basis/bg_menu_nl.png); }
#menu li:lang(en) { background-image: url(/visuals/basis/bg_menu_en.png); }

#menu li {
	float:left;
	height:23px;
	-overflow:hidden; /* verplicht vanwege IE6 bugs */
	text-align:center;
	width:191px;
}
#menu li:hover, #menu li.current
{
	background-color: #46749b;
}
#menu #page_1  { background-position: 0 0; }
#menu #page_85 { background-position: -191px 0; }
#menu #page_86 { background-position: -382px 0; }
#menu #page_84 { background-position: -573px 0; }
#menu #page_87 { background-position: -764px 0; }
#menu #page_1:hover  { background-position: 0 -23px; }
#menu #page_85:hover { background-position: -191px -23px; }
#menu #page_86:hover { background-position: -382px -23px; }
#menu #page_84:hover { background-position: -573px -23px; }
#menu #page_87:hover { background-position: -764px -23px; }

/* opaque background */
#menu li div {
	background-color: #46749b;
	display:none;
	filter:Alpha(opacity=30);
	height:89px;
	left:0;
	opacity:0.3;
	position:absolute;
	top:-89px;
	width:955px;
}
#menu li ul {
	background-color: #507b9f;
	display:none;
	height:89px;
	padding:1px 7px;
	position:relative;
	top:-112px;
}

#menu li:hover ul, #menu li.current ul,
#menu li:hover div, #menu li.current div
{
	display:block;
}

#menu li li, #menu li li a {
	font: 11px/20px Verdana, Geneva, "DejaVu Sans", "Bitstream Vera Sans", "DejaVu LGC Sans", sans-serif;
}
#menu li li {
	border-bottom: 1px solid #6288a9;
	border-top: 1px solid #5780a3;
	float:none;
	height:20px;
	padding:0 8px;
	text-align:left;
	width:161px;
}
#menu li li:last-child {
	border-bottom-style: hidden;
}
#menu li li:hover, #menu li li.current {
	font-weight:bolder;
	background-color: #507b9f;
}
#menu li li a:hover, #menu li li.current a {
	font-weight:bolder;
}

#breadcrumbs
{
	font-style: italic;
	font-weight: bolder;
	line-height: 1;
	position: absolute;
	right:40px;
	top:206px;
}

#choose-lang
{
	position: absolute;
	right:42px;
	top:191px;
}
#choose-lang a
{
	float:left;
	width:13px;
	height:13px;
	text-indent: -1000em;
}

#content_container {
	background: url(/visuals/basis/bg_content.png) repeat-y;
	color: #535353;
	padding:0 39px;
	width:887px;
}
#content_container h3, #content_container h3 a
{
	color: #45739a;
	font: 13px/1 Tahoma, "Luxi Sans", Geneva, sans-serif;
	margin-bottom: 2px;
}

#content
{
	float:left;
	width:564px;
	padding: 0 28px 0 16px;
}
#sidebar
{
	float:left;
	width:275px;
}

#content a { color: #45739a; }
#content em { font-style:italic; }
#content h2
{
	color: #45739a;
	font: 16px/1 Tahoma, "Luxi Sans", Geneva, sans-serif;
	margin-bottom: 16px;
}
#content p { margin: 6px 0 16px 0; }
#content strong { font-weight:bolder; }
#content ul
{
	margin:8px 0;
	padding-left: 18px;
	list-style: disc outside none;
}
#content ul ul { list-style-type: circle; }
#content ul ul ul { list-style-type: square; }

#content ol li
{
	margin:8px 0;
}

form { margin-bottom: 10px; }
button { background-color: #45739a; color:#fff; }
input, textarea { width: 236px; margin:0 7px 0 0; padding:2px 1px 1px 1px; }
input, textarea, button { border: 1px solid #7f9db9; font-size:12px; line-height:1; }
label { float: left; width: 82px; }
#content button
{
	background-color: #FFF;
	border: 0 none;
	color: #45739a;
	font: 16px/1 Tahoma, "Luxi Sans", Geneva, sans-serif;
}
#content #address { float:right; }
#content #address table { width:220px; margin:12px 0; }

#content .form { width:324px; }
#content .form input, #content .form textarea { margin: 0 2px 6px 0; float:left; }
#content .form button { float: right; }
#content .form textarea { height: 50px; }
#content .clr { clear:left; }
#content .clr div { text-align:right; }
#content .clr div label { width:auto; margin-left:4px; }
#content .clr div input { float:none; }

#footer {
	background: url(/visuals/basis/bg_footer.png);
	color: #afafaf;
	height: 66px;
	margin:0 auto;
	padding-top:5px;
	width:965px;
}
#footer a { color: #afafaf; text-decoration: none; }

/*
Liocation
*/
@media print {

    .res_route	{
		font-size:12px;
	}


	#bottom_menu {
		display:none;
	}

	.res_tbl {
		display:none;
	}

	p
	{
		display:none;
	}

	.natuur {
		display:none;
	}

	#path {
		display:block;
	}

	.map_image {
		display:block;
		visibility: visible;
		width: 500px;
		height: 500px;
	}


	#map {
		display:none;
		visibility: hidden;
	}

	#sidebar,#breadcrumbs{
		display:none;
	}
}

@media screen {
	#popup_google_route
	{
	height:520px;
	width:590px;
	left:500px;
	top:100px;
	}



}


#popup_google {
	position:absolute;
	top: 100px;
	left:100px;
	height:301px;
	width:301px;
	padding:4px;
	padding-top: 20px;
	background: #553a27;
	visibility: hidden;
}


 #popup_google_route {

	position:absolute;
	top: 50px;

	padding:4px;
	padding-top: 20px;
	background: #535353;
	visibility: hidden;
	overflow: auto;
	overflow-x: hidden;
}



#map {
	position:relative;
	width:300px;
	height:300px;
}

.close_popup {
	position:absolute;
	top:5px;
	right:10px;
	width:50px;
	height:30px;
	font-weight:bold;
}


.printen
{
  color:#000;
  font-size:11px;
}



.close_popup a {
	color: #fff29f;
}

.input_route {
	width: 300px;
	background:none;
	background: white;
	padding:0px;
	padding-left: 5px;
	margin-bottom: 3px;
	color:#a4a4a4;
}

.input_submit {
	width: 100px;
	background:none;
	background: white;
	padding:0px;
	margin-bottom: 3px;
}

#zoek_titel {
	color:#fff29f;
	size:13px;
	font-weight:bold;
	margin-bottom:8px;
}


#contact_layout {
	position:relative;
	margin-left: 30px;
	padding-top: 30px;

}

#contact_layout input {
	background:white;
	width:200px;
	padding:0px;
	border:1px solid #553a27;
}

#contact_layout textarea{
	background:white;
	padding:0px;
	border:1px solid #553a27;
}

.contact_tekst {
	position:relative;
	margin-top: 30px;
	margin-left: 30px;
	width: 350px;
}

#winkel_knop {
	position:absolute;
	top: 510px;
	right: 20px;
	width: 150px;
	height: 95px;
	background: url(/media/cms/winkels_animatie.gif) top left no-repeat;
}

#locatie_knop {
	position:absolute;
	top: 515px;
	left: 20px;
	width: 150px;
	height: 85px;
	background: url(/visuals/basis/lokatiezoeker.gif) top left no-repeat;
}

#locatie_knop a{
	display: block;
	height:100%;
}