@charset "utf-8";
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;
  color:#444; 
  background-color:#FAF8CC; 
  font:12px Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  text-align:center;
  background-image:url(_images/bggradient3.jpg);
  background-repeat:repeat-x;  
}

/* General */
a:link, a:visited, a:hover, a:active {color:#18479b; text-decoration:underline;}
a:hover {color:#CC0000;}

#pagecontainer	{
  width:980px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  margin:5px auto; /* the auto margins (in conjunction with a width) center the page */
  padding:0;
  text-align:left; /* this overrides the text-align: center on the body element. */
  background:#fff;
}

#maincontent { 
	float:left; /* since this element is floated, a width must be given */
	width:780px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	margin:0;
	padding:3px 0 30px 7px;
	text-align:left;
	border-right:1px solid #dcdcdc;
} 

#sidebar1 {
	margin:0 0 0 787px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0 5px 20px 0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	text-align:center;
	color:#000000;
	background-color:#fafafa;
	border-left:1px solid #dcdcdc;
}

#footer {margin:0; padding:10px 0 10px 0; font-size:11px; text-align:center; background-color:#FAF8CC;}	
#footer	a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#505050;}
#footer a:hover {color:#CC0000;}
#footer .copyright {font-size:11px; color:#505050; margin-top:5px;}		

#header_toplinks {margin:0 0 2px 12px; padding:0; text-align:left; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:10px;}
#header_toplinks .favoriet {margin:-7px 5px 0 0; padding:0; text-align:right;} 
#header_toplinks a:link, 
#header_toplinks a:visited, 
#header_toplinks a:hover, 
#header_toplinks a:active {color:#505050;}
#header_toplinks a:hover {color:#CC0000;}

/* ROUNDED CORNERS - HEADER */
#header_xsnazzy {background:transparent; margin:0 auto; width:970px;}
#header_xsnazzy .xboxcontent {display:block; border:0 solid; border-width:0 1px;} 
#header_xsnazzy .text {margin:0; padding:0; width:680px; float:left; text-align:left; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
#header_xsnazzy .text .sitetitel    {margin:0; padding:7px 0 0 10px; font-size:3px;}
#header_xsnazzy .text .sitetitel .pre {font-size:28px; color:#fff;}
#header_xsnazzy .text .sitetitel .main {font-size:28px; color:#fff;}
#header_xsnazzy .text .sitetitel .tld {font-size:14px; font-weight:normal; color:#fff;}
#header_xsnazzy .text .sitetitelsub {margin:0; padding:7px 0 0 10px; color:#e3e300; font-size:14px;}
#header_xsnazzy .pic {margin:0; padding:5px 20px 5px 0; text-align:right;}

#header_xsnazzy_menu {background:transparent; margin:4px auto 5px auto; width:970px;}
#header_xsnazzy_menu .xboxcontent {display:block; border:0 solid; border-width:0 1px;}
#header_xsnazzy_menu #navBar {margin:0 10px; font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight:normal;}
#header_xsnazzy_menu #navBar a:link,
#header_xsnazzy_menu #navBar a:visited {text-decoration:none; color:#fff;}
#header_xsnazzy_menu #navBar a:hover,
#header_xsnazzy_menu #navBar a:active  {text-decoration:none; color:#ff9900;}

/* ROUNDED CORNERS - PAGE */
.xsnazzy_prod {background:transparent; margin:0; width:370px; padding:0 5px 0 7px; float:left; font-family:Verdana,Arial,Helvetica,sans-serif;}
.xsnazzy_prod .xboxcontent {display:block; height:320px; border:0 solid; border-width:0 1px;}
.xsnazzy_prod h2 {margin:0; padding:3px 0 0 0;
  color:#006600; 
  font-size:22px; font-family:Arial,Helvetica,sans-serif; font-weight:bold;
  text-align:center;}
