* {
	margin: 0;
	padding: 0;
	outline: 0;
	border-width: 0;
	list-style: none;
}

body { 
	font: 11px/18px Tahoma, Geneva, Kalimati, sans-serif;
	color: #007FA6;
	background: #00B3EB;
}

h2 {
font: 20px "Century Gothic", "Avant Garde", sans-serif; 
font-weight: bold;
color: #007fa6;
margin: 15px 0 0;
}

.slogan {
	margin-top:-8px; padding-left: 2px; font-size:11px; font-weight:bold; color:#ffeb4a;
}
.lijst_organisaties {
	float:left; 
	width:235px;
	margin-bottom: 10px;
	padding-right: 20px;
}
.partners {
	margin: 5px 0 10px 0;
}
.results_display {
	color: #f0a116;
}
.index3 {
	font-size:13px;
}
.form-contact {
	padding: 0 0 0 10px;
	border: 1px solid #007FA6; 
	background-color:#ebfbfb; 
}
.input-contact {
	padding:2px;
	border:1px solid #007FA6;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
.textarea-contact {
	width:475px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #007FA6;
	height:100px;
	display:block;
	color:#777;
}
input.button-contact { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #007FA6; 
	padding: 2px 3px; 
	background: #FFF;
	color: #007FA6;
}
.label-contact {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

a {
	color: #007FA6;
	text-decoration: none;
}

#subfooter a {text-decoration: underline;}

#subfooter a:hover {text-decoration: none;}

a:hover {
	text-decoration: underline;
}

input, select, textarea {
	font: 11px/13px Tahoma, Geneva, Kalimati, sans-serif;
	color: #7F7F7F;
}

#bg1 {
	background: #00B3EB url(../images/bg4.jpg) no-repeat 50% 0;
}
#bg1 .smallh3 {font-size:x-small; padding-left:75px; margin-top:-3px;}

#bg2 {
	background: url(../images/bg2.jpg) repeat-x 0 100%;
	font-size: 12px;
}
#top {
	margin: 0 auto;
	width: 900px;
	height: 153px;
	position: relative;
}

#logo {
	position: absolute;
	top: 13px;
	left: -18px;
}
#logo a:hover {
	text-decoration:none;
}

#info {
	width: 250px;
	height: 70px;
	position: absolute;
	top: 8px;
	right: -21px;
	background: url(../images/info.png) no-repeat;
}

#info a {
	text-decoration: none !important;
	display: block;
	width: 250px;
	height: 70px;
	position: relative;
}

#info .i1 {
	font: bold 16px/21px "Century Gothic", "Avant Garde", sans-serif;
	color: #000;
	text-align: center;
	width: 70px;
	position: absolute;
	top: 24px;
	left: 0;
}

#info .i2 {
	display: none;
}

#menu {
	margin: 0 auto;
	width: 900px;
	height: 40px;
	overflow: hidden;
	background: url(../images/bg6.jpg) no-repeat;
}

#menu ul {
	margin: 0 auto;
    margin-left: 28px;
	overflow: hidden;

}

#menu li {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 0 0 0 2px;
	float: left;
	height: 40px;
	background: url(../images/bg7.gif) no-repeat;
}

#menu li.i1 {
	background: none;
}

#menu li a {
	color:#334256;
	cursor: pointer;
	padding: 11px 0px 0;
	float: left;
	height: 29px;
  padding-left: 20px;
  padding-right: 20px;
}



#menu li a:hover {
	text-decoration: none;
	background: url(../images/bg8.gif) repeat-x;
}
#bottom1 {
	color: #334256;
	margin: 0 auto;
	padding-top: 5px;
	width: 900px;
	position: relative;
	background-color: #ffb516;
}
#bottom1 a {
	color: #fff;
}
#bottom1 .c1 {
padding: 0 80px 0 80px;
}
#bottom {
	color: #334256;
	margin: 0 auto;
	width: 900px;
	height: 132px;
	position: relative;
	background: url(../images/bg5.jpg) no-repeat;
}

#bottom a {
	color: #fff;
}

#bottom .c1 {
	position: absolute;
	top: 4px;
	right: 84px;
	border-top:1px solid white;
}
#bottom .c1 a {
	color:#334256;
}
#bottom .c2 {
	position: absolute;
	top: 36px;
	right: 84px;
}
#bottom .c2 a {
	color:#334256;
}
#bottom .img {
	width: 111px;
	height: 111px;
	position: absolute;
	top: 18px;
	right: -29px;
	background: url(../images/bg26.png) no-repeat;
}

