* { margin:0; padding:0; }


/* dia ---------------------------------------------------------- */
#dia {
	position:absolute;
	top:50px;
	left:0;
	width:900px;
	height:70px;
}
/* links ---------------------------------------------------------- */
#links {
	position:absolute;
	top:7px;
	left:0;
	width:275px;
	height:550px;
}
/* rechts ---------------------------------------------------------- */
#rechts { position:absolute; top:27px; left:780px; width:275px; height:550px; }
/* dia1 ---------------------------------------------------------- */
#dia1 { position:absolute; top:300px; left:200px; right: 0; width:100px; height:100px; }
/* camping locator ---------------------------------------------- */
#camping-locator  { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-image: none; position: absolute; top: 25px; left: 200px; width: 230px; height: 100px }


/* menu --------------------------------------------------------- */
#menu      { background-color: #fff; position: absolute; z-index: 3; top: 0; left: 100px; width: 900px; height: 26px }
#menu ul { /* all lists */
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:1em;
	border-bottom:none;
}
#menu li  { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: red; padding: 3px 5px; width: auto; float: left; border-left: 1px solid #fff }
#menu a {
	display:block;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-align:left;	
}
#menu a:hover {
	text-decoration:underline;
}
#menu li ul li a {
	width:140px;
	text-align:left;
}
#menu li ul { /* second-level lists */
	position:absolute;
	background:#939283;
	width:120px;
	border-bottom:1px solid #fff;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:5;
}
#menu li ul li  { background-color: blue; width: auto; border-top: 1px solid #fff; border-right: 1px solid #fff }
#menu li:hover ul,
#menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* content ------------------------------------------------------- */
#content { position:absolute; top:20px; left: 0; overflow:auto; width:770px; height: 900px; margin-left:275pt; z-index: 1; }
#content a,
#content a:active,
#content a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; }

/* content1 ------------------------------------------------------- */
#content1    { margin-left: 52px; position: absolute; z-index: 1; top: 24px; left: 0; width: 990px; height: 900px; overflow: auto  }
#content1 a,
#content1 a:active,
#content1 a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; }

/* content3 ------------------------------------------------------- */
#content3 { background-color: #ffc; margin-left: 275pt; position: absolute; z-index: 1; top: 24px; left: 0; width: 725px; height: 900px; overflow: auto }
#content3 a,
#content3 a:active,
#content3 a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; }

/* template index/home */
#tpl-index-col1 {
	margin:10px 5px 0px 0px;
	height:100%;
	float:left;
}
#tpl-index-col2 {
	float:left;
	width:160px;
	height:299px;
	margin:10px 5px 0px 5px;
}
#tpl-index-col2-b {
	height:45px;
	background-color:#66FFFF;
}
#tpl-index-col3 {
	float:left;
	width:160px;
	height:299px;
	margin:10px 5px 0px 5px;
}
#tpl-index-col3-b {
	height:45px;
	background-color:#66FF00;
}
#tpl-index-text,
#tpl-index-text p {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-top:10px;
}
#tpl-index-text h3 {
	font-size:18px;
	display:block;
	font-weight:bold;
	color:#000066;
}

/* template default / andere pagina's */
#tpl-default,
#tpl-default p,
#tpl-default h1,
#tpl-default h2,
#tpl-default h3, {
	padding:5px 0px 5px 0px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}	
#tpl-default h1 {
	font-size:18px;
	color:#FF0000;
}
#tpl-default h2 {
	font-size:16px;
	color:#009900;
}
#tpl-default h3 {
	font-size:14px;
	color:#003399;
}
#tpl-default ul {
	list-style:none;
}
#tpl-default-img {
	width:814px;
}
#tpl-default-img ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#tpl-default-img li {
	float:left;
	padding-right:10px;
	display:inline;
}
#tpl-default-foto {
	float:left;
	margin:0px 8px 8px 0px;
}

/* template default b / (meivakanties, maandaanbieding) */
#tpl-default-b,
#tpl-default-b p,
#tpl-default-b h1, 
#tpl-default-b h2, 
#tpl-default-b h3 { padding:5px 0; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color: #f93; }	
#tpl-default-b h1 {
	font-size:18px;
	color:#FF0000;
}
#tpl-default-b h2 {
	font-size:16px;
	color:#009900;
}
#tpl-default-b h3 {
	font-size:14px;
	color:#FF0000;
}
#tpl-default-b ul {
	list-style:none;
}
#tpl-default-b-l {
	float:left;
	width:395px;
	margin:10px 5px 0px 0px;
}
#tpl-default-b-r {
	float:right;
	width:409px;
	margin:10px 5px 0px 0px;
}
#tpl-default-b-r ul {
	list-style:none;
	width:372px;
}
#tpl-default-b-r li {
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

/* template default-c / (onderweg/overnachting campings, kampeerplaatsen) */

#tpl-default-c,
#tpl-default-c p,
#tpl-default-c h1, 
#tpl-default-c h2, 
#tpl-default-c h3 { padding:8px 0; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color: #f93; }	
#tpl-default-c h1 {
	font-size:24px;
	color:#FF0000;
}
#tpl-default-c h2 {
	font-size:22px;
	color:#000;
	background-color:#006666;
	width:814px;
}
#tpl-default-c h3 {
	font-size:14px;
	color:#000;
}
#tpl-default-c-img {
	width:814px;
}
#tpl-default-c-img ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#tpl-default-c-img li {
	float:left;
	padding-right:10px;
	display:inline;
}

/* template codes */
#tpl-code,
#tpl-code p,
#tpl-code h1, 
#tpl-code h2, 
#tpl-code h3 {
	padding:8px 0px 8px 0px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}	
#tpl-code h1 {
	font-size:24px;
	color:#000000;
	background-color:#6eb8ec;
	width:914px;
	text-transform:uppercase;
}
#tpl-code h2 {
	font-size:18px;
	color:#000000;
	background-color:#00FF00;
	width:814px;
}
#tpl-code h3 {
	font-size:18px;
	color:#009900;
}
#tpl-code-img ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#tpl-code-img li {
	float:left;
	padding:10px 10px 10px 0px;
	display:inline;
}
#tpl-code-l {
	float:left;
	width:595px;
	margin:10px 5px 0px 0px; 
}
#tpl-code-r {
	float:right;
	width:214px;
	margin-top:10px;
}
#tpl-code-r h2 {
	font-size:18px;
	color:#009900;
}
.promotie {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:block;
	background-color:#00FF00;
	color:#000000;
}
.promotie2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:block;
	background-color:#FF0000;
	color:#fff;
}
	

/* textiel campings (in de div content)------------------------------------------------------- */
/* kaarten naturisme */
/* content4
 ------------------------------------------------------- */
#content4 { position: fixed; z-index: 1; top: 24px; left: 0; width: 950px; height: 500px; }
#content4 a, #content4 a:active, #content4 a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; }