* { margin:0; padding:0; }
php,html,body
{
height:100%;
margin: 0px;
padding: 0px;
}
#distance {
width:1px;
height:0%;
margin-bottom:-300px; /* helft van de website hoogte */
float:left;
}
div#container
{
text-align:left;
margin:0 auto; /* Ook horizontaal centreren */
position: relative;
width:915px;
height: 600px;
clear: left;
}
/* 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: 0; 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;
}
/* menuh --------------------------------------------------------- */
#menuh { color: #fffbf0; font-size: 12pt; font-weight: bold; text-align: center; text-indent: 12pt; position: absolute; z-index: 3; top: 140px; left: 0; width: 900px; height: 40px ; outline-color: #fff; outline-style: none; }
#menuh ul { /* all lists */
font-size: 12pt; list-style:none; line-height:12pt; background-color: transparent; }
#menuh li { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 30pt; background-color: #00009a; text-decoration: none; width: auto; float: left; margin-top: 2px; border-left-style: solid; }
#menuh a { display:block; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; }
#menuh a:hover { color: #ccc; font-weight: bold; background-color: black; text-decoration:underline; width: auto; }
#menuh li ul li a { color: #fff; background-color: #030000; width:180px; text-align:left; top: 20pt; }
#menuh li ul { /* second-level lists */
background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position:absolute; width:180px; left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-bottom-style: solid; }
#menuh li ul li { background-color: #030000; top: 14pt; width: 180px; border-style: none;00 }
#menuh li:hover ul, #menuh li.sfhover ul { /* lists nested under hovered list items */
left: auto; width: 180px; }
/* menuk --------------------------------------------------------- */
#menuk { color: #fffbf0; font-size: 40px; font-weight: normal; line-height: 20px; position: absolute; z-index: 3; top: 96px; left: 300px; width: 500px; height: 40px ; border: 20pt #ff5f00; outline: none 12pt aqua; }
#menuk ul { /* all lists */
list-style:none; outline-color: fuchsia; outline-width: 12pt; }
#menuk li { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 30px; text-decoration: none; width: auto; float: left; margin-top: 2px; border-left-style: solid; }
#menuk a { display:block; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#00c; text-decoration: none; text-align:center; text-indent: 20pt; }
#menuk a:hover { color: #ccc; font-weight: bold; background-color: #006; text-decoration:none; width: auto; }
#menuk li ul li a { color: #fff; background-color: #030000; width:180px; text-align:left; top: 20pt; }
#menuk li ul { /* second-level lists */
background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position:absolute; width:180px; left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-bottom-style: solid; }
#menuk li ul li { background-color: #030000; top: 14pt; width: 180px; border-style: none;00 }
#menuk li:hover ul, #menuk li.sfhover ul { /* lists nested under hovered list items */
left: auto; width: 180px; }
/* 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: 0; 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:20px;
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; }