#middle {
	margin: 0 auto;
	padding: 0 0 50px;
	width: 900px;
	background-color: #fdfdfd;
}

#middle:after {
	line-height: 0;
	content: ".";		
	clear: both;
	display: block;
	width: 900px;
	height: 0;
	visibility: hidden;
}

#left {
	margin: -14px 0 0 -29px;
	float: left;
	width: 210px;
}

#right {
	margin: -14px -32px 0 0;
	float: right;
	width: 210px;
}

#center {
	margin: 0 0 0 9px;
	background-color: #fdfdfd;
	float: left;
	width: 517px;
}
.b-onder {
	border-bottom:1px solid #007fa6;
}
.b-zijkant {
	border-right:1px solid #007fa6;
}
.b-beiden {
	border-right:1px solid #007fa6;
	border-bottom:1px solid #007fa6;
}
.search,
.list,
.newsletter,
.holidays,
.rss {
	margin: 10px 0 0;
	width: 210px;
	position: relative;
}
.countries {
	margin: 0;
	width: 210px;
	position: relative;
}
.search .img {
	width: 80px;
	height: 115px;
	position: absolute;
	top: -7px;
	left: -25px;
	z-index: 10;
	background: url(../images/bg15.png) no-repeat;
}

.newsletter .img {
	width: 71px;
	height: 55px;
	position: absolute;
	top: -7px;
	left: -14px;
	background: url(../images/bg16.png) no-repeat;
}

.holidays .img {
	width: 66px;
	height: 69px;
	position: absolute;
	top: -11px;
	left: -30px;
	background: url(../images/bg17.png) no-repeat;
}

.rss .img {
	width: 68px;
	height: 68px;
	position: absolute;
	top: -9px;
	left: -11px;
	background: url(../images/bg18.png) no-repeat;
}

.search .bg1,
.list .bg1,
.extra .bg1,
.newsletter .bg1,
.holidays .bg1,
.countries .bg1,
.rss .bg1 {
	width: 210px;
	height: 42px;
	overflow: hidden;
	background: url(../images/bg9.png) no-repeat;
}

.newsletter .bg1,
.rss .bg1 {
	background: url(../images/bg12.png) no-repeat;
}

.search .bg2,
.list .bg2,
.extra .bg2,
.newsletter .bg2,
.holidays .bg2,
.countries .bg2,
.rss .bg2 {
	width: 210px;'
	overflow: hidden;
	background: url(../images/bg10.png) repeat-y;
	padding: 5px 3px 5px 0px;
}

.extra .bg2 {
	padding: 0 0 5px 20px;
}

.newsletter .bg2 p {
color: #FFFFFF;
padding-left: 20px;
margin: -5px 0 10px 0;
font-weight: bold;
}

.newsletter .bg2,
.rss .bg2 {
	background: url(../images/bg13.png) repeat-y;
}

.search .bg3,
.list .bg3,
.extra .bg3,
.newsletter .bg3,
.holidays .bg3,
.countries .bg3,
.rss .bg3 {
	width: 210px;
	height: 14px;
	background: url(../images/bg11.png) no-repeat;
}

.newsletter .bg3,
.rss .bg3 {
	background: url(../images/bg14.png) no-repeat;
}

.search .header,
.list .header,
.extra .header,
.newsletter .header,
.holidays .header,
.countries .header,
.rss .header {
	font: 13px "Century Gothic", "Avant Garde", sans-serif; 
	color: #004256;
	margin: 15px 0 0;
	text-align: center;
}

.search .header {
	text-align: left;
	padding: 0 0 0 52px;
}

.newsletter .header,
.rss .header {
	color: #fff;
}

.search form {
	padding: 0 0 0 19px;
	position: relative;
}

.search .select {
	line-height: 15px;
	margin: 10px 0 0 0;
	width: 171px;		
	position: relative;	
}

.search .box1 {
	z-index: 5;
}

.search .box2 {
	z-index: 4;
}

.search .box3 {
	z-index: 3;
}

.search .box4:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.search .box4 .select {
	margin-right: 8px;
	float: left;
	width: 80px;
	z-index: 2;
}

.search .selectOver {
	color: #fff;
	width: 171px;
	background: url(../images/f1.png) no-repeat;	
}

