/* Algemeen */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #ffffff; background-image:url(../images/masterpage/pageback.gif); background-position: top center; background-repeat: repeat-x; }
body, td { font-family: arial; font-size: 11px; line-height: 15px; }
.NormalFont, .ZoekFormulierInput { font-family: arial; font-size: 11px; line-height: 15px; }
form { padding-bottom: 50px; margin: 0; }
#container { margin: 0 auto; width: 928px; position: relative; }

h3 { font-weight: bold; font-size: 11px; padding: 0px 0px 0px 0px; margin: 16px 0px 0px 0px; }
 
/* Pagina indeling */
#header { position: relative; height: 103px;}
#kcwlogo { position: absolute; left: 15px; top: 24px; width: 67px; height: 82px; border: 0px; }
#campingwijzerlogo { position: absolute; left: 79px; top: 31px; width: 303px; height: 47px; border: 0px; }
#payoff { position: absolute; right: 15px; top: 51px; border: 0px; width: 285px; height: 36px; }
#submenu { position:absolute; right: 18px; top: 2px; }
.submenulinkdivider { margin-left: 4px; margin-right: 4px; color: #B3B3B3; }

#menu { height: 60px; padding-left: 80px; background-image: url(../images/masterpage/maintop.gif); background-repeat: repeat-x; z-index: 1000; }

/* Let op: je moet voor IE hier de breedte opgeven (of iets anders doen om hasLayout true te maken) */
#main { background-color: #ffffff; background-image: url(../images/masterpage/back.gif); padding: 0px 25px 23px 25px; position: relative; line-height: 16px;width:878px;}

.snelzoekeninputtiny { width: 40px; }
.snelzoekeninput { width: 139px; }
.snelzoekenselect { width: 145px; }

ul.nobullets { margin: 0px; padding: 0px; }
ul.nobullets li { list-style-type:none; }

#footer { position: relative; z-index: 1; width: 928px; background-color: #f1f1f1; height: 37px; clear:both; background-image:url(../images/masterpage/footerback.gif); }
#footerlogo { position: absolute; left: 18px; top: 9px; }
#footerlinks { position: absolute; right: 18px; top: 9px; }
.footerlinkdivider { margin-left: 4px; margin-right: 4px; color: #B3B3B3; }

/* Kolom breedtes voor de verschillende soorten kolommen */
.onecol { width: 204px; } 
.twocols { width: 428px; }
.threecols { width: 652px; }
.fourcols { width: 876px; }

.stippledbrdivider { line-height:1px; height:1px; margin-bottom:8px; border-bottom: 1px dashed #B3B3B3; }
.bottompaddedlink { margin-bottom: 8px; }

/* Standaard margins tussen de kolommen */
.colmarginright { margin-right: 20px; }

/* Gestippelde randen */
.stippledrect { border: 1px dashed #B3B3B3; padding: 10px 14px 10px 14px; }
.stippledbottomborder { border-bottom: 1px dashed #B3B3B3; padding-bottom: 4px;}
.stippledtopbottomborder { border-top: 1px dashed #B3B3B3; border-bottom: 1px dashed #B3B3B3; padding-top: 4px; padding-bottom: 4px;}
.stippledtopborder { border-top: 1px dashed #B3B3B3; padding-top: 4px; }
.stippleddivider { margin-top: 4px; border-top: 1px dashed #B3B3B3; padding-bottom: 4px; font-size: 1px; }
.stippled { border-bottom: 1px dashed #B3B3B3; }

.toppadded { padding-top: 4px; }
.topmargin { margin-top: 20px; }

h1 { color: #e00e00; font-size: 11px; padding:0px 0px 3px 0px; margin: 0px 0px 3px 0px; border-bottom: 1px dashed #B3B3B3; }

/* 
Deze twee moeten identiek zijn, de benoemde stijl wordt door de RadEditor gebruikt omdat de paragraph ondersteuning brak is (Q3 2008 versie) 
De twee stijlen kunnen niet komma gescheiden worden gedeclareerd omdat RadEditor in FF dan de stijl niet laadt
*/
h2 { color: #000000; font-size: 11px; font-weight: bold; padding:0; margin:0; }

.UserText { color: #000000; font-size: 11px; padding:0; margin-bottom:10px; margin-top:0px;}
.UserText h2 { color: #000000; font-size: 13px; font-weight: bold; padding:0; margin-bottom:5px; margin-top:0px;}

.block { padding: 0px 8px 0px 8px; }
.red { color: #e00e00; }
.blue { color: #004289; }

h1.noborderbottom { border-bottom: 0px; }

a, a:visited, a:link { color: #004289; text-decoration: none; } /*0056b1*/
a:hover { text-decoration: underline; }

.center { margin: 0 auto; }
.Relative { position: relative; }

.LandTop3 { float:left; border-bottom: 1px dashed #B3B3B3; margin-right: 20px; height: 70px; margin-bottom: 20px; }

.redtitledblock, .bluetitledblock { border-bottom: 1px dashed #B3B3B3; margin-right: 20px; margin-bottom: 20px; padding-bottom: 4px; }

.redHeader { display:block; font-weight:bold; font-size: 13px; color:#e00e00; margin-bottom:5px; }

h1.RedTitle, h1.BlueTitle { background-color: #e00e00; background-image: url(../images/redtitleback.gif); background-repeat: repeat-x; color: #ffffff; padding: 0; border: 0; font-weight: bold; padding: 0px 8px 0px 8px; position: relative; line-height: 18px; height: 20px; }
h1.BlueTitle { background-color: #0056b1; background-image: url(../images/bluetitleback.gif); }
h1.RedTitle a, h1.BlueTitle a
{
	font-size: 11px;
	position: absolute; 
	right: 4px;
	white-space: nowrap;
	top: 0px;
	//top: -1px; /* IE ONLY */
	font-weight: normal;
	text-decoration: none;
	padding-right: 8px;
	background-image: url(../images/arrowright.gif);
	background-position: right 7px;
	//background-position: right 8px; /* IE ONLY */
	background-repeat: no-repeat;
	color: White;
}
h1.RedTitle a:hover, h1.BlueTitle a:hover { text-decoration: underline; }
h1.RedTitle a:visted, h1.BlueTitle a:visted { color: White; }

h1.RedTitle2, h1.BlueTitle2 { background-color: #e00e00; background-image: url(../images/redtitleback.gif); background-repeat: repeat-x; color: #ffffff; padding: 0; border: 0; font-weight: bold; padding: 0px 8px 0px 8px; position: relative; line-height: 18px; height: 20px; }
h1.BlueTitle2 { background-color: #0056b1; background-image: url(../images/bluetitleback.gif); }
h1.RedTitle2 a, h1.BlueTitle2 a
{
	font-size: 11px;
	position: absolute; 
	left: 4px;
	white-space: nowrap;
	top: 0px;
	font-weight: normal;
	text-decoration: none;
	padding-right: 8px;
	background-image: url(../images/arrowright.gif);
	background-position: right 7px;
	background-position: right 7px;
	background-repeat: no-repeat;
	color: White;
}
h1.RedTitle2 a:hover, h1.BlueTitle2 a:hover { text-decoration: underline; }
h1.RedTitle2 a:visted, h1.BlueTitle2 a:visted { color: White; }


.Aantal { color: #616161; }
.todo { color: #aaaaaa; }
.Gray { color: #616161; }

.FloatRight { float: right; }
img.FloatRight { margin-left: 8px; margin-bottom: 4px; }

.Padded, #ZoekFormulier td { padding-left: 8px; padding-right: 8px; }

h1.Large { font-size: 16px; line-height: 20px; }
h1.Black { color: #000000; padding-left: 8px; font-size: 11px; }
h1.Blue { color: #004289; }

.GebiedenInLand 
{
	float: left; 
	width: 159px; 
	//width: 161px; /* IE ONLY */
}

.TEST { border: 1px solid black; }

br.Spacer { line-height: 20px; height: 20px; }

.buttonbottommargin { display: block; margin-bottom: 5px; }

img.RightPadded { margin-right: 14px; }
img.TopPadded { margin-top: 5px; }
img.BottomPadded { margin-bottom: 20px; }

.MetAdvertentie { border-right: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; margin-top: -4px; background-color: #fffbe3; }
.ZonderAdvertentie { border-right: 1px solid white; border-left: 1px solid white; border-bottom: 1px dashed #B3B3B3; margin-top: -4px; }

a.SelectedSortering { text-decoration: underline; }

.Ok { margin-left: 137px; }
.zoekbarselectlarge { width: 100%; }
.zoekbarselectnormal { width: 104px; }
.zoekbarselectsmall1 { width: 77px; margin-right: 0px; }
.zoekbarselectsmall2 { width: 25px; }
.zoekbarRow { margin-bottom: 4px; }

.ZoekFormulier { border-top: 1px dashed #B3B3B3; }
.ZoekFormulier td { padding-left: 8px; padding-right: 8px; }
.ZoekFormulierInput1 
{
	width: 189px; 
	//width: 191px; /* IE ONLY */
	line-height: normal; 
}
.ZoekFormulierInput2 { width: 185px; line-height: normal; }
.ZoekFormulierInput3 { width: 429px; line-height: normal; }
.ZoekFormulierInput4 { width: 429px; line-height: normal; height: 70px; }
.ZoekFormulierInput5 { width: 25px; line-height: normal; }
.ZoekFormulierRowEnd td { border-bottom: 1px dashed #B3B3B3; height: 24px; line-height: 24px; }
.ZoekFormulierRow { height: 24px; line-height: 24px; }
.ZoekFormulierLeftColumn { width: 176px; }
.ZoekFormulierRightColumn {	background-color: #f8f8f8; }

.CheckBoxList td { border-bottom: 0px; }
.ZoekFormulier label { padding-left: 4px; position:relative; top:-2px; }

.zoekselectsmall1 { width: 122px; }

.ConsulentenTabel { border-bottom: 1px dashed #B3B3B3; }
.ConsulentenTabel tr, .ConsulentenTabel thead { height: 20px; line-height: 20px; }
.ConsulentenTabel th { text-align:left; font-weight: bold; color: #e00e00; border-bottom: 1px dashed #B3B3B3; padding-left: 8px; padding-right: 8px; }
.ConsulentenTabel td { padding-left: 8px; padding-right: 8px; }
.ConsulentenTabelAlternateRow td { background-color: #f8f8f8; }
.TelefoonOpmerking { color: #616161; }

.Verplicht { float: right; color: #e00e00; font-weight: bold; font-size: 18px; padding-top: 4px;}

.AdvertentieMeer { text-align: right; padding-right: 8px; } 
.Trefwoorden { color: #616161; }

.VoorzieningIconen 
{
	float:right; 
	margin-top: -1px;
	//margin-top: 0px; /* IE ONLY */
}

.VoorzieningGroep span {display:block;}
.VoorzieningSubItem {margin-left:10px;}

.InfoBarContainer 
{
	position:absolute; 
	left:0px; 
	top:-20px; 
	width:100%;
}

.InfoBar 
{
	background-image: url(../images/masterpage/crumblepathback.gif);
	background-repeat: repeat-x;
	background-position: top center;
	margin: 0px 6px 0px 6px; 
	height: 32px; 
	line-height: 32px; 
	padding: 0px 23px 0px 8px; 
	overflow: auto;
}

a.noline, a.noline:hover, a.noline:visited, a.noline:link { text-decoration: none; }

.SnelZoeken input, .SnelZoeken select { font-family: arial; font-size: 11px; line-height: 15px}
.SnelZoeken input {width:146px}
.SnelZoeken select {width:152px}
.SnelZoeken .SnelZoekenInputInY		{ width: 42px; margin-right: 1px;}
.SnelZoeken .SnelZoekenInputInYLast		{ width: 42px; margin-right: 0px;}
.SnelZoeken tr {height:21px;}
.SnelZoeken .Spacer {height:4px;}
.SnelZoeken th {text-align: left; font-weight:normal;}

.SnelZoekenRadioButtons input {margin: 0 3px 0 0;}

h1.blue { color: #004289 !important; padding:0px 0px 3px 0px !important; }

.Compact { margin:0px;}

.OverCampingwijzer h2 {font-size: 13px}

.MeerInfo {clear:both;}

/* Beurzen tabel */
.BeursTabel 
{
	border-collapse:collapse;
	border-style:none;
}
.BeursTabel td
{
	border:solid 1px #f2f2f2;
	padding: 3px 10px 3px 3px;
	font-size:1em;
}
.BeursTabel th 
{
	border: solid 1px Red;
	border-bottom-style:hidden; /* Otherwise right border of first td row cells bleeds into th row */
	background-color:Red;
	color:White;
	font-weight:bold;
	text-align:left;
	padding-right:20px;
	font-size:1.1em;
}
.BeursTabel .Sizes td
{
	border:solid 1px #d8d8d8;
	background-color:#d8d8d8;
	font-weight:bold;
}
.BeursTabel .Month td
{
	border:solid 1px #f2f2f2;
	background-color:#f2f2f2;
	font-weight:bold;
}

.MapTip
{
	padding-left: 10px;
	padding-right: 10px;
	margin: 10px, 0px;
	border: solid 1px #555555;
	background-color: #FFFFE0;
	font-size:13px;
	font-weight: bold;
	display: none;
}

/* plaats auto complete*/
.plaatsCompletionList {
background-color:window;
border-color:buttonshadow;
border-style:solid;
border-width:1px;
color:windowtext;
cursor:default;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:left;
z-index:100;
margin:0px;
}

.waitDiv 
{
	display: none; 
	position:absolute; 
	top: 40px; 
	bottom: 0px; 
	left: 0px; 
	right: 0px; 
	z-index:1000000; 
	background-color:White; 
	opacity: 0.8; 
	filter:alpha(opacity=80); 
	text-align:center;
}

.waitDiv img {margin-top: 190px;}

h4 { color: #e00e00; font-size: 11px; padding:0px 0px 3px 0px; margin: 0px 0px 3px 0px; border-bottom: 1px dashed #B3B3B3; }
h4.noborderbottom { border-bottom: 0px; }
h4.RedTitle, h4.BlueTitle { background-color: #e00e00; background-image: url(../images/redtitleback.gif); background-repeat: repeat-x; color: #ffffff; padding: 0; border: 0; font-weight: bold; padding: 0px 8px 0px 8px; position: relative; line-height: 18px; height: 20px; }
h4.BlueTitle { background-color: #0056b1; background-image: url(../images/bluetitleback.gif); }
h4.RedTitle a, h4.BlueTitle a
{
	font-size: 11px;
	position: absolute; 
	right: 4px;
	white-space: nowrap;
	top: 0px;
	//top: -1px; /* IE ONLY */
	font-weight: normal;
	text-decoration: none;
	padding-right: 8px;
	background-image: url(../images/arrowright.gif);
	background-position: right 7px;
	//background-position: right 8px; /* IE ONLY */
	background-repeat: no-repeat;
	color: White;
}
h4.RedTitle a:hover, h4.BlueTitle a:hover { text-decoration: underline; }
h4.RedTitle a:visted, h4.BlueTitle a:visted { color: White; }

h4.RedTitle2, h4.BlueTitle2 { background-color: #e00e00; background-image: url(../images/redtitleback.gif); background-repeat: repeat-x; color: #ffffff; padding: 0; border: 0; font-weight: bold; padding: 0px 8px 0px 8px; position: relative; line-height: 18px; height: 20px; }
h4.BlueTitle2 { background-color: #0056b1; background-image: url(../images/bluetitleback.gif); }
h4.RedTitle2 a, h4.BlueTitle2 a
{
	font-size: 11px;
	position: absolute; 
	left: 4px;
	white-space: nowrap;
	top: 0px;
	font-weight: normal;
	text-decoration: none;
	padding-right: 8px;
	background-image: url(../images/arrowright.gif);
	background-position: right 7px;
	background-position: right 7px;
	background-repeat: no-repeat;
	color: White;
}
h4.RedTitle2 a:hover, h4.BlueTitle2 a:hover { text-decoration: underline; }
h4.RedTitle2 a:visted, h4.BlueTitle2 a:visted { color: White; }
h4.blue { color: #004289 !important; padding:0px 0px 3px 0px !important; }

h4.Large { font-size: 16px; line-height: 20px; }
h4.Black { color: #000000; padding-left: 8px; font-size: 11px; }
h4.Blue { color: #004289; }

#CampingsCountSpan {color: rgb(224,14,0); margin-top: 30px;}
#CampingsCountSpan a {color: rgb(224,14,0);font-size: 11px;}
#CampingsTitle a {color: rgb(224,14,0);}
#CampingsCountSpan .campingCount {font-size: 24px;}

.CampingsZoekPanel h6 
{
	font-size:12px;
	text-align:center;
	margin:10px;
}

.CampingsZoekPanel a 
{
	font-size:12px;
}

.CampingsZoekPanel a.ongedaanMaken 
{
	font-size:11px;
}

.descriptionContainer {position: absolute; right:25px; top:0px;}
.description {position: relative; width:400px; z-index:10; cursor: pointer; }
.descriptionIcon { display:block; float:right; }
.descriptionLink span { display:block; float:right; height:15px; margin-left:3px; line-height:15px; vertical-align:middle; font-weight:bold; }
.descriptionText {display: none; position: absolute; top: 120px; border: solid 1px black; background-color: #FFFFE0; padding: 3px; z-index: 10;}
.hover div.descriptionText {display:block}

.bdccLogo { position:absolute; top:-40px; right:25px;}

.weekCalendarContainer { position:relative; height:100px;}
table.weekCalendar { position:absolute; top:0px; left:0px; border:1px solid #bfc0c1; border-right:0px;}
table.weekCalendarContent { top:50px; border:0px; margin-left:1px;}
table.weekCalendarFiller { top:25px; border:0px; margin-left:1px;}
table.weekCalendar th {width: 15px; height: 20px; text-align:left;border-right: 1px solid #bfc0c1; padding-left: 3px; background-color:#f6f6f6; }
table.weekCalendar td {position:relative; width: 15px; border-right: 1px solid #dbdcdc; background-color:#f6f6f6; }
table.weekCalendar tr.weekRow td { height: 30px; vertical-align:top;}
table.weekCalendar tr.fillerRow td { height: 50px; background-color:Transparent;}
table.weekCalendar tr.fillerRow2 td,
	table.weekCalendar tr.toolTipRow td { background-color:Transparent; border-color:Transparent; }
table.weekCalendar tr.fillerRow2 td img,
	table.weekCalendar tr.toolTipRow td img { height: 25px; }
table.weekCalendar tr.contentRow td { height: 25px; position:relative;}
table.weekCalendar td.seasonClosed {background-color: Gray;}
table.weekCalendar td.seasonLow {background-color: #89ea89;}
table.weekCalendar td.seasonMedium {background-color: #52bbe7;}
table.weekCalendar td.seasonHigh {background-color: White;}
table.weekCalendar td.lastWeekInMonth { border-right:1px solid #bfc0c1;}
table.weekCalendar td span.contentWeek { display:block; position:absolute; width:10px; line-height:25px; vertical-align:middle;}


.weekCalendarLegend {margin-top: 10px;}
.weekCalendarLegendItem {float: left;}
.weekCalendarLegendBlock {float: left; width: 25px; height: 16px; border: solid 1px black; margin-right: 5px; text-align: center;}
.weekCalendarLegendText {float: left; height: 16px; margin-right: 10px;}
.weekCalendarLegendClosed {background-color: Gray;}
.weekCalendarLegendLow {background-color: #89ea89;}
.weekCalendarLegendMedium {background-color: #52bbe7;}
.weekCalendarLegendHigh {background-color: White;}

.homeBanners {margin-top: 20px; padding-left: 47px;}
.homeBanners div {float: left; margin-right: 10px; margin-bottom: 10px;}

.bdccVoordeel p {margin:0px 0px 0px 0px; padding-left: 25px; background: url(../Images/check.jpg) no-repeat left; }
.bdccVoordeelHome p {margin:0px 0px 5px 0px; padding-left: 25px; background: url(../Images/check.jpg) no-repeat left; font-size:12px; }
.bdccAanmeldForm input[type=text] { width:160px; margin: 0px; }

.bdccTable th { width:95px; text-align:left;}
.bdccTable td { width:70px;}
.bdccTable td.large { width:500px; text-align:left;}

a.redButton { background-image:url(/Images/button.gif); display:block; width:184px; height:24px; text-align:center; color:White; vertical-align:middle; line-height:24px; font-weight:bold; text-decoration:none; }
a.redButtonWide { background-image:url(/Images/buttonWide.gif); display:block; width:264px; height:24px; text-align:center; color:White; vertical-align:middle; line-height:24px; font-weight:bold; text-decoration:none; }

.campingInfoBoxName {height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;position:absolute;font-weight:bold;color:#e00e00;}

.zoekBarFilters label {position: relative; top: -2px;}

.LijstPanel a:link {text-decoration: none;}

/* resizeable button */
.resizeablebutton { position: relative; border: 0; padding: 0; display: inline-block; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ }
.resizeablebutton::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */ }
.resizeablebutton span { position: relative; display: block; white-space: nowrap; }
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ 
    .resizeablebutton span { margin-top: -1px; } 
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
.resizeablebutton { padding: 0 8px 0 0; margin-right:5px; font-weight: bold; text-align: center; background: transparent url(/images/ResizeableButton.png) no-repeat right -44px; }	
.resizeablebutton span { padding: 3px 0 0 8px; height:21px; background: transparent url(/images/ResizeableButton.png) no-repeat left top; color:#fff; }	
.resizeablebutton:hover { text-decoration: none;}
/* .resizeablebutton:hover, .resizeablebuttonHover { the redundant class is used to apply the hover state with a script background-position: right -210px; }  */
/* .resizeablebutton:hover span, .resizeablebuttonHover span { background-position: 0 -70px; } */