.xsnazzy_prod h3 {margin-top:5px; margin-bottom:10px; color:#444; font-size:12px;  text-align:center;}
.xsnazzy_prod .proddescr {margin:15px 10px 5px 10px; padding:0; color:#444; font-size:11px; font-weight:normal; line-height:1.3;}
.xsnazzy_prod .parklogo {margin:10px 15px 10px 5px; padding:0; float:right;}
.xsnazzy_prod .grotelink {margin:0; padding:15px 0 0 10px; clear: left; 
  color:#000; font-size:14px; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; text-align:center;}
.xsnazzy_prod .grotelink a {text-decoration:none;}

.xsnazzy_prodlong {background:transparent; margin:0; width:754px; padding-left:7px;}
.xsnazzy_prodlong .xboxcontent {
  display:block; border:0 solid; border-width:0 1px; 
  margin:0; padding:5px 10px 5px 10px; 
  color:#444; 
  font-size:12px; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal;
  line-height:1.4;}
.xsnazzy_prodlong h2 {margin:0; padding:10px 0 10px 0; color:#006600; font-size:18px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; text-align:center;}
.xsnazzy_prodlong h3 {margin-top:5px; margin-bottom:10px; color:#006600; font-size:15px; font-family:Verdana,Arial,Helvetica,sans-serif; text-align:center;}
.xsnazzy_prodlong .topmenu {margin:0 0 15px 0; padding:3px; background-color:#efefef; font-size:11px; font-family:Arial,Helvetica,sans-serif; text-align:center;}
.xsnazzy_prodlong .topmenu ul {list-style-type:none; margin:0; padding:0;}
.xsnazzy_prodlong .topmenu ul li {display:inline; padding:0 3px 0 5px; border-left:1px solid #999;}
.xsnazzy_prodlong .topmenu ul li:first-child {display:inline; padding:0 5px 0 0; border-left:none;}

/* Round Corners General */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid; border-right:1px solid;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb1 {margin:0 5px;} /* top/bot lijn */
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

/* Round Corners COLORS */
#header_xsnazzy .xboxcontent,
#header_xsnazzy .xb2, 
#header_xsnazzy .xb3, 
#header_xsnazzy .xb4 {background:#348017; border-color:#fff;}
#header_xsnazzy .xb1 {background:#fff;} /* top/bot lijn */

#header_xsnazzy_menu .xboxcontent,
#header_xsnazzy_menu .xb2, 
#header_xsnazzy_menu .xb3, 
#header_xsnazzy_menu .xb4 {background:#696969; border-color:#fff;}
#header_xsnazzy_menu .xb1 {background:#fff;} /* top/bot lijn */
#header_xsnazzy_menu a {margin-top:0; margin-bottom:0; color:#fff;} 

.xsnazzy_prod .xboxcontent,
.xsnazzy_prod .xb2, 
.xsnazzy_prod .xb3, 
.xsnazzy_prod .xb4 {background:#fff; border-color:#006600;}
.xsnazzy_prod .xb1 {background:#006600;} /* color top/bot lijn */

.xsnazzy_prodlong .xboxcontent,
.xsnazzy_prodlong .xb2, 
.xsnazzy_prodlong .xb3, 
.xsnazzy_prodlong .xb4 {background:#fff; border-color:#006600;}
.xsnazzy_prodlong .xb1 {background:#006600;}

ul, ol {margin:5px 0 0 25px; padding:0;}
/*  ul {list-style-image:url(_images/blue-bullet.gif);} */
li {margin:0 0 2px 0; padding:0;} 

img.link {border:none;}

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

.red, .redb {color:#ff0000;}
.redb {font-weight:bold;}
.redbg, .redbgb {color:#ffffff; background-color:#ff0000;}
.redbgb {font-weight:bold;}

#sidebar1 #menu {margin:0; padding:0 0 0 5px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#sidebar1 #menu .titelsub {margin:15px 0 3px 5px; padding:0; text-align:left; font-weight:bold; color:#444;}
#sidebar1 #menu ul {margin:0; padding:0 0 0 10px; list-style-image:none; list-style-type:none}
#sidebar1 #menu li {margin:0; padding:3px 0 3px 0;} 
#sidebar1 #menu a:link    {color:#18479b; text-decoration:none;}
#sidebar1 #menu a:visited {color:#18479b; text-decoration:none;}
#sidebar1 #menu a:hover   {color:#18479b; text-decoration:underline;}
#sidebar1 #menu a:active  {color:#18479b; text-decoration:none;}

/* Page title */
h1 {margin:7px 0 5px 0; padding:0; color:#336600; font-size:22px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; text-align:center;}
.h1sub {margin:0 0 5px 0; padding:0; color:#336600; font-size:14px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; text-align:center;}
h1 .vlag {margin-bottom:1px;}

.googlemap {margin:0; padding:10px 20px 20px 10px; float:left;}
.parkadres {margin:0; padding:30px 0 0 0;}
.landkaart {margin:0; padding:20px 0 0 0;}

/*Button Style*/ 
div .mijnbtn_top {margin:20px 0 20px 0; text-align:center;}
div .mijnbtn_bot {margin:25px 0 25px 0; text-align:center;}
a.mijnbtn {font-size:15px; font-weight:bold; font-family:Arial,Helvetica,sans-serif;
margin:0; padding:5px 25px;
border-style:solid; border-color:#ccc #555 #555 #ccc; border-width:2px 2px 2px 2px;
text-align:center;
min-width:75px;
background-color:#ffcc00; background-image:url(../_images/button_bg.gif); background-position:bottom left;
}
a.mijnbtn:link, a.mijnbtn:visited {color:#00F; text-decoration:underline;}
a.mijnbtn:hover {color:#CC0000;}
a.mijnbtn:active {border-color:#555 #ccc #ccc #555; color:#666;}

/* Maps */ 
table.locatiemap {margin:0 0 0 5px; background-color:#F5FFF5; border:1px solid #CCCCCC; 
  font-size:11px; font-family:Verdana, Helvetica, sans-serif; color:#222222;
  line-height:115%;
}
table.locatiemap .parknaam {margin:2px 0 0 7px;}
table.locatiemap .parkinfo {margin:-1px 5px 10px 7px;}
table.locatiemap .tooltip {background-color:#00FF00; padding:2px 4px 2px 4px; font-weight:bold; border:1px #444 solid;}