.search .box4 .selectOver {
	width: 80px;
	background: url(../images/f2.png) no-repeat;	
}

.search .selectOver span {
	padding: 3px 0 0 11px;
	cursor: pointer;
	display: block;
	height: 21px;
}

.search .select ul {
	display: none;
	width: 138px;
	position: absolute;
	top: 24px;
	left: 9px;
	background: #72DBFE;
	border: 1px solid #fff;
	border-top-width: 0;
}

.search .box4 .select ul {
	width: 58px;
}

.search .select ul.scroll {
	width: 150px;
	height: 120px;
	overflow: auto;
	overflow-x: hidden;
}

.search .box4 .select ul.scroll {
	width: 70px;
}

.search .select li {
	height: 24px;
}

.search .select li a {
	color: #fff;
	padding: 5px 0 5px 5px;
	display: block;
}

.search .select li a:hover {
	color: #3BC7F7;
	text-decoration: none;
	background: #fff;
}

.search .select .selection {
	width: 14px;
	height: 8px;
	visibility: hidden;
	position: absolute;
	right: 9px;
	top: 9px;
	background: url(../images/f6.png) no-repeat;
}

.search .box4 .select .selection {
	right: 8px;
}

.search .select .selected {
	display: none;
}

.search .select select {
	width: 170px;
	border: 1px solid #74DCFC;
}

.search .select input {
	border: 1px solid #74DCFC;
}

.search .box4 .select select {
	width: 79px;
}

.search .box5 {
	margin: 6px 0 0;
	width: 191px;
	overflow: hidden;
}

.search .box5 .left {
	float: left;
	clear: left;
	width: 91px;
}

.search .box5 .right {
	float: left;
	width: 100px;
}

.search .box5 li {
	padding: 4px 0 0;
}

.search .box5 input {
	vertical-align: middle;
	margin: 2px 5px 0 0;
	width: 13px;
	height: 13px;
}

.search .submit {
	margin: 7px 0 0 111px;
	display: block;
}

.list {
margin-top: 0px;
}

.list ul {
	line-height: 18px;
	padding: 5px 0 0px 18px;
	position: relative;
}

.list .cd_regio {
font-size: 14px; font-weight: bold;
}

.list .cd_stad {
font-size: 12px; font-weight: bold;
}

.list .cd_bestemming {
font-size: 11px; font-weight: normal; width: 400px;
}

.list ul a {
	padding: 0 5px 0 13px;
	background: url(../images/x1.png) no-repeat 0 4px;
}
.list li {
	padding-right: 5px;
}
.list p {
padding-left: 18px;
}

.list img {
padding-top: 5px;
}

.newsletter .bg2 {
	padding: 13px 0 0;
}

.newsletter form {
	position: relative;
}

.newsletter .input {
	margin: 0 0 5px 33px;
	width: 143px;
	height: 23px;
	background: url(../images/f4.png) no-repeat;
}

.newsletter .input input {
	text-align: center;
	margin: 3px 0 0;
	width: 143px;
	background: transparent;
}

.newsletter .submit {
	margin: 10px 0 0 129px;
	display: block;
}

.holidays ol {
	margin: 0 0 0 20px;
	width: 170px;
	overflow: hidden;
	position: relative;
}

.holidays .box {
	margin: -1px 0 0;
	padding: 10px 0 10px 37px;
	width: 126px;
	position: relative;
	border-top: 1px solid #AAEAFC;
}

.holidays .box.last {
	height: 43px;
}

.holidays .box h4 {
	font-size: 12px;
  font-weight: normal;
	line-height: 14px;
}

.holidays .box .nr {
	line-height: 13px;
	font-weight: normal;
	text-align: center;
	padding: 6px 0 0;
	width: 26px;
	height: 19px;
	position: absolute;
	top: 14px;
	left: 0;
	background: url(../images/bg19.png) no-repeat;
}

.countries ul {
	text-align: center;
	margin: 0 auto;
	padding: 0 0 10px;
	width: 160px;
	overflow: hidden;
	position: relative;
}

.countries ul .left {
	float: left;
	width: 80px;
}

.countries ul .right {
	float: right;
	width: 80px;
}

.countries ul img {
	margin: 6px auto -3px;
	display: block;
}

.rss p {
	line-height: 15px;
	color: #fff;
	padding: 9px 16px 0 32px;
	position: relative;
}

