@charset "utf-8";
/* CSS Document */

body {margin: 0px; padding:0px; height:100%;  }
#container {z-index:99; position:relative; min-height:100%; background-image: url(img/pgbgr2.jpg); background-position:top center; background-repeat:repeat-y}
#camping{width:50%; min-height:600px; margin-top:0px; margin-left:49.7%; position:absolute;  background-image: url(img/camping1.jpg); background-repeat:no-repeat; background-position:left 75px ; z-index:-98}
#boom {padding-bottom:75px; min-height:600px; background-image:url(img/boom1.png); background-repeat:no-repeat; background-position:top center;  }

td.left {width:17%; vertical-align:top; padding-top:100px}
td.center { min-width:450px; vertical-align:top; background-image:url(); background-repeat:no-repeat; background-position:center top}
td.right {width:23%; vertical-align:top; text-align:right; padding-top:50px}
td.contact {width:23%; vertical-align:top; text-align:right; padding-top:80px}

.header {background-color:; width:100%; height:170px}
.embleem {background-image:url(img/embleem.png); height:165px; width:165px;  margin-left:145px; margin-top:25px}
.bord {background-image:url(img/hdr2.png); height:350px; width:442px;  margin-left:250px; margin-top:0px}

.kop {font-size:20px; font-weight:bold; color:#161b10; padding:0px 0px 0px 10px}
.subkop {font-size:14px; font-weight:bold; color:#161b10; background-image:url(img/bgr1px-blw.png); opacity:0.9;}
.par {font-weight:bold;}
ul li { list-style:url(img/bullet1.png) }

.tarief{ font-weight:normal; line-height:normal }
.tarief td {border-bottom:1px solid #fff; padding: 3px 4px;}
.col1 { background-color:#92add3;}
.col2 { background-color:#7799c7; width:60px  }
.col3 { background-color:#658bbe;  width:60px }
.col4 { background-color:#547bb0;  width:60px }


.content { height:100%;}
.content-left {  float:left; width:50%;  padding:10px 10px 50px 10px; margin:-280px 15px 60px 0px;   background-color:#FFFFFF; opacity:0.9; border-radius:15px;  box-shadow: 4px 4px 10px #151612;  }
.content-left img {margin:0px 6px 6px 0px; border-radius:7px; box-shadow:2px 2px 5px #2E3311; }
.content-tkst-left{  font-family:arial, sans-serif; font-size:0.75em; font-weight:bold; color:#151612; line-height:20px;}
.content-right {width:200px; margin-left:80%; margin-top:280px; padding:0px;  background-color:#003133; opacity:0.7; border-radius:10px;  box-shadow: 3px 3px 7px #333; }
.content-tkst-right{border-radius:10px; text-decoration:none; font-family:verdana, sans-serif; font-weight:bold; font-size:14px; color:#fff; text-align:center; display:block }
.content-tkst-right a, .content-tkst-right a:visited{padding:6px; border-radius:10px; text-decoration:none; font-family:verdana, sans-serif; font-weight:bold; font-size:14px; color:#fff; text-align:center; display:block  }
.content-tkst-right a:hover{  background-color:#fff;  color:#003133; border:1px solid #003133; }
 
.leftnav {
	position: absolute;
	z-index: 999;
	padding-top: 64px;
	float: left;
	width: 170px;
	height: 200px;
	background-image: url(img/navleft-bgr.png);
	background-repeat: no-repeat;
	background-position: -120px top;
}
.leftnav a, .leftnav a:visited{ text-shadow: 0px 0px 10px #ffF;  font-family:Arial, sans-serif; color:#fff; text-decoration: none; display: block; background-color: transparent; font-weight:bold; }
.leftnav a:hover{ color:#121a14}
.leftnav1 a{color:;
	font-size: 22px;
	padding-right: 0px;
	padding-left: 11px;
	padding-bottom: 2px
}
.leftnav2 a{  color:;
	font-size: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 1px;
}
.leftnav3 a{ color:;
	font-size: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 0px
}
.leftnav4 a{ color:;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 16px;
	padding-bottom: 2px
}
.leftnav5 a{ color:;
	font-size: 13px;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 1px;
}


.rightnav, .rightnav2 {
    position: absolute;
    z-index: 999;
    float: right;
    padding-top: 60px;
    width: 220px;
    height: 200px;
    background-image: url("img/navright-bgr.png");
    background-repeat: no-repeat;
    background-position: left top;
    right: 0px;
}

.rightnav2 {
    text-align: right;
    padding-top: 10px;
    height: 130px;
    top: 240px;
    width: 155px;
    background-size: 165px;
}

.teaser1 {
    text-shadow: 2px 2px 2px #0016bf;
    font-weight: bold;
    font-family: arial;
    color: #fff;
    padding: 10px 10px 0 0;
    float: right;
}

.contact .rightnav {  padding-top:0px; width:360px; height:300px;background-image:url(img/navright-bgr2.png);  }

.adres a {
    text-align: right;
    float: right;
    display: block;
    width: 145px;
    line-height: 15px;
    text-decoration: none;
    color: #fff;
    font-family: arial,sans-serif;
    font-size: 0.75em;
    font-weight: normal;
    text-shadow: 1px 1px 1px #3d6eb2;
    padding: 0px 6px 0px 60px;
}

.adres a:hover  { color:#121a14;  font-size:0.75em; text-shadow: 1px 1px 1px #FFF; background-image:url(img/navright-bgr-aan.png); background-position:14px -53px; background-repeat:no-repeat }
.adres span  {  color:#101e02; font-size:1.1em;}
.socmed a:link {
    background-image: url("img/facebook36x36.png");
    background-repeat: no-repeat;
    float: right;
    margin: 4px 10px 0px 0px;
    width: 40px;
    height: 40px;
}

 

.contact .adres a  {  width:250px; height:200px; line-height:18px; font-size:0.9em; font-weight:bold; text-shadow: 1px 1px 1px #3d6eb2; padding:60px 6px 0px 120px  }
.contact .adres a:hover  { color:#4c4401;   text-shadow: 1px 1px 1px #FFF; background-image:url(img/navright-bgr2-aan.png);   background-position:16px 0px; background-repeat:no-repeat; }
contact .adres span  {  color:#101e02; font-size:1em;}


.footer {height:190px; z-index:999; width:100%; bottom:0px; position:absolute; background-image:url(img/footer-bgr.png); background-repeat:repeat-x;}