/* --- StyleSheet -------------------------------------------------------- */
/* Author: ASPerience BV                                                   */
/* Creation date: 26-11-2009                                               */
/* Modification date: 18-10-2010                                           */
/* Customer: Camping Amsterdamse Bos */
/* Usage: Freestyler 3 base stylesheet SCREEN                              */
/* ----------------------------------------------------------------------- */
BODY {
margin:0px;padding:0px;
background: #2b1508 url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/body.gif) center top repeat-y;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
line-height: 20px;
}
td {font-size:12px;}
#background2 {
background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/background.jpg) center top no-repeat;
}
/* --- BEGIN LOTUS DOMINO FORM FIX --- */
FORM {
padding: 0px;
margin: 0px;
}
/* --- END LOTUS DOMINO FORM FIX ---- */
H1 {
font-size : 18px;
color : #FFF;
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
}
H2 {
font-size : 11pt;
color : #FFF;
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
}
H3 {
font-size : 10pt;
color : #FFF;
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
}
H4 {
margin-top: 7px;
padding: 4px;
width: 150px;
float: right;
color: #FFFFFF;
background-color: #42670A;
font-size: 10pt;
font-weight: bold;
border: 1px dotted #7EBA27;
text-align: center;
}
HR {
height : 1px;
color : #58b145;
}
P {
padding:0px;margin:0px;
font-size : 12px;
color : #FFF;	
line-height: 20px;
margin-bottom: 10px;
}
ul {
font-size : 12px;
margin-left : 20px;
margin-right : 5px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 20px;
line-height: 20px;
}
ol {
font-size : 12px;
margin-left : 27px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 20px;
line-height: 20px;		
}
img {
border-color : #FFFFFF #FFFFFF #FFFFFF #FFFFFF ;
}
a:link,
a:visited,
a:active {	
color: #7eba27;
text-decoration: none;
}
a:hover {
color: #FFF;
text-decoration: underline;
}
/* --- BEGIN Framestructure definition ----------------------------------- */
table.mainStructure {
width: 950px;
border-collapse:collapse;
}
td.leftHeader{
height: 20px;
}
td.pageHeader{
height: 260px;
font-size: 8pt;
font-weight: bold;
text-align: left;
vertical-align:top;	
}
#logo {position:absolute;margin-left:-24px;margin-top:8px;width:403px;height:103px;display:block;}
td.rightHeader{
height: 20px;
font-size: 8pt;
text-align: left;		
vertical-align: top;
}
td.leftBannerBox {
height: 200px;
vertical-align: top;
} 
td.midBannerBox {
height: 200px;
vertical-align : top;
}
td.rightBannerBox {
height: 200px;
vertical-align: top;
}
td.leftCollumn {
vertical-align : top;	
width: 211px;
}
td.pageBox {
vertical-align : top;
padding : 10px; 
padding-left:25px;
padding-top:20px;
}
#pageTitles {position:absolute;margin-left:235px;margin-top:36px;width:425px;}
td.rightCollumn {
vertical-align : top;
width: 280px;
padding-top:90px;
}
td.pageFooter {
height: 80px;
vertical-align:top;
}
/* --- END FrameStructure definitition ----------------------------------- */
/* BEGIN rounded box */
div.roundedBox {width:410px;padding-top:10px;padding-bottom:10px;}
div.roundedBox .header{background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/roundedbox.gif) no-repeat;height:36px;}
div.roundedBox .header h2 {line-height:36px;font-size:14px;color:#2b150a;padding:0px;margin:0px;padding-left:15px;}
div.roundedBox .boxcontent{background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/roundedbox.gif) -410px 0px repeat-y;padding:15px;}
div.roundedBox .footer{background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/roundedbox.gif) 0px -95px no-repeat;height:10px;}
div.roundedBox .calendaricon {position:absolute;width:58px;height:64px;background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/calendaricon.png) no-repeat;margin-top:-14px;margin-left:320px;}
div.roundedBox .header span {display:inline-block;}
/* END rounded box */
/* --- BEGIN Header Images ----------------------------------------------- */
#primaryImage {
position: absolute;
padding-left:10px;
padding-top: 10px;
z-index: 2;
}
#mainImage{
padding: 0px;
margin: 0px;
}
#secondaryImage {
width: 240px;
padding-top: 25px;
position: absolute;
z-index: 2;
text-align: center;
}
#secondaryImage IMG {
border: 1px solid #000;
}
/* --- END Header Images ------------------------------------------------- */
/* --- BEGIN MenuItems Definition ---------------------------------------- */
#menuBoxWrapper {padding:10px;}
#menuBox {
margin:0px;
background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/menuBox.gif) left bottom no-repeat;
padding-bottom:30px;
width:191px;
}
a.menu:link,
a.menu:visited 		{
padding : 5px 5px 5px 32px;
margin: 0px;	
display:block;
font : normal 11pt Arial;
color: #FFF;
text-decoration: none;
font-weight : bold;
}
a.menu:hover	{
color: #FFF;
text-decoration:none;
background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/leaf.gif) 7px 5px no-repeat;		
}
a.menu_current:link,
a.menu_current:visited,
a.menu_current:hover	{
padding : 5px 5px 5px 32px;
margin : 0px;	
display:block;
font : normal 11pt Arial;
color: #FFF;
background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/leaf.gif) 7px 5px no-repeat;
text-decoration: none;	
font-weight : bold;
}
a.submenu:link,
a.submenu:visited 		{
padding : 5px 5px 5px 42px;
margin-top : 0px;	
display:block;
font : normal 8pt Arial;
color: #FFF;
text-decoration: none;
}
a.submenu:hover	{
color: #FFF;
text-decoration:underline;			
}
a.submenu_current:link,
a.submenu_current:visited,
a.submenu_current:hover	{
padding : 5px 5px 5px 42px;
margin: 0px;	
display:block;
font : normal 8pt Arial;
color: #FFF;
text-decoration: none;			
}
/*--- END MenuItems Defintion -------------------------------------------- */
/* --- BEGIN Content Boxes ----------------------------------------------- */
#websiteTitle {
padding: 0px;
margin: 0px;
color: #000;
font-size: 12px;
font-weight: bold;
}
#topMenu {width: 240px;margin-left:510px;margin-top:5px;position: 
absolute;z-index: 3;text-align: right;}
#topMenu a:hover {text-decoration:none;}
#topMenu ul {list-style-type:none;padding:0px;margin:0px;}
#topMenu ul li 
{display:inline;line-height:21px;height:21px;margin-left:3px;}
#topMenu ul li span {display:inline-block;}
#topMenu ul li span a{display:block;width:21px;height:21px;}
#topMenu ul li span a.nl 
{background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/languages.gif) 0px 0px no-repeat;}
#topMenu ul li span a.en 
{background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/languages.gif) -25px 0px no-repeat;}
#topMenu ul li span a.fr 
{background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/languages.gif) -50px 0px no-repeat;}
#topMenu ul li span a.de 
{background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/languages.gif) -74px 0px no-repeat;}
#topMenu ul li span a.es 
{background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/languages.gif) -99px 0px no-repeat;}
#topMenu ul li span a.it 
{background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/languages.gif) -124px 0px no-repeat;}
#topMenu p{color: #fff;margin: 0px;padding: 0px;font-size: 
8pt;font-weight:normal;display:inline;line-height:21px;height:21px;}
#menuColofon * {color: #2b150a;}
#menuColofon {
margin: 28px;
width:150px;
color: #2b150a;
}
#menuColofon P{
font-size: 8pt;
line-height: 16px;
color: #2b150a;
padding:0px;margin:0px;
margin-bottom:14px;
}
#menuColofon h2 {color: #2b150a;font-size:12px;lin-height:14px;padding:0px;margin:0px;text-transform:uppercase;}
#footer {
background:url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/gras.jpg) center top no-repeat;
left:0px;
width:100%;
height:50px;
margin-top:30px;
}
/* --- END Content Boxes ------------------------------------------------- */
/* --- BEGIN Image Gallery definition ------------------------------------ */
#imageGallery {
padding: 3px;
}
#imageGallery H2{
font-size: 10pt;
}
#imageGallery IMG {
border: 1px solid #FFF;
margin: 2px;
width: 90px;
height: 60px;
}
/* --- END Image Gallery definition -------------------------------------- */
/* --- BEGIN Crossell box definition ------------------------------------- */
#advertiserBox{
margin-left: 20px;
margin-right: 20px;
font-size: 8pt;
}
#xsellBody {
margin-top: 15px;
margin-bottom: 25px;
color : #FFF;
font-size : 8pt;
}
#xsellBody H2{
font-size: 10pt;
color:#FFF;
}
#xsellBody a h2{color:#FFF;text-decoration:underline;}
#xsellBody P {
font-size: 8pt;
margin-bottom: 3px;
}
#xsellBody UL {
font-size: 8pt;
line-height: 16px;
margin-bottom: 5px;
}
#xsellBody LI A{
}
/* --- END Crossell box definition --------------------------------------- */
/* --- BEGIN List Category Box definition (DATABASE ROOT) ---------------- */
#categoryList {
margin-bottom: 10px;
padding: 3px;
color : #FFF;
font-size : 8pt;
line-height: 20px;
}
#categoryList H2{
margin-top: 0px;
margin-bottom: 0px;
color : #FFF;
font-size : 11pt;
font-weight: bold;	
}
#categoryList P{
font-size: 8pt;
margin-top: 3px;
}
#categoryList A:link,
#categoryList A:visited{
color: #FFF;
text-decoration: none;	
}
#categoryList A:hover,
#categoryList A:active{
color: #FFF;
text-decoration: underline;	
}
/* --- END List Category Box definition (DATABASE ROOT) ------------------ */
/* --- BEGIN Article box definition (DATABASE CATEGORY) ------------------ */
#articleBody {
padding: 3px;
border-top : 1px solid #736056;
margin-bottom: 10px;
padding-top:10px;
font-size: 9pt;
line-height: 20px;	
}
#articleBody ul {
list-style-position:inside;
}
img.articleImage {
margin-right: 5px;
float: left;
border : 1px solid #736056;
}
#articleBody P {
margin-top: 0px;
margin-bottom: 6px;
font-size : 9pt;
color: #FFF;
line-height: 20px;
}
#articleBody H2 {
margin-top: 0px;
margin-bottom: 0px;
font-size : 10pt;
font-weight: bold;
}
#articleBody A:link,
#articleBody A:visited {
text-decoration: underline;
}
#articleBody A:hover,
#articleBody A:active {
text-decoration: underline;
}
#articleBody H2,#articleBody H2 A{color:#FFF;text-decoration:underline;}
/* --- END Article box definition (DATABASE CATEGORY) -------------------- */
/*--- BEGIN Attachements ------------------------------------------------- */
table.attachements {
width:380px;
border-collapse : collapse;	
}
table.attachements A:link,
table.attachements A:active,
table.attachements A:visited {
text-decoration: none;
width:235px;
display: block;
color: #FFF;
}
table.attachements A:hover {
color: #FFF;
}
td.att_headers {
font-size: 10pt;
color: #FFFFFF;
font-weight : bold;
padding : 5px;
border-bottom : 1px solid #736056;
}
td.att_subheaders {
font-size: 8pt;
padding : 5px;
border-bottom : 1px solid #736056;
}
td.att_cell {
padding: 5px;
font-size: 8pt;
border-bottom : 1px solid #736056;
}
td.att_field{
padding: 5px;
font-size: 8pt;
font-weight: normal;
}
tr.att_normal { 
background-color: 
}
tr.att_highlight { 
color: #FFF;
background-color: #736056; 
}
.required {
color: #FF0000;
font-size: 10pt;
font-weight: bold;
}
/*--- END Attachements --------------------------------------------------- */
/* --- BEGIN Related Articles box  --------------------------------------- */
#relatedArticles {
font-size : 8pt;
line-height: 20px;
}
#relatedArticles UL{
margin-bottom: 5px;
}
#relatedArticles LI{
list-style-type : square;
}
/* --- END Related Articles box  ----------------------------------------- */
/*--- BEGIN Responder form items  ---------------------------------------- */
table.responder {
width: 400px;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}
table.responder td.responsHeader {
text-align: left;
font-size: 14px;
color: #666;
font-weight: bold;
padding: 10px;
}
table.responder td.responsLeft {
padding-left:10px;
width:110px;
font-size: 9pt;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
table.responder td.responsRight {
padding-top: 5px;
padding-bottom: 5px;	
padding-right:10px;
}
table.responder td.responsMid {
border:0px;
font-size: 9pt;	
padding: 10px;
color: #fff;
}
table.responder td.responsFooter {
height: 20px;
vertical-align: top;
border: 0px;
}
table.responder .field_textarea {
padding: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
border: 1px solid #aaa;
background-image: url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/backgroundInput.gif);
background-repeat: no-repeat;	
}
table.responder .field_normal {
height: 22px;
padding: 3px;
font-size: 9pt;
border: 1px solid #aaa;
background-image: url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/backgroundInput.gif);
background-repeat: no-repeat;
}
table.responder .field_required {	
height: 22px;
padding: 3px;
font-size: 9pt;
border: 1px solid #aaa;
background-image: url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/backgroundInput.gif);
background-repeat: no-repeat;
}
input.catcher {
background-color: #DDDDDD;
color: #000000;
display: none;
}
.buttonGroen {border:1px solid #736056;background:#7eba27;color:#2b150a;}
/*--- END FORM Items ----------------------------------------------------- */
/* --- BEGIN Search box definition --------------------------------------- */
#searchBody {
display:none;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
color : #666666;
font-size : 8pt;
}
#searchBody A:link,
#searchBody A:visited{
display: block;
font-size : 9pt;
width: 23px;
height: 23px;
margin-left: 5px;
padding-left: 0px;
color: #000000;
background-image : url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/search21_off.gif);
background-repeat : no-repeat;
}
#searchBody A:hover,
#searchBody A:active{
background-image : url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/search21_on.gif);	
background-repeat : no-repeat;	
}
#searchBody input.searchField {
color : #666666;
font-size : 9pt;
font-style : normal;
padding: 3px;
border : 1px solid #999999;
background-color: #FFFFFF;
width: 165px;
height: 22px;
background-image : url(../htmlViewDocuments/1AB97F556B91DFF9C12577380038DABA/$FILE/backgroundInput.gif);
}
/* --- END Search box definition ----------------------------------------- */
/* --- BEGIN Navigation Elements ----------------------------------------- */
#pageNavigator{
clear : both;
margin-top: 20px;
font : normal 8pt Arial;
display: block;
color : #fff;
text-align : left;		
line-height: 40px;
border-top : 1px solid #736056;
}
a.paginator:link,
a.paginator:visited {
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #fff;
text-decoration: none;
background-color: #42670a;
border : 1px solid #736056;
text-align : center;
}
a.paginator:active,
a.paginator:hover {
color: #2b150a;
background-color: #7eba27;
border : 1px solid #736056;
}
a.paginator_selected:link,
a.paginator_selected:visited,
a.paginator_selected:active,
a.paginator_selected:hover {
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #2b150a;
text-decoration: none;
background-color: #7eba27;
border : 1px solid #736056;
text-align : center;	
}
a.backLink:link,
a.backLink:visited {
float: right;
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #fff;
text-decoration: none;
background-color: #42670a;
border : 1px solid #736056;
text-align : center;
}
a.backLink:hover,
a.backLink:active {
color: #2b150a;
background-color: #7eba27;
border : 1px solid #736056;
}
a.archiveLink:link,
a.archiveLink:visited {
float: right;
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #fff;
text-decoration: none;
background-color: #42670a;
border : 1px solid #736056;
text-align : center;
}
a.archiveLink:hover,
a.archiveLink:active {
color: #2b150a;
background-color: #7eba27;
border : 1px solid #736056;
}
/* --- END Navigation Elements ----------------------------------------- */
div.datepicker {
/*position: relative;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 196px;
height: 147px;
/*position: absolute;*/
cursor: default;
top: 0;
left: 0;
display: none;
}
.datepickerSpecial {border:1px solid red;}
.highseason {background:#333300;color:#FFF;}
.midseason {background:#42670a;color:#FFF;}
.lowseason {background:#7eba27;color:#FFF;}
.highseason,.midseason,.lowseason {border:1px solid #2a160b;}
.highseason *,.midseason *,.lowseason * {color:#FFF;}
.datepickerContainer {
background: #42291c;
padding:10px;
}
.datepickerHidden {
display: none;
}
div.datepicker table {
border-collapse:collapse;
}
div.datepicker a {
color: #eee;
text-decoration: none;
cursor: default;
outline: none;
}
div.datepicker table td {
text-align: right;
padding: 0;
margin: 0;
}
div.datepicker th {
text-align: center;
color: #999;
font-weight: bold;
font-size:12px;
}
div.datepicker tbody th {
text-align: left;
}
div.datepicker tbody a {
display: block;
}
.datepickerDays a {
width: 20px;
line-height: 16px;
height: 16px;
padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
width: 44px;
line-height: 36px;
height: 36px;
text-align: center;
}
td.datepickerNotInMonth a {
color: #666;
}
tbody.datepickerDays td.datepickerSelected{
background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
color: #FFF;
}
div.datepicker td.datepickerNotInMonth a:hover {
color: #999;
}
div.datepicker tbody th {
text-align: left;
}
.datepickerSpace div {
width: 20px;
}
.datepickerGoNext span,.datepickerGoPrev span {display:inline-block;padding:3px;margin:0px;cursor:pointer;}
.datepickerGoNext a,.datepickerGoPrev a {background-color: #42670a;border:1px solid #736056;}
.datepickerGoNext a:hover,.datepickerGoPrev a:hover {color: #2b150a;background-color: #7eba27;border:1px solid #736056;}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
text-align: center;
}
.datepickerGoNext a {
float: right;
width: 16px;
}
.datepickerGoPrev a {
float: left;
width: 16px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
color: #666;
}
td.datepickerDisabled a:hover {
color: #666;
}
td.datepickerSpecial a {
background: #700;
}
td.datepickerSpecial.datepickerSelected a {
background: #a00;
}
/* --- END StyleSheet -------------------------------------------------- */