.rss a {
	color: #fff;
	cursor: pointer;
}

.rss big {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 6px 0 7px;
	display: block;
}

#nav,
.cwrapper2 .nav {
	margin: 13px 0 0 7px;
	width: 506px;
	padding: 0 0 11px;
}

.cwrapper2 .nav {
	margin: 4px 0 -3px 7px;
}

#nav p,
.cwrapper2 .nav p {
	font-size: 11px;
	margin: 0;
	padding: 0 5px 0;
	height: 20px;
	background: #EBFBFB;
}

.cwrapper1 {
	margin: 0 0 0 7px;
	width: 506px;
	overflow: hidden;
	font-size: 12px;
}

.cwrapper1 a {
	color: #f0a116;
	text-decoration:underline;
	font-weight:bold;
}

.cwrapper1 a:hover {
	text-decoration: none;
}

.cwrapper1 .header {
	font-size: 24px;
	line-height: 27px;
	margin: 5px 0 10px 0px;
	color: #007FA6;
}
.cwrapper1 .header a {
	color: #007FA6;
}
.cwrapper1 .nolink {
	text-decoration: none;
	color: #007FA6;
}

.cwrapper1 p {
  margin-bottom: 10px;
}

.cwrapper1 ul {
  margin-left: 20px;
}

.cwrapper1 li {
  list-style-type:disc;
}
.cwrapper1 h2 {
	margin-bottom: 5px;
}
.cwrapper1 h2.showlink {
	padding-left:325px; 
	margin:0;
	text-align: center;
}
.cwrapper1 h3 {
	margin-bottom: 5px;
}
.cwrapper2 {
	width: 517px;
	overflow: hidden;
}
.cwrapper2 a {
	color: #f0a116;
	text-decoration:underline;
	font-weight:bold;
}
.cwrapper2 a:hover {
	text-decoration: none;
}
.cwrapper2 h3 {
	margin-bottom: 5px;
	margin-top: 10px;
}
.cwrapper2 h4 {
	margin-bottom: 5px;
	margin-top: 10px;
}
.cwrapper2 p {
	margin-bottom: 10px;
}
.cwrapper2 .header {
	font-size: 24px;
	line-height: 27px;
	margin: 16px 0 0 7px
}
.cwrapper2 .container {
	width: 534px;
	overflow: hidden;
}
.cwrapper2 .container a {
	color: #007FA6;
	text-decoration: none;
}
.cwrapper2 .container a:hover {
	color: #007FA6;
	text-decoration: underline;
}
.cwrapper2 .container .box {
	cursor: pointer;
	margin: 16px 17px 0 0;
	padding-bottom: 20px;
	float: left;
	width: 250px;
	height: 265px;
	background: #EBFBFB url(../images/bg21.gif) no-repeat;
}
.cwrapper2 .container .box:hover {
	background: #C5EBF4 url(../images/bg23.gif) no-repeat;
}

.cwrapper2 .container .box .bg {
	padding: 0 0 10px 0;
	margin-bottom: 30px;
	width: 250px;
	height: 275px;
	overflow: hidden;
	background: url(../images/bg22.gif) no-repeat 0 100%;
}

.cwrapper2 .container .box .bg:hover {
	background: url(../images/bg24.gif) no-repeat 0 100%;
}

.cwrapper2 .container .box h3 {
	font-size: 14px;
	line-height: 17px;
	margin: 6px 0 0 12px;
}

.cwrapper2 .container .box h3 a:hover {
	text-decoration: none;
}

.cwrapper2 .container .box .img {
	margin: 3px 0 0 0px;
	width: 237px;
	overflow: hidden;
	position: relative;
}

.cwrapper2 .container .box .img img {
  float: left;
  margin-left: 13px;
  padding-top: 3px;
}



.box_ro {
	width: 506px;
	margin: 14px 17px 0 0;
	float: left;
	background: #EBFBFB url(../images/bg21_2.gif) no-repeat;
}
.box_ro.hover {
	background: #C5EBF4 url(../images/bg23.gif) no-repeat;
}
.box_ro .bg {
	padding: 10px 15px 10px 10px;
	overflow: hidden;
	background: url(../images/bg22_2.gif) no-repeat 0 100%;
}
.box_ro .bg a {
	color: #f0a116;
	text-decoration: none;
}
.box_ro .bg a:hover {
	color: #f0a116;
	text-decoration: underline;
}
.box_ro.hover .bg {
	background: url(../images/bg24.gif) no-repeat 0 100%;
}
.box_ro .bg .left {
	float: left;
	width: 135px;
}
.box_ro .bg .left h3 {
	padding-bottom: 5px;
	color: #007FA6;
}
.box_ro .bg .left a {
	color: #007FA6;
	text-decoration: none;
}
.box_ro .bg .left a:hover {
	clear: both;
	text-decoration: underline;
}
.box_ro .bg .right a {
	padding-right: 8px;
	color: #007FA6;
	text-decoration: none;
	font-weight:normal;
}
.box_ro .bg .right a:hover {
	clear: both;
	color: #007FA6;
	text-decoration: none;
}
.box_ro .bg .down {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.img_jr {
	float:right;  
	margin-bottom: 7px;
}

#imgdiv img {
float: left;
margin-left: 5px;
}

#imgdiv a {
	text-decoration:none;
}

.cwrapper2 .container .box .img p, #imgdiv p {
	font-size: 18px;
	line-height: 45px;
	color: #000000;
	text-align: center;
	margin: 0 -101px 0 -30px;
	padding: 27px 0 0;
	float: left;
	width: 101px;
	height: 74px;
	background: url(../images/bg25.png) no-repeat;
}

.cwrapper2 .container .box .text {
	margin-top: 10px;
  margin-right: 10px;
  margin-left: 13px;
  clear: both;
}

.cwrapper2 .pagination {
	width: 534px;
  text-align: center;
  margin-top: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  padding-top: 5px;
}

.cwrapper2 .results {
  text-align: center;
  color: #000;
  font-style: italic;
}

#infocontainer_links {
float: left;
padding-top: 20px; 
padding-left: 20px; 
line-height: 22px;
}

#infocontainer_rechts {
float: left;
padding-top: 20px; 
padding-left: 15px;
line-height: 22px;
}
a.infobox {text-decoration:none; position:absolute; border-bottom:1px dashed #f0a116; color:#007FA6; font-weight:normal;}
a.infobox:hover { cursor:help; color:#f0a116; background:white; text-decoration:none; }
a.infobox span { visibility:hidden; position:absolute; text-decoration:none; padding: 10px; top: 50px; left: -200px; width:400px; }
a.infobox:hover span, .infobox:focus span, .infobox:active span {visibility:visible; left:1em; border:1px solid #f0a116; color: #007fa6; background:white; text-decoration:none; }

#info_vlaggen ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#info_vlaggen ul li {
	list-style-type: none;
	text-align:center;
	float:left;
	margin-bottom: 20px;
	width: 75px;
	height: 70px;
}
#info_vlaggen a {
	color: #007fa6;
}

.flash_notice
{
	margin: 13px 0 10px 7px;
	width: 496px;
	padding: 5px;
  background-color: #cfc;
}

.flash_error
{
	margin: 13px 0 10px 7px;
	width: 496px;
	padding: 5px;
  background-color: #f33;
  color: #fff;
}


/* ######### CSS for Lightbox ######### */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; margin-top:-40px;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* ######### CSS for Shade Tabs. Remove if not using ######### */

#infotabs_container {
margin-top: 20px;
}

#display_container { 
border:1px solid #007fa6; 
margin-bottom: 1em; 
padding: 10px 10px 10px 15px;
}

.info_tabs{
padding: 3px 0px 3px 0px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.info_tabs li{
display: inline;
margin: 0;
}

.info_tabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px 3px 7px;
margin-right: 3px;
margin-left: -3px;
border: 1px solid #007fa6;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.info_tabs li a:visited{
color: #2d2b2b;
}

.info_tabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.info_tabs li a.selected{ /*selected main tab style */
position: relative;
top: 2px;
}

.info_tabs li a.selected{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: #FFFFFF;
}

.info_tabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontent h2 {
	margin: 0 0 5px 0;
	font-size: 18px;
}
.tabcontent h3 {
	margin-top: 10px;
}
.tabcontent .klimaat {
	margin-bottom: 5px;
}
#vac {
	margin-bottom: 25px;
}
.tabcontent .vac-left {
	float:left; 
}
.tabcontent .vac-right {
	float: right; 
	width: 300px;
}
.reisgids_img {
	float:right;
	padding: 5px 10px 0px 10px;
}